@charset "utf-8";@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Bold;src:url(//:) format("no404"),url(../font/Ubuntu-Bold.woff) format("woff"),url(../font/Ubuntu-Bold.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Medium;src:url(//:) format("no404"),url(../font/Ubuntu-Medium.woff) format("woff"),url(../font/Ubuntu-Medium.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Light;src:url(//:) format("no404"),url(../font/Ubuntu-Light.woff) format("woff"),url(../font/Ubuntu-Light.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Raleway Bold;src:url(//:) format("no404"),url(../font/Raleway-Bold.woff) format("woff"),url(../font/Raleway-Bold.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Raleway Light;src:url(//:) format("no404"),url(../font/Raleway-Light.woff) format("woff"),url(../font/Raleway-Light.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Raleway Medium;src:url(//:) format("no404"),url(../font/Raleway-Medium.woff) format("woff"),url(../font/Raleway-Medium.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Raleway Regular;src:url(//:) format("no404"),url(../font/Raleway-Regular.woff) format("woff"),url(../font/Raleway-Regular.ttf) format("truetype")}
@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")}
/*base*/
/*base*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
body{color:#111;font-size:16px;line-height:1.5;clear:both;font-family:Ubuntu Light;background:#fff}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
a{color:#374091;blr:expression(this.onFocus=this.blur())}
a:hover{color:#374091}
a:focus{outline:0}
a,a:focus,a:hover{text-decoration:none!important;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}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
h2{display:block;margin:0;line-height:30px;padding:5px 0 0;font-size:26px;color:#555;font-weight:400;font-family:Ubuntu Bold}
h2 span{display:block;font-size:18px;color:#777}
h3{display:block;margin:0;padding:5px 0;font-size:20px;line-height:24px;color:#777}
b{font-size:18px;font-family:Ubuntu Bold;color:#555;line-height:26px;font-weight:400;border-bottom:3px double #555;margin:8px 0;position:relative}
b a{color:#555}
strong{font-weight:400;font-size:16px;font-family:Ubuntu Bold;line-height:26px}
.etw_hometitle{line-height:30px;padding:20px 0;font-size:26px;color:#555;font-family:Raleway Bold;}
.table{margin:5px 0 0 0;width:100%}
.table-responsive{margin-bottom:20px}
.table-responsive p{margin:5px 0 10px 0}
table,td{border:1px solid #ddd!important}
.table-striped>tbody>tr:nth-of-type(2n+1){background-color:#fff}
.table .top{background:#f1f1f1!important}
.table>tbody>tr>td{vertical-align:middle;padding:4px 8px;font-size:14px;line-height:20px}
.table>tbody>tr>td:first-child{white-space:nowrap}
.table img{display:block;margin:5px auto;min-width:60px;float:right}
.title-name{background:#F0F5F7;font-weight: 700;margin-top:20px;padding-left:8px;}
.title-name-inq{margin-top:-10px;}
.title-name-inq a{text-align:right;background:#4882E8;color:#fff;padding:0 10px;display:inline-block;border-radius:50px;font-weight:400;}
.title-name-inq a:hover{background:#1F2450;}
p{padding:0;margin:0 0 20px}
p.bottom{margin:0 0 8px 0}
.brief,.relatednames{width:100%;margin:20px 0;overflow:hidden;color:#999;font-size:13px;line-height:22px}
.sendinquiry2{width:100%;}
.sendinquiry2 span{font-size:14px;line-height:18px;text-decoration:underline;cursor:pointer;color:#0368cf;transition:.3s all ease-in-out;display:inline-block;white-space:nowrap}
.sendinquiry2 i{margin:0 .3rem 0 0}
.sendinquiry2 span:hover{text-decoration:none}
#chatbox{padding:0!important;border:none!important}
hr{border-top:1px dashed #ccc;padding:1px 0;margin:20px 0;display:block;clear:both}
.half{display:block;width:48%;margin:0 2% 15px 0;float:left;font-size:14px;line-height:22px}
.half li{width:100%;display:block;position:relative;padding-left:15px}
.half li:before{position:absolute;content:'';width:5px;height:5px;background:#555;border-radius:50%;left:0;top:9px}
.inquiry{color:#333;position:relative;text-decoration:none!important}
.inquiry:after{content:"Inquiry";display:inline-block;background:#1f2450;border-radius:2px;color:#fff;text-align:center;padding:3px 12px;font-size:14px;white-space:nowrap;line-height:16px}
.inquiry:hover{color:#fff}
.inquiry:hover:after{background:#374091;color:#fff}
.img_center .inquiry{float:right;margin:-10px 0 10px 0}
.img_center .inquiry:after{padding:10px}
.img_right .inquiry{float:right;margin:10px 0}
.etw_photo .inquiry{float:left;margin:-10px 0 5px 0}
#etw_top{position:fixed;width:40px;height:40px;right:105px;bottom:100px;text-align:center;border-radius:5px;background:rgba(153,153,153,.6);z-index:100;cursor:pointer}
#etw_top i{font-size:30px;color:#fff;margin-top:3px;display:block;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}
#etw_top:hover i{margin-top:-5px}
.num,.num1{float:none;padding-bottom:20px}
.num li,.num1 li{float:none;list-style:decimal;margin:3px 0 6px 18px;padding-left:2px;line-height:24px}
.num1 li{margin:3px 0 6px 24px}
.light{float:left;padding-bottom:20px;width:52%}
.light li{float:none;margin:3px 0 8px 0;padding:3px 0;border-bottom:1px dashed #ddd;font-size:13px}
.light li strong{font-family:Ubuntu Light;font-size:13px;color:#333;display:inline-block;width:65%}
.info{width:auto;margin:15px auto;overflow:hidden}
.info li{width:auto;display:inline-block;padding:2px 10px;border:1px solid #374091;color:#333;margin:0 18px 18px 0;position:relative;border-radius:4px;font-size:16px}
.info li:before{content:"\f061";position:absolute;font-family:FontAwesome;right:-16px;top:2px;color:#bbb;font-size:14px}
.info li:last-child:before{content:normal}
.link{position:relative;color:#374091;padding-left:24px}
.link:before{content:"\f08e";position:absolute;left:2px;top:1px;font-family:FontAwesome;color:#374091;font-size:16px;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}
.link:hover,.link:hover:before{color:#979797}
.review{color:red;font-size:20px;margin-bottom:15px}
.pdf{width:100%;margin:10px 0 20px 0}
.pdf a{position:relative;width:100%;color:#374091;display:block;margin:5px 0;font-size:18px;border-bottom:1px dashed #ddd;padding:5px 0 5px 25px}
.pdf a:before{position:absolute;content:"\f1c1";font-family:fontawesome;left:0;top:6px}
.pdf a:hover{color:#374091}
.advisory{margin:-8px 0 30px 0}
.advisory span{font-family:Ubuntu Light;display:inline-block;margin-left:10px;color:red;font-size:13px;text-transform:capitalize}
.no_bd img{border:none!important}
.more1{display:inline-block;color:#113677;font-size:13px;line-height:13px;font-family:Raleway Regular;position:relative;width:135px;text-decoration:underline!important;letter-spacing:.8px;margin:0 0 0 5px}
.more1:after{content:"\f178";position:absolute;right:5px;top:0;font-family:FontAwesome;color:#113677;font-size:16px;transition:all ease-in-out .3s}
.more1:hover:after{right:0}
.table{margin:10px 0 20px 0}
.left_pic { width: 100%;height: auto;float: left;margin: 5px 0 15px 0;padding-right: .2%;}
.left_pics {width: 80%;height: auto;float: left;}
.etw_cen{font-size: 18px;font-family:arial;}


.pro_line img {width: 100%;}

.pro_line2{ width:94%; margin:0 auto; text-align: center;max-width: 1140px;}
.pro_line2 img {width: 100%;}


.text1 {position:relative;}
#floating-menu a span {display:block;width:100%;}
#floating-menu a:hover {color:#a82a22;}
.text1 #floating-menu li {width:10px;height:10px;position:absolute;}
.text1 #floating-menu li a {width:10px;height:10px;position:absolute;margin:0;padding:5px;transition:0.5s;}
.text1 #floating-menu span {width:150px;position:absolute;background:#000;opacity:0.8;font-size:12px;color:#fff;text-align:center;border-radius:15px; line-height:16px; padding:6px 5px;}
#floating-menu li:nth-child(1) {top: 62%;left:21%;right:auto;width:10px;height:10px;background:red;border:3px solid #fff;box-shadow:0 0 3px red;border-radius:50%;margin:0;padding:5px;transition:0.5s;}
#floating-menu li:nth-child(2) {top:77%;left:25%;width:10px;height:10px;background:red;border:3px solid #fff;box-shadow:0 0 3px red;border-radius:50%;margin:0;padding:5px;transition:0.5s;}
#floating-menu li:nth-child(3) {top:74%;left:38%;width:10px;height:10px;background:red;border:3px solid #fff;box-shadow:0 0 3px red;border-radius:50%;margin:0;padding:5px;transition:0.5s;}
#floating-menu li:nth-child(4) {top:61%;left:60%;width:10px;height:10px;background:red;border:3px solid #fff;box-shadow:0 0 3px red;border-radius:50%;margin:0;padding:5px;transition:0.5s;}
#floating-menu li:nth-child(5) {top:20%;left:77%;right:auto;width:10px;height:10px;background:red;border:3px solid #fff;box-shadow:0 0 3px red;border-radius:50%;margin:0;padding:5px;transition:0.5s;}
#floating-menu li:nth-child(1) span {top:-63px;left:-43px;right:auto;}
#floating-menu li:nth-child(2) span {top:-6px;left:-144px;right:auto;width:140px;}
#floating-menu li:nth-child(3) span {top:20px;left:-40px;right:auto;width:90px;}
#floating-menu li:nth-child(4) span {top:-55px;left:-40px;right:auto;width:90px;}
#floating-menu li:nth-child(5) span {top:-60px;left:-40px;right:auto;width:90px;}
.text1 #floating-menu  a:hover span { background:red;}
/*header*/
#header{width:100%;position:fixed;top:0;z-index:999;top:0;background:linear-gradient(to bottom,#fff 0,#fff 68%,transparent 68%,transparent 100%)}
#headerin{width:100%;max-width:1140px;margin:0 auto}
#etw_logo{width:70px;height:auto;float:left;margin:10px 0}
.com_title{float:left;font-family:Raleway Bold;color:#333;font-size:14px;line-height:1.5;width:280px;border-left:1px solid #ddd;padding:6px 0 6px 15px;margin:12px 0 0 15px;}
.com_pic{float:right;margin-top:10px;}
.etw_lang_top{background:#ededed;padding:3px 0;}
#etw_language{text-align:right;margin:5px 0 0 0;max-width: 1140px;margin:0px auto;height:24px;}
#etw_language a{color:#100f0f;;line-height:13px;padding:0 0 0 34px;font-size:14px;display:inline-block}
#etw_language a strong{font-weight:400;font-size:13px;font-family:Ubuntu Bold;color:#555}
#etw_language a:hover{color:#374091}
.top-nav{width:100%;text-align:left;border-top:2px solid #013a9c;background:rgba(59,121,231,.93)}
.navbar,.navbar-default,.navbar-default .navbar-collapse,.navbar-header,.navbar-nav{background:0;border:0;min-height:inherit;padding:0;margin:0;width:100%}
.navbar-nav{font-size:5px}
.container-fluid{padding-right:0!important;padding-left:0!important}
.navbar,.navbar-default{max-width:1140px;margin:0 auto}
.navbar-default .navbar-nav li{width:auto;float:none;display:inline-block}
.navbar-default .dropdown-menu{z-index:1000;min-width:390px!important;padding:10px;top:99%;left:auto;background:rgba(255,255,255,.97)}
.navbar-nav>li:nth-child(2)>.dropdown-menu{min-width:430px!important;padding:10px 10px 20px 10px}
.navbar-nav>li:nth-child(3)>.dropdown-menu{min-width:490px!important}
.dropdown-menu>li>a{white-space:normal!important}
.navbar-default .dropdown-menu li a{font-size:13px;padding:5px 10px;color:#111;line-height:18px;display:block}
.navbar-default .navbar-nav .caret{margin:1px 0 0 2px}
.navbar-default .dropdown-menu li{width:100%;display:block;margin:0}
.navbar-default .navbar-nav>li{padding:0 30px 0 0}
.navbar-default .navbar-nav>li>a{color:#fff;display:inline-block;padding:20px 0;line-height:16px;font-size:16px;position:relative}
.navbar-default .navbar-nav>li>a:before{position:absolute;content:'';width:0;height:1px;background:#fff;bottom:12px;left:0;right:0;margin:0 auto;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}
.navbar-default li.dropdown-submenu{overflow:hidden;width:100%;padding:1% 1% 0 1%}
.navbar-default li.dropdown-submenu>a{width:100%;padding:3px 0;display:block;font-size:14px;color:#1f2450;border-bottom:3px double #eee;line-height:22px}
.navbar-default .dropdown-submenu ol{width:100%;padding:8px 0 0 0}
.navbar-default .dropdown-submenu ol li{width:100%;margin:0 2% 0 0;float:left}
.navbar-default .dropdown-submenu ol li:nth-child(2n){margin-right:0}
.navbar-default .dropdown-submenu ol li:nth-child(2n+1){clear:both}
.navbar-default .dropdown-submenu ol li a{font-size:13px;line-height:16px;padding:3px 0 3px 16px;position:relative;color:#333}
.navbar-default .dropdown-submenu ol li a:before{position:absolute;content:'';width:5px;height:3px;left:4px;top:10px;background:#666;border-radius:50%}
.navbar-default .navbar-nav li a.dq,.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background:0}
.navbar-default .dropdown-menu li a.dq,.navbar-default .dropdown-menu li a:hover{color:#3b79e7;background:0;border-radius:0;border-bottom:none}
.navbar-default .dropdown-menu li ol li a.dq:before,.navbar-default .dropdown-menu li ol li a:hover:before{background:#3b79e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background:0}
.navbar-default li.dropdown-submenu>a.dq,.navbar-default li.dropdown-submenu>a:hover{border-bottom:3px double #3b79e7}
.navbar-default .navbar-nav>.open>a:before,.navbar-default .navbar-nav>.open>a:focus:before,.navbar-default .navbar-nav>.open>a:hover:before,.navbar-default .navbar-nav>li>a.dq:before,.navbar-default .navbar-nav>li>a:hover:before{width:100%}
.navbar-brand{display:none}

/*banner*/
#etw_banner{width:100%;height:auto;margin:-56px auto 0 auto;background:#ebebeb;position:relative;z-index:0}
.botton{content:"\f078";position:absolute;cursor:pointer;width:58px;height:58px;border-radius:50%;background:#fff;border:3px solid #555;right:0;left:0;margin:0 auto;bottom:18%;font-family:FontAwesome;font-size:22px;transition:all ease-in-out .3s;z-index:2;text-align:center;display:flex;align-items:center;justify-content:center;padding:0 0 0 1px;animation:mov1 2.5s infinite ease-in-out}
.botton:hover{box-shadow:0 1px 7px #444}
.botton a{color:#333;display:block}
@-webkit-keyframes mov1{50%{padding-top:5px}
100%{padding-top:0}
}
@keyframes mov1{50%{padding-top:5px}
100%{padding-top:0}
}
.banner_txt{width:94%;margin:0 auto;text-align:center;position:absolute;top:30%;left:0;right:0;max-width:1140px}
.banner_txt h2{font-size:30px;line-height:36px;color:#fff;padding:20px 10px;font-family:Ubuntu Bold;width:550px;text-align:left;text-shadow:2px 2px 2px #000;display:block;background:rgba(0,0,0,0.5);}
.banner_txt h2 span{color:#fff;line-height:1.5;margin:10px 0 0 0}

/*video*/
.etw_video{display:none;width:24%;overflow:hidden;position:relative;margin:10px auto 20px auto;float:left;height:140px;background:url(../images/video.jpg) no-repeat center;background-size:cover;border:1px solid #999}
.etw_video a{top:0;font-size:18px;position:absolute;left:0;right:0;margin:auto;text-align:center;width:60px;height:60px;bottom:0}
.etw_video a span{padding:0 0 0 7px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto;color:#fff;border:4px solid #fff;font-size:30px;border-radius:50%;width:100%;height:100%;background:rgba(0,0,0,.5);transition:all ease-in-out .3s}
.etw_video img{max-width:150%}
.etw_video a:hover span{border-color:#3b79e7;color:#3b79e7;background:0}
.home_video{display:block;margin:-35px 0 20px 3%;width:40%;float:right;height:260px;border:1px solid #23282f}
.home_video:before{position:absolute;content:'';width:100px;height:60px;box-shadow:4px 4px 16px #333;bottom:-5px;left:40%;z-index:-1}
.home_aboutpic{display:block;margin:-35px 0 20px 3%;width:40%;float:right;border:1px solid #23282f}

.etw_videoshow{ display:none; width:100%;margin-bottom:20px;}
.videoflow{ overflow:hidden; max-height:200px; position:relative; cursor:pointer;margin-bottom:15px;}
.videoflow:before{position:absolute;top:50%;left:50%; right:0;border-radius:50%;font-family:fontawesome;transform:translate(-50%,-50%);content:"\f04b";width:45px;height:45px;color:#c9161c; background:#fff; font-size:2.4rem;padding: 1rem 0 0 1.4rem;line-height: 24px;}
.videoflow:hover:before{background:#c9161c; color:#fff;}
.videoflow img{ width:100%;}

/*index*/
#container{width:100%;margin:141px auto 0 auto}
#etw_container{width:100%;overflow:hidden;margin:0 auto}
#etw_content{width:94%;overflow:hidden;margin:0 auto;padding:20px 0;max-width:1140px}
.company{width:100%;margin:-60px auto 0 auto;padding:20px 0 40px 0;background:#ebebeb;overflow:hidden}
.company_txt{margin:0 auto;width:94%;padding:50px 0 30px 0;max-width:1140px;position:relative}
.company_txt p{color:#111;font-size:14px;line-height:24px;margin-bottom:10px}
.company_txt a.more{display:block;color:#113677;font-size:13px;line-height:13px;font-family:Raleway Regular;position:relative;width:105px;letter-spacing:.8px;margin:20px 0 10px 0}
.company_txt a.more:after{content:"\f178";position:absolute;right:5px;top:0;font-family:FontAwesome;color:#113677;font-size:16px;transition:all ease-in-out .3s}
.company_txt a.more:hover:after{right:0}
#mainpro{width:100%;margin:0 auto;height:520px;background:url(../images/pro_bg.jpg) no-repeat center}
#mainpro ul{width:94%;margin:0 auto;max-width:1140px;float:none}
#mainpro .etw_hometitle{font-size:32px;line-height:40px;padding:50px 0 60px 0;font-family:Raleway Regular;width:100%;text-align:center}
#mainpro .etw_hometitle span{border-bottom:1px solid #fff;font-family:Raleway Bold;display:inline-block}
#mainpro .etw_hometitle a{color:#fff}
#mainpro .etw_hometitle a:hover{color:#374091}
#mainpro ul>li{width:10.85%;margin:40px 4% 0 0;text-align:center;position:relative}
#mainpro ul>li:after{content:"\f178";position:absolute;right:-33px;top:70px;font-family:FontAwesome;color:#fff;font-size:16px;transition:all ease-in-out .3s}
#mainpro ul>li:last-child:after,#mainpro ul>li:nth-child(3):after,#mainpro ul>li:nth-child(4):after{content:normal}
#mainpro ul>li:nth-child(1),#mainpro ul>li:nth-child(5){padding-top:10px}
#mainpro ul>li:nth-child(4){margin-top:-50px}
#mainpro ul>li:last-child{margin-right:0;padding-top:10px}
#mainpro ul>li>ol>li{position:relative;margin-bottom:30px}
#mainpro ul>li>ol>li:last-child{margin-bottom:0;padding-top:20px}
#mainpro ul>li>ol>li:after,#mainpro ul>li>ol>li:before{content:"\f178";position:absolute;right:-33px;top:70px;font-family:FontAwesome;color:#fff;font-size:16px;transition:all ease-in-out .3s}
#mainpro ul>li>ol>li:before{right:auto;left:-33px}
#mainpro ul li a{display:block;width:100%;position:relative;font-size:14px;line-height:20px;color:#444;padding:10px 0}
#mainpro ul li span{color:#fff;display:block;font-family:Ubuntu Medium;font-size:16px;line-height:20px;padding:10px 0;transition:all ease-in-out .3s;}
#mainpro ul li img{display:block;margin:0 auto;transition:all ease-in-out .4s}
#mainpro ul li img:hover{transform:translate(0,-8px);}
.pro_banner{background:#1f2450!important;height:300px!important;padding:10px 0 0 0;}
.pro_banner ul li a.dq span,.pro_banner ul li a:hover span{text-decoration:underline!important;mix-blend-mode:difference;}
.pro_banner ul li img:hover,.pro_banner ul li a.dq img{mix-blend-mode:difference;}
#other_body{width:94%;margin:0 auto 10px auto;padding:20px 0 0 0;text-align:center;overflow:hidden;max-width:1140px;background-size:35%;background-position:0 80%}
#other_body .etw_hometitle{font-size:32px;line-height:40px;padding:0;font-family:Raleway Regular;text-align:center;width:100%;margin:20px 0 20px 0}
#other_body .etw_hometitle span{font-family:Raleway Bold;display:inline-block;border-bottom:1px solid #113677}
#other_body .etw_hometitle a{color:#113677}
#other_body .etw_hometitle a:hover{color:#3b79e7}
#custom_bg{width:100%;border-top:1px solid #ddd}
#custom{width:94%;margin:0 auto 30px auto;overflow:hidden;max-width:1140px}
#custom .etw_hometitle{font-size:24px;line-height:30px;padding:0;text-align:center;font-family:Raleway Regular;width:100%;margin:40px 0 20px 0}
#custom .etw_hometitle span{font-family:Raleway Bold;display:inline-block;border-bottom:1px solid #3b79e7}
#custom .etw_hometitle a{color:#3b79e7}
#custom .etw_hometitle a:hover{color:#374091}
.customleft,.customright{float:left;width:48%;margin-right:4%}
.customright{margin-right:0}
.customleft ul,.customleft ul li,.customright ul{width:100%}
.customleft ul li:last-child{margin-top:20px}
.customleft ul li:last-child img{width:35%;float:left;margin-right:4%}
.customleft ul li strong{font-size:15px;display:block;font-family:Raleway Regular;line-height:18px;padding:8px 0;color:#000}
.customleft ul li p,.customright ul li p{font-size:14px;line-height:20px;color:#777;margin:0 0 10px 0}
.customleft ul li a.more{display:block;float:right;padding:15px 0;width:61%;border-top:1px solid #313981;font-family:Raleway Regular;letter-spacing:.8px;font-size:12px;position:relative}
.customleft ul li a.more:after{content:"\f178";position:absolute;left:100px;top:15px;font-family:FontAwesome;color:#113677;font-size:16px;transition:all ease-in-out .3s}
.customleft ul li a.more:hover{color:#3b79e7}
.customleft ul li a.more:hover:after{color:#3b79e7;left:80px}
.customright ul li{width:100%}
.customright ul li a{font-size:15px;display:block;font-family:Raleway Regular;line-height:18px;padding:8px 0;color:#000;position:relative}
.customright ul li a:after{content:"";position:absolute;width:0;height:0;border-left:6px solid #374091;border-top:5px solid transparent;border-bottom:5px solid transparent;right:1px;top:12px}
.customright ul li a:hover{color:#3b79e7}
#home_bg{width:100%;overflow:hidden;background:#374091;padding:30px 0;position:relative;}
#home_bg:before{position:absolute;content:'';border-top:22px solid #fff;border-left:25px solid transparent;border-right:25px solid transparent;border-right-color:transparent;border-right-style:solid;border-right-width:25px;left:0;right:0;top:0;margin:0 auto;width:0;height:0}
#home_list{width:94%;margin:0 auto;max-width:1140px}
#home_list .etw_hometitle{font-size:18px;line-height:18px;padding:15px 0}
#home_list .etw_hometitle a{color:#fff}
#home_list .etw_hometitle a:hover{color:#3b79e7}
#home_list #etw_productlist{width:36%;margin:20px 4% 20px 0}
#home_list #etw_productlist ul>li>a{color:#fff;font-size:13px;border-bottom:1px solid #fff;font-family:Ubuntu Bold;padding:8px 0}
#home_list #etw_productlist ul>li>ol>a{color:#fff;display:block;font-size:14px;}
#home_list #etw_productlist ul>li>a:before{content:normal}
#home_list #etw_productlist ul>li>a:after{content:"";position:absolute;width:0;height:0;border-left:5px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;right:2px;left:auto;top:13px}
#home_list #etw_productlist ul>li>a:hover{color:#3b79e7}
#home_list .etw_contactin{width:32%;margin-right:4%;background:#313981;padding:6px 25px 15px 25px}
#home_list .etw_contact{color:#fff}
#home_list .etw_contact p a{color:#fff}
#home_list .qrcode{background:#fff;padding:4px;width:140px}
#home_list #tags{width:24%;background:#313981;padding:6px 25px 15px 25px}
#home_list #tags_title{padding:15px 0;margin-bottom:5px;font-size:18px;line-height:18px;color:#fff;border:none;}
.bigger-text{font-size:24px;line-height: 1.4;}
.big-text{font-size:20px;font-weight:700;position: relative;padding-left:30px;}
.big-text:before{position: absolute;width:20px;background:#ccc;height:3px;content:"";top:13px;left:0;}

/****etw_mainpro****/
.etw_mainpro{padding: 0 0 1rem;font-family: calibri;overflow: hidden;}
.etw_mainpro .etw_hometitle{font-size: 1.5rem;color: #222;font-weight: 600;line-height: 1.75rem;margin-bottom: 0.5rem;}
.etw_mainpro p{font-family: calibri;font-size: 1rem;color: #666;line-height: 1.25rem;padding-bottom: 1.75rem;border-bottom: 1px solid #d5dbdc;}
.etw_mainpro ul{display: flex;flex-wrap: wrap;float:none;}
.etw_mainpro ul>li{width: 31.33%;margin: 0 2% 1.5rem 0;float: left;}
.etw_mainpro ul>li:nth-child(3n){margin-right: 0;}
.etw_mainpro ul>li ol li.product_img{overflow: hidden;text-align: center;}
.etw_mainpro ul>li ol li.product_img img{transition: all .5s;}
.etw_mainpro ul>li:hover ol li.product_img img{transform: scale(1.05);}
.etw_mainpro ul>li ol li.product_con{padding: 0.25rem 0;}
.etw_mainpro ul>li ol li.product_con a{color: #222;text-align: center;display: block;font-weight: 600;font-size:16px;}
.etw_mainpro ul>li:hover ol li.product_con a{color: #3b79e7;}

/*sidelist*/
#etw_right{width:72%;float:right}
#etw_sidebar{width:25%;float:left;position:relative}
#etw_sidebar .etw_hometitle{font-size:20px;line-height:20px;padding:10px 0;margin-bottom:15px;color:#333;border-bottom:1px solid #555}
#etw_sidebar .etw_hometitle a{color:#333;display:block}
#etw_sidebar .etw_hometitle a:hover{color:#3b79e7}
#etw_sidebar .title-list{background:#F5F5F5;margin-bottom:3px;}
#etw_sidebar .title-list a{display:block;padding:5px 10px;color:#333;font-size:18px;font-weight:bold;}
#etw_sidebar .title-list a:hover,#etw_sidebar .title-list a.dq{color:#3b79e7;}
#etw_productlist{width:100%;height:auto;float:left;margin:15px 0}
#etw_productlist ul,#etw_productlist ul li,#etw_productlist ul>li>ol,#etw_productlist ul>li>ol>li,#etw_productlist ul>li>ol>li>ol{width:100%}
#etw_productlist ul>li>a{line-height:18px;font-size:14px;color:#111;padding:5px 5px 5px 15px;display:block;margin:0 0 5px 0;position:relative}
#etw_productlist ul>li>a:after,#etw_productlist ul>li>a:before{position:absolute;content:"";left:1px;top:10px;border-left:6px solid #666;border-top:4px solid transparent;border-bottom:4px solid transparent}
#etw_productlist ul>li>a:after{border-left:2px solid #fff}
#etw_productlist ul>li>ol{padding:0 0 10px 0}
#home_list #etw_productlist ul>li>ol{padding:0}
#etw_productlist ul>li>ol>li>a{padding:6px 0 6px 15px;font-size:14px;display:block;line-height:16px;color:#555;border-bottom:1px dotted #ddd;}
#etw_productlist ul>li>ol>li>ol{padding:6px 0;border-bottom:1px dotted #ccc}
#etw_productlist ul>li>ol>li>ol>li>a{display:block;font-size:12px;padding:5px 5px 5px 20px;line-height:16px;color:#666;position:relative}
#etw_productlist ul>li>ol>li>ol>li>a:before{position:absolute;content:'';background:#777;border-radius:50%;width:4px;height:4px;left:11px;top:11px}
#etw_productlist ul li a.dq,#etw_productlist ul li a:hover{color:#3b79e7}
#etw_productlist ul>li>ol>li>ol>li>a.dq:before,#etw_productlist ul>li>ol>li>ol>li>a:hover:before{color:#3b79e7}
#etw_productlist ul>li>a.dq:before,#etw_productlist ul>li>a:hover:before{border-left:6px solid #3b79e7}
.etw_contactin{width:100%;height:auto;float:left;margin:15px 0}
.etw_contact{width:100%;float:left;font-size:14px;line-height:24px;color:#333}
.etw_contact strong{color:#555;font-size:15px;line-height:24px}
.etw_contact p{margin-bottom:10px}
.etw_contact p a{color:#3b79e7}
.etw_contact p a:hover{color:#374091}
.etw_contact .left{padding-left:49px}
.share{margin:10px 0;overflow:hidden;width:100%}
.share a{text-align:center;margin:0 6px 0 0;width:28px;display:block;float:left;height:28px;line-height:24px;color:#1f2450;font-size:14px;position:relative;cursor:pointer;background:#fff;border:2px solid #1f2450;border-radius:50%}
.share a:hover{background:#3b79e7;color:#fff;border-color:#3b79e7}
ul.param-list{margin:0 0 15px 15px;}
ul.param-list li{list-style:disc;margin-bottom:6px;}

/*tags*/
#tags{float:left;overflow:hidden;width:100%;margin:15px 0}
#tags_title{font-size:20px;line-height:20px;padding:10px 0;margin-bottom:15px;color:#555;font-family:Ubuntu Bold;position:relative;border-bottom:1px solid #555}
#tags a{display:inline-block;margin:0 5px 5px 0;padding:5px 12px 4px 12px;color:#222;background:#eee;font-size:12px;line-height:16px;border:1px solid #999;text-transform:capitalize}
#tags a:hover{background:#999;color:#fff}
.etw_tags{width:100%;margin:20px 0 5px 0;overflow:hidden}
.etw_tags ul>li{width:23.5%;margin:0 2% 20px 0;overflow:hidden}
.etw_tags ul li ol{width:100%}
.etw_tags ul li:nth-child(4n){margin-right:0}
.etw_tags ul li:nth-child(4n+1){clear:both}
.etw_tags ul li ol li.product_img{width:100%}
.etw_tags ul li ol li.product_img img{width:100%;border:1px solid #ddd}
.etw_tags ul li ol:hover li.product_img img{border-color:#374091}
.etw_tags ul li ol li.product_con{width:100%;margin:0 auto;text-align:center}
.etw_tags ul li ol li.product_con a{color:#333;display:block;line-height:18px;padding:6px 2px;font-size:15px}
.etw_tags ul li ol:hover li.product_con a{color:#374091;text-decoration:underline}

/*quick list*/
#etw_producttitle{margin:0 auto;height:auto;color:#1f1d29;line-height:18px;font-size:13px}
#etw_producttitle ol{width:100%;max-width:1140px;margin:0 auto;float:none;overflow:hidden;padding:15px 0}
#etw_producttitle a{color:#999;padding-right:6px}
#etw_producttitle li{display:inline-block;padding:3px 0}
#etw_producttitle li+li::before{padding:0 5px;color:#ccc;content:"/\00a0"}
#etw_producttitle a:hover{color:#676664}
#etw_producttitle small{display:inline}

/*about*/
.qulicklink{width:100%;margin:0 0 30px 0;overflow:hidden}
.qulicklink ul{width:100%}
.qulicklink ul li{width:23.86%;margin:0 1.5% 7px 0}
.qulicklink ul li:last-child{margin-right:0}
.qulicklink ul li a{display:block;background:#374091;text-align:center;position:relative;padding-top:80px}
.qulicklink ul li a:before{position:absolute;content:"\f0f5";font-family:fontawesome;margin:0 auto;width:100%;color:#fff;font-size:50px;left:0;right:0;top:28%}
.qulicklink ul li:nth-child(2) a:before{content:"\f24a"}
.qulicklink ul li:nth-child(3) a:before{content:"\f085"}
.qulicklink ul li:nth-child(4) a:before{content:"\f0f7"}
.qulicklink ul li a span{display:block;color:#fff;line-height:18px;font-size:14px;padding:10px;height:60px}
.qulicklink ul li a.dq,.qulicklink ul li a:hover{background:#225378}
.aboutimg{width:100%;margin:20px 0;overflow:hidden}
.aboutimg ul{width:99%;margin:0 auto;float:none}
.aboutimg ul li{width:100%;margin:15px 0;padding-right:15px;box-shadow:1px 1px 4px #999;border-radius:0 6px 6px 0;border-right:4px solid #374091;transition:all ease-in-out .3s}
.aboutimg ul li a img{width:30%;float:left;margin-right:3%;padding:10px;transition:all ease-in-out .3s}
.aboutimg ul li a span{width:67%;float:right;display:block;font-size:16px;line-height:26px;padding:30px 0 10px 0;color:#1f2450;font-family:Ubuntu Bold}
.aboutimg ul li a span.add{padding:15px 0 5px 0}
.aboutimg ul li p{font-size:14px;margin-bottom:0;line-height:24px}
.aboutimg ul li:hover{transform:translate(0,-5px)}
.aboutimg ul li:hover img{opacity:.5}
.aboutimg ul li:hover a span{color:#374091;text-decoration:underline!important}
.about_title{font-size:16px;line-height:22px;width:100%;clear:both;text-transform:capitalize;color:#333;margin:20px 0 -1px 0;position:relative}
.about_title:before{content:"";position:absolute;width:0;height:0;border-right:40px solid #1f2450;border-top:0 solid transparent;border-bottom:20px solid transparent;left:0;bottom:-20px;z-index:-1}
.about_title a{color:#fff;position:relative;display:inline-block;background:#1f2450;padding:8px 30px 8px 15px}
.about_title a:after,.about_title a:before{position:absolute;content:'';background:#1f2450;width:12px;height:38px;top:0;right:-12px;transform:skew(20deg);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}
.about_title a:before{background:#fff;right:-3px}
.about_title a:hover{background:#3b79e7}
.about_title a:hover:after{background:#3b79e7}
.about_box{width:98%;float:right;border-top:1px solid #ddd;border-left:1px solid #ddd;padding:25px 0 20px 4%;background:#fff;margin:-1px 0 0 0}
.about_box p{margin:0 0 5px 0}
.left_img{width:50%;float:left;margin:0 3% 0 0}
.right_img{width:50%;float:right;margin:0 0 0 3%}
.left_img,.right_img{overflow:hidden}
.left_img img,.right_img img{width:100%;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}
.left_img img:hover,.right_img img:hover{opacity:.7;transform:scale(1.06);-moz-transform:scale(1.06);-webkit-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)}
.up{margin-top:3%}
.up1{margin-top:8%}

/*products*/
.protitle{margin:20px 0;padding-bottom:5px;color:#3e3e53;border-bottom:1px solid #d2d2d2;font-family:Ubuntu Light;font-weight:600;position:relative;line-height:26px;font-size:18px;width:96%;color:#555}
.protitle:after{border-bottom:1px solid #d2d2d2;content:"";display:block;left:4%;position:absolute;top:34px;width:100%}
.protitle a{color:#555}
.protitle1{font-size:18px;line-height:18px;padding:5px 0;width:100%;overflow:hidden;clear:both;text-transform:capitalize;color:#555;font-family:Ubuntu Bold;margin:10px 0}
.protitle1 a{color:#444;padding-left:25px;position:relative}
.protitle1 a:before{position:absolute;content:"\f090";font-family:FontAwesome;left:1px;top:2px;font-size:16px}
.protitle a:hover{color:#444}
.protitle1 a:hover,.protitle1 a:hover:before{color:#3b79e7}
.protitle2{font-size:20px;line-height:22px;width:100%;clear:both;color:#555;margin:20px 0;padding:8px 0;border-bottom:4px solid #eee;position:relative;font-family:Ubuntu Bold}
.protitle2 a{color:#333;display:block}
.protitle2 a:hover{color:#374091}
.box{width:95%;margin:0 0 25px 5%;position:relative}
.etw_products{width:100%;overflow:hidden}
.etw_products ul{width:100%}
.etw_products ul li ol{width:100%}
.etw_products ul>li{width:32%;margin:0 2% 20px 0}
.etw_products ul>li:nth-child(3n){margin-right:0}
.etw_products ul>li:nth-child(3n+1){clear:both}
.etw_products ul li ol li.product_img{width:100%;overflow:hidden;border:3px double #ddd}
.etw_products ul li ol li.product_img img{width:auto;margin:0 auto;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_products ul li ol li.product_con{width:100%}
.etw_products ul li ol li.product_con a{color:#111;display:block;text-align:center;line-height:18px;font-size:13px;padding:10px 5px;position:relative}
.etw_products ul li ol:hover li.product_con a{color:#374091}
.etw_products ul li ol:hover li.product_img img{opacity:.7;transform:scale(1.03);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}
.etw_products1{width:100%;overflow:hidden}
.etw_products1 ul,.etw_products1 ul li ol{width:100%}
.etw_products1 ul>li{width:100%;height:auto;padding:0 0 20px 0}
.etw_products1 ul li ol li.product_img{width:24%;height:auto;border:3px double #ddd}
.etw_products1 ul li ol li.product_img img{width:100%;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}
.etw_products1 ul li ol li.product_img img:hover{opacity:.7}
.etw_products1 ul li ol li.product_con{width:74%;height:auto;float:right;text-align:left;color:#666;line-height:22px}
.etw_products1 ul li ol li.product_con a{color:#555;display:block;line-height:24px;font-size:15px;padding:5px 20px 5px 0;border-bottom:1px solid #666;margin-bottom:8px;overflow:hidden;position:relative;font-family:Ubuntu Bold}
.etw_products1 ul li ol li.product_con a:after{content:"\f18e";position:absolute;right:3px;bottom:-100%;font-family:FontAwesome;color:#374091;font-size:16px;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}
.etw_products1 ul li ol li.product_con a:hover{color:#374091}
.etw_products1 ul li ol li.product_con a:hover:after{bottom:5px}
.etw_products1 ul li ol li.product_con span{font-size:13px;display:block;line-height:22px;color:#444}
.etw_products1 ul li ol li ol.small_list{width:100%;margin:20px 0}
.etw_products1 ul li ol li ol.small_list li a{font-size:12px;background:#f2f2f2;border:1px solid #ddd;color:#333;padding:3px 12px;margin:0 6px 6px 0;border-radius:4px}
.etw_products1 ul li ol li ol.small_list li a:hover{background:#f8f8f8;color:#979797}
.etw_products1 ul li ol li.nopic{width:100%}
.etw_products2{width:100%;overflow:hidden;margin-bottom:20px}
.etw_products2 ul{width:100%}
.etw_products2 ul li ol{width:100%;position:relative}
.etw_products2 ul>li{width:30.33%;margin:0 3% 20px 0;position:relative}
.etw_products2 ul>li:before{content:"\f0a9";position:absolute;font-family:FontAwesome;right:-10%;top:44%;color:#1f2450;font-size:20px;height:20px;width:20px}
.etw_products2 ul>li:last-child:before{content:normal}
.etw_products2 ul>li:nth-child(3n+1){clear:both}
.etw_products2 ul li ol li.product_img{width:100%;overflow:hidden;box-shadow:0 16px 16px -16px #333}
.etw_products2 ul li ol li.product_img img{width:auto;margin:0 auto;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_products2 ul li ol li.product_con{width:100%;position:absolute;top:0;left:0;height:100%}
.etw_products2 ul li ol li.product_con a{color:#fff;display:flex;text-align:center;line-height:20px;font-size:15px;padding:10px;position:relative;background:rgba(0,0,0,.4);height:100%;align-items:center;justify-content:center;text-shadow:1px 2px 3px #000}
.etw_products2 ul li ol:hover li.product_con a{background:0;font-size:0}
.etw_products2 ul li ol:hover li.product_img img{transform:scale(1.03);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}
.relatedname{color:#999}
.img_products{width:40%;float:left;margin:5px 4% 20px 0;border:1px solid #ddd}
.img_products img{display:block;margin:0 auto;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}
.img_products img:hover{opacity:.7}
.img_icon{width:100%;clear:both;margin:5px 0 20px 0}
.etw_point{width:100%;overflow:hidden;position:relative;border:1px dotted #374091;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.8)}
.etw_point li,.etw_point li ol{width:100%}
.etw_point li a{width:100%;display:block;font-size:16px;line-height:24px;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}
.etw_point li>a{padding:5px 10px 5px 22px;color:#333;position:relative}
.etw_point li>a:before{position:absolute;content:"\f096";font-family:FontAwesome;left:2px;top:6px;color:#333;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}
.etw_point li a.dq,.etw_point li a:hover{color:#374091}
.etw_point li>a.dq:before,.etw_point li>a:hover:before{content:"\f046";color:#374091}
.dc{color:#333}
.etw_point1{width:100%;margin:30px 0 15px 0;position:relative}
.etw_point1 ol{width:100%;position:relative;float:none;display:block;overflow:hidden;margin-bottom:15px}
.etw_point1 ol:before{position:absolute;content:'';border-top:1px solid #333;left:0;top:54px;width:100%;z-index:-1}
.etw_point1 ol li{width:13.28%;margin:0 1% 0 0}
.etw_point1 ol li a{width:100%;display:block;font-size:12px;line-height:16px;padding:5px 0;color:#333;position:relative;text-align:center}
.etw_point1 ol li a img{display:block;width:70%;margin:0 auto 15% auto}
.etw_point1 ol li a:before{position:absolute;content:"";width:10px;height:10px;left:0;right:0;margin:0 auto;top:50px;background:#fff;border:1px #1b3051 solid;border-radius:50%}
.etw_point1 ol li a.dq,.etw_point1 ol li a:hover{color:#374091}
.etw_point1 ol li a.dq:before,.etw_point1 ol li a:hover:before{background:#374091;border-color:#374091}
.dangqian{color:#374091!important}
.construction{margin-bottom:25px;float:left;width:100%;}
.construction ul{width:100%;}
.construction ul li{position:relative;float: none;margin:5px 0px;border-bottom:1px dotted #ccc;background:#f5f5f5;}
.construction ul li p{position:absolute;right:0;top:0;width:40%;content:"";background:rgba(0,0,0,0.5);color:#fff;padding:20px;text-shadow: 0px 2px 3px #000;}
.construction ul li .cons_text{position:absolute;right:3%;top:10%;width:45%;content:"";}
.construction p strong{color: #fff !important;}
.navlist{}
.navlist ul li{display:inline-block;margin:0 3px 10px 3px;border:1px solid #CE1A22;}
.navlist ul li a{padding:3px 3px;display:block;color:#CE1A22;cursor:pointer;}
.navlist ul li a.dq{background:#CE1A22;color:#fff;}
.wrapper_pro{margin:30px 0 40px;}
.wrapper_pro a{display:block;position: relative;color:#3b79e7;font-size:20px;font-weight: bold;overflow:hidden;}
.wrapper_pro span{display:block;position: absolute;top:0;}
.wrapper_pro a:hover{color:#d12b1b;}
.wrapper_pro p{margin-top:10px;}
.wrapper_pro a img{transition:all .5s;margin-top:63px;}
.wrapper_pro a:hover img{transform:scale(1.05);}
.wrapper_pro .pro_link{background:#e0e0e0;border-radius:5px;}
.wrapper_pro .pro_link a{font-size:16px;padding:5px 5px 5px 15px;}

/*photo*/
.pic2{text-align: center;margin:0px auto;margin-bottom: 15px;}
.pic2 img{margin-bottom:5px;}
.pic_mid{text-align:center;margin:10px 0;}
.img_center{width:100%;clear:both;margin:10px auto 20px;text-align:center;font-size:15px;line-height:26px}
.img_center img{display:block;margin:0 auto;width:100%}
.img_center.whole{background:#fff;margin:10px auto 30px auto;border:1px solid #ddd}
.img_center.whole img{width:auto;padding:4px}
.img_center.none{background:#fff;margin:10px 0 25px 0}
.img_center.none img{width:auto;margin:0}
.img_center1{float:left;margin:0 0 20px 0;width:66%}
.img_left,.img_right{width:40%;float:right;margin:5px 0 10px 2%;text-align:center;font-size:13px}
.img_left{float:left;margin:5px 3% 10px 0;width:40%}
.img_left img,.img_right img{border:1px solid #eee;display:block;width:100%;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}
.img_left img:hover,.img_right img:hover{opacity:.7;box-shadow:0 14px 16px -8px #999;-moz-box-shadow:0 14px 16px -8px #999;-webkit-box-shadow:0 14px 16px -8px #999;-ms-box-shadow:0 14px 16px -8px #999;-o-box-shadow:0 14px 16px -8px #999}
.img_right span{font-size:14px;line-height:16px;display:block;margin-top:5px}
.img_right.swidth{width:32%}
.img_right.bwidth{width:auto}
.img_right.bwidth img{width:100%}
.img_right.mwidth{width:20%;margin:5px 0 10px 3%}
.img_right.mwidth img{margin-bottom:8px}
.img_left.swidth{width:20%;margin:5px 3% 10px 0}
.etw_photo{float:left;margin:5px 0;width:100%;height:auto}
.etw_photo ul{display:block;width:100%;height:auto}
.etw_photo ul li{display:block;margin:0 2% 20px 0;text-align:center;line-height:20px;font-size:13px;float:left;}
.etw_photo ul li span{text-align:center;display:block;padding:0 5px}
.etw_photo ul li p{text-align:left;margin:5px 0;line-height:20px;padding:0;font-size:14px}
.etw_photo ul li p strong{}
.etw_photo ul li img{display:block;border:1px solid #eee;width:99%;margin-bottom:5px;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}
.img_title{color:#000;font-family:Roboto Light;font-size:15px;text-align:left;line-height:20px;border-left:1px solid #777;padding:1px 0 1px 10px;margin:10px 0 10px 5px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_photo ul li a:hover .img_title{margin-left:0;padding:1px 8px 1px 7px}
.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%}
.etw_pic6 ul li{width:15%}
.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_pic2 ul li.big_img{width:66.17%;margin:0 2% 10px 0}
.etw_pic2 ul li.small_img{width:31.83%;margin:0 0 10px 0;clear:none}
.etw_pic2 ul li.big_img img,.etw_pic2 ul li.small_img img{width:100%}
.left_pic{width:100%;float:left;margin:5px 4% 15px 0}
.pic1{ margin-top:0;}
.left_pics{width:100%;float:left;position:relative;margin-bottom:10px}
.left_pics img{text-align:center;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}
.left_pics img:hover{opacity:.7}
.related_pic{width:100%;overflow:hidden}
.related_pic figure{display:inline}
.related_pic img{display:inline-block;margin:0 1% 10px 0;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; width:10%;}
.related_pic img:hover{opacity:.7}
.pic2 .left_pics{width:49.5%}
.pic2 .related_pic{width:49.5%}
.pic2 .related_pic img{width:48%;margin:0 1% 15px 1%}
.pic3 .left_pics{width:49%}
.pic3 .related_pic{width:49%}
.pic3 .related_pic img{width:30%;margin:0 1% 12px 1%}
#imgtitle{position:absolute;bottom:1px;right:1px;display:block;font-size:13px;padding:3px 5px 3px 35px;color:#fff;background-image:linear-gradient(to left,rgba(0,0,0,.9) 0,#fff 100%);text-align:right}
.etw_images{width:100%;overflow:hidden;position:relative;padding:20px 0}
.etw_images ul{width:100%}
.etw_images ul li.txt{position:absolute;top:30%;left:3%;width:55%}
.etw_images ul li.txt span{color:#555;font-size:14px;position:relative;display:block;line-height:22px}
.etw_images ul li.txt span:before{position:absolute;content:'';background:#777;width:130%;height:1px;left:-3%;top:34px}
.etw_images ul li.txt strong{display:block;padding:0 0 20px 0;font-size:18px;color:#000}
.etw_images ul li.txt i{font-size:14px;font-style:normal}
.etw_images ul li.img{width:32%;float:right}
.etw_images ul li.img img{display:block;border:1px solid #ddd;padding:3px;border-radius:2px;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}
.etw_images ul li.img img:hover{border-color:#333}

/*contact us*/
#etw_contactin{width:54%;float:left;padding:15px 0 30px 0;font-size:16px;line-height:26px}
#etw_contactin p a{color:#3b79e7}
#etw_contactin p a:hover{color:#1f2450;text-decoration:underline!important}
#etw_contactin p{margin-bottom:10px!important}
#etw_contactin .left{padding-left:53px}
#etw_contactin strong{font-weight:400;color:#555;font-size:16px}
.location{width:54%;height:auto;float:left}
#etw_set_feedback_form{overflow:hidden;margin:15px 0;height:auto;border:1px solid #ccc;background:#fff;text-align:center;width:42%;float:right}
#etw_form_title{overflow:hidden;background:#eee;text-align:left;line-height:34px;border-bottom:1px solid #ccc;margin-bottom:10px;color:#444;font-size:18px;padding:2px 0 0 20px;font-family:Ubuntu Bold}
#etw_form_title span{padding-right:5px}
#floatchatiframe2011{height:500px}
#etw_form{width:100%}
#etw_form #etw_set_feedback_form{border-radius:5px;margin:10px 0;width:49%}
#etw_form .etw_contactin{width:49%;border:1px solid #ccc;margin:10px 2% 10px 0;height:550px;border-radius:5px;background:0;padding:0}
#etw_form .etw_hometitle{background:#eee;border-radius:5px 5px 0 0;text-align:left;line-height:34px;border-bottom:1px solid #ccc;margin-bottom:12px;color:#444;font-size:18px;padding:2px 0 0 20px;font-family:Ubuntu Bold}
#etw_form .etw_hometitle span{padding-right:5px}
#etw_form .etw_hometitle a{color:#444}
#etw_form .etw_hometitle a:hover{color:#374091}
#etw_form .etw_contact{padding:10px 20px 0 20px;color:#333;border:none}

/*other_pro*/
.othertitle{margin:20px 0 15px 0;position:relative;width:100%;overflow:hidden}
.othertitle:after{position:absolute;content:"";background:#374091;height:5px;width:100%;right:5px;bottom:0;z-index:1;transform:skew(40deg)}
.othertitle strong{font-size:16px;background:#374091;display:inline-block;padding:5px 10px 5px 15px;color:#fff;position:relative;font-weight:400}
.othertitle strong:before{position:absolute;content:"";right:-28px;top:0;border-left:28px solid #374091;border-top:32px solid transparent}
.othertitle strong:after{position:absolute;content:"";top:0;background:#fff;width:10px;height:40px;transform:skew(40deg);right:-26px;z-index:3}

.other_pro1{width:100%;margin:26px 0 5px 0;overflow:hidden}
.other_pro1 ul>li{width:23.5%;margin:0 9% 20px 0;overflow:hidden}
.other_pro1 ul li ol{width:100%}
.other_pro1 ul li:nth-child(4n){margin-right:0}
.other_pro1 ul li:nth-child(4n+1){clear:both}
.other_pro1 ul li ol li.product_img{width:100%}
.other_pro1 ul li ol li.product_img img{width:100%;border:1px solid #ddd}
.other_pro1 ul li ol:hover li.product_img img{border-color:#374091}
.other_pro1 ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center}
.other_pro1 ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:10px 2px;font-size:15px}
.other_pro1 ul li ol:hover li.product_con a{color:#374091;text-decoration:underline}

.other_pro{width:100%;margin:20px 0 5px 0;overflow:hidden}
.other_pro ul>li{width:23.5%;margin:0 2% 20px 0;overflow:hidden;float:left;}
.other_pro ul li ol{width:100%}
.other_pro ul li:nth-child(4n){margin-right:0}
.other_pro ul li:nth-child(4n+1){clear:both}
.other_pro ul li ol li.product_img{width:100%}
.other_pro ul li ol li.product_img img{width:100%;border:1px solid #ddd}
.other_pro ul li ol:hover li.product_img img{border-color:#374091}
.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:10px 2px;font-size:13px}
.other_pro ul li ol:hover li.product_con a{color:#374091;text-decoration:underline}
.relatedpro{width:100%;overflow:hidden;margin:30px auto 20px auto}
.relatedtitle{width:100%;font-size:17px;padding:15px 0 3px 0;color:#666;font-family:Ubuntu Light;border-bottom:3px double #ddd;margin-bottom:15px}
.relatedpro ul{width:100%}
.relatedpro ul li{width:16%;margin:0 .8% 0 0}
.relatedpro ul li:last-child{margin-right:0}
.relatedpro ul li a{padding:10px 10px 0 10px;display:block;font-family:Ubuntu Light;overflow:hidden;color:#fff;position:relative;line-height:18px;font-size:14px;height:86px;background:#374091;background-image:none;background-image:linear-gradient(to right bottom,#3b79e7 0,#374091,#1f2450 100%);background-size:200%}
.relatedpro ul li a img{width:40px;position:absolute;bottom:10px;right:10px;opacity:.5}
.relatedpro ul li a.dq,.relatedpro ul li a:hover{color:#fff;text-decoration:underline!important;background-position:80% 80%}
.relatedpro1{width:100%;overflow:hidden;margin:0 auto;clear:both;padding:10px 0}
.relatedpro1 ul{width:100%}
.relatedpro1 ul li{width:48%;margin:0 4% 10px 0}
.relatedpro1 ul li:nth-child(2n){margin-right:0}
.relatedpro1 ul li:nth-child(2n+1){clear:both}
.relatedpro1 ul li a{display:block;color:#333;font-size:15px;line-height:18px;padding:0 0 5px 16px;position:relative}
.relatedpro1 ul li a:before{position:absolute;content:'';background:#eee;width:7px;height:7px;border-radius:50%;left:0;top:5px;box-shadow:inset 2px 2px 3px #666;-moz-box-shadow:inset 2px 2px 3px #666;-webkit-box-shadow:inset 2px 2px 3px #666;-ms-box-shadow:inset 2px 2px 3px #666;-o-box-shadow:inset 2px 2px 3px #666}
.relatedpro1 ul li a.dq,.relatedpro1 ul li a:hover{color:#374091}
.relatedpro1 ul li a.dq:before,.relatedpro1 ul li a:hover:before{box-shadow:inset 2px 2px 3px #374091;-moz-box-shadow:inset 2px 2px 3px #374091;-webkit-box-shadow:inset 2px 2px 3px #374091;-ms-box-shadow:inset 2px 2px 3px #374091;-o-box-shadow:inset 2px 2px 3px #374091}


/*footer*/
#footer{width:100%;height:auto;margin:0 auto;font-size:12px}
#chatbox{z-index:999}
#etw_footin{margin:0 auto;width:100%;overflow:hidden;text-align:center;padding:0 0 20px 0}
#etw_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:20px;background:#1f2450;padding:30px 0}
#etw_homefooter a{padding:0 15px;color:#fff;line-height:15px;position:relative;font-size:15px;display:inline-block}
#etw_homefooter a:before{position:absolute;content:'';width:3px;height:3px;background:#fff;border-radius:50%;top:7px;right:-2px}
#etw_homefooter a:hover{color:#3b79e7}
#etw_homefooter a:last-child:before{content:normal}
#etw_coper{margin-top:10px;width:100%;line-height:22px}
#etw_coper a{display:block;color:#2c2c2c}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#2c2c2c;display:inline-block;padding:3px;font-size:12px;line-height:12px;margin:4px 5px 0;border:1px solid #2c2c2c}
#otherlink a span{position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#3b79e7;border:1px solid #3b79e7}
#otherlink a:hover span{top:-2px;transition:all .3s ease-in-out}

/*sitemap*/
#sitemap{width:100%;margin:20px auto;font-size:13px}
#sitemap .name{width:100%;font-size:15px;margin:10px 0;clear:both}
#sitemap a{color:#374091;width:100%;display:block;background:#eee;font-weight:600;line-height:24px}
#sitemap a.sname{margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline!important;background:0 0;font-size:14px}
#sitemap div a.sname{margin-left: 20px;}
#sitemap a:hover{text-decoration:underline!important}
#sitemap a.sname:hover{color:#374091;text-decoration:none!important}
#sitemap p{margin:0 0 10px;line-height:22px}
#sitemap .list_m{width:100%;height:auto;margin:10px 0;overflow:hidden}
#sitemap .list_m a{width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px}
#sitemap .list_m a:nth-child(2n+1){clear:both}
#sitemap .list_m a:hover{color:#374091}

/*news*/
#app_new_pro{display:none}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width:100%;margin-bottom:30px}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:0 0 10px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px}
.newstime{color:#374091}
.news_list ul>li>ol>li.product_con a:hover{color:#979797}
.etw_page{margin:0 auto;width:380px;overflow:hidden;float:right}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#374091;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}
.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin-bottom:20px}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:49%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:14px;line-height:20px;display:block}
.new_next a:hover,.new_prev a:hover{color:#999}
.news_related_li{width:24%;padding-right:1%;float:left}

/*responsive*/
@media screen and (max-width:1140px){#etw_logo{margin:10px 0 10px 10px}
.navbar-default .navbar-nav>li{padding:0 8px}
.navbar-default .navbar-nav>li>a{font-size:14px}
#etw_language a{padding:0 10px 0 3px}
#etw_productlist,#other_body,.botton,.com_title{display:none}
#etw_productlist,.botton,.com_title,.com_pic{display:none}
#custom_bg{border:none}
#etw_right,#etw_sidebar{width:100%;margin:0}
.etw_images ul li.txt{top:8%;left:0}
.etw_images ul li.txt span:before{content:normal}
.etw_images ul li.txt strong{padding:0 0 5px 0}
.etw_contactin{margin:10px auto}
#home_bg{background:0;padding:0 0 20px 0;}
#home_bg:before{content:normal;}
#home_list #tags,#home_list .etw_contactin{width:100%;margin:10px 0}
.aboutimg ul li a img{width:35%}
.aboutimg ul li a span{width:62%}
.etw_video{width:100%;float:none;margin:0 auto 10px auto;height:140px}
}
@media screen and (max-width:980px){.company{margin:0 auto;padding:20px 0}
.company_txt{padding:0}
#etw_banner,#mainpro{display:none}
.customleft,.customright{width:100%;margin:20px 0}
.relatedpro{margin:10px auto;}
.relatedpro ul li{width:100%;margin:0;}
.relatedpro ul li a{padding:10px;height:auto;}
.relatedpro ul li a img{display:none;}
	.construction ul li .cons_text{width:35%;}
	.home_aboutpic{margin:0 0 20px 3%;}
	
}
@media screen and (max-width:767px){#header{position:relative;border:none}
#container{margin-top:0}
#dropdownMenu1{font-size:14px;color:#333;background:0}
.top-nav{width:100%;margin:0!important;border:none}
.container-fluid,.dropdown-menu,.top-nav{padding:0}
.navbar,.navbar-default{background:#3b79e7}
.navbar-toggle{width:40px;line-height:40px;font-size:20px;color:#fff;padding:0;margin:0;border-radius:0;border:0;background:0}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:0;color:#1f2450}
.navbar-nav>li:nth-child(3)>.dropdown-menu{min-width:auto!important}
.navbar-default .navbar-nav li{display:block;width:100%;text-align:left;padding:0}
.navbar-default .navbar-nav li a{border:none;border-bottom:1px solid #676664;color:#333;background:#fff;font-size:15px;line-height:36px;padding:0 10px;display:block}
.navbar-default .navbar-nav>li>a::before{content:normal}
.navbar-default .dropdown-submenu ol{ padding:0 0 10px 0;}
.navbar-default .dropdown-submenu ol li{ width:100%; margin-right:0;}
.navbar-default .navbar-nav .open .dropdown-menu li a,.navbar-default li.dropdown-submenu a{color:#333;background:#fff;font-size:13px;padding:6px 20px 6px 10px;line-height:18px;overflow:hidden;text-align:left}
.navbar-default .dropdown-submenu ol li a:before{ top:15px;}
.navbar-default li.dropdown-submenu a:hover{color:#374091;background:#eee}
.navbar-default .dropdown-menu,.navbar-nav>li:nth-child(2)>.dropdown-menu{padding:0!important;min-width:auto!important; background:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu li a.sechildren{color:#777;padding-left:40px}
.navbar-default li.dropdown-submenu{width:100%;display:block;margin:0;padding:0;float:none; padding-left:10px;}
.navbar-default .navbar-nav li a.dq,.navbar-default .navbar-nav li a:focus,.navbar-default .navbar-nav li a:hover{border-radius:0;color:#374091;background:#eee;border-bottom:1px solid #374091;border-top:none}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background:#eee;color:#374091;border-top:none;border-bottom:1px solid #374091}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#374091!important;background:#eee!important}
.navbar-default .navbar-nav ul.dropdown-menu>li>a.dq{color:#374091}
.navbar-default li.dropdown-submenu>a.dq span,.navbar-default li.dropdown-submenu>a:hover span{padding-left:0}
.table-responsive{border:none}
#chatbox,#clienteditlogin,#etw_top,#mainpro img,#mainpro ul li p,#other_body p,.etw_point,.etw_point1,.etw_products1 ul li ol li.product_con span,.location,.qrcode,.qulickpro,.xs{display:none}

.etw_products ul>li{width:48%}
.etw_products ul>li:nth-child(3n){margin-right:4%}
.etw_products ul>li:nth-child(3n+1){clear:none}
.etw_products ul>li:nth-child(2n){margin-right:0}
.etw_products ul>li:nth-child(2n+1){clear:both}
.etw_products1 ul>li{width:49%;margin:0 2% 20px 0;padding:0}
.etw_products1 ul li:nth-child(2n+1){clear:both}
.etw_products1 ul li:nth-child(2n){margin-right:0}
.etw_products1 ul li ol li.product_con,.etw_products1 ul li ol li.product_img{width:100%}
.etw_products1 ul li ol li.product_con a{text-align:center;padding:5px;font-size:14px;line-height:20px;border:none}
.etw_products1 ul li ol li.product_con a:after{content:normal}
.left_pic{width:100%;margin:0 0 20px 0}
.etw_pic2 ul li.big_img{width:100%;margin:0 0 10px 0}
.etw_pic2 ul li.small_img{width:49%;margin-right:2%}
.etw_pic2 ul li.small_img:nth-child(3n){margin-right:0}
.img_right.mwidth{width:100%}
.img_right.mwidth img{width:48%;float:left;margin:0 1% 10px 0}
.img_right.mwidth .inquiry{float:left;clear:both}
.etw_images ul li.txt{width:100%;position:static;margin-bottom:12px}
.etw_images ul li.img{width:100%}
#etw_contactin{width:100%;float:none}
#sitemap .sname a{float:none;width:100%;margin-right:0}
#sitemap .list_m a{width:100%;float:none}
#etw_form #etw_set_feedback_form,#etw_form .etw_contactin,#etw_set_feedback_form{width:100%;margin:10px 0}
#etw_form .etw_contactin{height:auto}
.aboutimg ul li{border:none;border-bottom:1px dashed #ddd;padding:0 0 20px 0;border-radius:0;box-shadow:none}
.aboutimg ul li:last-child{border-bottom:none}
.aboutimg ul li:hover{transform:none}
.aboutimg ul li a img{width:auto;float:none}
.aboutimg ul li a span{width:100%}
.left_img,.right_img{width:100%;margin:8px 0}
.pro_line2,.pro_line{ display:none;}
.pro_line2 #floating-menu,.pro_line #floating-menu{display:none;}
	.construction ul li p{width:100%;}
}
@media screen and (max-width:720px){
.construction ul li .cons_text{position:static;width:100%;padding:10px;}
}
@media screen and (max-width:650px){.about_title a{padding:8px 15px}
.about_title a::after,.about_title a::before{content:normal}
#etw_producttitle{display:none}
.etw_tags ul>li,.other_pro ul>li{width:48%;margin:0 4% 20px 0}
.etw_tags ul>li:nth-child(2n),.other_pro ul>li:nth-child(2n){margin-right:0}
.etw_tags ul>li:nth-child(2n+1),.other_pro ul>li:nth-child(2n+1){clear:both}
.relatedpro ul li{width:100%}
.img_center1 img{width:100%}
.etw_pic4 ul li{width:49%;margin-right:2%}
.etw_pic4 ul li:nth-child(2n){margin-right:0}
.etw_pic4 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li,.etw_pic6 ul li{width:32%}
.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:2%}
.etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:none}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:both}
.left_pic{width:100%;margin:0 0 20px 0}
.add .left_pics,.add .related_pic,.left_pics,.pic2 .left_pics,.pic2 .related_pic,.pic3 .left_pics,.pic3 .related_pic,.related_pic{width:100%}
.pic2 .related_pic img,.pic3 .related_pic img,.related_pic img{width:18%;margin:12px 1% 0 1%}
.half{width:100%;padding-right:0;margin:0 0 15px}
.light{width:100%}
.news_list{margin:0 auto}
.new_next,.new_prev,.news_list ul>li>ol>li.product_con,.news_list ul>li>ol>li.product_img{width:100%}
.news_list ul>li>ol>li.product_img{height:auto}
.news_list ul>li>ol>li.product_con a{padding:10px 0}
	.construction ul li p{position:static;}
}
@media screen and (max-width:480px){#other_body ul li{width:100%;margin:0 0 20px 0}
.etw_products ul>li,.etw_products2 ul>li{width:100%;margin:0 0 30px 0}
.etw_products2 ul.details li ol li.product_con span{height:auto;padding:5px 10px 15px 10px}
.etw_products2 ul.details>li{width:100%;margin:0 0 30px 0}
.etw_pic2 ul li{width:100%}
.etw_pic3 ul li,.etw_pic3 ul li:nth-child(3n),.etw_pic5 ul li,.etw_pic6 ul li{width:49%;margin-right:2%}
.etw_pic3 ul li:nth-child(2n){margin-right:0}
.etw_pic3 ul li:nth-child(3n+1){clear:none}
.etw_pic3 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(3n){margin-right:2%}
.etw_pic5 ul li:nth-child(2n),.etw_pic6 ul li:nth-child(2n){margin-right:0}
.etw_pic5 ul li:nth-child(2n+1),.etw_pic6 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:none}
.img_left,.img_left.swidth,.img_right,.img_right.bwidth,.img_right.swidth{width:100%;margin:10px 0}
	.etw_mainpro ul>li{width:100%;}
}
@media screen and (max-width:360px){#etw_language{width:66%}
.etw_products,.etw_products1{margin-bottom:25px}
.etw_products1 ul>li,.etw_tags ul>li,.other_pro,.other_pro ul>li{width:100%;margin:10px 0}
.etw_pic3 ul li,.etw_pic3 ul li:nth-child(3n){width:100%;margin:0 0 20px 0}
.img_right.mwidth img{width:100%;margin:0 0 10px 0}
}

#cyforetwSecret{ border:2px #215da4 solid;}
/*2024-5-23 */
.left_pics1{width: 60%;float: left;}
.related_pic1{width: 39%;float: right;}
.related_pic1 img{width: 48%;margin-right: 2%;float: left;} 
.left_pics1 img{width: 100%;}
h2{margin-bottom: 20px;}
.videoflow1:before{padding-left: 7px;}

/*video*/
.video_protitle {position: relative; margin-bottom: 1.2rem; padding-bottom: 0.5rem; margin-top: 1rem; text-align: center; }
.video_protitle span {
    display: block;
    color: rgba(59,121,231,.93);
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dedede; margin-top: 2rem;
}
.video_protitle span:before {
    position: absolute;
    content: '';
    background: #013a9c;
    width: 50px;
    height: 5px;
    left: 0%; right: 0; margin: 0 auto;
    bottom: 6px;
}

/*video_hub*/
.etwvideo_hub {
    position: relative;
}

.etwvideo_hub ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.etwvideo_hub ul>li {
    width: 49%;
    margin: 0 2% 1rem 0;
    position: relative;
    transition: .3s all ease-in-out;
    overflow: hidden;
}

.etwvideo_hub ul>li:nth-child(2n) {
    margin-right: 0;
}

.etwvideo_hub ul>li:nth-child(2n+1) {
    clear: both;
}

.etwvideo_hub ul>li:hover {
    filter: drop-shadow(0 0 6px rgba(0 0 0 / 25%));
    -webkit-filter: drop-shadow(0 0 6px rgba(0 0 0 / 25%));
}

.etwvideo_hub ul li ol {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    clip-path: polygon(100% 0%,100% 78%,95% 100%,0% 100%,0 0);
    background: #f5f5f5;
}

.etwvideo_hub ul li ol li.product_img {
    width: 35%;
    position: relative;
}

.etwvideo_hub ul li ol li.product_img a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    align-items: center;
}

.etwvideo_hub ul li ol li.product_img .video_btn2 {
    width: 60px;
    height: 60px;
}

.etwvideo_hub ul li ol li.product_con {
    width: 65%;
    position: relative;
    padding: 0 16px 0 24px;
}

.etwvideo_hub ul li ol li.product_con a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #111;
    padding: 8px 16px 8px 0; 
}

.etwvideo_hub ul li ol li.product_con a:hover {
    color: #c22020;
} 
.etwvideo_hub ul>li ol .product_img a:after{  position: absolute;content: "\f0da";left: 50%;top: 50%; transform: translate(-50%,-50%); z-index: 1;font-family:fontawesome; font-size: 30px; color:#fff;  background:rgba(59,121,231,.93); border-radius:100%;width:36px; height:36px; text-align:center; padding-left:5px; line-height: 36px;}
.etwvideo_hub ul>li ol .product_img a:hover:after{color:#fff; background:#00529b;}
#video_right{float:left;width:72%;position:relative;}
#video_right video{ width:100%;}
#video_sidebar{float:right;width:25%;position:relative;margin:0 auto;}
#video_sidebar .webtitle{text-align:left;font-size:18px;line-height:22px;padding:0 5px 0 10px;color:#154a92;position:relative;width:100%; border-left:5px #d12e28 solid;font-style: normal;font-weight: bold;}

.more_details{width: 100%;float: left;}
.more_details a{display: inline-block;padding: 8px 20px;box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);background: rgba(59,121,231,.93);color: #fff;text-transform: uppercase;}
.more_details a:hover{background: #333;}

#etw_videolist ul{position:relative;margin:1rem 0 1rem 0;}
#etw_videolist ul li{width:100%;position:relative;margin:0.3rem 0 0.5rem 0;border-radius:0.5rem;}
#etw_videolist ul li img{width:35%;float:left;overflow:hidden;border-radius:0.3rem; border:1px #eee solid;}
#etw_videolist ul li a{display:block;display:flex;flex-wrap:wrap;align-items:center;background:#f4f4f4;}
#etw_videolist ul li a span{width:65%;float:right;padding:4px 8px 4px 11px;color:#555;font-size:14px;line-height:18px;position:relative;display:block;}
#etw_videolist ul li a.dq span,#etw_videolist>ul li a:hover span{color:#d12e28;}
#etw_videolist ul p{padding-bottom: 0;}
.etw_form1 #etw_set_feedback_form{width: 100%!important;margin-top: 24px!important;}
.mb-3{margin-bottom: 15px;}
#video_right ul.param-list{padding-left: 5px;}
@media (max-width:991.98px){
    #video_sidebar, #video_right {width: 100%;}
    #video_sidebar .webtitle{margin-top: 1rem;}
    .etwvideo_hub ul>li{width:49%;}
    .etwvideo_hub ul li ol li.product_img{width:100%;}
    .etwvideo_hub ul li ol li.product_con{width:100%;text-align:center;}
    .etwvideo_hub ul>li:nth-child(3n){margin-right:2%;}
    .etwvideo_hub ul>li:nth-child(3n+1){clear:none;}
    .etwvideo_hub ul>li:nth-child(2n){margin-right:0;}
    .etwvideo_hub ul>li:nth-child(2n+1){clear:both;}
}
@media (max-width:575.98px){
    .etwvideo_hub ul>li{width:100%;margin-right:0;}
    .etwvideo_hub ul>li:nth-child(3n){margin-right:0%;}

}