@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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../font/roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../font/roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/roboto-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;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/roboto-700.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;}
.clearfix{clear:both;}
body{font-family: Roboto;color:#495057; font-weight: 300;}
hr.dashed{ border-top:1px #f86c05 dashed;}
table{font-size: 0.8rem;}
table tr:first-child{white-space:nowrap;}
.table td, .table th{padding:0.5rem;}
a{color:#f86c05;}
.big_title{ text-align: center; font-size: 1.4rem;  margin: 1.5rem auto 1.5rem;font-weight: 700;}
.big_title span{position: relative;}
.big_title span:before{content:""; position: absolute; left: -4rem; top:50%; width: 3rem; height: 1px; border-top:1px #f86c05    solid;}
.big_title span:after{content:""; position: absolute; right: -4rem; top:50%; width: 3rem; height: 1px; border-top:1px #f86c05    solid;}
.big_left_title{font-size: 1.3rem;  margin: 0.5rem auto 0.5rem;font-weight: 700; position: relative; padding-bottom: 0.875rem;}
.big_left_title:before{position:absolute; left: 0;content:""; bottom:0.4rem; width:6rem; height:1px; border-top:2px #f86c05 solid;}

.content{padding:0 1rem 0px 1rem; max-width:1100px; margin:0 auto;}
.js-gallery-wrap{}
#header{width:100%;position:fixed; top:0; z-index:10; background: #fff; border-bottom: 1px #f86c05 solid; }
#headerin{margin:0px auto;  }
#etw_logo{ float:left; margin: 1rem 0 1rem;}
.navbtn{ margin-top:1rem;}
#etw_language{ float:right; margin-top:0.5rem; width: 70%; text-align: right; height: 24px;}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.8rem; padding:0.25rem 0.5rem;color:#8e9399;}

.etw_video_top{width:auto;float:right;text-align:center;margin:1.6rem 0.875rem 0 0; height:auto; padding:0;text-transform: uppercase;color:#8e9399; display: none;}
.etw_video_top a{display:inline-block;color:#8e9399; position:relative;  margin-right: 5px; font-size: 0.875rem;}  
.etw_video_top a:before{content:"\f04b";  color:#fff;  font-family:fontawesome; background:#8e9399;border-radius: 50%; width:1.2rem; height:1.2rem; font-size:0.5rem; line-height: 1.2rem; display: inline-block; margin-right: 5px;}
.etw_video_top a:hover{color:#1457a0; text-decoration: none;}

.top-nav{ width:70%; float: right; border-top:1px #e5e5e5 solid; margin-top:0.5rem; padding-top: 0.3rem; }
.navbar{ padding:0;}
.navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav .nav-link{color:#2f2f2f; padding: 0.5rem 1.2rem; font-weight: 400;}
.navbar-light .navbar-nav .active .nav-link{color:#f86c05;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.875rem;}
.navbar-light .navbar-nav .nav-item:last-child .nav-link{padding-right:0;}

#container{margin-top:92px;}

#etw_banner{ position: relative;overflow: hidden; padding:0px 0 0px 0;}
#etw_banner img{ float:left; margin:0; width:100%;}
#etw_banner .des{ padding:0; position: absolute; top:14%; left: 26%;}
#etw_banner .des .desinfo{ width:33%;  color:#fff;padding: 1.5rem 0px 0.875rem 2rem; }
#etw_banner .des h2{font-size:1.4rem; line-height: 1.3; color:#fff; position: relative; padding-bottom: 0.5rem;}
#etw_banner .des h2:after{position:absolute;left: 0;bottom:-1rem; content: "";width:5.5rem;height:1px;border-top:3px #fff solid;}

.inner_banner{ position: relative;}
.inner_banner .des{ padding:0 0 0 5%; position: absolute; top:25%; width: 40%;}
.inner_banner .des h2{font-size:1.5rem; color:#f86c05; position: relative; padding-bottom: 0.5rem;}
.inner_banner .des h2:after{content:""; position: absolute; bottom:-0.5rem; left: 0; width: 70%; height: 1px; border-top:2px #dbdbdb solid;}
.inner_banner .des h2:before{content:""; position: absolute; bottom:-0.9rem; left: 0; width: 70%; height: 1px; border-top:4px #dbdbdb double;}

.inner_banner .des1{ padding:0; position: absolute; top:35%; left: 18%; width: 46%;}
.inner_banner .des1 h2{font-size:1.5rem; color:#fff; position: relative; padding-bottom: 0.5rem;}
.inner_banner .des1 h2:after{content:""; position: absolute; bottom:-0.5rem; left: 0; width: 70%; height: 1px; border-top:2px #fff solid;}
.inner_banner .des1 h2:before{content:""; position: absolute; bottom:-0.9rem; left: 0; width: 70%; height: 1px; border-top:4px #fff double;}



.company .title{font-size:2rem; font-weight: bold; color:#333;}
.solu{ background:#002e60; padding-bottom: 2rem;}
.solu .title{font-size:1.8rem; color:#fff; text-align: center; padding:1.2rem 0 2rem 0;}
.solu .title span{ position: relative;}
.solu .title span:after{content:""; position: absolute; bottom:-1rem; left:30%; width: 40%; height:1px; border-top:1px #fff solid;}
.solu ul{ display:flex; text-align: center; margin-top:0.5rem;}
.solu ul>li{width:20%;border-right: 2px #002e60 solid; transition: all 0.3s;}
.solu ul>li:last-child{margin-right:0;}
.solu ul>li:nth-child(1){background-color:#6acc95; }
.solu ul>li:nth-child(2){background-color:#417d77; }
.solu ul>li:nth-child(3){background-color:#7bb3ee; }
.solu ul>li:nth-child(4){background-color:#fa8a82; }
.solu ul>li:nth-child(5){background-color:#feadab; }
.solu ul>li .product_img a{padding:1rem 2.5rem; display: block;}
.solu ul>li .product_con{background-color:#001730;transition: all 0.3s;}
.solu ul>li .product_con a{color:#fff; display: block; font-size:0.9rem; padding: 0.5rem 1.2rem; line-height: 1.3; position: relative;}
.solu ul>li .product_con a:after{content:"+"; position: absolute; right:0.2rem; bottom:0.2rem;color:#fff;}
.solu ul>li .product_con a:before{content:""; position: absolute; right: 0; bottom:0; border:1rem #0e6c5c solid; border-top-color: transparent !important; border-left-color: transparent !important;}
.solu ul>li:nth-child(2) .product_con a:before{border:1rem #27788b solid;}
.solu ul>li:nth-child(3) .product_con a:before{border:1rem #1d5894 solid;}
.solu ul>li:nth-child(4) .product_con a:before{border:1rem #763936 solid;}
.solu ul>li:nth-child(5) .product_con a:before{border:1rem #794f65 solid;}
.solu ul>li:hover{background-color:#0e6c5c;}
.solu ul>li:hover .product_con{background-color:#fff;}
.solu ul>li:hover .product_con a{color:#333; text-decoration: none;}

.mainpro{ background: url(../images/bg1.png) no-repeat top center; background-size: 100%; margin-top: -1rem;}
.mainpro .title{font-size:1.1rem; font-weight: 500; color:#5d5351; text-align: center; padding:3.5rem 0 1rem 0;}
.mainpro .more{text-align:center;}
.mainpro .more a{ display:inline-block; padding: 0.3rem 0.8rem; border-radius: 0.2rem; background-color: #f86c05;color:#fff; font-size:0.875rem; position: relative; transition: all 0.3s;}
.mainpro .more a:after{content:"\f105"; font-family: fontawesome; margin-left: 0.3rem;}
.mainpro .more a:hover{text-decoration:none; background: #5d5351;}

.mainpro ul{display:flex; margin-top: 2rem; flex-flow: wrap;}
.mainpro ul>li{width:15.83%; margin-right: 1%; margin-bottom: 2%; border-bottom: 3px #f86c05 solid; transition: all 0.3s;}
.mainpro ul>li:nth-child(6n){ margin-right:0;}
.mainpro ul>li .product_img{ background-color: #f2f5f4; text-align: center;}
.mainpro ul>li .product_con{margin:0.5rem 0.3rem 0; margin-top: -1.2rem; text-align: center; background: #fff; position: relative; z-index: 1;}
.mainpro ul>li .product_con a{color:#333; font-size: 0.8rem; font-weight: 400; display: block; padding: 0.5rem 0.8rem;}
.mainpro ul>li:hover{border-bottom-color: #5d5351;}
.mainpro ul>li:hover img{opacity:0.7;}
.mainpro ul>li:hover .product_con a{color:#f86c05; text-decoration: none;}

.eaxm{background:#f4f4f4; padding: 2rem 0 2rem;}
.eaxm ul{display:flex; flex-flow: wrap;}
.eaxm ul>li{width:24.8%; margin-right: 0.15%; margin-bottom: 0.15%; position: relative;}
.eaxm ul>li:nth-child(4n){margin-right:0;}
.eaxm ul>li ol{position:relative; text-align: center;}
.eaxm ul>li ol .product_img img{width:100%;}
.eaxm ul>li ol .product_con{ position:absolute; bottom: 0;left:0;width:100%; height: 100%; z-index: 1;}
.eaxm ul>li ol .product_con a{display:block; background: rgba(0,0,0,0.4); color:#fff; text-align: center; padding: 0.5rem 0rem;font-size: 0.875rem; font-weight: 400; height: 100%;}
.eaxm ul>li ol .product_con a span{display: block; margin-top: 15%; padding-top: 4rem; }
.eaxm ul>li:nth-child(1) ol .product_con a span{background: url(../images/case1.png) top center no-repeat;}
.eaxm ul>li:nth-child(2) ol .product_con a span{background: url(../images/case2.png) top center no-repeat;}
.eaxm ul>li:nth-child(3) ol .product_con a span{background: url(../images/case3.png) top center no-repeat;}
.eaxm ul>li:nth-child(4) ol .product_con a span{background: url(../images/case4.png) top center no-repeat;}
.eaxm ul>li:nth-child(5) ol .product_con a span{background: url(../images/case5.png) top center no-repeat;}
.eaxm ul>li:nth-child(6) ol .product_con a span{background: url(../images/case6.png) top center no-repeat;}
.eaxm ul>li:nth-child(7) ol .product_con a span{background: url(../images/case7.png) top center no-repeat;}
.eaxm ul>li:hover:nth-child(1) ol .product_con a span{background: url(../images/case1dq.png) top center no-repeat;}
.eaxm ul>li:hover:nth-child(2) ol .product_con a span{background: url(../images/case2dq.png) top center no-repeat;}
.eaxm ul>li:hover:nth-child(3) ol .product_con a span{background: url(../images/case3dq.png) top center no-repeat;}
.eaxm ul>li:hover:nth-child(4) ol .product_con a span{background: url(../images/case4dq.png) top center no-repeat;}
.eaxm ul>li:hover:nth-child(5) ol .product_con a span{background: url(../images/case5dq.png) top center no-repeat;}
.eaxm ul>li:hover:nth-child(6) ol .product_con a span{background: url(../images/case6dq.png) top center no-repeat;}
.eaxm ul>li:hover:nth-child(7) ol .product_con a span{background: url(../images/case7dq.png) top center no-repeat;}
.eaxm ul>li ol .product_con a:hover{text-decoration:none; color:#f86c05; background: none;}

.eaxm .info{text-align:center; padding: 4rem 2rem 1rem;}
.eaxm .info .title{font-weight:500; font-size: 1.2rem; margin-bottom: 1.5rem; }
.eaxm .info .title img{ float:left; margin-right: 0.5rem;}
.eaxm .info .ds{font-size:0.8rem; padding: 0 0.2rem 1rem; font-weight: 400;}
.eaxm .info .more a{color:#f86c05; text-decoration: underline; font-size: 0.8rem;}
.eaxm .info .more a:hover{color:#007bff;}



.etw_hometitle,h2[itemprop=name]{ padding:0.5rem 0 0.875rem;font-size:1.5rem; color:#f86c05;font-weight: 700; margin-bottom: 0;}

.pagebottom{background:url(../images/bottombg.jpg) top center no-repeat; background-size:cover; padding: 2rem 0 5rem;color:#fff;}
.pagebottom .title a{display:block; color:#fff; font-weight: bold; font-size: 1.2rem; margin-bottom: 0.4rem;}
.pagebottom ul li a{color:#999; font-size: 0.8rem; padding: 0rem 0 0.5rem 0rem; position: relative; display: block;}
.pagebottom ul li a:before{content:"\f105"; font-family: fontawesome; margin-right: 0.3rem;}
.pagebottom ul li a:hover{color:#1457a0; text-decoration: none;}
.pagebottom .info{font-size:0.875rem;  line-height: 1.6; position: relative; padding: 1rem 3rem 1rem 0;}
.pagebottom .info:after{content:""; position: absolute; right: 1rem; top: 0; width: 1px; height: 100%; border-left: 1px #fff solid;}
.pagebottom .btcontact{font-size:0.8rem;color:#fff; font-weight: 400;}
.pagebottom .btcontact a{color:#ffc107;}

#etw_producttitle{margin:0px auto 0px; height:auto; color:#f86c05; overflow:hidden; padding:0; font-size:0.875rem;}
#etw_producttitle a{ color:#666; padding-right:0.2rem; }
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 0.2rem;color:#666;content:"/\00a0"}
#etw_producttitle a:hover{color:#0774bd; text-decoration:underline;}

#etw_right{ width:76%; float:right;}
#etw_sidebar{ width:22%; float:left;}

.etw_productlist{ background-color:#f5f5f5; padding:1rem 0.2rem;}
.etw_productlist ul li a{display:block;}
.etw_productlist ul>li>a{color:#333;position:relative;display: block;padding:0.3rem 0 0.3rem 0.875rem; font-size:0.9rem; font-weight: 500;}
.etw_productlist ul>li>a.dq,.etw_productlist ul>li>a:hover{ color:#f86c05; text-decoration:none;}
.etw_productlist ul>li>ol{ padding:0px 0 0px 15px; clear: both; float:none;}
.etw_productlist ul>li>ol>li a{ display:block; color:#666;padding:0.3rem 0.2rem 0.2rem 0.875rem;position:relative; font-size:0.8rem; font-weight: 400; }
.etw_productlist ul>li>ol>li a:before{content:""; position: absolute; left: 0; top: 50%; width: 0.5rem; height: 1px; border-top:1px #f86c05 solid;}
.etw_productlist ul>li>ol>li a:hover,.etw_productlist ul>li>ol>li a.dq{color:#f86c05; text-decoration:none;}

ul.item{ margin-bottom:1rem; float:none;}
ul.item>li{ width:auto; margin:4px 0 6px 20px; list-style:decimal;  float:none;}
ul.disc>li{list-style: disc; margin-bottom: 4px; }
ul.square>li{list-style:square;}
ul.lower_latin>li{list-style:lower-latin;}
ul.circle>li{list-style:circle;}
ul.item>li.none{list-style:none;}
ul.item.allnone>li{list-style:none; margin-left: 0;}
ul.line>li{list-style:none; position: relative;color: #999; font-size: 0.9rem;}
ul.line>li:before{ content:""; position: absolute; left:-20px; top:50%; width: 10px; height: 1px; border-top:1px #999 solid;}

.history_date-list{padding-left:130px}
.history_date-list li{border-left:1px solid #CCC;box-sizing:border-box;cursor:pointer;margin-left:20px;padding:40px 10px 0 0;position:relative;height:auto; clear:both}
.history_date-list li:first-child:before{background-color:#999;content:"";display:block;position:absolute;top:0;left:-7px;height:14px;width:14px; border-radius:50%}
.history_date-list li:last-child:after{content:"\f107";display:block; font-family:fontawesome; position:absolute;bottom:-17px;left:-10px;font-size: 30px;color:#ddd;}
.history_date-list li span{display: block; font-size:15px; font-family:OpenSans Bold; margin-left:0; width:60px; height:60px; line-height:60px;text-align: center;border-radius:50%;background: #0061ae;color:#fff; margin-bottom:15px; position:absolute;top:30px;left:-130px;}
.history_date-list li span:before{ position:absolute; content:""; width:70px; height:1px; border:1px #ddd dashed; left:60px; top:50%;} 
.history_date-list li:hover span{ background:#ff6e00; color:#fff}
.history_date-list li p{position:relative;display:block; margin:0; padding:10px 20px;}  
.history_date-list li p:before{ position:absolute; content:""; border-right: 12px solid #ddd; border-top: 10px solid transparent; border-bottom:10px solid transparent; top:10px; left:-13px}  


.protitle{}
.protitle a{display: inline-block; background-color: #d7dee7; color:#1457a0; font-size: 1.2rem; font-weight: bold; padding:0rem 2.6rem 0rem 1.2rem; position: relative; line-height: 2.5rem;}
.protitle a:before{content:""; position: absolute;left: 0.5rem; top:42%; width: 0.4rem; height: 0.4rem; background:#1457a0;border-radius: 50%; }
.protitle a:after{content:""; position: absolute;right:0; top:0; width: 0; height: 100%; border:1.25rem #d7dee7 solid; border-right-color: #fff;}
.protitle a:hover{color:#fff;background-color: #1457a0; text-decoration: none;}
.protitle a:hover:before{background:#fff;}
.protitle a:hover:after{border:1.25rem #1457a0 solid;border-right-color: #fff;}

.pro2>ul{display:flex;flex-flow: wrap; margin-bottom: 0;}
.pro2>ul>li{width:49%; margin-right: 2%;background-color:#f5f5f5; margin-bottom: 2%;}
.pro2>ul>li:nth-child(2n){margin-right:0;}
.pro2>ul>li:last-child{ margin-right:0;}
.pro2>ul>li .product_img{ background-color: #fff; text-align: center; padding-bottom: 0.5rem;}
.pro2>ul>li .product_img img{width:60%; max-width: 100%;}
.pro2>ul>li .mw{ padding-bottom:0;}
.pro2>ul>li .mw img{width:100%;}
.pro2>ul>li .product_con{padding:0.875rem 1rem 0.5rem;}
.pro2>ul>li .product_con p{color:#666; font-size:0.9rem;}
.pro2>ul>li .product_con .t{color:#333; font-weight: bold; display: block; margin-bottom: 0.2rem;}
.pro2>ul>li .product_con .more{color:#1457a0;font-size: 0.875rem; display: block; position: relative; padding-top: 0.875rem;}
.pro2>ul>li .product_con .more:before{content:""; position: absolute; top:0rem; left: 0; width: 100%; height: 1px; border-top:1px #dbdbdb solid;}
.pro2>ul>li:hover img{opacity:0.7;}
.pro2>ul>li:hover .product_con a{color:#1457a0;}

.pro_img_txt{}
.pro_img_txt ul li ol{display:flex; flex-flow: row; align-items: center; margin-bottom: 1.5rem; }
.pro_img_txt ul li ol .product_img{width:11rem; margin-right:1rem;}
.pro_img_txt ul li ol .product_con{ flex: 1;}
.pro_img_txt ul li ol .product_con a{color:#f86c05; font-size: 1rem; font-weight: 500; display: block; text-decoration: underline; }
.pro_img_txt ul li ol .product_con a:hover{color:#555; text-decoration: none;}
.pro_img_txt ul li ol .product_con span{font-size: 0.9rem;}


.pro4 ul{display:flex;flex-flow: wrap;}
.pro4 ul>li{width:23.5%; margin-right: 2%;background-color:#fff3cd; margin-bottom: 2%;}
.pro4 ul>li:nth-child(4n){margin-right:0;}
.pro4 ul>li:last-child{ margin-right:0;}
.pro4 ul>li .product_img{ background-color: #fff; text-align: center; border:1px #f9e7ad solid;}
.pro4 ul>li .product_img img{ width: 100%;}
.pro4 ul>li .product_con{padding:0.5rem 1rem; }
.pro4 ul>li .product_con a{color:#333;font-size:0.8rem; font-weight: 400; display: block; margin-bottom: 0.2rem; text-align: center;}
.pro4>ul>li .product_con p{color:#666; font-size:0.875rem;}
.pro4>ul>li .product_con .t{color:#333; font-weight: 500; font-size:1.1rem; display: block; padding: 0.5rem 0 0.8rem; position: relative;}
.pro4>ul>li .product_con .t:after{content:""; position: absolute; width: 30%; height: 1px; left: 35%; bottom:3px; border-top:3px #f86c05 double;}
.pro4>ul>li .product_con .more{color:#f86c05;font-size: 0.875rem; font-weight: 500; display: block; position: relative; padding-top: 0.875rem;}
.pro4>ul>li .product_con .more:before{content:""; position: absolute; top:0rem; left: 0; width: 100%; height: 1px; border-top:1px #dbdbdb solid;}
.pro4 ul>li:hover{background-color:#6c757d;}
.pro4 ul>li:hover img{opacity:0.7;}
.pro4 ul>li:hover .product_con a{color:#fff; text-decoration: none;}
.pro4 ul>li:hover .product_con p{color:#fff;}
.pro4 ul>li:hover .product_con .t:after{border-top:3px #fff double;}

.number{ width:100%; display: flex; color: #222; flex-wrap: wrap; }
.number>li{  margin-right:2%; margin-bottom: 1rem; padding:3rem 1rem 1rem; border-radius: 5px;position: relative; box-shadow: 0px 3px 5px #9da297; font-size: 0.9rem;}
.number>li:before{content: ""; position: absolute; display: block; text-align: center; top:0; left: 0;width:100%;height:2.5rem; line-height:2.5rem;font-weight: 700; background: #fff3cd; border-top-left-radius: 5px;border-top-right-radius: 5px;color:#555; font-size: 1.1rem;}
.number>li:nth-child(1):before{content:"01";}
.number>li:nth-child(2):before{content:"02";}
.number>li:nth-child(3):before{content:"03";}
.number>li:nth-child(4):before{content:"04";}
.number>li:nth-child(5):before{content:"05";}
.number>li:nth-child(6):before{content:"06";}
.number>li:nth-child(7):before{content:"07";}
.number>li:nth-child(8):before{content:"08";}

.number2>li{width:49%;}
.number2>li:nth-child(2n){margin-right:0;}

.number3>li{width:32%;}
.number3>li:nth-child(3n){margin-right:0;}

.number4>li{width:23.5%;}
.number4>li:nth-child(4n){margin-right:0;}

.number6>li{width:15.8%; margin-right: 1%; padding: 3rem 0.2rem 0.5rem; font-size: 0.8rem; text-align: center;}
.number6>li:nth-child(6n){margin-right:0;}

.number7>li{width:13.4%; margin-right: 1%; padding: 3rem 0.2rem 0.5rem; font-size: 0.8rem; text-align: center;}
.number7>li:nth-child(7n){margin-right:0;}


.number_txt5{ width:100%; color: #222; display: flex; flex-flow: wrap;}
.number_txt5>li{ width:32%; margin-right:2%; margin-bottom: 1rem; padding: 1rem; border-radius: 5px;box-shadow: 0px 3px 5px #9da297; border-top: 5px #f86c05 solid; font-size: 0.9rem;color:#666;}
.number_txt5>li:nth-child(3n){margin-right:0;}
.number_txt5>li .title{ text-align: center; font-size: 1rem; padding-bottom: 0.7rem; margin-bottom: 0.5rem; color:#000; position: relative; line-height: 1.2; font-weight:500;}
.number_txt5>li .title:before{ content:""; border-bottom: 3px #f86c05 solid; width: 20%; left: 40%; position: absolute; bottom: 0;}

.number_txt4>li{width:23.5%;}
.number_txt4>li:nth-child(3n){margin-right:2%;}
.number_txt4>li:nth-child(4n){margin-right:0;}

.number_col_5>li{width:18.4%;}
.number_col_5>li:nth-child(3n){margin-right:2%;}
.number_col_5>li:nth-child(5n){margin-right:0;}





.img_center{width:100%;clear:both;margin:0.3rem auto 0.6rem auto;text-align:center; }
.img_center img{box-shadow:1px 1px 8px #ccc,-1px -1px 8px #ccc; padding:3px;}
.img_left,.img_right{width:48%;float:right; margin:0 0 14px 2%; text-align:center;}
.img_left{float:left;margin:0 2% 14px 0;}
.sswidth{ width:20%; min-width:150px;}
.swidth{ width:24.25%; min-width:150px;}
.smwidth{ width:31%; min-width:150px;}
.mswidth{ width:38%; min-width:150px;}
.mwidth{ width:38%; min-width:150px;}
.img_left img,.img_right img{ display:block; width:100%; box-shadow:1px 1px 8px #ccc,-1px -1px 8px #ccc; padding:3px; transition:.3s}

.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% 0.875rem 0;text-align:center;}
.etw_photo ul li img{display:block; width:100%;box-shadow:1px 1px 8px #ccc,-1px -1px 8px #ccc; padding: 4px; margin-bottom: 5px; position: relative;} 
.etw_photo ul li a{ color:#333;}
.etw_photo ul li span{ display:block; margin-bottom:3px; color:#ed6861;}
.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;}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%;}
#etw_form_title,.contact_title a{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(248,108,5,0.8),rgba(100,100,100,0.1));}

/*sitemap*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#f56b06;background:#f1f1f1;margin-top:6px;line-height:20px;display:block;margin-bottom:4px; text-decoration: none; padding: 4px 0 4px 10px; font-weight: 500; border-radius: 3px;}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin:8px 5px; padding-left: 15px;}
#etw_map a:hover{text-decoration:none;color:#ed6861;}
#etw_map .name:hover{text-decoration:underline;}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:45%; display:block; float:left; color:#888; text-decoration:none; padding:0px 10px 0px 20px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#ed6861}

#footer{ width:100%;height:auto;background:#fff;}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative; padding-bottom:1.2rem; }
#etw_homefooter{height:auto;padding:1rem 0 1rem 0; background-color: #f86c05; text-align:center; position:relative; width: 100%;}
#etw_homefooter a{padding:0 1rem 0 1rem;color:#fff; margin:0px;position:relative;font-size:0.9rem; font-weight: 500;}
#etw_homefooter a:after{content:""; position: absolute;right: -0.5rem; top: 40%; width: 0.25rem;height: 0.25rem; background-color: #fff;}
#etw_homefooter a:last-child:after{display:none;}
#etw_homefooter a:hover{color:#343a40; text-decoration:none;}
#etw_coper a{display:block;color:#333; margin-top:1rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto; margin-top: 1rem;}
#otherlink a{color:#333; font-size:0.5rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #333 solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#f86c05;border:1px #f86c05 solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}
@media (max-width: 1500px) { 
	#etw_banner .des .desinfo{width:33%;}
	#etw_banner .des h2 {font-size: 1rem;}
	.inner_banner .des{top:5%;}
	.inner_banner .des h2{font-size:1rem;}
}

@media (max-width: 1199.98px) { 
	#etw_banner{display:none;}
}

@media (max-width: 991.98px) {
	#etw_language,.inner_banner .des{ display:none;}
	.top-nav{background:#fff;width:100%;}
	.navbar{padding:0.05rem 0rem 0;}
	#header{position: relative;}
	#container{margin-top:0;}
	.solu ul{flex-flow: wrap;}
	.solu ul>li{width:33%; margin-bottom: 2%;}
	.eaxm .info{padding-top:0rem;}
}

@media (max-width: 767.98px) { 
	.etw_video_top a:before{width:1rem; height:1rem;line-height: 1rem;}
	#etw_homefooter a{font-size:0.875rem;}
	.solu ul>li{width:20%;}
	.solu ul>li .product_con{display:none;}
	.solu ul>li .product_img a{padding:10%;}
	.mainpro ul,.eaxm ul{flex-flow: wrap;}
	.mainpro ul>li,.eaxm ul>li,.pro4 ul>li{width:49%; margin-bottom: 2%;}
	.mainpro ul>li:nth-child(2n),.eaxm ul>li:nth-child(2n),.pro4 ul>li:nth-child(2n){margin-right:0;}
	.eaxm ul>li .product_img img{width:100%;}
	#etw_sidebar,#etw_producttitle,.inner_banner{ display:none;}
	#etw_right{width:100%;}
	.etw_hometitle, h2[itemprop=name]{font-size:1.2rem; margin-top: 0.5rem;}
}

@media (max-width: 575.98px) {
	.pagebottom .info{ padding:0;}
	.pagebottom .info:after{display:none;}
	.top-nav{border-top:none;}
	#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
	.mainpro ul>li,.pro2>ul>li,.number_txt5>li,.number2>li,.number3>li,.img_left, .img_right{width:100%; margin-right:0;}
	.smwidth{width:100%;}
	.round_line:before{left:44%;}
	.pro_img_txt ul li ol .product_con span{display:none;}
}

.news_detail h2{ margin-bottom:5px; padding-bottom:5px; text-align:center;}
#app_new_pro {display: none}
#app_new_pro table tr:first-child{white-space:inherit;}
.news_list{width:100%; margin-top:20px;}
.news_list ul{margin-bottom:40px}
.news_list ul>li>ol{display:flex;}
.news_list ul>li>ol>li.product_img{width:26%;margin-right: 2%; max-height:350px;overflow:hidden}
.news_list ul>li>ol>li.product_con{width:72%}
.news_list ul>li>ol>li.product_con a{color:#111;border-bottom:1px solid #eee;display:block;padding:0 0 5px 0;text-decoration:none!important; font-weight: 500; margin-bottom: 5px;}
.news_list ul>li>ol>li.product_con a:hover{color:#f86c05;}
.news_list ul>li>ol>li.product_con a.more{border-bottom:none;font-size:14px;color:#fff;background:#01348B;padding:0 8px;font-weight:400;border-radius:3px;text-transform:uppercase}
.news_list ul>li>ol>li.product_con a.more i{color:#01348B}
.news_list ul>li>ol>li.product_con a.more:hover{background:#e6e6e6;text-decoration:none!important;color:#333}
.news_list ul>li>ol>li.product_con a.more:hover i{color:#333}
.news_list b{font-family:Arial,Helvetica,sans-serif;color:#01348b;font-size:17px;font-weight:400}
.news_list img{margin:0 auto;display:block}
.newstime{color:#f86c05; font-size: 0.9rem; margin-bottom: 3px;}
.news_list ul li a span{color:#111;float:right;display:inline}
.news_list ul li a:hover{color:#01348B;text-decoration:underline!important}

@media screen and (max-width:767px){
.news_list ul>li>ol>li.product_img,.news_list ul>li>ol>li.product_con{ width:100%;}	
}
.news_detail{width:100%;float:left}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin-bottom:50px}
.news_name h3{text-align:center;color:#01348b;font-size:25px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:50%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right;text-align:right}
.new_next a,.new_prev a{color:#000;font-size:14px;line-height:26px}
.new_next a:hover,.new_prev a:hover{color:#666}
.news_related_li{width:24%;padding-right:1%;float:left}