@charset "utf-8";
@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-family: "Cabin-Bold";
  src: url(../font/Cabin-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "AvantGarde-BT";
  src: url(../font/AvantGarde-BT.ttf) format("truetype");
}
@font-face {
  font-family: "Poppins-Medium";
  src: url(../font/Poppins-Medium.ttf) format("truetype");
}

body {
  color: #6c6c6c;
  font-family: "AvantGarde-BT", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  background-color: #f9f9f9;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
li,
ol,
ul {
  list-style: none;
}
img {
  vertical-align: top;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}
.clearfix::after {
  display: table;
}
hr {
  margin-bottom: 1.5rem;
}
b,
strong {
  font-weight: normal;
  color: #000;
  font-size: 1.1rem;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #174277;
}
a:hover {
  color: #1782d2;
}
a:focus {
  outline: 0;
  text-decoration: none;
}
a,
a:hover {
  text-decoration: none;
}

.clear{ clear:both;}
.img_list span {
  text-align: center;
  display: block;
  padding: 0.5rem;
}

h3 {
  font-size: 1.2rem;
  color: #000;
}

b {
  color: #000;
}

#etw_top {
  position: fixed;
  width: 35px;
  height: 35px;
  right: 55px;
  bottom: 150px;
  text-align: center;
  background: #0069b7;
  z-index: 100;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  line-height: 28px;
  border-radius: 50%;
}
#etw_top a {
  color: #fff;
}

#etw_top:hover {
  transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  background: #2e89ff;
}
/* #header */
#header {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.headerin {
  position: relative;
  max-width: 1400px;
  width: 98%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#etw_logo {
  width: auto;
  float: left;
  margin-top: 0.5rem;
}
#etw_logo img{ height:50px;float: left;margin-right: 10px;}
#etw_logo span{ display:none; }
/* input-group */
.input-group {
  margin-top: 1rem;
  background-color: #f1f1f1;
  border-radius: 22px;
}
.input-group i {
  color: #515151;
}
.form-control {
  background-color: #f1f1f1;
  border: none;
  border-radius: 22px;
  color: #515151;
}
.input-group .btn {
  border-radius: 22px;
}

.search{
  width:100%;
  max-width:500px;
  clear:both;
 }
