/*scroll*/
.et-hero-tabs,.et-slide {position: relative;}
.et-hero-tabs-container { display: flex; bottom: 0px; width: 100%; box-shadow: 0 5px 10px rgb(45 45 45 / 30%); background: #1e88b0cc; z-index: 10; align-items: center; justify-content: space-evenly; padding: 0 15%; box-sizing: border-box; position: absolute; height: 70px;}
.et-hero-tabs-container--top { position: fixed; top: 80px;}
.et-hero-tabs-container a{ letter-spacing: 0.1rem; transition: all 0.5s ease; font-size: 20px; color: #fff; position: relative;}
.et-hero-tabs-container a:after{content: ""; width: 1px; height: 25px; background: #fff; display: block; position: absolute;right: -4vw;top: 3px;}
.et-hero-tabs-container a:last-child:after{display: none;}
.et-hero-tab:hover { color: #86e3ff; transition: all 0.5s ease;}
.et-hero-tab-slider { position: absolute; bottom: 0; width: 0; height: 6px; background: #86e3ff; transition: left 0.3s ease;}

.about_content{padding: 5% 12%; line-height: 48px; box-sizing: border-box;}

#ab1{position: absolute; top: -8%;}
#ab2{position: absolute; top: -4.5%;}
#ab3{position: relative;top: -2vw;}
#ab5{position: relative; background: linear-gradient(180deg, rgb(18 42 73 / 55%) 0%, rgb(18 42 73 / 97%) 40%, rgb(12 53 107 / 97%) 100%);}
#ab7{position: absolute; top: -2%;}


.abtt{margin: 5% 0 0; text-align: center !important;}



/*about1*/

#about1{position: relative; background: #fff; padding: 0 0 8%;}
#about1 dl{text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
#about1 dl dt{width: 100%; margin: 0 0 8%; position: relative;}

.bg_img1{display: block !important; height: auto; top: 0; margin-bottom: -11px;}
.bg_img1 p{/*content: "";*/ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #0021458c;transition-delay: 2s;}
.bg_img1 span{width: 100%; height: 100%; padding: 2% 5%; color: #fff; box-sizing: border-box; display: block; position: relative; z-index: 2; line-height: 50px; text-align: justify; background: url(../images/bg_img1.png) no-repeat; background-size: cover; background-attachment: fixed;}
.bg_img2{width: 80%; margin: 8% auto 0; text-shadow: 2px 2px 4px black; color: #fff; box-sizing: border-box; background: url(../images/bg_img2.png) no-repeat center;letter-spacing: 3px; background-attachment: fixed; background-size: cover; position: relative;}
.bg_img2 img{width: 15%; margin: 0 auto; display: block;}

.bg_img1 img{width:100%; height: 100%; object-fit: cover;}
.bg_img1 dl{width: 75% !important; margin: 5% auto 0;}
.bg_img1 dl dd{width: 21%; margin: 0 5% 5% 0; float: left;}
.bg_img1 dl dd:nth-child(4n+1){margin-right: 0;}
.bg_img1 dl dd img{border-radius: 5px; overflow: hidden; transition: transform ease-out .2s;}
.bg_img1 dl dd a{ height: 100%; border: none;  padding: 6%; border-radius: 3px; transition: transform ease-out .2s; background: #fff; display: block; box-sizing: border-box;}
.bg_img1 dl dd a:hover{background: #ffffff57; transform: scale(0.98);}
.bg_img1 dl dd a:hover img{background: #fff;}

.ab1line{width: 2px; background: #008cd6; position: absolute; left:49.95%; animation:ab1line 2s linear forwards;}
.ab1line2{width: 2px; background: #fff; position: absolute; top: 0; left:50%; animation:ab1line2 1s linear forwards; animation-delay: 2s;}

@keyframes ab1line{
  0%{
      height:0;
  }
  100%{
      height:8vw;
  }
}

@keyframes ab1line2{
  0%{
      height:0;
  }
  100%{
      height:3.5vw;
  }
}

/*about2*/

#about2{width: 100%; background: url(../images/about_bg2.png) repeat-y;padding-bottom: 15%;background-size: 100%; position: relative;}
#about2 span, .cg span{color: #124b8c; display: block; margin: 3% 0 2%;}

#timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em;}
#timeline::before { display: block; content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 1px; background: #124b8c;}
.timeline-block { position: relative; margin: 0 0 2em;}
.timeline-block:after { content: ""; display: table; clear: both;}
.timeline-block:last-child { margin-bottom: 0;}
.timeline-year {width: 100%; display: inline-block; font-size: 24px; color: #008cd6;position: relative;box-sizing: border-box;left: 5px;padding: 0 0 0 90px;}
.timeline-year:before{content: ""; width: 50px; height: 3px; background: #008cd6; display: block; position: absolute;left: 0;top: 26px;}
.timeline-year:after{content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #008cd6; display: block; top: 21px; position: absolute;left: 50px;}
.timeline-content { position: relative; margin: 0 0 0 4.1em; display: inline-block; color: #124b8c; font-size:22px;}


[data-anime] {opacity: 0; transition: .3s;}
[data-anime].animate { opacity: 1; transform: translate3d(0, 0, 0);}
[data-anime-left] {opacity: 0; transition: .3s; transform: translate3d(-40px, 0, 0);}
[data-anime-left].animate { opacity: 1; transform: translate3d(0, 0, 0);}
[data-anime-right] { opacity: 0; transform: translate3d(40px, 0, 0); transition: .3s;}
[data-anime-right].animate { opacity: 1; transform: translate3d(0, 0, 0);}


/*about3*/

#about3{width: 100%; position: relative; overflow: hidden;}
.about3_t{ padding: 5% 12% 0 0; color: #fff; box-sizing: border-box; width: 100%; text-align: right; z-index: 2; margin: 5% 0 0; display: block; position: absolute;}
.about3_t:after{content: ""; width: 70%; height: 45vw; display: block; position: absolute; right: 0; top: 0;z-index: -1;background: #002145;}



/*#about3 dl{width: 100%; text-align: center; color: #fff; position: relative; z-index: 3;padding: 11vw 0;}
#about3 dl dt{width: 320px; height: 320px; margin: 0 auto 3%; overflow: hidden; box-sizing: border-box; opacity: 0; transition: transform 1s cubic-bezier(0.6, 0, 0.2, 1);}
#about3 dl dt img{width: 100%;}
#about3 dl dd span{font-weight: bold; display: block;}
#about3 dl dd{font-size: 34px; text-shadow: 3px 3px 4px #000000; transition: all 1s cubic-bezier(0.6, 0, 0.2, 1);}
#about3 dl:nth-child(2){top: 0; background: url(../images/bg_img3.png) no-repeat;background-size: 100%;}
#about3 dl:nth-child(3){ right: -46%; background: url(../images/bg_img4.png) no-repeat; background-size: 100%; margin: -31% 0 0;}
#about3 dl:hover dt, #about3 dl:hover dd:nth-child(3){opacity: 1;}
#about3 dl:hover dt{transform: translateY(10px);}
#about3 dl dd:nth-child(3){opacity: 0; transition: all 1s cubic-bezier(0.6, 0, 0.2, 1);}

.panels { width: 100%; height: 42vw; overflow: hidden; background: #000; pointer-events: none; position: relative;}
.panels__container { display: flex; justify-content: center; align-items: stretch; height: 100%; width: 120%; margin: 0 -10%; visibility: hidden;}
.panel{ display: inline-block; height: 100%; visibility: visible; position: relative; overflow: hidden; flex: 1;  text-decoration: none;  transition: all 1s cubic-bezier(0.6, 0, 0.2, 1);}
.panel__content { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: center center no-repeat; background-size: cover;}
.panel__title { pointer-events: auto; color: #FFF; position: relative; z-index: 1; transition: color 1s cubic-bezier(0.6, 0, 0.2, 1);}
.panel { transform: translate3d(0, 0, 0); transition: transform 1s cubic-bezier(0.6, 0, 0.2, 1);}
.panel .panel__content { transform: translateX(10%); transition: transform 1s cubic-bezier(0.6, 0, 0.2, 1);}
.panel:last-child .panel__content { transform: translateX(-10%);}
.panels:hover .panel { transform: translate3d(-10%, 0, 0);}
.panels:hover .panel .panel__content { transform: translateX(14%);}
.panels .panel:hover ~ .panel .panel__content { transform: translateX(-14%);}
.panels .panel:hover ~ .panel { transform: translate3d(10%, 0, 0);}
.panels .panel:hover { z-index: 2; transform: translate3d(10%, 0, 0); pointer-events: auto;}
.panels .panel:hover:last-child { transform: translate3d(-10%, 0, 0);}
.panels .panel:hover .panel__content { transform: translateX(0%);}

.panel:hover:after{opacity: 0.7; filter:blur(0px); }
.panel:hover ~ .panel:nth-child(1){filter:blur(3px);}
.panel:after{content: ""; filter:blur(3px); width: 101%; height: 103%; display: block; z-index: -1; left: 0;  top: -3%; position: absolute; transition: all 1s cubic-bezier(0.6, 0, 0.2, 1);}
.panel:nth-child(1):after{background: url(../images/bg_img3.png) no-repeat center; background-size: cover;}
.panel:nth-child(2):after{background: url(../images/bg_img4.png) no-repeat center; background-size: cover;}
*/

.ab3_2{padding: 5%; background: url(../images/bg_img3.png) no-repeat; background-size: cover; background-attachment: fixed; box-sizing: border-box;}
.ab3_2 section{width: 660px; padding: 6% 0; color: #fff; background: #008cd6a6; float: right; box-sizing: border-box; }
.ab3_2 section dl{margin: 0 0 5%; display: flex; align-items: center;justify-content: center; flex-direction: column;}
.ab3_2 section dl:last-child{margin: 0;}
.ab3_2 section dl dt{width: 20%;}
.ab3_2 section dl dd span{display: block; font-size: 26px;}
.ab3_2 .catop{min-height: auto; width: 100%; margin: 0 0 10%;}
.ab3_2 .catop dl{width: 100%; flex-direction: column;}
.ab3_2 .catop dt{width: 100%; float: none; margin: 0;}
.ab3_2 section img{width: 100%;}
#about3 dl dd{text-align: center;}



/*about4*/

#about4{text-align: center;display: flex;flex-wrap: wrap;justify-content: center;padding: 0 4%;margin: 0 0 10%;}
#about4 dl{width: 33%; padding: 0 1%; box-sizing: border-box; float: left;margin: 10% 0 0;}
#about4 dl dt{width: 100%; margin: 0px 0 10%; box-sizing: border-box;position: relative;}
#about4 dl dt:before, #about4 dl dt:after{content: ""; width: 15px; height: 15px; position: absolute; display: block;}
#about4 dl dt:before{border-left: 1px solid #191919; border-top: 1px solid #191919;top: -20px;left: 22%;}
#about4 dl dt:after{border-right: 1px solid #191919; border-bottom: 1px solid #191919;right: 22%;}
#about4 dl dd{color: #191919;}


/*about5*/

#about5{width: 100%; padding: 7% 0 0; position: relative; background-size: cover; overflow: hidden; box-sizing: border-box;}
/*#about5 .title{color: #fefeff;display: block;text-align: left;left: 12%;padding: 7% 0 0;width: fit-content;}
#about5 .title dd{font-size: 26px;}*/
.about5_line{width: 100%; background: linear-gradient(180deg, rgb(18 42 73 / 55%) 0%, rgb(18 42 73 / 97%) 40%, rgb(12 53 107 / 97%) 100%);
 position: absolute; top:0; animation:ab5line 2s forwards;}
@keyframes ab5line{
  0%{
      height:0;
  }
  100%{
      height:100%;
  }
}
#about5 ul{position: relative;margin: 5% 0 0 5%;color: #fff; display: flex; justify-content: space-around;align-items: center;}
#about5 ul li:nth-child(1){background-position: 70% 51%;}
#about5 ul li:nth-child(2){background-position: 78% 51%;}
#about5 ul li:nth-child(3){background-position: 81% 51%;}
#about5 ul li img{width: 55%; display: block;}
#about5 ul li{position: relative; display: flex;}
#about5 ul li span{padding: 0 0 0 50px; top: 54%; display: flex; align-items: center;}
#about5 ul li span:after{content: ""; width: 42px; height: 8px; display: block; background: url(../images/bg_img11.png) no-repeat;background-size: 40px;margin: 0 0 2%; position: absolute; left: 0;}
#about5 ul li:nth-child(1) span{position: absolute; left: 40%;}
#about5 ul li:nth-child(2) span{position: absolute; left: 47%;}
#about5 ul li:nth-child(3) span{position: absolute; left: 50%;}


#ablocation{ position: fixed; z-index: -9; top: -12%; right: 0; min-width: 100%;}


/*about6*/

#about6{width: 100%; margin: 0 ; box-sizing: border-box;text-align: center;background-size: 1%;}

#about6 input[type=radio] { display: none; }
#about6 label{ font-size:26px; display: inline-block; cursor: pointer; color: #bde4f9;  text-align: center; padding:0 2%; position: relative;}
#about6 label:after{content: ""; width: 1px; height: 30px; background: #bde4f9; display: block; position: absolute;top: 10px;right: 0;}
#about6 label:nth-last-child(3):after{display: none;}
#about6 label:last-of-type { border-bottom: none; }
#about6 label:hover { color:#fff; opacity: .8;}

#tw:checked + label, #cn:checked + label, #hk:checked + label{ color: #fff; text-shadow: 2px 3px 8px black;}
.tab-content { top: -9999px; position: absolute;}
.tab-content-wrapper{ text-align: left;}
#tw:checked ~ .tab-content-wrapper #tab-content-1, #cn:checked ~ .tab-content-wrapper #tab-content-2, #hk:checked ~ .tab-content-wrapper #tab-content-3{  position: relative;  top: 0px;}


#about6{line-height: 48px;}
#about6 dl{display: flex;align-items: center;justify-content: space-between;width: 90%;position: relative;top: 0;left: 0;padding: 0 0 2% 2%; color: #fff;}
#about6 dl dt{float: left;}
#about6 dl dt:first-child{font-size: 26px; width: 30%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#about6 dl dd{ float: left; width: 32%;}
#about6 dl dd span{width: 70%; display: -webkit-box; padding: 0 0 0 46px; position: relative;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#about6 dl dd span:before{position: absolute;left: 0; font-family:"Font Awesome 5 Free" ; font-weight: 900;}
#about6 dl dd:nth-child(2) span:nth-child(1):before{content: "\f879";}
#about6 dl dd:nth-child(2) span:nth-child(2):before{content: "\f1ac";}
#about6 dl dd:nth-child(3) span:nth-child(1):before{content: "\f508";}
#about6 dl dd:nth-child(3) span:nth-child(2):before{content: "\f0e0";}
#about6 ul{width: 100%;text-align: center;z-index: 3;justify-content: right; position: absolute; right: 3%;}
#about6 li{width: 9%; color: #1b1b1b; background: #fff;line-height: 40px;margin: 0 0 15px; position: relative;left: 92%;}
#about6 li a{color: #1b1b1b; width: 100%; display: block;}
#about6 li.q{font-weight: bold;cursor: pointer;}
#about6 li.q:hover, #about6 li a:hover{background: #0ea4f3; color: #fff;}
#about6 li.a{display: none;background: none;margin: 4% 0 2%;position: relative;width: 74vw; height: 25vw; left: 0;}
#about6 li.a iframe{ width: 100%; box-shadow: 0 0 20px 0 #1129453b; height: 100%;}
#about6 section{width: 100%; display: flex;align-items: center;padding: 0 2% 3%;border-bottom: 1px solid #fff;margin: 0 0 3%;box-sizing: border-box;position: relative;justify-content: space-between;}
#about6 section:last-child{border: 0;/*margin: 0;padding-bottom: 0;*/}
#about6 .about_content{
	padding: 6% 12% 4% 12%;
}

.ab6menu{
  width: 600px;
  height:4rem;
  margin:5% auto 2% auto;
}

.ab6menu ol {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}
.ab6menu > ol {
  padding: 0 2rem;
  display: flex;
}
.ab6menu > ol > .menu-item {
  flex: 1;
  padding: 0.75rem 0;
}
.ab6menu > ol > .menu-item:before {
  content: "";
  width: 1px;
  height: 24px;
  background: #fff;
  position: absolute;
  left: 0;
  top:24px;
}
.ab6menu > ol > .menu-item:nth-child(1):before {
  display: none;
}
.ab6menu > ol > .menu-item:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  bottom: 5px;
  left: calc(50% - 2px);
  background: #FECEAB;
  will-change: transform;
  transform: scale(0);
  transition: transform 0.2s ease;
}
.ab6menu > ol > .menu-item:hover:after {
  transform: scale(1);
}
.menu-item {
  position: relative;
  line-height:1.8;
  text-align: center;
  font-size: 26px;
}
.menu-item a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #FFF;
}

.sub-menu .menu-item {
  padding: 0.2rem 0;
  background: #1b769e;
  opacity: 0;
  transform-origin: bottom;
  animation: enter 0.2s ease forwards;
}
.sub-menu .menu-item:nth-child(1) {
  animation-duration: 0.2s;
  animation-delay: 0s;
}
.sub-menu .menu-item:nth-child(2) {
  animation-duration: 0.3s;
  animation-delay: 0.1s;
}
.sub-menu .menu-item:nth-child(3) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
}
.sub-menu .menu-item:nth-child(4) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
}
.sub-menu .menu-item:hover {
  background: #acd8ef;
}
.sub-menu .menu-item a {
  padding: 0 0.75rem;
}



/*
@media screen and (max-width: 600px) {
  .sub-menu .menu-item {
    background: #C06C84;
  }
}

@media screen and (max-width: 600px) {
  .ab6menu {
    position: relative;
  }
  .ab6menu:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 1rem;
    width: 30px;
    height: 4px;
    background: #FFF;
    box-shadow: 0 10px #FFF, 0 -10px #FFF;
  }
  .ab6menu > ol {
    display: none;
    background: #F67280;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    animation: fade 0.2s ease-out;
  }
  .ab6menu > ol > .menu-item {
    flex: 0;
    opacity: 0;
    animation: enter 0.3s ease-out forwards;
  }
  .ab6menu > ol > .menu-item:nth-child(1) {
    animation-delay: 0s;
  }
  .ab6menu > ol > .menu-item:nth-child(2) {
    animation-delay: 0.1s;
  }
  .ab6menu > ol > .menu-item:nth-child(3) {
    animation-delay: 0.2s;
  }
  .menu > ol > .menu-item:nth-child(4) {
    animation-delay: 0.3s;
  }
  .menu > ol > .menu-item:nth-child(5) {
    animation-delay: 0.4s;
  }
  .menu > ol > .menu-item + .menu-item {
    margin-top: 0.75rem;
  }
  .menu > ol > .menu-item:after {
    left: auto;
    right: 1rem;
    bottom: calc(50% - 2px);
  }
  .menu > ol > .menu-item:hover {
    z-index: 1;
  }
  .menu:hover > ol {
    display: flex;
  }
  .menu:hover:after {
    box-shadow: none;
  }
}
*/
.sub-menu {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  display: none;
  z-index: 1;
}
.sub-menu li{
  font-size: 20px;

}
.menu-item:hover > .sub-menu {
  display: block;
}
.ab6menu_phone{
	display:none;
	width:90%;
	margin:3% auto;
}
.ab6menu_phone ul{
	overflow:hidden;
}
.ab6menu_phone li{
	float:left;
	width:32%;
	border-left:1px solid #fff;
}
.ab6menu_phone li:nth-child(1){
	border-left:none;
}
.ab6menu_phone li a{
	display:block;
	font-size:18px;
	color:#fff;
	text-align:center;
}
.ab6menu_phone select{
	width:80%;
	margin:10px 0 10px 10%;
	padding:8px;
	box-sizing:border-box;
	background:#1e88b0cc;
	color:#fff;
	appearance: auto;
}

@media screen and (max-width: 640px) {
  .ab6menu{
	  display:none;
}
.ab6menu_phone{
	display:block;
}
.bg_img2 img {
	width:50%;
}
}

@media screen and (max-width: 600px) {
 /* .sub-menu {
    width: 100vw;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
  }*/
 
}

@keyframes enter {
  from {
    opacity: 0;
    transform: scaleY(0.98) translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



/*about7*/
#about7{position: relative; background: #fff;}
#about7 img{width: 100%; margin: 5% auto 0; display: block;}


/*location*/
.location{background: none !important;
   padding:0 !important;
   margin:0;
}
.location .tab-content-wrapper{background: #fff;}
.location li.a{width: 100% !important;}



/*cg*/
.cg{}
.cg .title{margin-bottom: 3%;}

#aboutpro{width: 100%; background: url(../images/in_news1.png) no-repeat center 9vw, #fff;padding: 22% 0 0;box-sizing: border-box;text-align: center;background-size: 1%;}
#aboutpro{line-height: 48px;}
#aboutpro dl{display: flex;align-items: center;justify-content: space-between;width:100%;}
#aboutpro dl dt{float: left;}
#aboutpro dl dt:first-child{font-size: 26px; width: 30%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#aboutpro dl dd{ float: left; width: 32%;}
#aboutpro dl dd span{display: -webkit-box; padding: 0 0 0 46px; position: relative;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#aboutpro dl dd span:before{position: absolute;left: 0; font-family:"Font Awesome 5 Free" ; font-weight: 900;}
#aboutpro dl dd:nth-child(2) span:nth-child(1):before{content: "\f879";}
#aboutpro dl dd:nth-child(2) span:nth-child(2):before{content: "\f1ac";}
#aboutpro dl dd:nth-child(3) span:nth-child(1):before{content: "\f508";}
#aboutpro dl dd:nth-child(3) span:nth-child(2):before{content: "\f0e0";}



/*data*/
#abouttop{height: 100vh; background: url(../images/abouttop.jpg) no-repeat, #fff; padding: 0 0 69px; box-sizing: border-box; background-size: cover; background-attachment: fixed;}
#abouttop #banner{height: 100%;}
#abouttop  .callbacks_container{height: 100%; padding-top: 80px;}
.data{width: 100%; height: 25vw; font-weight: bold; display: flex; align-items: center; justify-content: space-evenly; box-sizing: border-box; background-size: cover; background-attachment: fixed; text-align: right; padding: 0 8vw 0 0;}
.data dl dt{color: #fff; text-shadow: 2px 2px 0px #000;}
.data dl dt span.counter{font-size: 45px;}
.data dl dt span{font-size: 22px; margin: 0 10px 0 0; }
.data dl dt span:last-child{margin: 0;}
.data dl dd{font-size: 18px; text-align: right; letter-spacing: 1px; color: #fff; border-radius: 3px; text-shadow: 1px 1px 2px #000000;}


/*careers*/


.job{display: flex; align-items: center; justify-content: center; background: url(../images/jobbg.jpg) no-repeat center; background-size: cover; height: 61.5vh; background-attachment: fixed;}








.ca1{width: 100%; padding: 5% 0; box-sizing: border-box; background: #fff; box-sizing: border-box; display: flex; background-size: 50%;}
.ca1 dl{width: 55%; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.ca1 dl dt, .catop dl dt{font-size: 44px; margin: 0 0 2%;}
.ca1 dl dd, .catop dl dd{line-height: 32px;}

#catop{position: fixed; z-index: -9; top: -12%; right: 0; min-width: 100%;}
.catop{width: 100%; text-align: center; /*background: url(../images/about_career.jpg) no-repeat;*/ background-size: cover;  background-attachment: fixed; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.catop dl{width: 60%; z-index: 1; position: relative; color: #fff;}

.ca1_2{width: 100%; height: 100%; color: #fff; padding: 6% 12% 2%; box-sizing: border-box; background: url(../images/ca1_2.jpg) no-repeat left, #f5f5f5; background-size: cover; background-attachment: fixed;}
.ca1_2 dl{width: 50%; margin: 0 0 8%; display: flex; align-items: center; float: left; box-sizing: border-box;}
.ca1_2 dl:nth-child(2n-1){padding-right: 2.5%;}
.ca1_2 dl:nth-child(2n){padding-left: 2.5%;}
.ca1_2 dl dd{padding: 0 0 0 5%; font-size: 26px;}

.ca1_2 dl dt:hover{  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(30px) rotateY(210deg) scale(1);
    -ms-transform: perspective(400px) translateZ(30px) rotateY(210deg) scale(1);
    transform: perspective(400px) translateZ(30px) rotateY(210deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(30px) rotateY(160deg) scale(1);
    -ms-transform: perspective(400px) translateZ(30px) rotateY(160deg) scale(1);
    transform: perspective(400px) translateZ(30px) rotateY(160deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}


.careers2 section {overflow: hidden; position: relative; margin: -2px 0 0;}

.ca2 dl{width: 100%; display: flex; box-sizing: border-box; position: relative; overflow: hidden;}
.ca2 dl:before{content: ""; width: 105%; height: 107%; background: #000; opacity: 0.6; position: absolute; left: -2%; top: -3%; z-index: -1;}
.ca2 dl:after{content: ""; width: 105%; height: 107%; background-size: cover; left: -2%; top: -3%; position: absolute; z-index: -2; filter:blur(3px);}
.ca2 dl:nth-child(1):after{background: url(../images/ca6.jpg) no-repeat center;background-attachment: fixed;}
.ca2 dl:nth-child(2):after{background: url(../images/ca4.jpg) no-repeat center;background-attachment: fixed;}
.ca2 dl:nth-child(3):after{background: url(../images/ca2.jpg) no-repeat center;background-attachment: fixed;}
.ca2 dl:nth-child(4):after{background: url(../images/ca3.jpg) no-repeat center;background-attachment: fixed;}
.ca2 dl dt{width: 50%;}
.ca2 dl dd{width: 50%; font-size: 20px; display: flex; flex-direction: column; justify-content: center; padding: 0 5%; color: #fff; box-sizing: border-box;}
.ca2 dl dd span{font-size: 38px; letter-spacing: 1px; display: block; margin: 0 0 2%;}
.ca2 dl img{width: 100%; height: 100%; object-fit: cover;}
.ca2 dl:nth-child(2n) dt:nth-child(1){display: none;}


.cabt1{font-size: 50px; top: -3vw; width: fit-content; position: absolute; letter-spacing: 2px; font-weight: bold; position: relative;}
.cabt1:before, .cabt1:after{content: ""; display: block; background: #fff; position: absolute;}
.cabt1:before{width: 100%; height: 2px; bottom: 0;}
.cabt1:after{width: 2px; height: 10vw; left: 12%;}

.text{text-shadow: 1px 3px 5px #0000007a;}

.cabottom {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -5;
  filter: blur(0px);
  pointer-events: none;
  user-select: none;
  overflow: hidden;
}
.app__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
  opacity: 0.8;
}
.app__bg__image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateX(var(--image-translate-offset, 0));
  width: 180%;
  height: 180%;
  transition: transform 1000ms ease, opacity 1000ms ease;
  overflow: hidden;
}
.app__bg__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.app__bg__image.current--image {
  opacity: 1;
  --image-translate-offset: 0;
}
.app__bg__image.previous--image, .app__bg__image.next--image {
  opacity: 0;
}
.app__bg__image.previous--image {
  --image-translate-offset: -25%;
}
.app__bg__image.next--image {
  --image-translate-offset: 25%;
}

.cardList {
  position: absolute;
  width: 58%;
  height: auto;
}
.cardList__btn {
  --btn-size: 35px;
  width: var(--btn-size);
  height: var(--btn-size);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.cardList__btn.btn--left {
  left: -5%;
}
.cardList__btn.btn--right {
  right: -5%;
}
.cardList__btn .icon {
  width: 100%;
  height: 100%;
}
.cardList__btn .icon svg {
  width: 100%;
  height: 100%;
}
.cardList .cards__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}

.card {
  --card-translateY-offset: 100vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateX(var(--card-translateX-offset)) translateY(var(--card-translateY-offset)) rotateY(var(--card-rotation-offset)) scale(var(--card-scale-offset));
  display: inline-block;
  width: 50vw;
  height: 30vw;
  transition: transform var(--card-transition-duration) var(--card-transition-easing);
  user-select: none;
}
.card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
  transition: opacity var(--card-transition-duration) var(--card-transition-easing);
  opacity: calc(1 - var(--opacity));
}
.card__image {
  position: relative;
  width: 100%;
  height: 100%;
}
.card__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card.current--card {
  --current-card-rotation-offset: 0;
  --card-translateX-offset: 0;
  --card-rotation-offset: var(--current-card-rotation-offset);
  --card-scale-offset: 1.2;
  --opacity: 0.8;
  z-index: 999 !important;
}
.card.previous--card {
  --card-translateX-offset: calc(-1 * var(--card-width) * 1.1);
  --card-rotation-offset: 10deg;
}
.card.next--card {
  --card-translateX-offset: calc(var(--card-width) * 1.1);
  --card-rotation-offset: -10deg;
}
.card.previous--card, .card.next--card {
  --card-scale-offset: 0.9;
  --opacity: 0.4;
}

.infoList {
  position: absolute;
  width: 68%;
  height: var(--card-height);
  pointer-events: none;
}
.infoList .info__wrapper { position: relative; width: 80%;  display: flex; justify-content: flex-start; align-items: flex-end; perspective: 1000px; transform-style: preserve-3d; top: 75%; left: 10%}


.info .location { font-weight: 800;}
.info .location {
  --mg-left: 40px;
  --text-size-offset: 0.12;
  font-weight: 600;
  margin-left: var(--mg-left);
  margin-bottom: calc(var(--mg-left) / 2);
  padding-bottom: 0.8rem;
}
.info .location::before, .info .location::after {
  content: "";
  position: absolute;
  background: #fff;
  left: 0%;
  transform: translate(calc(-1 * var(--mg-left)), -50%);
}
.info .location::before {
  top: 50%;
  width: 20px;
  height: 5px;
}
.info .location::after {
  bottom: 0;
  width: 60px;
  height: 2px;
}
.info .description {
  --text-size-offset: 0.065;
  font-weight: 500;
}
.info.current--info {
  opacity: 1; display: block; color: #fff;
}

.info.current--info div:nth-child(2){height: 8vw; overflow: auto; margin: 0 5%;}
.info.previous--info, .info.next--info {
  opacity: 0;
  display: none;
}

.loading__wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #000;
  z-index: 200;
}
.loading__wrapper .loader--text {
  color: #fff;
  font-family: "Montserrat";
  font-weight: 500;
  margin-bottom: 1.4rem;
}
.loading__wrapper .loader {
  position: relative;
  width: 200px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
}
.loading__wrapper .loader span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: red;
  transform: scaleX(0);
  transform-origin: left;
}



.support {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  display: flex;
}
.support a {
  margin: 0 10px;
  color: #fff;
  font-size: 1.8rem;
  backface-visibility: hidden;
  transition: all 150ms ease;
}


.ab_info{
	width:75%;
	margin:30px auto;
}

.ab_info p{
	font-size:20px;
	color:#fff;
	font-weight:bold;
	letter-spacing:2px;
	margin:0 0 10px 0;
}
.about1_bgbg{
	background: url(../images/bg_img1.png) no-repeat; 
	background-size: cover; 
	background-attachment: fixed;
	padding:8% 0;
	box-sizing:border-box;
}
.about1_wrap{
	width:70%;
	margin:0 auto;
}
.ab_title{
	font-size: 44px;
    margin: 0 0 2%;
	text-align:center;
	color:#fff;
}
.ab_text{
	font-size: 22px;
	letter-spacing:2px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.tbox{
	margin:0 0 10% 0;
}


/*careers//*/



@media screen and (max-width: 1440px) {
.et-hero-tabs-container a:after{position: relative;right: -1.9vw; height: 18px;}
.et-hero-tabs-container a{display: flex; font-size: 18px; padding: 0 2%;}
.bg_img1 span, .about_content{line-height: 40px;}
.about3_t{padding: 5% 8% 0 0;}
#about4 dl dt:before{left: 10%;top: -20px;}
#about4 dl dt:after{right: 6%;}
#about4 dl{width: 30%; margin: 10% 5% 0 0;}
#about4 dl:nth-child(3n){margin-right: 0;}
#about4 dl dt img{width: 55%; margin: 0 auto; display: block;}
@keyframes ab5line{
  0%{
      height:0;
  }
  100%{
      height:47vw;
  }
}
#about6 label, #about6 dl dt:first-child{font-size: 22px;}
.et-hero-tabs-container{height: 55px; padding: 0; justify-content: center;}
.timeline-year{font-size: 20px;}
.timeline-content{font-size: 22px;}
.timeline-year:before{top: 21px; height: 2px;}
.timeline-year:after{top: 15px;}
.timeline-content{margin: 0% 0 4.3em;}
#about6 dl dt:first-child{line-height: 28px;}
#about6 label:after{height: 24px; top: 12px;}
.et-hero-tabs-container--top{top: 85px;}
.ca1 dl dt, .catop dl dt{font-size: 34px;}
.data dl dd{font-size: 16px;}
.data dl dt span.counter{font-size: 36px;}
.data dl dt span{font-size: 16px; font-weight: normal;}
.ab3_2 section dl dd span{font-size: 20px;}
.ab3_2 section{width: 410px;}
#about6 li{line-height: 28px;}
#about6 ul{top: 5px;}
.ca1{padding: 10% 0; box-sizing: border-box;}
.ca1 dl{width: 75%;}
.ca1_2 dl dd{font-size: 22px;}
.ca1_2 dl img{width: 138px;}
.ca2 dl dd span{font-size: 30px;}
}



@media screen and (max-width: 1024px) {
.et-hero-tabs-container{height: 38px;}
.et-hero-tabs-container a{font-size: 17px;}
.et-hero-tabs-container a:after{height: 20px;}
#about1 dl dt:before{height: 4vw;}
#about1 dl dt:after{top: 10vw;}
.bg_img1 span, .about_content{line-height: 32px;}
.ca1 dl dd, .catop dl dd{lighting-color: 26px;}
.ab3_2 section{padding: 6%;}
.ab3_2 section dl:nth-child(n+2){margin: 0 0 8%;}
.ab3_2 section dl:nth-child(n+2){width: 50%; float: left; padding: 0 2%; box-sizing: border-box;}
.ab3_2 section dl:nth-child(n+2) dd{margin: -10px 0 0;}
.ab3_2 section dl dt{width: 54%;}
.ab3_2 section dl dd span{font-size: 16px;}
#about5 .title dd{font-size: 26px;}
.about5_line{width: 310px;}
#about5 ul{margin: 5% 0 0 2%;}
#about6{margin: 3% 0 0;}
#about6 label, #about6 dl dt:first-child{font-size: 20px;}
#about6 dl dt:first-child{line-height: 26px;}
#about6 li{width: 8%; margin: 0 0 5px; font-size: 16px;line-height: 28px;}
#about6 dl dd span{padding: 0 0 0 28px; line-height: 32px;}
#about6 dl dd:nth-child(2){width: 28%;}
#about6 dl dd:nth-child(3){width: 32%;}
.timeline-content{font-size: 20px; margin: 0% 0 0 4.7em;}
.timeline-year:before{top: 18px;}
.timeline-year:after{top: 12px;}
#about6 label:after{height: 20px; top: 14px;}
#aboutpro dl{ width: 100%;
    position: relative;
    display: block;}
#aboutpro dl dt{float:none;}
#aboutpro dl dt:first-child{font-size: 22px; width: 100%; -webkit-box-orient:horizontal; font-weight:bold; }
#aboutpro dl dd{ float: none; width: 100%;}
#aboutpro dl dd span {
    padding: 0 0 0 28px;
    line-height: 32px;
	-webkit-box-orient:horizontal; 
}
.ca1 dl dt, .catop dl dt{font-size: 28px;}
.data{padding: 0 10vw 0 6vw;}
.data dl dt span.counter{font-size: 24px;}
#ablocation{left: -68%;}
#about5{padding: 0;}
#catop{top: -21%;}
.ca1_2 dl dd{font-size: 20px;}
.ca2 dl, .ca2 dl:nth-child(2n) dt:nth-child(1){display: block;}
.ca2 dl:nth-child(2n) dt:nth-child(3){display: none;}
.ca2 dl dt{width: 75%; height: 20vw; margin: 5% auto 0; position: relative; overflow: hidden;}
.ca2 dl dd{width: 75%; margin: 3% auto 4%; padding: 0;}
.ca2 dl:nth-child(3) img{ position: absolute; top: -20%; height: auto;}
}



@media screen and (max-width: 979px) {
.et-hero-tabs-container a{font-size: 15px; padding: 0 12px; letter-spacing: 0;}
.et-hero-tabs-container a:after{height: 15px; right: -13px;}
/*.et-hero-tabs-container a:after{right: -3.2vw;}*/
.et-hero-tabs-container{justify-content: space-between;}
#about1 dl dt:before{top: 9vw;}
#about1 dl dt:after{top: 13vw;width: 8px;height: 8px;}
.bg_img1{top: -1px; min-height: 298px;}
.bg_img1 img{width: 70%;}
.about_content{line-height: 30px;bottom: -17%;}
.about3_t{padding: 5% 5% 0 0;}
/*#about3 dl dd, #about5 .title dd, #about6 label, #about6 dl dt:first-child{font-size: 20px;}*/
#about4 dl{padding: 0; width: 31%; margin: 10% 3% 0 0;}
.about5_line{width: 250px; left: 99px;}
@keyframes ab5line{
  0%{
      height:0;
  }
  100%{
      height:50vw;
  }
}
#about5{min-height: auto; padding: 10% 0 0;}
#about5 ul{margin: 5% 0 0 10%; display: block;}
#about5 ul li{width: 80%; margin: 0 auto; display: block;}
#ablocation {left: auto; right: -25%;}
#about6 dl{width: 100%;position: relative;display: block;}
#about6 section{display: block;}
#about6 dl dt:first-child{width: 100%; margin: 0 0 1%; padding: 0 31% 0 0; box-sizing: border-box;}
#about6 dl dd:nth-child(2){width: 50%;}
#about6 dl dd:nth-child(3){width: 50%;}
#about6 li{display: inline-block;position: relative;left: 0;margin: 0 5px;width: 12%;text-align: center;}
#about6 ul{top: 0;text-align: right;}
#about7 img{width: 100%;}
.et-hero-tabs-container--top{top: 70px;}
.timeline-year:before{top: 16px;}
.timeline-year:after{top: 10px;}
#about6 li.a{top: 68px;}
#about6 section{padding: 0 2% 0; margin: 0 0 4%;}
#ab7{top: -30px;}
.et-hero-tabs-container{padding: 0; display: flex; justify-content: center;}
.abtt dt{}
.abtt{margin: 0; width: auto !important;}
#abouttop .callbacks_container{padding-top: 70px;}
.ca1_2{background-position: 18%;}
.ca1_2 dl{width: 100%;}
.ca1_2 dl:nth-child(2n-1){ padding-right: 0;}
.ca1_2 dl:nth-child(2n){padding-left: 0;}
.alink{width: 50%; text-align: center;}
.alink span{padding: 7% 0;}
}




@media screen and (max-width: 640px) {
.et-hero-tabs-container a{font-size: 13px; height: 16px; text-align: center;padding: 0 ;line-height: 16px;align-items: center;display: block; float: left;}
.et-hero-tabs-container{padding: 13px 2%; max-height: 42px; justify-content: space-evenly; }
.et-hero-tabs-container--top{ top: 55px; }
.et-hero-tabs-container a:after{height: 14px;position: absolute; top: auto;}
#about1 dl dt:before{top: 12vw;height: 7vw;width: 1px;}
#about1 dl dt:after{top: 19vw;border: 1px solid #008cd6;}
#about1 dl dt{margin: 0 0 8%;}
.bg_img1 span{width: 100%; position: relative;bottom: 8px;padding: 12%;}
.bg_img1 img{width: 100%;}
.about3_t{position: relative;}
.about3_t:after{width: 80%;}
#about2{padding-bottom: 30%;}
#about4 dl{width: 45%; margin: 20% 5% 2% 0;}
.ab3_2{background-position: center;}
.ab3_2 section{width: auto;}
#about4 dl:nth-child(2n){margin-right: 0;}
#about4 dl dt img{width: 40%;}
#about4 dl dt:before, #about4 dl dt:after{width: 8px; height: 8px;}
#about4 dl:nth-child(3n){margin-right: 5%;}
#about5{ background-size: cover;}
@keyframes ab5line{
  0%{
      height:0;
  }
  100%{
      height:100%;
  }
}
#ablocation{right: -54%;}
#about6{background-size: 2%;padding: 5% 0 0;}
#about6 dl dd:nth-child(2), #about6 dl dd:nth-child(3){width: 100%;}
#about6 dl dd span:before{font-size: 16px;}
#about6 dl dt:first-child{font-weight: bold;}
#about6 li i{font-size: 16px;}
#about6 li{line-height: 28px; margin: 0; width: 49%; display: inline-block;}
.about5_line{width: 100%;left: 0;top: 0;}
#about6{background-position: center 7%;}
.et-hero-tab-slider{height: 2px;}
.timeline-year:before{width: 30px; top: 14px;}
.timeline-year:after{left: 28px; top: 9px; width: 8px; height: 8px;}
.timeline-year{padding: 0 0 0 52px; font-size: 18px;}
.timeline-content{font-size: 18px; margin: 0% 0 0 3.1em; width: 88%;}
#about6 li.a{height: 80vw; margin: 0 0 8%;}
#about6 ul, #about6 li.a{top: 0; }
#ab3{top: -32vw; }
#about6 dl dt:first-child{padding: 0;}
/*.et-hero-tabs-container a:nth-child(3):after{top: 11px;}*/
.et-hero-tabs-container a:nth-child(3){display: flex;}
.et-hero-tabs-container a:nth-child(2){height: auto; display: flex; }
.et-hero-tabs-container a:nth-child(2):after, .et-hero-tabs-container a:after{top: auto; height: 13px; right: 0;}
.et-hero-tabs-container a{font-size: 12px; display: inline-block; width: 16%; display: flex; justify-content: center;}
#abouttop .callbacks_container { padding-top: 55px;}
#aboutpro dl dt:first-child{font-size:20px;}
.ca1 dl dt, .catop dl dt{font-size: 24px;}
.data{display: block; margin: 5% 0 0;}
.data dl{width: 30%; margin: 3% 0 0; float: left;}
.abtt dt{width: 296px; margin: 0 auto !important;}
#about7 dl{width: 95%;}
#about7 .catop{min-height: auto;}
.ab3_2 section dl dd span{font-size: 14px;}
#about6 ul{position: relative; right: 0; margin: 2% 0 5%; padding: 0 2%; box-sizing: border-box; display: flex; justify-content: space-between;}
.ca1_2 dl img{width: 100px;}
.ca1_2 dl dd{font-size: 16px;}
.ca2 dl dd span{font-size: 22px;}
.ca2 dl dd{font-size: 16px; text-align: justify;}
.job{ flex-direction: column;}
.alink{width: 75%; font-size: 14px;}
.bg_img1 dl{margin: 0 auto; width: 100% !important;}
.bg_img1 dl dd a{height: 77%;}
.ca2 dl dt{height: 25vw;}
}


@media screen and (max-width:414px) {
	.data dl{width: 42%; margin: 5% 0 5%;}
}




@media screen and (max-width: 370px) {
/*#about3 dl dd, #about5 .title dd, #about6 label, #about6 dl dt:first-child{font-size: 16px;}*/
.about_content{padding:7% 5%;}
#about6 dl dd span:before{font-size: 14px;}
#about6 dl dd span{padding: 0 0 0 22px;}
.bg_img1 span{padding: 10% 5%;}
.bg_img1 span, .about_content{line-height: 26px;}
.timeline-year{font-size: 12px; padding: 0 0 0 38px;}
.timeline-content{font-size: 14px;}
.timeline-year:before{width: 22px; height: 1px; top: 13px;}
.timeline-year:after{left: 20px; top: 10px; width: 5px; height: 5px; border: 1px solid #008cd6;}
#timeline::before{left: 12px;}
.timeline-block{margin: 0 0 4%;}
#about6 dl dt:first-child{margin: 0 0 -4%;}
#about6 li.a{width: 100%;}
#about6 dl dt:first-child{margin:0 ;}
#about6 section{margin: 0 0 7%;}
#about6 label:after{height: 16px;top: 16px;right: -3px;}
.ca1 dl dt, .catop dl dt{font-size: 22px;}
.data{height: auto;}

.data dl dd{font-size: 12px; line-height: 14px;}
.abtt dt{margin: 0 auto 3% !important;}
.catop dl dd{line-height: 20px;}
.et-hero-tabs-container a:nth-child(2):after, .et-hero-tabs-container a:after{right: -6px;}
#about5 ul{margin: 5% 0 0 3%;}
#ablocation{right: -100%;}
}
.ca2 dl dt{height: 30vw;}

#about6 .product_box3{
	margin:5% 0;
	background: none !important;
}