@charset "utf-8";/* CSS Document */
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}
@font-face{font-weight:500;font-style:normal;font-family:'cooperhewittbold-z2pg';src:local('cooperhewittbold-z2pg'),local('cooperhewittbold-z2pg'),url(../font/cooperhewittbold-z2pg.ttf) 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-weight:500;font-style:normal;font-family:'cooperhewittbookitalic-ykpq';src:local('cooperhewittbookitalic-ykpq'),local('cooperhewittbookitalic-ykpq'),url(../font/cooperhewittbookitalic-ykpq.ttf) 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-weight:500;font-style:normal;font-family:'cooperhewittbook-v43z';src:local('cooperhewittbook-v43z'),local('cooperhewittbook-v43z'),url(../font/cooperhewittbook-v43z.ttf) 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-weight:500;font-style:normal;font-family:'cooperhewittheavyitalic-mrwv';src:local('cooperhewittheavyitalic-mrwv'),local('cooperhewittheavyitalic-mrwv'),url(../font/cooperhewittheavyitalic-mrwv.ttf) 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-weight:500;font-style:normal;font-family:'cooperhewittlightitalic-pp7p';src:local('cooperhewittlightitalic-pp7p'),local('cooperhewittlightitalic-pp7p'),url(../font/cooperhewittlightitalic-pp7p.ttf) 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-weight:500;font-style:normal;font-family:'cooperhewittlight-nojj';src:local('cooperhewittlight-nojj'),local('cooperhewittlight-nojj'),url(../font/cooperhewittlight-nojj.ttf) 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-weight:500;font-style:normal;font-family:'cooperhewittmediumitalic-xb42';src:local('cooperhewittmediumitalic-xb42'),local('cooperhewittmediumitalic-xb42'),url(../font/cooperhewittmediumitalic-xb42.ttf) 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-weight:500;font-style:normal;font-family:'gemunulibre-extrabold';src:local('gemunulibre-extrabold'),local('gemunulibre-extrabold'),url(../font/gemunulibre-extrabold.ttf) 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-weight:500;font-style:normal;font-family:'gemunulibre-light';src:local('gemunulibre-light'),local('gemunulibre-light'),url(../font/gemunulibre-light.ttf) 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-weight:500;font-style:normal;font-family:'gemunulibre-regular';src:local('gemunulibre-regular'),local('gemunulibre-regular'),url(../font/gemunulibre-regular.ttf) 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-weight:500;font-style:normal;font-family:'gemunulibre-semibold';src:local('gemunulibre-semibold'),local('gemunulibre-semibold'),url(../font/gemunulibre-semibold.ttf) 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-weight:500;font-style:normal;font-family:'open-sans';src:local('open-sans'),local('open-sans'),url(../font/open-sans.ttf) 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-weight:500;font-style:normal;font-family:'open-sans-bold';src:local('open-sans-bold'),local('open-sans-bold'),url(../font/open-sans-bold.ttf) 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-weight:500;font-style:normal;font-family:'open-sans-extrabold-italic';src:local('open-sans-extrabold-italic'),local('open-sans-extrabold-italic'),url(../font/open-sans-extrabold-italic.ttf) 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-weight:500;font-style:normal;font-family:'open-sans-light';src:local('open-sans-light'),local('open-sans-light'),url(../font/open-sans-light.ttf) 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-weight:500;font-style:normal;font-family:'open-sans-light-italic';src:local('open-sans-light-italic'),local('open-sans-light-italic'),url(../font/open-sans-light-italic.ttf) 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-weight:500;font-style:normal;font-family:'open-sans-semibold-italic';src:local('open-sans-semibold-italic'),local('open-sans-semibold-italic'),url(../font/open-sans-semibold-italic.ttf) 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-weight:500;font-style:normal;font-family:'Raleway';src:local('Raleway'),local('Raleway'),url(../font/Raleway.ttf) 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:'iconfont';src:url('../font/iconfont.ttf?t=1622274305876') format('truetype');}
@font-face{font-family:'iconfont';src:url('../font/iconfont-2.ttf?t=1653385695093') format('truetype');}

