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


@font-face {
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 300;
  src: local('Opensans'), local('Opensans-Regular'), url(../font/opensans-regular.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: 500;
  src: local('Opensans Semibold'), local('Opensans-Semibold'), url(../font/opensans-semibold.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: 700;
  src: local('Opensans Bold'), local('Opensans-Bold'), url(../font/opensans-bold.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;
}

/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:700;}
p{margin:0;padding:0 0 1rem}
a.links{ color:#2d4a9a; }
a.links:hover{ text-decoration:underline; }

body{font-family: Opensans;color:#495057; font-weight: 300; font-size:0.875rem;  line-height:1.375rem}
hr{ border-top:1px #ddd dashed; margin:1rem 0}
table{margin:5px 0 0;width:100%;}
.table-responsive{margin-bottom:20px}
table,td{border:1px solid #999!important}
.table>tbody>tr{background-color:#fff}
.table>tbody>tr:nth-of-type(odd){background-color:#fff}
.table-hover>tbody>tr:hover,.table>tbody>tr:nth-of-type(odd):hover{background-color:#fff}  
.table .top{background:#f2f2f2!important;}  
.table>tbody>tr>td{vertical-align:middle;padding:8px;font-size:14px;line-height:18px} 
.etw_hometitle,h2{ padding:0.5rem 0 1.25rem;font-size:1.8rem; color:#202020;font-weight:700; margin: 0;}
.etw_hometitle{font-size:1.35rem; text-transform:uppercase; padding-bottom:1.125rem; color:#202020; margin-bottom:1rem}
.etw_hometitle span{ display:block; position:relative}
.etw_hometitle span:before{ width:60px; height:3px; background:#2d4a9a; left:0; bottom:-15px; position:absolute; content:"";}


inquiry,u.inquiry{text-decoration: none; color:#666;}
u.inquiry:after{content:"INQUIRY"; display:inline-block;background:#e3e4e5; color:#666;text-align: center;line-height: 1;padding:4px 10px;font-size:12px;  float:left; width:88px}
u.inquiry:hover:after{ background:#285a92; color:#fff;} 
#etw_top{position:fixed;width:35px;height:35px;right:55px;bottom:150px;text-align:center; background:#f35d0b;z-index:100;cursor:pointer; color:#fff; font-weight:700; line-height:28px; border-radius:50%}
#etw_top a{color:#fff} 
#etw_top:hover{ transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;background:#174277; } 


/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; background: #fff; margin:0 auto;}
#headerin{width:100%; margin:0px auto; max-width:990px; }
.headertop{ width:100%; height:auto; margin:0 auto; background:#3a4750; overflow:hidden}
#etw_logo{ width:90px; height:93px; float:left;}
.navbtn{ margin-top:1rem;}
#etw_language{float:right; height:40px; padding-right:1rem}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.875rem; padding:0.5rem 1rem 0.4rem;color:#545454; min-width:auto}
#etw_language .dropdown-item:hover{ color:#008cc1; text-decoration:underline; background:none}


.top-nav{ width:auto; float:right; padding-top:1rem}
.navbar{ padding:0 1rem;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav .nav-link{color:#545454; font-size:0.875rem; padding:0 0 0 1.3rem; line-height:2rem; }
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{background-color:none;color:#008cc1;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.8375rem; line-height:1.125rem} 
.dropdown-item{ white-space:normal; min-width:16rem;}


/*首页附加样式*/
#etw_banner{ position: relative; width:100%; margin:0 auto; }
#etw_banner img{width:100%; text-align:center; margin:0 auto;} 
#etw_banner .banner_txt{ width:100%; margin:0 auto; position: absolute; top:15%; max-width:480px; left:30%; right:0; text-align:center} 
#etw_banner .banner_txt h2{font-size:1.875rem; color:#0a5d9f; width:100%; font-weight:700; line-height:2.2rem; font-family: 'Opensans';text-align: right;}  
#etw_banner .banner_txt h2 span{color:#fff;}  
 

#mainpro .etw_hometitle{ padding:0; margin:0} 
#mainpro .etw_hometitle a{ display:block; text-align:center; font-family:Arial;padding:0.6rem 0 1.4rem 0;font-size:1.5rem;line-height:1.5rem; color:#393939;font-weight: 700;position: relative;text-transform: capitalize;}
#mainpro .etw_hometitle a:before{position: absolute;content: "";background: #84b320;width: 11rem;height: 0.15rem;left: 0;right: 0;bottom: 0.7rem;margin:0 auto;}
#mainpro .etw_hometitle a:hover{ color:#0a5d9f;}
#mainpro{ width:100%; height:auto; margin:0 auto; background: #ebebeb;overflow: hidden;padding-top: 20px}
#mainpro p{ width:100%; margin:0 auto; text-align:left;color: #393939;font-weight: 600;font-family:Arial}
#mainpro ul,#mainpro ul li ol{ width:100%; height:auto; float:left;}
#mainpro ul>li{ width:31.3%; height:auto; float:left; margin:0 3% 1.4rem 0}
#mainpro ul>li:nth-child(3n){ margin-right:0}
#mainpro ul>li:nth-child(3n+1){ clear:both}
#mainpro ul li ol li.product_img{ width:100%; float:left;text-align:center;} 
#mainpro ul li ol li.product_img img{width:100%;} 
#mainpro ul li ol li.product_img:hover{transition: 1s}
#mainpro ul li ol li.product_con{width:100%;text-align:left; float:left;background: #0a5d9f} 
#mainpro ul li ol li.product_con a{ display:block; color:#fff; display:block; font-size:14px; line-height:18px;  padding:8px 0 8px 0;text-align: center;}
#mainpro ul li ol li.product_con span{ display:block; font-size:1.4rem; line-height:1.8rem; color:#888; padding-right:1.5rem}
#mainpro ul li:hover ol li.product_con a{text-decoration:underline}  


.etw_homelink .etw_hometitle{ display:block; text-align:center; color:#333; font-size:1.5rem; line-height:1.6rem; padding:0; margin:0; font-weight:300}
.etw_homelink .etw_hometitle a{display:block;text-align:left;font-family:Arial;padding:0.6rem 0 1.4rem 0;font-size: 1.2rem;line-height:1.5rem;color:#393939;font-weight: 700;position: relative;text-transform: capitalize;}
.etw_homelink .etw_hometitle a:before{position: absolute;content: "";background: #84b320;width: 4rem;height: 0.15rem;left: 0;right: 0;bottom: 0.7rem;}
.etw_homelink .etw_hometitle a:hover{ color:#0a5d9f;}
.etw_homelink{ width:94%; height:auto; margin:0 auto; padding:3rem 0 1.5rem 0; max-width:990px}
.etw_homelink ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_homelink ul li{ width:48%; margin:0 4% 1.25rem 0;}
.etw_homelink ul li:nth-child(2){margin-right: 0}
.more{padding:0.4rem 0.5rem;border: 0.0625px solid #84b320;text-transform: uppercase;font-size: 0.875rem;color: #545454}
.more:hover{border: 0.0625px solid #0a5d9f;}

 
.etw_mainbody{ width:100%; margin:0 auto; background:#f5f5f5; padding:2rem 0 2rem; overflow:hidden;background: #ebebeb} 
.etw_mainbody .etw_hometitle{ display:block; text-align:center; color:#333; font-size:1.5rem; line-height:1.6rem; padding:0; margin:0; font-weight:300}
.etw_mainbody .etw_hometitle a{display:block;text-align:left;font-family:Arial;padding:0 0 1.4rem 0;font-size: 1.2rem;line-height:1.5rem;color:#393939;font-weight: 700;position: relative;text-transform: capitalize;}
.etw_mainbody .etw_hometitle a:before{position: absolute;content: "";background: #84b320;width: 4rem;height: 0.15rem;left: 0;right: 0;bottom: 0.7rem;}
.etw_mainbody .etw_hometitle a:hover{ color:#0a5d9f;} 

.etw_mainbody ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_mainbody ul li{ width:48%; margin:0 4% 0 0; position:relative}
.etw_mainbody ul li:nth-child(2){ margin-right:0}


#etw_bottom1{background: #ebebeb;width: 100%;overflow: hidden;margin: 0 auto;margin-top: 10px}
#etw_bottom .etw_hometitle{padding:0; margin:0} 
#etw_bottom .etw_hometitle a{ display:block; text-align:center; font-family:Arial;padding:0.6rem 0 1.4rem 0;font-size:1.5rem;line-height:1.5rem; color:#393939;font-weight: 700;position: relative;text-transform: capitalize;}
#etw_bottom .etw_hometitle a:before{position: absolute;content: "";background: #84b320;width: 11rem;height: 0.15rem;left: 0;right: 0;bottom: 0.7rem;margin:0 auto;}
#etw_bottom .etw_hometitle a:hover{ color:#0a5d9f;}
#etw_bottom{ width:94%; margin:0 auto; padding:1.6rem 0 1rem 0; max-width:990px; overflow:hidden;text-align: center;} 
#etw_bottom ul{display:flex; flex-flow: wrap; justify-content: center;}
#etw_bottom ul li{ padding-left:2.25rem; text-align: left;}
#etw_bottom ul li:nth-child(1){background:url(../images/i-people.png) left top no-repeat; margin-right: 2.25rem;}
#etw_bottom ul li:nth-child(2){background:url(../images/i-tel.png) left top no-repeat;margin-right: 2.25rem;}
#etw_bottom ul li:nth-child(3){background:url(../images/i-email.png) left top no-repeat;margin-right: 2rem;}
.brief{margin-top: 10px}

 
.feedback{ width:94%; height:auto; margin:0 auto; max-width:990px;} 
.feedback p{ width:auto; float:left; color:#333; font-size:1.5rem; font-weight:500; text-align:left; margin:0.5rem 3rem 0 0}
.feedback a{ display:inline-block; width:auto; color:#fff; background:#2d4a9a; font-size:1.125rem; text-transform:uppercase; text-align:center; padding:0.8rem 1.25rem}
.feedback a:hover{ background:#000}

p.center{ text-align:center} 
.etw_homelink1{ width:100%; height:auto; float:left;}
.etw_homelink1 ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_homelink1 ul>li{ width:31.3%; margin:0.3rem 3% 1.5rem 0}
.etw_homelink1 ul>li:nth-child(3n){ margin-right:0}
.etw_homelink1 ul>li>ol,.etw_homelink1>ul>li>ol>li{ width:100%;} 
.etw_homelink1 ul>li>ol>li.product_img img{ width:100%; text-align:center;}  
.etw_homelink1 ul>li>ol>li.product_con a{ display:block; text-align:left; font-size:0.9375rem; font-weight:500; line-height:1.125rem; color:#333; padding:0.5rem 0 0 0} 
.etw_homelink1 ul>li:hover>ol>li.product_con a{ color:#2d4a9a; text-decoration:underline} 

.application{ width:100%; height:auto; float:left;}
.application ul{ width:100%; display:flex; flex-wrap:wrap}
.application ul>li{ width:18.4%; margin:0.8rem 2% 1.5rem 0}
.application ul>li:nth-child(5n){ margin-right:0}
.application ul>li>ol,.etw_homelink1>ul>li>ol>li{ width:100%;}  
.application ul>li>ol>li.product_img img{ width:100%; text-align:center;}   
.application ul>li>ol>li.product_con a{ display:block; text-align:left; font-size:0.875rem; line-height:1.125rem; color:#333; padding:0.5rem 0 0 0} 
.application ul>li:hover>ol>li.product_con a{ color:#2d4a9a; text-decoration:underline} 
.application ul>li:nth-child(5n)>a{ display:block; color:#333; font-weight:700; font-size:1.25rem;; text-align:center; width:100%; height:81%; background:#f5f5f5; padding-top:45%}
.application ul>li:nth-child(5n)>a:hover{ color:#fff; background:#2d4a9a}

.bannertxt{ width:auto; float:right; text-align:right}
.bannertxt h1{ color:#000; font-size:1.125rem; line-height:1.125rem; padding:0; margin:0; font-weight:500}

/*container*/
#container{margin-top:111px;border-top: 1px solid #008cc1} 
.content{ width:94%;  max-width:990px; margin:0 auto;}
.etw_content{ width:94%;  max-width:990px; margin:0 auto; background:#f4f4f4}
#etw_right{ width:72%; float:left; background:#fff; padding:0 0 2% 0} 
#etw_sidebar{ width:26.5%; float:right;} 
#etw_sidebar .etw_hometitle{ display:block; color:#000; text-align:left; font-size:1rem; font-weight:500; padding:0 0 0.8rem 0; margin:0.5rem 0 1rem 0; position:relative}
#etw_sidebar .etw_hometitle:before{ position:absolute; content:""; width:40px; height:3px; background:#84b320; left:0; bottom:3px;}

.etw_productlist{ width:100%; float:left; padding:0 1rem}
.etw_productlist ul,.etw_productlist ul li,.etw_productlist ul li ol li,.etw_productlist ul li ol li{ width:100%; float:left}
.etw_productlist>ul>li>a{ display:block; font-size:0.875rem; color:#444; line-height:1.125rem; font-weight:500; padding:10px 0 10px 1rem;  border-left:1px #e8e8e8 solid;border-bottom:1px #e8e8e8 solid;} 
.etw_productlist>ul>li>ol>li>a{ font-size:0.75rem; color:#777; padding:3px 0 3px 25px;border-left: 1px solid #e8e8e8;display: block;position: relative;}
.etw_productlist>ul>li>ol>li>a:before{position: absolute;content: "\f101";font-family: fontawesome;top: 2px;left: 15px;right: 0;bottom: 0}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{color:#008cc1; }
 

/*快速导航*/
#etw_producttitle{margin:10px auto 0px; height:auto; color:#a6a6a6; overflow:hidden; padding:0; font-size:0.875rem; width:auto; float:left}
#etw_producttitle a{ color:#333; padding-right:0.2rem; }
#etw_producttitle li{display:inline-block}
#etw_producttitle ol{ margin-bottom:0}
#etw_producttitle li+li::before{padding:0 1rem 0 0.6rem;color:#666;content:"\f105"; font-size:0.875rem; font-family:fontawesome}
#etw_producttitle a:hover{color:#0774bd; text-decoration:underline;} 



/*其他公用样式*/
.videoall,.videoall ul{ width:100%; float:left;}
.videoall ul>li{width:48%; margin:0 4% 1.25rem 0; float:left;}
.videoall ul>li:nth-child(2n){ margin-right:0}
.videoall ul>li:nth-child(2n+1){ clear:both}
.etw_title{ display:block; color:#000; text-align:left; font-size:1rem; font-weight:500; padding:0 0 0.8rem 0; margin:1rem 0 0 0; position:relative}
.etw_title:before{ position:absolute; content:""; width:40px; height:3px; background:#84b320; left:0; bottom:3px;}
.serve1 { width:990px; margin:0 auto}
.serve1 .serve_list {width: 990px;margin: auto;}
.serve1 .serve_list .list {background-color: #fff;overflow: hidden;margin-bottom: 24px;border: 2px solid transparent;}
.serve1 .serve_list .list .left {width: 150px;height:320px;float: left;border-right: 2px solid #f1f1f1;margin-right: 26px;background-position: center;background-repeat: no-repeat;}
.serve1 .serve_list .list .right {padding: 40px;}
.serve1 .serve_list .list .right h3 {font-weight: bold;font-size: 0.9rem;}
.serve1 .serve_list .list p {color: #898989;font-size: 14px;line-height: 30px;}
.serve1 .serve_list .list .left1 {background-image: url("../images/value1.jpg");}
.serve1 .serve_list .list .left2 {background-image: url("../images/value2.jpg"); height:160px;}
.serve1 .serve_list .list .left3 {background-image: url("../images/value3.jpg"); height:250px}
.serve1 .serve_list .list:hover {border: 2px solid #84b320;}
.serve5 {width:990px; margin:0 auto}
.serve5 .serve_list {width: 990px;margin: auto;}
.serve5 .serve_list .list {background-color: #fff;overflow: hidden;margin-bottom: 24px;border: 2px solid transparent;}
.serve5 .serve_list .list .left {width: 120px;height:120px;float: left;margin-right: 26px;background-position: center;background-repeat: no-repeat; position:relative;margin-top: 20px; }
.serve5 .serve_list .list .left img{position: absolute; left:35px; top:35px; width:40%;}
.serve5 .serve_list .list .right {padding: 40px;}
.serve5 .serve_list .list .right h3 {font-weight: bold;font-size: 0.9rem;}
.serve5 .serve_list .list p {color: #898989;font-size: 14px;line-height: 30px;}
.serve5 .serve_list .list .left1 {background-image: url("../images/circle2.png");background-size: 80%;}
.serve5 .serve_list .list .left2 {background-image: url("../images/circle2.png");background-size: 80%;}
.serve5 .serve_list .list .left3 {background-image: url("../images/circle2.png");background-size: 80%;}
.serve5 .serve_list .list:hover {border: 2px solid #84b320;}
.serve4 {height: 611px;background: url("../images/liucheng_bg.jpg") no-repeat;background-size: cover;background-position: center; }
.serve2 {  height: 980px;  /*background: url("../images/ziyuan_bg.jpg") no-repeat; */ background-size: cover;  position: relative;}
.server2_cover {position: absolute;
  width: 1200px;height: 100%;left: 50%;transform: translateX(-50%);top: 0;background: url("../images/tuoyuan.png") no-repeat center;}
.center {width: 294px;height: 294px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: url("../images/circle1.png") no-repeat center;background-size: 100%;font-size: 36px;color: #fff;line-height: 68px;padding: 85px;text-align: center;}
.fang {width: 182px;height: 182px;background: url("../images/circle2.png") no-repeat center;position: absolute;color: #717989;}
.fang img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.fang .text {width: 260px;height: 90px;position: absolute;left: -270px;top: -20px;}
.fang .text h4 {font-size: 24px; line-height: 1;margin-bottom: 20px;text-align: left;font-weight: bold;}
.fang .text p {font-size: 15px;line-height: 22px; }
.fang .text2 {top: 50px;}
.fang .text3 {left: 210px;top: 50px;}
.fang .text4 {top: 50px;}
.fang .text5 {left: 210px;top: 50px;}
.fang1 {left: 50%;top: 115px;transform: translateX(-50%);}
.fang2 {left: 225px;top: 319px;}
.fang3 {left: 793px;top: 319px;}
.fang4 {left: 324px;bottom: 149px;}
.fang5 {left: 690px;bottom: 149px;}
.serve3 {height: 990px;/*background: url("../images/shengchan_bg.jpg") no-repeat;*/background-size: cover;position: relative;}
.server3_cover {position: absolute;width: 990px;height: 100%;left: 50%;transform: translateX(-50%);top: 0;background: url("../images/fenzhi.png") no-repeat;background-position: center 444px;}
.server3_cover .unit_title {margin-top: 90px;}
.pr {color: #fff;width: 190px;height: 220px;position: absolute;background: url("../images/six2.png") no-repeat center;}
.pr img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pr .six_txt {width: 360px;position: absolute;top: 50px;}
.pr h3 {text-align: center;font-size: 16px;font-weight: bold; color:#717989}
.pr p {color: #717989;font-size: 15px;line-height: 22px;color: #717989;height: 56px; }
.pr1 {left: 195px;top: 224px;}
.pr1 .six_txt {left: -380px;}
.pr1 h3 {text-align: right;}
.pr2 {left: 600px;top: 224px;}
.pr2 .six_txt {right: -380px;}
.pr2 h3 {text-align: left;}
.pr3 {left: 0px;top: 560px;}
.pr3 .six_txt {top: 220px;left: -75px;}
.pr4 {left: 390px;top: 560px;}
.pr4 .six_txt {top: 220px;left: -75px;}
.pr5 {left: 795px;top: 560px;}
.pr5 .six_txt {top: 220px;left: -75px;}
.cards {width: 140px; float:left; margin:10px; }
.cards::after{display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: ""; margin-top:50px; margin-left:10px;
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid ;}
.cards img{ display:block; float:left;}
.cards .h3 {font-size: 12px;margin: auto; float:left;  margin-left:20px;}


b{color:#151f48; font-size:1rem; font-weight:300; padding-top:0.6rem}

ul.item{width:97%;float:none;}
ul.item li{list-style: decimal;margin:4px 0 5px 20px; line-height:21px;width:97%; float:none} 
ul.item li.last{ margin-left:21px;} 
ul.item li ol{display:block; width:100%; margin:4px 0 3px 0; padding-left:0; color:#474747;  line-height:20px;}


.etw_products{width:100%;overflow:hidden;}
.etw_products ul,.etw_products ul li ol{width:100%}
.etw_products ul>li{width:100%;height:auto;padding:5px 0 15px}
.etw_products ul li ol li.product_img{width:32%;height:auto;border:1px solid #ddd;float: right;}
.etw_products ul li ol li.product_img img{width:100%}
.etw_products ul li ol li.product_img:hover{border: 1px solid #ccc}
.etw_products ul li ol li.product_con{width:65%;height:auto;float:left;text-align:left;font-size:14px;color:#888;line-height:19px}
.protitle{display:block; text-align:center; color:#333; font-size:1.5rem; line-height:1.6rem; padding:0; margin:0; font-weight:300}
.protitle a{display:block;text-align:left;font-family:Arial;padding:0.6rem 0 1.4rem 0;font-size: 1.2rem;line-height:1.5rem;color:#393939;font-weight: 700;position: relative;text-transform: capitalize;}
.protitle a:before{position: absolute;content: "";background: #84b320;width: 4rem;height: 0.15rem;left: 0;right: 0;bottom: 0.7rem;}
.protitle a:hover{ color:#0a5d9f;}


.etw_products1{ width:100%; height:auto; float:left}
.etw_products1>ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_products1>ul>li{width:48%; float:left; margin:0 4% 1.25rem 0;border: 1px solid #ccc} 
.etw_products1>ul>li:nth-child(2n){ margin-right:0}
.etw_products1>ul>li .product_img{ width:100%; float:left;}
.etw_products1>ul>li .product_img img{width:100%}  
.etw_products1>ul>li .product_con{width:100%; float:right; padding:0.5rem;}  
.etw_products1>ul>li .product_con a{color:#008cc1; font-size:0.9375rem; line-height:1.125rem; display: block; padding:1rem 0 0.8rem 0; font-weight:500;border-top: 3px solid #008cc1 }
.etw_products1>ul>li .more a{ display:block;  line-height:28px;  text-align:left; color:#2d4a9a;  font-weight:300; margin-top:10px; font-size:0.875rem; padding:0} 
.etw_products1>ul>li:hover{border:1px solid #84b320;}
.etw_products1>ul>li .more a:hover{color:#000; text-decoration:underline}  
.etw_products1>ul>li .product_con a:hover{color:#2d4a9a; text-decoration:underline}  
.etw_products1>ul>li .product_con span{ display:block; font-size:0.875rem; line-height:1.25rem; color:#888; padding-right:3%}
.more1 a.more{padding-top: 0.63rem!important}
.etw_products1>ul>li a.more{border: none;padding:0;color: #84b320}
.etw_pro3 ul>li{width: 32%;margin-right: 2%}
.etw_pro3 ul>li:nth-child(2n){margin-right: 2%}
.etw_pro3 ul>li:nth-child(3n){margin-right: 0}
.etw_pro3 a.more{padding-top: 0.5rem!important}

.etw_products2{width:100%; height:auto; float:left}
.etw_products2 ul{ width:100%; display:flex; flex-flow: wrap;}
.etw_products2 ul>li{ width:31%; margin:0.8rem 3.5% 1rem 0;border:1px #dedede solid; box-shadow:1px 1px 2px #ccc}
.etw_products2 ul>li:nth-child(3n){ margin-right:0}
.etw_pro4 ul>li{ width:23.5%; margin:0.8rem 2% 1rem 0;}
.etw_pro4 ul>li:nth-child(3n){ margin-right:2%;}
.etw_pro4 ul>li:nth-child(4n){ margin-right:0;}
.etw_products2>ul>li>ol,.etw_products1>ul>li>ol>li{ width:100%}
.etw_products2>ul>li>ol>li.product_img{text-align:center;}
.etw_products2>ul>li>ol>li.product_con a{ display:block; text-align:center; font-size:0.9375rem; line-height:1rem; font-weight:500; color:#151f48; padding:0.5rem 0.2rem 1rem 0.2rem;border-top: 0.0625rem dashed #ddd}
.etw_products2>ul>li:hover>ol>li.product_con a{text-decoration:none}
.etw_products2>ul>li:hover{ border:1px #84b320 solid} 


.etw_point{width: 100%;float: left;;position: relative;} 
.etw_point ul{width: 100%}
.etw_point ul li{width: 45%;margin-right: 10%;position: relative;float: left;}
.etw_point1 ul li{width: 40%}
.etw_point ul li:nth-child(2n){margin-right: 0}
.etw_point ul li:before{content:"\f178"; position:absolute; font-family:FontAwesome; right:-18%; top:40%; color:#84b320; font-size:2.63rem;}
.etw_point ul li:last-child:before{display: none;}
.etw_point ul li img{border:1px solid #ccc;}
/*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:#008cc1;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:#008cc1}
#etw_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;}



.etw_pro4 ul>li{ width:23.5%; margin:0.8rem 2% 1rem 0;}
.etw_pro4 ul>li:nth-child(3n){ margin-right:2%;}
.etw_pro4 ul>li:nth-child(4n){ margin-right:0;}
.etw_videos{margin-bottom: 1rem}
 

.img_center{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center; }
.img_left,.img_right{width:40%;float:right; margin:5px 0 14px 4%; text-align:center;}
.img_left{float:left;margin:0 3% 20px 0;}
.sswidth{ width:20%; min-width:150px;}
.swidth{ width:24.25%; min-width:150px;}
.smwidth{ width:31.3%; margin-top:5px}
.mswidth{ width:40%; margin-top:8px;}
.mwidth{ width:38%; min-width:150px;}
.img_left img,.img_right img{ display:block; width:100%; }

.etw_photo{ margin:0.5rem 0;width:100%;height:auto;} 
.etw_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.etw_photo ul li{display:block;margin:0 2% 15px 0;text-align:center;}
.etw_photo ul li img{display:block; width:100%; border:1px #dedede solid; padding: 4px;position: relative;} 
.etw_photo ul.nopic li img{ border:none} 
.etw_photo ul li a{ color:#333;}
.etw_photo ul li span{ display:block;}
.etw_photo ul li p{ display:block;}
.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%;font-size:12px;}
.etw_pic6 ul li{width:15%;font-size:12px;}
.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;}
figure{ margin:0 0 0.3rem 0}

.left_pic{ width:40%; height:auto; float:right; margin:0 0 20px 4%;}
.left_pics{ width:100%; height:auto; float:left; } 
.left_pics img{ width:100%; text-align:center;border:1px solid #ccc;}
.left_pics a{ cursor:default} 
.related_pic{ width:100%; height:auto; float:right;  text-align:center}
.related_pic a{ width:18%; height:auto; float:left; margin:10px 2% 0 0; display:block; text-align:center; color:#666; font-size:12px;}
.related_pic a:nth-child(5n){ margin-right:0}
.related_pic a img{ width:100%; border:1px solid #ccc;} 

.right_con{ width:auto; padding-top:2rem}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%;}
#etw_form_title{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: bold;}
#floatchatiframe2011{ margin: 0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%}

.othertitle{font-size: 1.2rem; font-weight:bold; padding-bottom: 0.5rem;}
.othertitle span{position:relative;}
.othertitle span:after{position:absolute;content:""; left: 0;bottom:-0.5rem; width: 5rem; height: 0.2rem; background: linear-gradient(to right,rgba(132,179,32,0.8),rgba(185,205,143,0.1));}

/*底部*/
#footer{ width:100%;height:auto;background:#008cc1; padding:1.5rem 0 1rem 0;}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative;}
#etw_homefooter{height:auto;padding:1rem 0 1rem 0;  text-align:center; position:relative; width: 100%;}
#etw_homefooter a{padding:0 0.8rem 0 0.8rem;color:#fff; margin:0px;position:relative;font-size:0.875rem; font-weight:700; text-transform:uppercase}
#etw_homefooter a:hover{text-decoration:underline;}
#etw_coper a{display:block;color:#fff; margin-top:1rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#fff; font-size:0.625rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #fff solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#d62317;border:1px #d62317 solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}


@media (max-width: 1500px) { 
.navbar-light .navbar-nav .nav-link{padding:0 0 0 1.1rem;}
.etw_mainproducts{ border-top:1px #dedede solid}
.etw_mainproducts .content{ margin-top:1.8rem}
}

@media (max-width: 1199.98px) { 
}

@media (max-width: 991.98px) { 
	.top-nav{background:#f4fbff; width:100%; padding-top:0}
	.navbar{padding:0.05rem 0rem 0;}
	.navbtn{ margin:0.5rem 1rem 0 0;width: 100%;text-align: right;}
  ul.navbar-nav>li{border-bottom: 0.0625px solid #ccc}
	#etw_logo{ padding-left:1rem}
	#header{position: relative;}
	#container{margin-top:0px;} 
#etw_language{padding-right:0;}
.etw_mainproducts ul > li > ol > li.product_con span{ display:none}
.etw_mainproducts ul > li > ol > li.product_con{ height:75px;}
}

@media (max-width: 767.98px) { 
	#etw_homefooter a{font-size:0.875rem;}  
	#etw_sidebar,#etw_banner{ display:none;}
	#etw_right,.compnay_txt{width:100%; padding-left:0}
	.etw_hometitle, h2{font-size:1.2rem; margin-top: 0.5rem;} 
	.etw_products2 ul > li{ width:48%; margin-right:4%}
	.etw_products2 ul > li:nth-child(4n){ margin-right:4%}
	.etw_products2 ul > li:nth-child(2n){ margin-right:0} 
	.etw_mainproducts ul > li{ width:48.5%; margin:0 3% 1.125rem 0}
	.etw_mainproducts ul > li:nth-child(3n){ margin-right:3%}
	.etw_mainproducts ul > li:nth-child(2n){ margin-right:0} 
	#etw_producttitle{ padding-bottom:0.5rem}
}

@media (max-width: 575.98px) {
	#etw_language{ display:none;}
	.top-nav{border-top:1px #ccc solid;}
	#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
.etw_products ul>li,.img_left, .img_right,.left_pic,.etw_products > ul.three > li{width:100%; margin-right:0;}
	.smwidth,.compnay_txt h2{width:100%;}  
.etw_mainbody ul > li,.application ul > li{ width:32%; margin-right:2%}
.etw_mainbody ul > li:nth-child(5n),.application ul > li:nth-child(5n){ margin-right:3%}
.etw_mainbody ul > li:nth-child(3n),.application ul > li:nth-child(3n){ margin-right:0}
.etw_mainbody ul > li{width: 100%;margin-bottom: 0.625rem} 
	.etw_products1 ul>li{ background:#fff}
	.etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n){margin-right:0;}
	.etw_pic3 ul li,.etw_pic4 ul li{width:49%;margin-right:2%;}
	.etw_homelink ul > li,.etw_homelink1 ul > li{ width:48.5%; margin-right:3%}
	.etw_homelink ul > li:nth-child(3n),.etw_homelink1 ul > li:nth-child(3n){margin-right:3%}
	.etw_homelink ul > li:nth-child(2n),.etw_homelink1 ul > li:nth-child(2n){ margin-right:0}
	.etw_homelink ul > li > ol > li.product_con a{ font-weight:300} 
.etw_mainproducts ul > li > ol > li.product_con{ height:auto; padding-bottom:0.5rem}
.etw_productlists,.company,.etw_contactin{ width:100%; padding-bottom:1rem; margin:0}
#mainpro ul>li{width: 100%}
.etw_homelink{display: none;}
#etw_bottom ul li{margin-bottom: 0.625px;width: 100%}
#etw_bottom{text-align: left;}
#etw_bottom .etw_hometitle a{text-align: left;}
#etw_bottom .etw_hometitle a:before{margin: 0}
.etw_point ul li:nth-child(1):before{font-size: 1.5rem}
.etw_products1>ul>li .product_con span{display: none;}
.etw_products1>ul>li .product_con p{display: none;}
.etw_products1>ul>li a.more{display: none;}
.etw_products1>ul>li{width: 100%}
.videoall ul li{width: 100%}
}




#shield_box_info { background:url(../images/box_bg.jpg) no-repeat;background-size:100% auto;width:320px; height:211px;text-align:center;padding:30px 20px;box-shadow:1px 1px 20px rgba(0,0,0,.5);position:fixed;top:50%;left:10px;margin:0 auto;z-index:19891016;margin-top:-60px;border-radius: 5px;}
#shield_box_info .shield_box_close {position:absolute;right:-10px;top:-12px;background:#000;height:26px;width:26px;font-size:18px;border-radius:50%;cursor:pointer;}
#shield_box_info .shield_box_close span {display:block;color:#fff;margin-top:3px;}
#shield_box_info .shield_box_close:hover {background:#a92034;}
#shield_box_info .shield_box_txt {font-size:18px;line-height:26px;padding-bottom:10px;color:#000; font-weight:bold;}
#shield_box_info .shield_box_txt a{ color:#a92034;text-decoration:underline; display:block;}
#shield_box_info .shield_box_txt a:hover{ color:#002b70;}
#shield_box_info .shield_box_txt a:visited{text-decoration:underline;}