.btn_1{ background:#e22e2b; border:none; line-height:40px; padding:0px 20px; height:40px; color:#fff;font-family:'poppins_s';  font-size:13px; text-transform:uppercase; border-radius:5px; position:relative;}
.btn_1 i{ margin-right:6px;}
.btn_1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(255,255,255,0.15);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);} 
.btn_1:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.con_section{ position:relative; overflow:hidden; padding-bottom:70px;}
.con_section .contact_l .h4{ font-size:40px; color:#333;font-family:'frankruhllibre';padding-bottom:20px; margin-bottom:35px; margin-top:15px;}
.con_section .contact_l .p{ font-size:14px; color:#fff; line-height:24px; max-height:48px; overflow:hidden;}
.con_section .top{ position:absolute; width:0px; height:0px; border-color: transparent #fff; border-width:0px 0px 110px 1920px; border-style:solid; left:0px; top:-10px;}
.con_section .contact_l{ float:left; width:48%; position:relative; z-index:999; padding-right:8%;}
.con_section .contact_l ul{ margin-top:10px;}
.con_section .contact_l ul li{ list-style:none; line-height:24px; padding:12px 0; color:#fff; padding-left:50px;}
.con_section .contact_l ul li a{ color:#fff;}
.con_section .contact_l ul .add{ background:url(../images/add_ico.png) no-repeat left 10px;}
.con_section .contact_l ul .tel{ background:url(../images/tel_ico.png) no-repeat left center;}
.con_section .contact_l ul .fax{ background:url(../images/fax_ico.png) no-repeat left center;}
.con_section .contact_l ul .email{ background:url(../images/email_ico.png) no-repeat left center;}
.con_section .contact_l ul .whatsapp{ background:url(../images/whatsapp_ico.png) no-repeat left center;}
.con_section .contact_l ul .web{ background:url(../images/web_ico.png) no-repeat left center;}
.con_section .contact_r{ float:left; width:52%; position:relative; z-index:999;}
.con_section .contact_r .p{ font-size:13px; color:#777; line-height:22px; height:44px; overflow:hidden; margin-bottom:20px;}
.con_section .input_main{ background:#fff; border-top:3px solid #e22e2b; max-width:550px; padding:30px 50px 60px;}
.con_section .in_email{ font-size:12px; line-height:40px;height:40px; padding-left:0px; width:100%; border:none;  border-bottom:1px solid rgba(255,255,255,0.15); color:#777; margin-bottom:20px; background-color:#f0f4f7;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position:relative; padding-left:15px; border:2px solid #f0f4f7;}
.con_section .in_tel{ font-size:12px; line-height:40px;height:40px;  width:100%; border:none;  border-bottom:1px solid rgba(255,255,255,0.15); color:#777; margin-bottom:20px; background-color:#f0f4f7;  transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position:relative; padding-left:15px; border:2px solid #f0f4f7; }
.con_section .in_message{line-height:34px; font-size:12px; height:100px; padding-left:15px; width:100%; color:#777; border:none; border-bottom:1px solid rgba(255,255,255,0.15); margin-bottom:28px;  background-color:#f0f4f7; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position:relative; border:2px solid #f0f4f7;}
.con_section .in_email:focus,.con_section .in_tel:focus,.con_section .in_message:focus{ border:2px solid #e22e2b; background:#fff;}
.con_section .btn_1{ background:#e22e2b; border:none; line-height:50px; padding:0px 30px; height:50px; color:#fff;font-family:'poppins_s';  font-size:14px; text-transform:uppercase; position:relative; display:inline-block; width:100%; border-radius:0px;}
.con_section .btn_1 i{ margin-right:10px;}
.con_section .btn_1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(255,255,255,0.15);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);} 
.con_section .btn_1:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
@media only screen and (max-width:768px) {
.con_section .contact_l .h4{ font-size:24px;}
.con_section .contact_l{ width:100%; padding:0px;}
.con_section .contact_r{ width:100%;}
.con_section .input_main{ width:100%; max-width:100%; padding:15px;}
.con_section{ padding-bottom:40px;}
.con_section .in_email,.con_section .in_tel,.con_section .btn_1{ line-height:36px; height:36px; margin-bottom:10px;}
.con_section .in_message{ height:80px;}

}
.n_main{ padding:40px 0 60px; color:#777;}
.n_banner img{ width:100%;}
.swiper-button-prev1,.swiper-button-next1{ float: left; width: 36px; height: 36px; position: initial; display: flex; background: #fff; margin: 0; background-size: 20px auto; border-radius: 50%; background-repeat: no-repeat; background-position: center center; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}
.swiper-button-next1:after, .swiper-button-prev1:after{ font-size: 13px; font-weight: 700; color: #8f90a3;}
.button_inside{ overflow: hidden;}
.button_inside,.button_outside{ position: relative;}
.button_outside .swiper-button-prev1{ position: absolute; top: 50%; left: -60px; width: 36px; height: 36px; border-radius: 50%; margin-top: -24px;}
.button_outside .swiper-button-next1{ position: absolute; top: 50%; right:-60px; width: 36px; height: 36px; border-radius: 50%; margin-top: -24px;}
.button_inside .swiper-button-prev1{ position: absolute; top: 50%; left: 10px; width: 36px; height: 36px; border-radius: 50%; margin-top: -24px;}
.button_inside .swiper-button-next1{ position: absolute; top: 50%; right:10px; width: 36px; height: 36px; border-radius: 50%; margin-top: -24px;}
.button_outside .swiper-slide{ opacity: 0;transition: 0.3s all;}
.button_outside .swiper-slide-visible{ opacity: 1;}
@media only screen and (max-width:1200px) {
.button_outside .swiper-button-prev1{ left: -10px;}
.button_outside .swiper-button-next1{ right: -10px;}
}
@media only screen and (max-width:992px) {
.button_inside{ padding:0 0;}
}
@media only screen and (max-width:768px) {
.button_outside{ padding: 0 0.2rem;}
.button_outside .swiper-button-prev1{left: -0.15rem;}
.button_outside .swiper-button-next1{right: -0.15rem;}
}
.about_history{ padding: 50px 0 80px; margin-top: 50px; overflow: hidden;}
.about_history .button_outside{padding-right: 40%; position: relative;}
.about_history .button_outside:after{ position: absolute; right: 100%; top: 0; width: 1000vh; height: 100%; background: #fff; z-index: 2; content: '';}
.about_history .button_outside .swiper-slide{opacity: 1;}
.about_history .swiper-slide{ width: 100%; padding-right: 140px;}
.about_history .swiper-slide .year{ font-family: 'poppins_s'; font-size: 90px; line-height: 100px; color: #333; border-top: 2px solid #f1f5f8; padding: 50px 0;}
.about_history .swiper-slide .main{ display: flex;}
.about_history .swiper-slide .main .text{ float: left;width: 300px; flex-shrink: 0; margin-right: 20px;}
.about_history .swiper-slide .main .text .title{  font-family: 'poppins_s'; font-size: 30px; color: #0b0b0b; margin-top: 10px; margin-bottom: 20px;}
.about_history .swiper-slide .main .text .p{ color: #a7a7a7; font-size: 18px; line-height: 30px;}
.about_history .button_outside .swiper-button-next1,.about_history .button_outside .swiper-button-prev1{ top:-20px;}
.about_history .button_outside .swiper-button-next1{right: 30px;}
.about_history .button_outside .swiper-button-prev1{ left: auto; right: 80px;}
@media only screen and (max-width:1460px) {
.about_history .swiper-slide .year{ font-size:60px; line-height: 66px; padding: 30px 0;}
.about_history .swiper-slide{padding-right:80px;}
.about_history .swiper-slide .main .text .title{ font-size:20px; line-height: 24px;}
.about_history .swiper-slide .main .text .p{font-size: 14px;}
}
@media only screen and (max-width:992px) {
.about_history{padding-bottom: 0;}
.about_history .swiper-slide .year{padding: 15px 0; font-size: 30px; line-height: 32px;}
.about_history .swiper-slide .main .text{width: 100%; margin: 0; margin-bottom: 15px;}
.about_history .swiper-slide .main{flex-direction: column;}
.about_history .button_outside{padding-right: 100px;}

}
@media only screen and (max-width:500px) {
.about_history .button_outside{padding-right: 0;}
.about_history .swiper-slide{ width: 100%; padding-right: 0; overflow: hidden; opacity: 0 !important;}
.about_history .swiper-slide-active{opacity: 1 !important;}

}
.ey-con .about{font-size:15px;}