/* 初始化css */
body{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:1rem;background:#fff;line-height:1.65;direction: rtl;text-align: right}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
img{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
a{color:#333;transition:.3s all ease-in-out;blr:expression(this.onFocus=this.blur())}
a:hover{color:#003e8b}
a:focus{outline:0;text-decoration:none}
a,a:hover{text-decoration:none}
a.link{color:#003e8b;text-decoration:underline;font-weight:400;font-style:oblique;}
a.link:hover{color:#289fe1;text-decoration:underline}
b{color:#000;font-size:1.1rem;line-height:1.3rem;margin:15px 0 6px 0;display:block;}
strong{color:#111;font-size:0.9rem;font-weight:500;}
a{color:#000;text-decoration:none}
a:hover{color:inherit}
img{max-width:100%;border:none}
em,i{font-style:normal}
.table td{ vertical-align: middle; padding-top: .4rem; padding-bottom: .4rem;}
.table tr:nth-child(odd) {
  background-color: #f3f3f3;
}
.table tr:nth-child(even) {
  background-color: #fff;
}
.table-bordered td {
  border: 4px solid #fff;
}
.brief{font-size: .95rem;}
input,select,textarea{font-size:12px;color:#444;font-family:"gemunulibre-regular","Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{background:#fff;border:1px solid #bbb}
.false:focus{border:2px solid #003e8b;background:#fff}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::-ms-clear,::-ms-reveal{display:none}
.fix{*zoom:1}
.clearfix:after,.clearfix:before{display:block;content:"";height:0;clear:both}
.c{clear:both}
.col-l,.l{float:left}
.col-r,.r{float:right}
.db{display:block;}
.dn{display:none;}
.img_list span {
  text-align: center;
  display: block;
  padding: 0.5rem;
}
.img_list img{border: 1px solid #f5f5f5;}
/* .content */
.content{max-width:1300px;margin:0 auto;width:96%;}
.ys_777{color: #777; font-size: .85rem;}
/****header****/
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;background:url(../images/headbg.jpg) #fff top center no-repeat;z-index:1000; padding-bottom:11px;}
.headerin{margin:0 auto;width:100%; max-width: 1300px;}
.nav-fixed{box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);-webkit-animation:500ms ease-in-out 0s normal none 1 running fadeInDown;animation:500ms ease-in-out 0s normal none 1 running fadeInDown; padding-bottom:0!important;}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0);}
to{opacity:1;transform:none;}
}
.headerin .content{ width:100%;}
.nav-fixed1{background:#fff!important;box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);-webkit-animation:500ms ease-in-out 0s normal none 1 running fadeInDown;animation:500ms ease-in-out 0s normal none 1 running fadeInDown;}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0);}
to{opacity:1;transform:none;}
}
.nav-fixed1 #etw_language .dropdown-item{color: #000;border-color: #000 ;}
.nav-fixed1 .navbar-light .navbar-nav a.nav-link{color: #000;}
.pt-150{padding-top: 110px;}

#header .header-box{float: left;padding-top: 14px;}
#etw_logo{width:314px;float:right; margin-top:30px;}
#etw_logo img{width:100%;display:block;}
.etw_language{width:100%;font-family:"Poppins-Medium";margin:0;}
.etw_language>ul{position:relative;margin:0}
.etw_language>ul>li{position:relative}
.etw_language>ul>li>a{display:block;}
.etw_language ul li ol{position:relative;display:block;}
#etw_language{float:left;width:auto;text-align:left;margin:0 auto 5px}
#etw_language .dropdown-item{display:inline-block;width:auto;font-size:1rem;line-height:1.2rem;padding:0.2rem 0 0.2rem 1.5rem;color:#fff;min-width:auto!important;font-weight:300;background:0;font-family:"Raleway";transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s; position: relative;}
#etw_language img{ width:26px;}
#etw_language .dropdown-item:hover{background:0; color:#ffcd11;}
#etw_language img{ padding-left:4px;}
.etw_language a:not([href]):not([tabindex]){color:#fff;cursor:pointer}
.iconfont{font-family:"iconfont" !important;font-size:1.6rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out;-moz-animation:scaleout 2.5s infinite ease-in-out;}
@-webkit-keyframes scaleout{50%{opacity:1}
100%{opacity:.5}
}
@keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
#etw_top{position:fixed;width:40px;height:40px;right:55px;bottom:150px;text-align:center;background:#000;z-index:100;cursor:pointer;line-height:38px;border-radius:50%;transition:.5s all ease-in-out}
#etw_top a{color:#fff;font-size:.7rem}
#etw_top:hover{background:#999;transform:translateY(-0.5rem);}
#etw_top:after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)}
@media (max-width:1199.98px){
}
@media (max-width:991.98px){
#header{position:inherit;background:#fff; padding-bottom:0;}
body,.pt-150{padding-top:0;}
#etw_logo{width: 250px;margin-top: 1.5rem;}
.nav-fixed{animation:none;}
.header_top{width:auto;float:right;background:0;z-index:200;position:relative;}
.etw_language{width:auto;height:auto;float: left;}
.etw_language>ul>li::before{position:absolute;content:"";width:1px;height:100%;background-color:#ccc;top:-5%;left:1rem}
.etw_language>ul>li>a{margin:1.4rem 0 1rem 2.2rem;text-align:center;width:40px;z-index:100;display:block;}
.etw_language ul li ol{position:absolute;width:100px;right:-1.8rem;top:1.6rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:999;display:none;}
#etw_language{width:100%;background:#fff;margin:0}
#etw_language .dropdown-item{width:auto;color:#333;line-height:1rem;padding:.6rem 0;clear:inherit;display:block;background:0 0;text-align:center}
#etw_language .dropdown-item:hover{background:#fff}
#etw_language img{ display:none;}
}
@media (max-width:575.98px){#header{border-bottom:4px solid #ddd;}
#etw_logo{width:210px;}
}
/*menu*/
.top-nav{width:100%;padding:0;display:flex;flex-flow:wrap;justify-content:flex-end;align-items:center; position: relative; padding-top:8px;}
.navbar{padding-top: 0;}
.navbar-collapse{justify-content:flex-end}
.navbar-light .navbar-nav li.nav-item{position:relative;}
.navbar-light .navbar-nav a.nav-link{color:#d6d5d3;position:relative;font-size:1.25rem;line-height:1.5;position:relative;position:relative;font-family:'Raleway'; padding-left: 3rem; font-weight:600;}
.navbar-light .navbar-nav .nav-item:last-child a.nav-link{padding-left: 0;}
.navbar-nav .dropdown-menu{ border:none; right:50%; transform: translateX(50%); position: relative; border-radius:0; top:100%; padding:0; border-top: 4px solid #ffcd11; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); }
.navbar-light .navbar-nav a.nav-link i{color:#999}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.nav-fixed .navbar-light .navbar-nav.active a.nav-link{background:0;color:#ffcd11 !important;}
.navbar-light .navbar-nav .dropdown-item{font-size:1rem;padding:0.5rem 0.5rem;font-weight:400;color:#333;position:relative;border-bottom:1px solid #ffcd11;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:0;padding:0.5rem;background-color:#fff;color:#727171;}
.navbar-nav .dropdown-menu li ol{padding:0 0 0.5rem 0;}
.navbar-nav .dropdown-menu li ol li a{width:100%;display:block;position:relative;padding:0.3rem 0;font-size:0.8rem;color:#555;line-height:1.2rem;border-bottom:1px dotted #999;}
.navbar-nav .dropdown-menu li ol li a.dq,.navbar-nav .dropdown-menu li ol li a:hover{color:#ffcd11;}
.navbar-light .navbar-nav .dropdown-item.active,.navbar-light .navbar-nav .dropdown-item:active,.navbar-light .navbar-nav .dropdown-item:hover{background:0;color:#ffcd11;}
.navbar-nav .dropdown-menu li ol li a.active span,.navbar-nav .dropdown-menu li ol li a:hover span{color:#ffcd11;}
.navbar-light .navbar-nav .show>.nav-link{color:#ffcd11;}
.nav-item span.pro_icon {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    color: #e4202a;
    padding: 2px 8px;
    font-size: 2rem;
    width: 32px;
    height: 28px;
    line-height: 24px;
    display: none;
    text-align: center;
  }
.dropdown-toggle:after{vertical-align: middle;}
.navbar-nav .dropdown-menu1>li{margin:0;width:100%;}
.navbar-nav .dropdown-menu1>li:nth-last-of-type(1){margin-bottom:0;}


.top-nav .navbar-nav #menu-items{position:absolute;background:0 0!important;padding:0;box-shadow:none;position:fixed;width:100%!important;top:98px!important;max-width:800px!important;right:65%!important;border-radius:0;}
.smallpro_box{position:relative;right:inherit;max-width:inherit}
.dropdown-menu{border:none}
.top-nav .navleft{padding-right:0;width:40%;max-width:380px;float:right}
.top-nav .navproinfo{display:flex;flex-wrap:wrap}
.top-nav .navclassname{display:block;color:#000;font-size:20px;padding-bottom:20px;text-transform:uppercase}
#menu-items .navleft li{line-height:45px;border-bottom:1px #ffcd11 solid;clear:both}
#menu-items .navleft li:last-child{border:none}
#menu-items .navleft li a{font-size:1rem;padding:10px 2rem 10px 0;display:block;background-color:#fff;line-height:1.5rem;color:#333;position:relative;transition:.5s}
#menu-items .navleft li a::before{position:absolute;content:"\f192";font-family:fontawesome;right:.8rem;top:.6rem;font-size:.8rem;color:#eee;transition:.5s}
#menu-items .navleft li a:hover:before{color:#ffcd11}
#menu-items .navleft li a::after{position:absolute;content:"\f104";font-family:fontawesome;left:.5rem;top:.5rem;font-size:1rem}
#menu-items .navleft li a:hover{color:#ffcd11}
.top-nav .navbar-nav .navright{width:59%;margin-left:1%;float:left;display:block;padding:1rem;background-color:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
.top-nav .navbar-nav .navright ul{width:100%;display:none}
.top-nav .navbar-nav .navright ul.shownavpro{display:block}
.top-nav .navbar-nav .navright ul li{width:100%;padding:0 1%;float:left;margin-bottom:10px;clear:inherit}
.top-nav .navbar-nav .navright ul li>a{padding-left:1.5rem;color:#333;display:block;position:relative;line-height:1.3;border-bottom:1px #eee solid;transition:all .5s;font-size:.9rem;}
.top-nav .navbar-nav .navright ul li ol a{display:block;color:#666;font-size:.9rem;line-height:1.35;margin-bottom:.4rem;border-bottom:1px dashed #f5f5f5;padding-bottom:.5rem;margin-bottom:.5rem;}
.top-nav .navbar-nav .navright ul li>a::before{position:absolute;content:"\f192";font-family:fontawesome;left:.5rem;top:.1rem;font-size:.8rem;color:#eee;transition:.5s}
.top-nav .navbar-nav .navright ul li a:hover,.top-nav .navbar-nav .navright ul li ol a:hover,.top-nav .navbar-nav .navright ul li>a:hover::before,.top-nav .navbar-nav .navright ul li a.lidq{color:#ffcd11}

@media (max-width:1199px){
    .navbar{padding-right: 0;}
}

@media (max-width:1199.98px){.top-nav{float:right;}
.navbar-light .navbar-nav a.nav-link{font-size:1.3rem;}
}
@media (max-width:991.98px){.top-nav{width:100%;float:left;background:#fff;margin:0;display:block;padding:0;}
.top-nav .navbar-nav .row{width:100%!important;box-shadow:none}
.navbar-light .navbar-nav .dropdown-item,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:#fff;padding:.4rem 1rem .4rem 2.4rem;border-bottom:none;font-size:0.9rem;color:#333;white-space:normal;font-family:Poppins;font-weight:300;}
.navbar-light .navbar-nav .dropdown-item:before{content:normal;}
.navbar-nav .dropdown-menu1>li{width:100%;float:none;margin:0;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{display:none;}
.navbar-light .navbar-nav .show>.nav-link{color:#333}
.navbar-light .navbar-nav li.nav-item{margin:0}
.navbar-light .navbar-nav li.nav-item:before{content:normal;}
.navbar-light .navbar-nav a.nav-link:before{content:normal;}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#ffcd11;background:0 0}
.navbar-light .navbar-nav .show>.nav-link{background:0 0}
.navbar-light .navbar-nav a.nav-link{font-size:1rem;border-bottom:1px solid rgba(0,0,0,.1);color:#333;padding:1rem;margin: 0;}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-bottom:none;}
.dropdown-menu{border:none}
.navbar-light .navbar-toggler{color:#666;font-size:2.4rem;margin:1rem 1rem 0 0;border:none;outline:none;z-index:200;position:relative;}
.navbar{padding: 0;}
#header .header-box{float: none; padding-top:0;}
.navbar-nav .dropdown-menu::after{display: none;}
.nav-item span.pro_icon {
    display: block;
  }
  .top-nav .navbar-nav #menu-items{position: relative; top:0 !important; right: 50% !important;max-width: inherit !important; }
#menu-items .navleft,#menu-items .navright{width: 100%;}
.top-nav .navleft{max-width: inherit;}
#menu-items .navleft li a{font-size: 1rem;padding: 6px 2rem 5px 0; }
#menu-items .navleft li a::after{display: none;}
#menu-items .navleft li ol{padding-left: 1.5rem;}
#menu-items .navleft li ol a{font-size: .85rem; padding: 5px 3px; padding-right: 1.5rem; line-height: 1.24;}
#menu-items .navleft li ol a::before{content: "\f104"; top:4px }
#menu-items .navleft li ol a.active{color: #ffcd11;}
}



/****header END****/
/****footer****/
#footer{width:100%;height:auto;margin:0 auto;font-size:.9rem;color:#585858;position:relative;background: #f6f6f6;}
.footercop{width:100%;padding:2rem 0;text-align:center;background-color: #243141; font-size:0.8rem;margin:0 auto;}
#etw_coper{margin-top:2px;width:100%;line-height:22px}
#etw_coper a{display:block;font-size: .9rem; color:#fff}
#otherlink{clear:both;width:100%;height:auto;}
#otherlink a{color:#fff;display:inline-block;padding:0 8px;border: 1px solid #fff; margin-right:5px;line-height:22px;margin-bottom:5px; font-size: .9rem;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:.9rem}
#otherlink a:hover{opacity:0.6;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
#etw_bottom{width:100%;margin:0 auto;padding:2rem 0;}
#etw_bottom .etw_foot_title{font-size:2.1rem;padding:1.5rem 0 1rem 0;color:#000;text-align:right; position:relative;}
#etw_bottom .etw_foot_title a{color:#000;font-weight:bold;font-family: "Raleway";}
#etw_bottom .etw_foot_title a:hover{opacity:0.6;}
#etw_bottom .etw_foot_title:hover::after{width:60px;}
#etw_bottom a{color:#fff}
#etw_bottom a:hover{opacity: 0.6;}
#etw_bottom ul{width:100%;float:left;display:flex;flex-flow:wrap}
#etw_bottom ul>li{width:100%;float:left}
#etw_bottom ul>li>a{display:block;color:#000;padding:.3rem 0 0.3rem 0rem;font-size:1.2rem;line-height:1.5;}
#etw_bottom ul li ol li a{font-size:0.75rem;line-height:0.9rem;display:block;padding:0 0 0.6rem 0;color:#ddd;}
.bottom_logo{padding:1rem 0;width:70px;}
.bottom_logo img{width:100%;display:block;}
.bottom_txt{padding-right:1rem;}
.bottom_txt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;}
.home_contact{color:#fff;width:100%;position:relative;padding:5px 1.5rem;}
#etw_bottom .home_contact a{color:#000;}
#etw_bottom .home_contact .etw_foot_title a{color:#000;display: block;font-family: "Raleway";}
#etw_bottom .home_contact .etw_foot_title a:hover{opacity:0.6;text-decoration:none;}
.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_tel,.cot_whatsapp{position:relative;padding-right:30px;display:block;font-family: "cooperhewittbook-v43z";color: #000; margin-bottom:1rem;line-height:1.5;font-size:1.2rem;}
.cot_add:before{content:'\f041';position:absolute;right:2px;top:10px;color:#000;font-family:fontawesome;font-size:1.5rem}
.cot_tel:before{content:"\f095";position:absolute;right:0;top:-5px;color:#000;font-family:fontawesome;font-size:1.3rem}
.cot_email:before{content:"\f0e0";position:absolute;right:0;top:0px;color:#000;font-family:fontawesome;font-size:1rem;}
.cot_people:before{content:"\f007";position:absolute;right:1px;top:-1px;color:#000;font-family:fontawesome;font-size:15px}
.cot_mobile:before{content:"\f10b";position:absolute;right:2px;top:-5px;color:#000;font-family:fontawesome;font-size:1.5rem}
.cot_fax:before{content:"\f1ac";position:absolute;right:0;top:0;color:#000;font-family:fontawesome;font-size:1.3rem}
.cot_whatsapp:before{content:"\f232";position:absolute;right:0;top:0;color:#000;font-family:fontawesome;font-size:18px}
@media (max-width:991.98px){#etw_bottom{padding:1rem 0;}
.bottom_logo,.bottom_txt{display:none;}
}
/****Footer END****/
/* index */
.etw_banner{position:relative;background:no-repeat;direction: ltr}
.slider>.item{ display:none;}
.slider>.item:first-child{ display:block;}
.etw_banner .item{position:relative;}
.etw_banner .item img{width: 100%;display: block;}
.etw_banner .banner_txt{ position:absolute; right:auto; top:10%; width: 100%;}
.etw_banner .ban_txt{text-align:center; color:#fff;line-height:1.5;direction: rtl}
.etw_banner .ban_txt h3.tit{font-size:1.7rem;color: #fff; line-height:2.4rem;font-family:'Raleway';}
.etw_banner .ban_txt h3.tit span{display: block;color: #ffcd11;}

.etw_banner .banner_txt1{ width:1280px; height:100%; left:0; right:0; top:0; margin:0 auto;}
.etw_banner .banner_txt1  .ban_txt{color:#fff;line-height:1.5;background-color: rgba(35, 50, 66, 0.8); position:absolute; left:0; bottom:0; width:auto; padding:1rem 2rem; margin-bottom:50px;}

.etw_banner .slick-dots{ position:absolute; left:50%; bottom:20px; text-align: center; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.etw_banner .slick-dots li{ display: inline;}
.etw_banner .slick-dots li button{ width:13px; height:13px; background: none; border-radius: 13px; background-color: rgba(255, 255, 255, 0.9); border: none; margin:0 6px; font-size:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; outline: none; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; }
.etw_banner .slick-dots li.slick-active button{background-color:#ffcd11;cursor:pointer;width: 50px;}

.webtitle{font-size:3.25rem;font-family:'gemunulibre-semibold';position:relative;text-transform:uppercase; color: #000; line-height: 1.35;}
.webtitle.text-center{text-align: center;margin-bottom: 3rem;}

.row-a1{background:url(../images/aboutbg1.jpg) #f8f8f8 top center no-repeat;padding:5rem 0 2rem 0;}
.etw_about{direction: ltr}
.etw_about .abouttit{ font-size:1.8rem; font-family:'Raleway'; color:#233041; font-weight:600; padding-bottom:2rem;direction: rtl}
.etw_about .abouttit span{ color:#fac11c;}
.etw_about .txt{overflow: hidden;padding-bottom: 10px; width:480px;}
.etw_about .txt p{font-size: 1.125rem; line-height:1.7rem;color: #212121;font-family: "Raleway"; margin-bottom:0.5rem;direction: rtl}

.etw_about .txt .home_more{ float:right; display:block; padding: 30px 0;     direction: rtl;}
.etw_about .txt .home_more a{text-transform:uppercase;font-size: 1.125rem; padding:0.5rem 3rem; color: #212121;background:none;font-family: "Raleway"; font-weight:600;border:1px #fbc21d solid;}
.etw_about .txt .home_more a:hover{background:#ffcd11;}
@media (max-width:991.98px){
	.row-a1{background:url(../images/aboutbg.jpg) #f8f8f8 top center no-repeat;}
	.etw_about .txt{ width:100%;}
	.etw_about .abouttit{ font-size:1.5rem;}
	.etw_about .txt .home_more{ float:left;}
}
@media (max-width:767.98px){
	.etw_about .txt{ width:100%;}
}

.about_pro{ widows:100%;padding:0 3rem;direction: ltr}
.about_pro .item{ width:100%;display: flex;flex-flow: wrap;align-items: center; padding:0 6%;}
.about_pro .item .item_img{ width:68%; padding-right:2%;}
.about_pro .item .item_des{ width:32%; padding-left:2%;}
.about_pro .item .item_des span{ display:block; font-size:2rem; line-height:2rem; color:#243141;font-family: "Raleway"; font-weight:600; position:relative; padding-bottom:1.2rem;}
.about_pro .item .item_des span:before{position: absolute;content: ''; right:0; bottom:0;width: 60px;height:4px; background:#fac11c;}
.about_pro .item .item_des p{ padding-top:1rem; font-size:1.125rem; line-height:1.6rem;font-family: "Raleway";direction: rtl}
@media (max-width:991.98px){
	.about_pro{ padding:0; padding-top:1rem; background:#f6f6f6}
	.about_pro .item{ padding:0;}
}
@media (max-width:767.98px){
	.about_pro .item .item_img{ width:50%;}
    .about_pro .item .item_des{ width:50%;}
	.about_pro .item .item_des span{ display:block; font-size:1.6rem; line-height:2rem;padding-bottom:0.8rem;}
    .about_pro .item .item_des p{ font-size:0.875rem;}
}
@media (max-width:575.98px){
	.about_pro .item .item_img{ width:100%;}
    .about_pro .item .item_des{ width:100%; padding-top:0.6rem;}
}

.row-a2{overflow: hidden;padding:3rem 0; background:#f6f6f6;}
.row-a2 p{ width:100%; margin-bottom:2rem;}
.mainpro_tit{ color:#000; font-size:2rem;font-family: "Raleway"; font-weight:600; }
.home_list{overflow: hidden;}
.home_list ul{display: flex;flex-flow: wrap;}
.home_list ul li{width: 49%; margin:0 0 1.5rem 2%; background:#fff;}
.home_list ul li:nth-child(2n){margin-left:0;}
.home_list ul li:nth-child(2n+1){clear: both;}
.home_list ul li .pic{overflow:hidden; border-bottom:2px #fac11c solid; position:relative;}
.home_list ul li img{width: 100%;display: block; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s;}
.home_list ul li span{ display:block; padding:0.8rem 0; text-align:center; font-weight:600;font-family: "Raleway"; color:#000; }
.home_list a:hover img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.home_list a:hover span{ color:#e7b933;}

.home_list .video_icon{ position:absolute; right:1rem; bottom:1rem;background-color: rgba(0, 0, 0, .5); padding:0.4rem 1rem;border-radius: 4px;}
.home_list .video_btn{width: 44px; height: 44px; border:3px #fff solid; border-radius: 50%; display: flex; align-items: center; justify-content: center;transition: all .5s; cursor: pointer; z-index: 1; padding-left: .4rem; }
.home_list .video_btn::before{position: absolute; content: "\f0da"; font-family: fontawesome; color: #fff; font-size: 2rem;transition: all .5s;  }

.home_list a:hover .video_btn{ border-color:#e7b933}
.home_list a:hover .video_btn:before{color: #e7b933;}

.home_more{text-align: center;}
.home_more a{ padding: .5rem 2rem;margin-bottom: 5px; background-color: #ffcd11;text-transform:uppercase;border: 2px solid transparent; font-size: 1.5rem; color: #000; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s;font-family:'Raleway';}
.home_more a:hover{border-color:#ffcd11;background-color: transparent;}
.home_more.home_more1 a{background-color: transparent;border-color: #000;}
.home_more.home_more1 a:hover{opacity: 0.6;}

@media (max-width:991.98px){
	.row-a2 p{ width:100%;}
}
@media (max-width:767.98px){
	.home_list ul li span{font-weight:500; font-size:0.875rem;}
}
@media (max-width:575.98px){
	.home_list ul li{width: 100%; margin:0 0 1.5rem 0;}
}


.row-a3{ width:100%;}
.etw-service{ padding:3rem 0;display: flex;flex-flow: wrap;align-items: center;}
.etw-service .server_left{ width:55%;}
.etw-service .server_right{ width:45%; padding-right:50px;}
.server_tit{ display:block; font-size:2rem; line-height:2rem; color:#243141;font-family: "Raleway"; font-weight:600; position:relative; padding-bottom:1.2rem; margin-bottom:2REM;}
.server_tit:before{position: absolute;content: ''; right:0; bottom:0;width: 60px;height:4px; background:#fac11c;}

.etw-service .home_more{ text-align:left; padding-top:2REM;}
.etw-service .home_more a{ padding:0.3rem 3rem;font-family: "Raleway";font-size: 1.25rem;}


@media (max-width:767.98px){
   .etw-service .server_left{ width:100%; text-align:center;}
   .etw-service .server_left img{ width:100%;}
   .etw-service .server_right{ width:100%; padding:2rem 0.5rem 0 0.5rem;}
   .server_tit{ margin-bottom:1rem; font-size:1.5rem;}
   .row-a3 .content{ width:100%;}
   .etw-service .home_more{ text-align:right; padding-top:0.5rem;}
   .etw-service .home_more a{ font-size:1rem;}
}

.row-a4{overflow: hidden;padding: 3rem 0 7rem;}
.row-a5{ width:100%; background:url(../images/zhineng.jpg) top center no-repeat;}
.row-a5 .content{ padding:7rem 0; color:#fff;}
.row-a5 .tech_ad{ max-width:45%;} 
.row-a5 .tech_ad_title{ font-size:1.25rem; font-family: "Raleway"; font-weight:600; max-width:450px; padding-bottom:1rem;} 
.row-a5 p{ margin-bottom:0;}

@media (max-width:991.98px){
	.row-a5 .content{ padding:4rem 0; color:#fff;}
	.row-a5 .tech_ad{ max-width:100%;}
}
/* index end */



/** page-title **/
.page-title{
    position: relative;
    width: 100%;
    padding: 0 0px 4rem 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .page-title-nobg{background-color: #eee;}
  .page-title:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.0) 80%);
    left: 0px;
    top: 0px;
    right: 0px;
  }
  .page-title .content-box .title-box h2,.page-title .content-box .title-box .etw_hometitle{
    position: relative;
    display: block; 
    font-family: 'cooperhewittbold-z2pg';
    font-size: 3rem;
    color: #fff;
    margin-bottom: 2rem;
    margin-top: 4rem;
  }
  
  .page-title .content-box .title-box h3.small_h2{color: #f5f5f5; position: relative; margin-top: -2rem;  font-family: 'open-sans-bold';}
  .banner_img{position: absolute; z-index: 1; bottom:-3rem; right: 0; width: 100%; max-width: 1000px; }
  
  #container{ padding-top:118px;overflow: hidden;}
  @media (max-width:991.98px){
	  #container{ padding-top:0;}
  }
  /*Quick*/
  #quicknav {
    margin: 0 auto;
    height: auto;
    color: #ffcd11;
    line-height: 1.2rem;
    font-size: .9rem;
    overflow: hidden;
    position: relative;
    background-color: rgba(0,0,0,.15);
    padding: .5rem 1rem;
  }
  #quicknav a {
    color: #fff;
  }
  #quicknav ul {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
  }
  #quicknav li {
    display: inline-block;
    padding: 0.2rem 0.4rem 0.2rem 0;
  }
  #quicknav li + li::before {
    padding: 0 5px;
    color: #fff;
    content: "/\00a0";
  }
  #quicknav a:hover {
    color: #dc1f1b;
  }
  
  #quicknav.quicknav{ color:#666;}
  #quicknav.quicknav a{ color:#000;}
  #quicknav.quicknav li + li::before { color:#000;}
@media (max-width:575.98px){#quicknav{display:none}
}
/* etw_products */
.etw_products{width: 100%; margin: 3rem auto; margin-bottom: 5rem;}
.etw_products ul{width: 100%; height: 100%; background-color: #f5f5f5;transition: all .8s; position: relative; padding-bottom: 2rem;}
.etw_products ul li.product_con{ padding: 2rem; color: #828080;}
.etw_products ul li.product_img{ overflow: hidden;}
.etw_products ul li.product_img a{position: relative; display: block;}
.etw_products ul li.product_img a img{transform: scale(1); transition: all .8s; width:100%;}
.etw_products ul li.product_con a{font-size: 1.2rem;font-family:'open-sans-bold';display: inline-block; padding-bottom:.5rem;transition: all .8s; line-height: 1.35; }
.etw_products ul li.product_con a.btn_more{font-family:'open-sans-light';font-size: 0.9rem; font-weight:600;border: 1px solid #ffcd11; border-radius: 0;  padding: .4rem 2rem;transition: all .8s; position: absolute; right: 2rem; bottom: 2rem;}
.etw_products ul:hover li.product_img a img{transform: scale(1.05);}
.etw_products ul:hover{background-color: #fff;}
.etw_products ul:hover li.product_con a{color: #000;}
.etw_products ul:hover li.product_con a.btn_more{background-color: #ffcd11;}
.etwprovideo ul li.product_con{ padding:0;}
.etwprovideo ul{ background:#ffcd11; padding:0;box-shadow: 0px 6px 3px #999;}
.etwprovideo ul li.product_con a{font-family:'open-sans-light'; font-weight:600; font-size:0.9rem; line-height:1.2rem; padding:0.8rem 2rem 0.8rem 0.5rem; display:block; position:relative;}
.etwprovideo ul li.product_con a:before{position: absolute; content: "\f0a8"; right: 0.8rem; top: .85rem;  font-family: fontawesome; transition: all .5s;}
.etwprovideo ul:hover{background-color: #f1f1f1;}

.more_details a{color:#000;font-size:0.875rem;text-transform:uppercase;background:#ffcd11;padding:0.4rem 1.5rem;border-radius:1rem;display:inline-block;margin:0.5rem 0 0 0;border:1px #aaa solid;font-weight:normal;font-size:0.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.14),0 1px 4px 0 rgba(0,0,0,.12),0 2px 2px -1px rgba(0,0,0,.2); font-weight:600;}
.more_details a:hover{border-color:#ffcd11;background:#f1f1f1;color:#000;}


/* etw_hubpro */
.etw_hubpro{width: 100%; margin: 3rem auto; margin-bottom: 1rem;}
.etw_hubpro ul{width: 100%; height: 100%; display: flex; border-bottom: 1px solid #ddd; padding: 2rem 0; }
.etw_hubpro ul li.product_img{ width: 38%; margin-left: 2%; }
.etw_hubpro ul li.product_img a{position: relative;}
.etw_hubpro ul li.product_con{ width: 66%;color: #828080;}
.etw_hubpro ul li.product_con a{font-size: 1.2rem;font-family:'open-sans-bold'; display: inline-block; padding-bottom: .5rem; line-height: 1.35;}
.etw_hubpro ul li.prosmname a{ padding-bottom:0.2rem;}
.etw_hubpro ul li.prosmname .smname{ font-size:1.2rem; color:#888;line-height: 1.6rem;}

.etw_hubpro ul li.product_con a.btn_more{font-family: 'open-sans-light';font-size: 0.9rem; font-weight:600;background-color: #ffcd11; border-radius: 0;  padding: .3rem 2rem;transition: all .8s;}
.etw_hubpro ul:hover li.product_con a.btn_more{background-color: #000;}
.etw_hubpro ul:hover{background-color: #fff;}
.etw_hubpro ul:hover li.product_con a{color: #ffcd11;}
/* related_pro */
.related_pro{width: 100%; margin: 0 auto; margin-bottom: 3rem;}
.related_title{color: #000; font-size: 1.85rem;font-family:'open-sans-bold';margin-bottom: 1rem; text-transform: uppercase; }
.related_pro ul{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.related_pro ul li{margin-bottom: 1rem;transition: all .5s; width: 23.5%; margin-left:2%;background-color: #eee; padding: 1rem; text-align: center; transition: all .5s;  }
.related_pro ul li:nth-child(4n){margin-left: 0;}
.related_pro ul li a{display: block; color: #999;font-size: .85rem; position: relative; line-height: 1.35; }
.related_pro ul li a span{display: block; padding-top: 1rem;}
.related_pro ul li:hover a,.related_pro ul li.dq a{color: #000;}
.related_pro ul li:hover,.related_pro ul li.dq{background-color: #ffcd11;}

.related_video{ position:relative; overflow:hidden; padding:1rem;}
.related_video .other_title{ z-index:2;}
.related_video:before{position:absolute;content:'';background:#f2f2f2;width:100%;height:70%;left:0;top:0; z-index:1;}
.related_video ul{ position:relative; z-index:2;}
.related_video ul li{margin-bottom: 0;background-color: #ffcd11; padding: 0;box-shadow: 0px 3px 3px #999;}
.related_video ul li a{display: block; color: #000; overflow:hidden;}
.related_video ul li a span{padding-top: 0; padding:0.6rem 0.5rem;}
.related_video ul li:hover{background-color: #f1f1f1;}
.related_video .pro_video_icon{ top:45%;}
.related_video ul li:hover .pro_video_icon{background:#ffcd11;}
.related_video ul li:hover .pro_video_icon:before{ color:#000;}
/* other_pro */
.other_title{font-size:1.85rem;line-height:2.2rem;text-align:center;margin:2rem 0;position:relative;padding:0;color:#111;text-transform:uppercase;font-weight:500;font-family:'open-sans-bold';}
.other_title:before{position:absolute;content:'';background:#777;width:30%;height:1px;left:0;bottom:15px;}
.other_title:after{position:absolute;content:'';background:#777;width:30%;height:1px;right:0;bottom:15px;}
.other_pro{width: 100%; margin: 0 auto;overflow: hidden; padding: 2rem 0; padding-bottom: 5rem; background-color: #f2f2f2; }
.other_pro ul{width: 100%; background-color: #fff; display: flex;    box-shadow: 0 0 0.08rem rgb(0 0 0 / 5%); padding:1rem;border-radius: 0.02rem; position: relative; height: 100%; justify-content: space-between; align-items: center; }
.other_pro ul:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.other_pro ul li.product_img{width: 45%; margin-left: 1%;}
.other_pro ul li.product_img a{position: relative;}
.other_pro ul li.product_con{width: 53%; font-size: .9rem; padding: 1rem;position: relative; padding-bottom: 2rem;}
.other_pro ul li.product_con a{font-size: 1rem;font-family:'open-sans-bold'; display: inline-block; line-height: 1.25; padding-bottom: .5rem;}
.other_pro ul li.product_con a.btn_more{font-family:'open-sans-light'; font-weight:600;font-size: 1rem; background-color: #ffcd11; padding: .5rem 2rem; border-radius: 0; position: absolute; bottom: 0; right: 1rem;}
.other_pro ul:hover li.product_con a.btn_more{background-color: #000; color: #fff;}
/* sub_list */
.sub_list{width: 100%; margin: 0 auto; display: flex;}
.sub_list li{margin-left: 2%; overflow: hidden;}
.sub_list li a{position:relative;display:block;width:100%;height:100%}
.sub_list li a img{width:100%;height:auto;transition: all .4s;}
.sub_list li:last-child{margin-right: 0;}
.sub_list li .mask{text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(14,22,32,0.4);opacity:0;transition:all .4s}
.sub_list li .mask{opacity:1;text-align:center}
.sub_list li .mask span{display:inline-block;font-size:3.5rem;color:#fff;margin-top:2rem}
.sub_list li .mask p{text-align:center;font-size:1rem;color:#fff;}
.sub_list li .mask-hover{text-align:center;width:100%;height:100%;position:absolute;top:50%;left:50%; transform: translate(-50%,-50%); background-color:rgba(14,22,32,0.4);opacity:0;transition:all .4s ease-in;font-size: 1.4rem;color: #fff;display: flex; justify-content: center; align-items: center;}
.sub_list li:hover .mask{opacity: 0; }
.sub_list li:hover .mask-hover{opacity: 1;}
.sub_list li:hover img{transform: scale(1.1);}

/* video_item */
.about_img{position: relative; text-align: center;}
.videoinner_item{width: 100%; height: 100%; padding: 1rem; background-color: #f2f2f2; }
.video_text a{display: block; padding: .7rem 0; color:#999; padding-left: 1.5rem; font-size: .9rem; position: relative; text-align: left; line-height: 1.35;}
.video_text a::before{position: absolute; content: "\f0a9"; left: 0; top: .65rem;  font-family: fontawesome; transition: all .5s;}
.videoinner_item:hover a{color: #000;}
.videoinner_item:hover a::before{left: .5rem;}
/* .contact_info */
.contact_info{line-height:1.4rem;overflow:hidden;}
.contact_info .inquiry_box{margin:0;flex-direction:row-reverse}
.contact_info .contact_box .con_txt{padding:0 0 0 .4rem}
.contact_info #etw_form_title{padding:0 0 .5rem .8rem;color:#333}
.contact_info p{margin-bottom:0.8rem;line-height:1.5rem;}
.contact_info p strong{font-size:1rem;font-family: 'cooperhewittbold-z2pg';font-weight: 600}
.contact_info .p_name{margin-bottom:1.2rem;}
.contact_info .p_name strong{font-size:1.4rem;font-family: 'cooperhewittbold-z2pg';color:#000;}
.contact_info p a{color:#000;}
.contact_info p a:hover{text-decoration:none;color:#000}
.contact_info #floatchatiframe2011{margin:0;min-height:460px;padding:0;background:0;border:none;box-shadow:none}
.txt_indet{padding-left:2rem}


/*contact*/
#etw_form{width:100%;display:flex;flex-flow:wrap;margin:3rem 0 2rem 0}
#etw_form_title{font-size:1.85rem;color:#212121;border-bottom:1px solid #212121;position:relative;padding:2rem 0 0.5rem 0.8rem;line-height:2rem;margin-bottom:0.5rem;text-transform:uppercase;font-family:'open-sans-bold';}
#etw_set_feedback_form{width:100%;background:#eaeaea;padding:2rem 2rem 0 2rem;}
#floatchatiframe2011{margin:0 auto}
.inquiry_bg{background:url(../images/inquiry_bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;width:100%;position:relative;padding:2rem 0;}
.inquiry_box{display:flex;margin:0;width:100%;flex-wrap:wrap;}
.form_box{width:50%;}
.form_box #etw_set_feedback_form{background:0;padding:0 0 0 3rem;}
.contact_box{position:relative;color:#333;width:50%;padding:2rem 2rem 2rem 0;}
.contact_box .brief{color:#111;margin:0;font-size:1.2rem;line-height:2rem;}
.contact_box .webtitle{font-size:1.6rem;color:#384559;border-bottom:1px solid #333;position:relative;padding:2rem 0.8rem 0.5rem 0;line-height:2rem;margin-bottom:0.5rem;font-weight:600;text-transform:uppercase;}
.contact_box .webtitle a{color:#fff}
.contact_box a{color:#004684}
.contact_box .cot_add,.contact_box .cot_email,.contact_box .cot_mobile,.contact_box .cot_people,.contact_box .cot_tel{margin:0;width:35px;height:35px;padding:0;font-size:1rem;border:2px solid rgba(0 0 0 / 30%);border-radius:50%}
.contact_box .cot_add:before,.contact_box .cot_email:before,.contact_box .cot_mobile:before,.contact_box .cot_people:before,.contact_box .cot_tel:before{color:#333;top:auto;left:auto}
.contact_box .icon_box{margin-bottom:1.5rem}
.contact_box .con_txt{width:calc(100% - 50px);padding:0 0 0 .5rem;line-height:1.1rem}
.contact_box .con_txt a:hover{text-decoration:underline}
.container-fluid{margin:0!important;padding:0!important}
.layui-layer-dialog .layui-layer-content{display: none !important;}
.layui-layer-btn .layui-layer-btn0{background: none !important; font-size: 1.5rem; padding: 1rem 2rem;}
.layui-layer-btn a{border: none !important; height: auto !important; color: #f00 !important; text-align: center;}

@media (max-width:767.98px){.contact_box{display:none}
.form_box{width:100%}
.contact_info .contact_box{display:block;width:100%}
.contact_info #etw_set_feedback_form{margin:2rem 0 0 0;}
.cot_area{margin:1rem 0 .7rem 0}
.form_box #etw_set_feedback_form{padding:0;}
}
@media (max-width:575.98px){#etw_set_feedback_form,.etw_contactin{width:100%;margin-right:0}
}


/* .left_pics */
.left_pro_img,
.pro_img {
  position: relative;
}
.left_pro_img a {
  position: relative;
  display: block;
}

.left_pics {
  width: 98%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.sample_img{position: absolute; right:.5rem; bottom:1rem; z-index: 1;}
.left_pics img {
  text-align: center;
  border: 1px solid #eee;
}
.left_pics a {
  display: block;
  overflow: relate_pro;
}
.related_pic {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.related_pic a {
  width: 18%;
  margin-left: 2%;
}
.related_pic a:nth-child(5n) {
  margin-left: 0;
}
.related_pic a:nth-child(5n + 1) {
  clear: both;
}
.related_pic img {
  width: 100%;
  height: auto;
  float: left;
  border: 1px #eee solid;
  margin: 10px 0 10px 0;
}
.related_pic img:hover,
.related_pic a.imgdq img {
  border: 1px #0051b0 solid;
}
.related_pic span {
  font-size: 0.75rem;
  line-height: 0.9rem;
  display: block;
  text-align: center;
}
/* pro_video_icon */
.pro_video_icon{width: 50px; height: 50px; background-color: rgba(0, 179, 255, .88); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  border-radius: 50%; display: flex; align-items: center; justify-content: center;transition: all .5s; cursor: pointer; z-index: 1; padding-left: .5rem; }
.pro_video_icon::before{position: absolute; content: "\f0da"; font-family: fontawesome; color: #fff; font-size: 2.3rem;transition: all .5s;  }
.pro_video_icon:hover{background-color: rgba(255, 203, 17, 0.55);}
.pro_video_icon:hover::before{color: #fff;}
/* btn-inquiry */
.btn-inquiry{padding: .6rem 2rem; background-color: #ffcd11; color: #000; transition: all .5s; border-radius: 0; font-family: 'open-sans-bold'; font-size: 1.1rem;}
.btn-inquiry:hover{background-color: #000;color: #fff; }





/* ul.item */
.item_titel{font-size: 1.2rem; color: #000;font-family: 'cooperhewittbold-z2pg'; display: inline-block; padding-bottom: .5rem;}
ul.item,ul.item_circle {
    margin-bottom: 5px;
    width: 100%;
    float: none;
  }
  ul.item li,ul.item_circle li {
    position: relative;
    text-align: right;
    padding-right: 1.6rem;
    margin-bottom: 0.5rem;
  }
  ul.item li::before,ul.item_circle li::before{position: absolute;content: "\f05d"; top: 0rem; right: 0; font-family: fontawesome; color: #e3a91a; font-size: 1.2rem; }
  ul.item_circle li::before{content: "\f10c";font-size: 1rem; }
  ul.item_circle li strong{font-size: 1rem;font-weight: 700;}
ul.item_circle li ol{width: 100%;padding-right: 16px;}
ul.item_circle li ol li{width: 100%;list-style: disc;padding-right: 0;margin-bottom: 0.25rem;}
ul.item_circle li ol li:before{display: none;}
ul.item_circle li ol.dq li{width: 48%;margin-left: 4%;float: right;}
ul.item_circle li ol.dq li:nth-child(2n){margin-left: 0;}
  /* photo_list */
  .photo_list{width: 100%; display: flex; margin-bottom: 2rem;}
  .photo_list li{margin-left: 1%;text-align: center;  }
  .photo_list li:last-child{margin-left: 0;}
  .photo_list li a{display: block; position: relative;}
  .photo_list li a::before{position: absolute;content: ""; left: 0; top: 0; height: 100%; width: 0; background-color: rgba(0, 0, 0, 0.32); transition: all.5s;opacity: 0}
  .photo_list li a::after{position: absolute;content: "\f00e"; font-family:fontawesome; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #eee; font-size: 2.3rem;transition: all.5s; opacity: 0;}
  .photo_list li a:hover::before, .photo_list li a:hover::after{opacity: 1;width: 100%;}
  .photo_list4{flex-wrap: wrap;}
  .photo_list4 li{width: 24%; margin-bottom: 1rem; font-size: .9rem;}
  .photo_list4 li a{display: block; margin-bottom: .5rem;}
  .photo_list4 li:nth-child(4n){margin-right: 0;}
  /* service-section */
  .service-section{width: 100%; margin-bottom: 3rem;}
  .service-section .service_des{background-color: #f5f5f5; padding: 2rem; }
  .service-section h4{color: #ffcd11;font-family: 'cooperhewittbold-z2pg'; font-size: 1.6rem;}
/* etw_sidebar */
#etw_sidebar,#etw_sidebar ul {width: 100%;}
.etw_productlist{width: 90%; margin: 0 auto;  color: #fff; background:#f6f6f6; margin-bottom: 2rem; position: relative; margin-top: -5rem;box-shadow: rgba(0,0,0,.2) 0 10px 20px 0;border-radius: 10px 10px 0 0;}
.etw_productlist .title{font-family: 'open-sans-bold'; background-color: #ffcd11; padding:0.7rem 1rem; font-size: 1.4rem; text-transform: uppercase;  color: #000; border-bottom: 2px solid #fff; padding-bottom: .5rem; text-align: center; font-weight:bold;border-radius: 10px 10px 0 0;}
.etw_productlist ul{ padding:0.5rem 1rem 1rem 1rem;}
.etw_productlist ul li a{display:block;}
.etw_productlist ul>li{border-bottom: 1px #f5f5f5 solid; padding-bottom: 0.3rem; margin-bottom: 0.3rem;position:relative;}
.etw_productlist ul>li:before{ position:absolute;content:"\f0d9"; font-family: fontawesome; margin-left: 0.3rem; top:.5rem; color:#727171; font-size: .9rem;}
.etw_productlist ul>li:last-child{border-bottom:none;}
.etw_productlist ul>li>a{padding:0.5rem 1rem 0.5rem 0; font-size:1rem;color:#333; line-height: 1.2;font-family:'open-sans-bold';}
.etw_productlist ul>li>a.dq,.etw_productlist ul>li>a:hover{ color:#f09500;}
.etw_productlist ul>li>ol{ padding:0px; clear: both; float:none}
.etw_productlist ul>li>ol>li{position: relative; margin-bottom: .2rem;}
.etw_productlist ul>li>ol>li a{ display:block; color:#727171;padding:0.3rem 1rem 0.2rem 0.2rem;position:relative; font-size:.9rem; font-weight: 400; line-height: 1.45; }
.etw_productlist ul>li>ol>li a:hover,.etw_productlist ul>li>ol>li a.dq{color:#f09500; }
.etw_productlist ul li ol.show{display: block; }
.etw_productlist ul li .more {
  position: absolute;
  right: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #999;
  cursor: pointer;
  text-align: center;
}
.etw_productlist ul li .more:before {
  content: "\f106";
  right: -1px;
  top: .15rem;
  position: absolute;
  transition: all 0.2s;
  font-family: fontawesome;
  font-size: 1rem;
  color: #999;
}

.etw_productlist ul li .more.on:before {
  transform: rotate(180deg);
}

.etw_productlist ul li .more:hover {
  opacity: 0.8;
}
.etw_productlist ul>li>ol>li dl{display: flex; flex-wrap: wrap; padding-right:1rem; display: none; margin-top: .5rem;}
.etw_productlist ul>li>ol>li dl.show{display: block;}
.etw_productlist ul>li>ol>li dl a{width: 100%; font-size: .82rem; position: relative; display: block; line-height: 1.35; color: #666; padding-right: 1rem; margin-bottom: .3rem;}
.etw_productlist ul>li>ol>li dl a::before{position: absolute;content: "";width: 4px; height: 4px; background-color: #666; border-radius: 50%; right: .2rem; top: .75rem;}
.etw_productlist ul>li>ol>li{position: relative;}
.more_dl{ position: absolute;
  left: .5rem;
  top: .2rem;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  cursor: pointer;
  text-align: center;}
.more_dl:before {
  content: "\f055";
    left: -13px;
    top: .15rem;
    position: absolute;
    transition: all 0.2s;
    font-family: fontawesome;
    font-size: .9rem;
    color: #ccc;
  }
  .more_dl:hover::before{  opacity: 0.8; color: #000;}
  .more_dl.on:before {content: "\f056";  transform: rotate(180deg);}
  .etw_productlist ul>li>ol>li dl.show+.more_dl:before{content: "\f056" !important;transform: rotate(180deg);}


/* title */
.etw_hometitle,h2{display:block;line-height:1.35;color:#000;font-size:1.85rem;margin-bottom:1rem;padding-bottom:0.5rem;font-family: 'open-sans-bold';}
h2{margin-bottom:0.5rem;}
h2 span{display:block;color:#666;font-size:1.5rem;font-weight:normal;}
/* pro hub */
@media (max-width:1440px){
    .etw_banner .banner_txt{ position: relative; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); }
    .etw_banner .item{min-height:300px;background-size: cover;}
    .etw_banner .item img{display: none;}
    .etw_banner .ban_txt h3.tit{font-size: 2rem;}
    .etw_banner .ban_txt h3.tit span{font-size: 2rem;}
    .etw_banner .ban_txt1 p{width: 100%;}
    .etw_banner .item::after{display: none;}
    .etw_about .pic{margin-top: 0;}
    .row-a3{margin-right: 0;}
    .webtitle{font-size: 3.5rem;}
}

@media (max-width:1299px){
  .sub_list li .mask span{margin-top: 0;}
  .headerin{width: 96%;}
  #etw_logo{width: 200px;}
}
@media (max-width:991px){
    .etw_banner .item{min-height:200px;}
    .etw_banner .ban_txt1 p{bottom: 0;}
    .etw_about .pic{float: none;margin: 0 auto 30px;}
	.etw_banner .banner_txt{ top:1rem;}
    .etw_banner .ban_txt h3.tit span{font-size: 1.5rem;}
    .etw_banner .ban_txt h3.tit{font-size: 1.8rem;}
    .row-a1{padding: 2rem 0;}
    .webtitle{font-size:2.4rem;}
    .etw_about .txt .desc{font-size: 1.1rem;}
    #footer{overflow: hidden;}
    .home_contact{margin-top: 0; padding:0;}
    .row-a4{padding: 3rem 0;}
    .webtitle.text-center{margin-bottom: 1.5rem;}
    .page-title{padding-bottom: 1rem; padding-top: 1rem;}
    .page-title .content-box .title-box h2, .page-title .content-box .title-box .etw_hometitle{margin-top: 0; font-size: 2rem; line-height: 1.15; padding-top: 0; margin-bottom: 0rem;}
    .etw_hometitle, h2,#etw_bottom .etw_foot_title{font-size: 1.4rem; line-height: 1.25;}
    .other_pro ul{flex-wrap: wrap;}
    .other_pro ul li.product_img,.other_pro ul li.product_con{width: 100%; margin-right: 0;}
    .sub_list li .mask span{font-size: 2.5rem;}
}

@media (max-width:767.98px){
    .etw_banner{display: none;}
    .etw_about{padding: 0;}
    .other_title,#etw_form_title,.related_title{font-size: 1.5rem; padding-top: 1rem;}
    .other_title::before,.other_title::after{display: none;}
    .other_pro{padding: 0;}
    .sub_list{flex-wrap: wrap;}
    .sub_list li{width: 48%; margin-bottom: 1rem;}
}

@media (max-width:575.98px){
    .etw_about .pic{width: auto;}
    .photo_list{flex-wrap: wrap;}
    .photo_list li{width: 49%; margin-bottom: 1rem;}
    .pro_video_icon{width: 50px; height: 50px;}
    .related_pro ul li{width: 49%;}
    .related_pro ul li:nth-child(4n){margin-left: 1%;}
    .related_pro ul li:nth-child(2n){margin-left: 0;}
    .page-title .content-box .title-box h2, .page-title .content-box .title-box .etw_hometitle{font-size: 1.6rem;}
    .etw_hubpro ul{flex-wrap: wrap;}
    .etw_hubpro ul li.product_img,.etw_hubpro ul li.product_con{width: 100%; margin-right: 0;}
    .etw_hubpro ul li.product_con a{font-size: 1.4rem;}
    .etw_hubpro ul li.product_img a{display: block; text-align: center; margin: 0 auto;}
    ul.item_circle li ol.dq li{width: 100%;margin-right: 0;}
}
.dropdown-menu{right: 0;    left: inherit;    text-align: right;    float: right;}
#etw_bottom ul>li.review>a{ color:#f6f6f6;}
.ae_h3{color: #908E8E;font-size: 1.5rem;}
.video_pop-up .mfp-close{    right: 0px!important;}
@media (max-width:1024.98px){
	#etw_logo{width: 238px;}
	.etw_about .txt{    width: 361px;}
	.about_pro .item .item_img{width: 60%;}
	.about_pro .item .item_des{    width: 40%;}
}
@media (max-width:991.98px){
	.etw_about .txt{    width: 100%;}
}
@media (max-width:578.98px){
	.ae_h3{font-size: 1.2rem;}
.etw_about{direction:rtl}
	#etw_logo{width: 150px;}
	.etw_about .txt{    width: 100%;}
	.about_pro .item .item_des{width: 100%;}
	.about_pro .item .item_img{    width: 100%;}
}
@media (max-width:320.98px){
	.sub_list li{width: 100%; margin-left:0rem}
	
}
/* related_link */
.related_link{border-bottom: 1px solid #eee;margin-bottom: 1.5rem;padding-bottom: 1rem;}
.related_link a{color: #333;position: relative;display: block;padding-right: 1rem;line-height: 1.35;margin-bottom: .5rem;font-size: 14px;}
.related_link a::before{position: absolute;content: "\f104";right: 0;top: 0;font-family:fontawesome;}
.related_link a:hover,.related_link a.dq{color: #ffcd11;}

.font-weight{font-weight: bold;line-height: 1.4;}