.search_txt{ width:280px; float:left;}
.search_txt input{ width:100%;background:#f1f1f1;border: none; border-right:2px #f1f1f1 solid;color: #515151; line-height:38px; padding:0 10px;border-radius:22px 0 0 22px; position:relative; z-index:1;}
.search_txt_btn,.search_txt_btn2{ float:left; width:38px; height:38px;background:#f1f1f1; cursor:pointer;}
.search_txt_btn img,.search_txt_btn2 img{ width:100%; padding:6px;}
.search_txt_btn2{border-radius:0 22px 22px 0; border-left:1px #e5e5e5 solid;}
@media (max-width: 991.98px) {
	.search_txt{ width:260px; float:left;}
}
@media (max-width: 767.98px) {
	.headerin{display:inherit;}
	.search{ text-align:center;margin:0 auto; overflow:hidden; padding:10px 0;}
	#etw_logo{ width:100%; padding-right:50px; display: flex;flex-flow: wrap;align-items: center;}
	#etw_logo a{ width: 100%;}
	#etw_logo span{ display:flex;height: 46px;align-items: center;}
}
@media (max-width: 575.98px) {
	#etw_logo span{ font-size:0.875rem;}
}
@media (max-width: 420px) {
	.search_txt{ width:210px;}
	#etw_logo span{ font-size:0.8rem;}
}
/*language*/
.etw_language{ float:right;}
.etw_language > ul {
  position: relative;
  float: right;
  border-radius: 22px;
  z-index: 2;
}
.etw_language > ul text {
  padding-left: 0.5rem;
}
.etw_language .icon-globe{ font-size:26px;}
.etw_language > ul > li > a {
  display: flex;
  color: #696969;
  padding: 0.2rem 1rem;
  font-size: 0.9rem;
  align-items: center;
  justify-content: space-around;
}
.etw_language ul ul {
  display: none;
  position: absolute;
  top: 100%;

  right: 0;
  padding: 0;
  background-color: #eee;
  min-width: 100px;
  border-radius: 4px;
}
.etw_language ul ul a {
  display: block;
  text-align: left;
  float: left;
  padding: 0.3rem 1rem;
  color: #333;
}
.etw_language ul ul li a:hover {
  color: #2e89ff;
}
.etw_language ul li:hover > ul {
  display: block;
}
.etw_language .dropdown-item {
  min-width: 100px;
}

@media (max-width: 767.98px) {
	.etw_language{ position:absolute; top:10px; right:10px;}
}
/* etw_banner */
#etw_banner {
  width: 100%;
  margin: 0 auto;
}
#etw_banner img{ width:100%; max-width:inherit;}
#etw_banner .content{ position:relative;}
.bannerclose{ position:absolute; top:2px; right:0; color:#fff; font-size:1.25rem; background:#771020; padding:0 5px; cursor:pointer;}
.bannerclose:hover{ background:#e9661e;}
/* comapny_box */
.comapny_box {
  width: 100%;
  margin: 2rem auto;
  font-size: 1rem;
  margin-top: 3rem;
}
.comapny_box .webtitle {
  font-size: 1.4rem;
  color: #222222;
  font-weight: 600;
  margin-bottom: 1rem;
}
.comapny_box .about_img {
  position: relative;
}
.comapny_box .about_img img {
  width: 100%;
  border-radius: 12px;
}

.comapny_box .about_txt{
	max-height:250px; overflow:hidden; overflow-y: auto;
padding-right: 5px;
padding-top: 5px;
}


/* all_video_box */

.all_video_box {
  width: 100%;
  margin: 2rem auto;
  margin-top: 1rem;
}
/* nav-tabs-list */
.tab-content {
  background-color: #eee;
  padding: 2rem;
}
.all_video_box .nav{
   overflow-x: auto;
   overflow-y: hidden;
   flex-wrap:nowrap;
}
.all_video_box .nav li{
	float:left;
}
.nav-tabs {
  border-bottom: 1px solid #d8d8d8;
}
@media (max-width: 767.98px) {
	.tab-content{ padding:0; padding-bottom:1rem;}
	#etw_banner{ display:none;}
	.comapny_box{ margin-top:0;}
}
.nav-tabs-list {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.nav-tabs-list a {
  font-size: 1.2rem;
  color: #b5b5b5;
  transition: all 1s ease 0s;
  text-align: center;
  margin-right: 1rem;
  border-radius: 22px;
  padding: 0.5rem 2rem;
  display:inline-block;
  white-space:nowrap;
}
.nav-tabs-list a.active,
.nav-tabs-list a:hover {
  color: #771020;
  background-color: #ededed;
}
.nav-tabs .input-group{ margin-top:0;}

.all_video_box .video_item {
  width: 100%;
}
.video_item .showhide{ display:none;}
.all_video_box .video_item .video_inner {
  position: relative;
  height: 100%;
}
.all_video_box .video_item .video_inner span {
  color: #222;
  display: block;
  padding-top: 0.5rem;
  padding-left: 1rem;
  line-height: 1.35;
  font-size: 1.1rem;
}
.all_video_box_pro .video_item .video_inner span {
  font-size: 0.9rem;
  padding-left: 0.5rem;
}
.all_video_box .video_item .video_inner .video_img {
  background-color: #ccc;
  border-radius: 8px;
  transition: all 1s ease;
  position: relative;
  border: 1px solid #fff;
}
.all_video_box .video_item .video_inner img {
  mix-blend-mode: multiply;
  border-radius: 8px;
  max-width:inherit;
  width:100%;
}
.all_video_box .video_item .video_inner .video_icon {
  color: #535252;
  font-style: normal;
  position: absolute;
  bottom: -1.5rem;
  right: 0;
}
.icon-eye-open {
  color: #969696;
}
.all_video_box .video_item .video_inner:hover .video_img {
  background-color: #eee;
  border: 1px solid #771020;
}
.all_video_box .video_item .video_inner:hover span {
  color: #771020;
}

.all_video_box .video_item .video_inner span.times {
  position: absolute;
  right: 0.5rem;
  bottom: 0.6rem;
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  padding: 0.2rem 1rem;
  color: #fff;
  border-radius: 0.8rem;
  font-size: 12px;
}
.all_video_box .video_item .video_inner i.play {
  position: absolute;
  left: 0.5rem;
  bottom: 0.6rem;
  background-color: #771020;
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0.1rem 0.7rem;
}
.all_video_box_right {
  margin-bottom: 0;
}
.all_video_box_right .video_item .video_inner a {
  display: flex;
}
.all_video_box_right .video_item .video_inner .video_name {
  flex: 1;
}
.all_video_box_right .video_item .video_inner .video_img {
  flex: 1;
}
.all_video_box_right .video_item .video_inner .video_name {
  position: relative;
}
.all_video_box_right .video_item .video_inner .video_icon {
  color: #535252;
  font-style: normal;
  position:inherit;
  float:right;
  clear:both;
  bottom:0;
  font-size:0.875rem;
}
.all_video_box_right .video_item .video_inner .video_name span {
  font-size: 1rem;
}
.read_more {
  position: relative;
  margin-top: 1rem;
  text-align:center;
}
.read_more span {
  border: 1px solid #ccc;
  padding: 0.3rem 1rem;
  display:inline-block;
  transition: all 1s ease;
  background-color: #fff;
  border-radius: 4px;
  cursor:pointer;
}
.read_more span:hover{ background:#eee;}

.read_more_right {
  margin-top: 0;
}
.read_more_right span {
  padding: 0;
  display: block;
  background-color: #ededed;
  padding: 0.5rem 1rem;
  border: none;
}
.read_more_right span:hover{background-color: #ccc;}

.btn-read-more {
  background-color: #e9661e;
  color: #fff;
  font-size: 0.8rem;
}
.btn-read-more:hover {
  background-color: #01556f;
  color: #fff;
}
.btn_hide {
  border: 1px solid #eee;
  background-color: #ccc;
  padding: 0 0.5rem;
  color: #000;
}

/* etw_contact_box */
.etw_contact_box {
  width: 100%;
  margin: 3rem auto;
}
.contact_inner {
  padding: 2rem;
  background-color: #fff;
  box-shadow: 0px 15px 30px 10px rgba(0, 0, 0, 0.14);
  border-radius: 8px;
  height: 100%;
}
#etw_form_title {
  font-family: "AvantGarde-BT";
  font-size: 2rem;
  color: #000;
  border-bottom: 3px solid #e8e8e8;
  margin-bottom: 1rem;
}

/* contact-info */
.almi-contact-info-box {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.almi-contact-info-box>ul{ width:100%; margin-bottom:0;}
.almi-contact-info-box>ul>li{ width:100%;line-height:1.5rem; padding:5px 0}
.almi-contact-info-box>ul>li span{ font-weight:600;}
.almi-contact-info-box>ul>li a{ color:#666;}
.almi-contact-info-box>ul>li a:hover{color:#771020;}

.share {
  display:inline-block;
  margin-top: 1rem;
  overflow: hidden;
}
.share li {
  float: left;
  padding-right: 8px;
}
.share li a {
  background: #ededed;
  color: #7c7c7c;
  display: block;
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 100%;
  font-size: 0.875rem;
}

.share li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
/* video_pay */
.video_pay {
  width: 100%;
  margin: 0 auto;
}
.cloud_video{ width:100%;}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  background: #fff;
}
.plyr--video .plyr__controls {
  background: rgba(0, 0, 0, 0.8);
}
.share_video {
  margin-top: 0;
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 1rem;
  overflow:hidden;
}
.share_line {
  float: right;
}
.video_name{ float:left;}
.video_name h2 {
  color: #222;
  font-size: 1.2rem;
  float:left;
  padding-top:1rem;
}
.video_des {
  color: #858585;
  font-size: 0.9rem;
  line-height: 1.35;
  margin-bottom: 3rem;
}
.bigurl a {
  display: block;
  color: #0056b3;
  font-size: 0.9rem;
}

/* video_right */
.video_right {
  width: 100%;
}
.recommended_title {
  font-size: 1.4rem;
  color: #000;
  font-family: "Poppins-Medium";
  position: relative;
  padding-left: 1.2rem;
}
.recommended_title::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
  background-color: #771020;
  border-radius: 8px;
}


/* company_des_right */
.company_des_right {
  margin-top: 3rem;
}
.company_title {
  margin-bottom: 1rem;
  border-bottom: 4px solid #dedede;
  padding-bottom: 0.5rem;
  padding-left: 0;
}
.company_des_right .comapny_txt {
  background-color: #ededed;
  padding: 1rem;
}

.company_des_right .about_txt {
  max-height:500px; overflow:hidden; overflow-y: scroll;
  padding-right:5px;
}
.company_title::before {
  display: none;
}

/* footer */
.etw_footin {
  background-color: #ededed;
  margin: 0 auto;
  text-align: center;
  padding: 1rem;
  border-radius: 8px;
}
#etw_coper {
  margin-top: 2px;
  width: 100%;
  line-height: 22px;
}
#etw_coper a {
  display: block;
  color: #333;
  font-size: 0.75rem;
}
#otherlink {
  clear: both;
  width: 100%;
  height: auto;
  padding:10px 0 5px 0;
}
#otherlink a {
  color: #333;
  display: inline-block;
  padding: 0 8px;
  font-size: 0.75rem;
  margin-right: 5px;
  line-height: 22px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}
#otherlink a span {
  opacity: 0.5;
  position: relative;
  top: 0;
  font-size: 12px;
}
#otherlink a:hover {
  color: #000;
}
#otherlink a:hover span {
  opacity: 1;
  top: -2px;
  transition: all 0.3s ease-in-out;
}
#container {
  width: 100%;
  margin: 0 auto;
}

.content {
  width: 98%;
  max-width: 1400px;
  margin: 0 auto;
}
.bg-light {
  background: url(../images/bg.jpg) repeat-x top;
  padding-top: 3rem;
}
.bgtop{ padding-top:0rem;}
@media (max-width: 1198.98px) {
}
@media (max-width: 991.98px) {
  .input-group {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  .content,
  .headerin {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 650.98px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
}
@media (max-width: 380.98px) {
}


.error{ margin:0 auto; text-align:center; padding:3rem 0;}

.emailstyle{ padding-left:50px; font-size:0.875rem;}
.telstyle{ padding-left:40px;font-size:0.875rem;}


.plyr__poster{background-size:cover!important;}

ul#bxslider-home4{ margin-bottom:0;}