@fontface { font-family: 'MyFont'; src: url('myfont.woff2'), url('myfont.woff');          }

@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Montserrat-Regular.ttf'), url('../font/Montserrat-Regular.ttf');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
    src: url('../fonts/Montserrat-Regular.ttf'), url('../font/Montserrat-Regular.ttf');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
   src: url('../fonts/Montserrat-Regular.ttf'), url('../font/Montserrat-Regular.ttf');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
   src: url('../fonts/Montserrat-Regular.ttf'), url('../font/Montserrat-Regular.ttf');
}
@font-face {
  font-family: 'Gotham-Black';
   src: url('../fonts/Gotham-Black.otf'), url('../font/Gotham-Black.ttf'), url('../font/Gotham-Black.woff');
}

@font-face {
  font-family: 'Gotham';
   src: url('../fonts/Gotham-XLight.otf'), url('../font/Gotham-XLight.ttf'), url('../font/Gotham-XLight.woff');
}

@font-face {
  font-family: 'Gotham-Medium';
   src: url('../fonts/Gotham-Medium.otf'), url('../font/Gotham-Medium.ttf'), url('../font/Gotham-Medium.woff');
}

@font-face {
  font-family: 'Gotham-Book';
   src: url('../fonts/Gotham-Book.otf'), url('../font/Gotham-Book.ttf'), url('../font/Gotham-Book.woff');
}






:root {
    --e-global-color-primary: #ffffff;
    --e-global-color-secondary: #e1b261;
    --e-global-color-text: #a7a7a7;
    --e-global-color-accent: #e1b261;
    --e-global-color-very-dark-mostly-black-blue: #222224;
    --e-global-color-very-dark-grayish-blue:#5c5c5e;
    --e-global-color-very-dark-gray:#464646;
    --e-global-color-white: #ffffff;
    --e-global-color-black: #000000;
}
body { background-color: #111;
    color: #fff; font-size: 16px;}
body, h1, h2, h3, h4, h5, h6, p, a,a:visited,a:focus,a:active,a:hover,ul li {
   font-family: 'Gotham-Book', 'Montserrat-Regular', sans-serif;
       
   
}


::-webkit-scrollbar {
  width: 12px; 
}
 

::-webkit-scrollbar-track {
  background: #424242;
}
 

::-webkit-scrollbar-thumb {
  background: #686868; 
}
 

::-webkit-scrollbar-thumb:hover {
  background: #686868; 
}

.h1, h1 {
    font-size: 76px;
    line-height: 80px;
    font-weight: 600;
    color: var(--e-global-color-primary); font-family: 'Gotham-Book';
}
.h2, h2 {
    font-size: 46px;
    line-height: 58px;
    font-weight: 600;
    color: var(--e-global-color-primary); font-family: 'Gotham-Book';
}
.h3, h3{
    font-size: 24px;
    line-height: 34px;
    font-weight: 600; font-family: 'Gotham-Book'; 
}
.h4, h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700; font-family: 'Gotham-Book';
}
.h5, h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500; font-family: 'Gotham-Book';
}
.h6, h6 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 2.0px;
    word-spacing: 1.2px;
    color: var(--e-global-color-secondary); 
    font-family: 'Gotham-Book';
}
p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--e-global-color-text);
}
.text-size-18 {
    font-size: 18px;
    line-height: 26px;
}
.text-size-16 {
    font-size: 16px;
    line-height: 24px;
}
.text-size-14 {
    font-size: 14px;
    line-height: 26px;
}
a,
a:visited,
a:focus,
a:active,
a:hover {
    text-decoration: none;
    outline: none;
    text-decoration: none;
    
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


ul li{list-style-type: none;}
.hx{    border-bottom: 1px solid #232323;padding-bottom: 100PX;}
.lan {display:none;}
/* Home Page Style */
.hero-video {
    position: absolute;
    width: 100%;
    height: 850px;
    top: 0;
    z-index: 1;
}
.hero-video:after {
    content: "";
    background: linear-gradient(hsla(0,0%,7%,0) 82.52%,#111);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner_outer{
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
        min-height: 850px;
}
.banner_outer1{
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
        min-height: 379px;
}
.banner_outer1 .light-image{
    position: absolute;
    top: 0;
    left: 28px;
}
.banner_outer1 .header {
    padding: 0 216px;
    /*position: relative;*/
    z-index: 999;
     background: #1a1a1a;
}



.banner_outer .light-image{
    position: absolute;
    top: 0;
    left: 28px;
}
.banner_outer .header {
    padding: 0 216px;
    position: relative;
    z-index: 999;
}
.navbar-collapse ul{
    align-items: center; 
    display: inherit; 
}
.navbar-nav .nav-item a{
       font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    position: relative;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item a:hover{
    color: var(--e-global-color-secondary) !important;
    background-color: transparent;
}
.navbar-nav li:hover > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 8px;
    right: 0;
    height: 2px;
    width: 26px;
    z-index: 1;
    background-color: var(--e-global-color-accent);
}
.navbar-nav .dropdown li:hover > a:before {
    display: none;
}
.navbar-nav li:last-child:hover > a:before {
    display: none;
}
.navbar-nav .active > a{
    color: var(--e-global-color-secondary) !important;
}
.navbar-nav li.active > a:before {
    content: "";
    height: 2px;
    width: 26px;
    background-color: var(--e-global-color-accent);
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 1;
    right: 0;
    transition: all 0.3s ease-in-out;
}
.navbar-nav li:last-child.active > a:before {
    display: none;
}
.navbar-brand{
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar{
    position: relative;
    padding: 30px 0;
    z-index: 1;
}
.navbar-nav li{
    margin: 0 24px;
}
.navbar-nav{
    padding-left: 215px;
    margin-top: -6px;
}
.navbar-nav li:first-child{
    margin-left: 0;
}
.navbar-nav li:last-child{
    margin-right: 0px;
    padding-right: 0;
}
.navbar-nav .contact_us{
    margin-left: 85px;
    margin-top: 0;
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 500 !important;
    margin-right: 16px;
}
.navbar-nav .contact-button:hover .contact_us{
    color: var(--e-global-color-accent) !important;
}
.navbar-nav .contact-button .image-button {
    display: inline-block;
}
.navbar-nav .contact-button .arrow{
    position: relative;
    border: 1px solid var(--e-global-color-accent);
    background: var(--e-global-color-accent);
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    top: -4px;
    right: 0;
    left: 0;
    margin: auto;
}
.navbar-nav .contact-button .arrow img{
    filter: brightness(0) invert(1);
    transition: all 0.3s ease-in-out;
}
.navbar-nav .contact-button:hover .arrow{
    background: transparent;
    border: 1px solid var(--e-global-color-accent);
}
.navbar-nav .contact-button:hover .arrow img{
    filter: none;
}
.navbar-nav .active > .contact-button .contact_us{
    color: var(--e-global-color-accent) !important;
}
.navbar-nav .active > .contact-button .arrow{
    background: transparent;
    border: 1px solid var(--e-global-color-accent);
}
.navbar-nav .active > .contact-button .arrow img{
    filter: none;
}
.navbar-nav .dropdown{
    margin: 0 8px 0 30px;
}
.navbar-nav .nav-item .dropdown-item{
    color: var(--e-global-color-black) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .dropdown-item:hover{
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-accent) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .drop-down-pages .active > a{
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-accent) !important;
}
.navbar-collapse .drop-down-pages {
    text-align: left;
    margin-left: 0;
}
.navbar-nav .dropdown-menu {
    background-color: var(--e-global-color-white);
    position: absolute;
    left: -20px;
    top: 45px;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 30px rgb(0 0 0 / 20%);
}
.navbar-nav .drop-down-pages li{
    margin: 0;
}
.navbar-nav .drop-down-pages .nav-item a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding: 12px 20px;
    margin-top: 0;
}
.navbar-expand-lg .drop-down-pages .nav-link {
    padding-left: 0;
}
.navbar-nav .drop-down-pages li:last-child{
    margin-left: 0;
}
.banner_outer .social-icons{
    margin-left: 232px;
    top: 135px;
    z-index: 1;
}
.banner_outer .social-icons .line{
    position: absolute;
    left: -182px;
    top: 115px;
}
.banner_outer .social-icons ul {
    left: -192px;
    top: 215px;
}
.banner_outer .social-icons ul li{
    margin-top: 16px;
}
.banner_outer .social-icons ul li .social-networks {
    font-size: 18px;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.banner_outer .social-icons ul li .social-networks:hover {
    color: var(--e-global-color-accent);
    transform: translateY(-5px);
}



.aboutny {background:url(../images/bannerny.jpg); }
.contactny {background:url(../images/bannerny1.jpg); }
.productny {background:url(../images/bannerny2.jpg); }
.newsny {background:url(../images/bannerny3.jpg); }
.banner_outer1 .social-icons{
    margin-left: 232px;
    top: 135px;
    z-index: 1;
}
.banner_outer1 .social-icons .line{
    position: absolute;
    left: -182px;
    top: 115px;
}
.banner_outer1 .social-icons ul {
    left: -192px;
    top: 215px;
}
.banner_outer1 .social-icons ul li{
    margin-top: 16px;
}
.banner_outer1 .social-icons ul li .social-networks {
    font-size: 18px;
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.banner_outer1 .social-icons ul li .social-networks:hover {
    color: var(--e-global-color-accent);
    transform: translateY(-5px);
}








.banner-section {
    position: relative;
    padding: 135px 200px 60px 215px;
    z-index:99;
}
.banner-section .banner-backgroundimage{
    position: absolute;
    top: 0;
    right: 0;
}
.banner-section .banner_content{
       position: relative;
    margin-left: 90px;
    text-align: right;
}
.banner-section .banner_content h1{
    margin-bottom: 26px;
}
.banner-section .banner_content p{
   font-size: 1.125rem;
    line-height: 34px;
    font-weight: 400;
    margin-left: 180px;
    word-spacing: 0.6px;
    margin-bottom: 44px;
    color: #fff;
}
.hero-img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    z-index: 1;
}
.hero-img img { width: 100%;}
.banner_outer1 .banner-section {
   /* position: relative;*/
    padding: 60px 200px 60px 215px;
    z-index:0;
}

.banner-section .banner_content_left{
     /*  position: relative;*/
    margin-left: 90px;
    text-align: left;
}
.banner-section .banner_content_left h1{
    margin-bottom: 26px;
       font-size: 2.2rem;
    line-height: 1.2; 
}
.banner-section .banner_content_left p{
   font-size: 1rem;
    line-height: 34px;
    font-weight: 400;
    margin-right: 180px;
    word-spacing: 0.6px;
    margin-bottom: 44px;
    color: #fff;
}












.banner-section .discover_more{
   font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-right: 16px;
    border-radius: 5px;
    border: 2px solid;
    padding: 8px 20px;
}
.banner-section .discover-button:hover .discover_more{
    color: var(--e-global-color-accent);
}
.banner-section .discover-button .image-button {
    display: inline-block;
}
.banner-section .discover-button .arrow{
    position: relative;
    border: 1px solid var(--e-global-color-accent);
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    top: -4px;
    right: 0;
    left: 0;
    margin: auto;
}
.banner-section .discover-button:hover .arrow{
    background: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
}
.banner-section .discover-button:hover .arrow img{
    filter: brightness(0) invert(1);
}
.banner-section .owl-carousel .owl-dots {
    position: relative;
    margin-top: 120px !important;
    float: left;
    left: -6px;
}
.banner-section .owl-carousel .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 6px;
    transition: all 0.3s ease-in-out;
    color: var(--e-global-color-very-dark-grayish-blue);
}
.banner-section .owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--e-global-color-accent);
}
.banner-section .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--e-global-color-accent);
    width: 20px;
    height: 20px;
}
.banner-section .owl-carousel .owl-dots .owl-dot:focus {
    outline: none;
}
.banner-section .owl-carousel .owl-item img {
    display: inline-block;
    width: 17px;
}

.about-skill h2 {    
    text-align: center;
    width: 100%;}







/*Portfolios*/

.Portfolios-section {margin-top: 119px;}
.Portfolios-section .cont p {font-size:16px;font-family: 'Gotham-Book';}

.Portfolios-section .cont h2 {font-size: 2.25rem;line-height: 2.5rem;font-family: 'Gotham-Book';}
.buttons-grp  {gap: 1.5rem;}
.buttons-grp .tfo-btn  {
    background-color: #b99855;
     border: 1px solid #b99855;
    color: #090b0c;
border-radius: .125rem;
    padding: .375rem 1rem;
    text-align: center;
    font-weight: 500;
    --tw-text-opacity: 1;
    font-size: 1.125rem;
}

.buttons-grp .tfo-btn:hover {
     border: 1px solid #b99855;
  padding: .375rem 1rem;
    color: #b99855;
        background: transparent;
    
}


/*core*/
.core {    padding:0 0 80px 0;}
.tg-1{padding-top:100px; }

.core-bt {
    text-align: center;
    margin: auto;
}
.grid1 {
    grid-template-columns: repeat(2,minmax(0,1fr)); display: grid;
}
.gap-8 {
    gap: 2rem;
}
.grid {
   
}

.core-bt h2 {     text-align: center;font-size: 2.25rem;
    line-height: 2.5rem;}
.core-bt p{line-height: 24px;font-size: 16px;
color: #c7c7c7;
    margin-bottom: 20px;    text-align: center;text-align: center;
}
.px-5{padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.border-co {
    border:1px solid #4d4d4d;
background-color:#1a1a1a;
}

.core-con ul li h4{font-size: 1.25rem;    padding-top: 2rem;
    padding-bottom: 2rem;}


.core-con ul li p {
    color: #c7c7c7;
    margin-bottom: 20px;
    font-size: 16px;    line-height: 26px;
}

/*team*/
.team{ padding:0 0 80px;}
.team-bt {text-align: center;
    margin: auto;width: 100%; }
.team-bt h2 {     text-align: center;font-size: 2.25rem;
    line-height: 2.5rem;}
.team-bt p{
color: #c7c7c7;
    margin-bottom: 20px; font-size: 16px;   text-align: center;text-align: center;line-height: 24px;
}

    .swiper {
      width: 100%;
      height: 100%;
     
    }

    .swiper-slide {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
          padding-bottom: 100px;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;    margin-bottom: 20px;
    }
.swiper-button-next {border: 1px solid #b99855;
    border-radius: 50%;
    padding: 20px;}
.swiper-button-prev {
border: 1px solid #b99855;
    border-radius: 50%;
    padding: 20px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
    background: #b99855;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 20px!important;
    color: #b99855;
    font-weight: bold;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
       font-size: 20px!important;
    color: #b99855;
    font-weight: bold;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,20px)!important;
    top: var(--swiper-pagination-top,auto)!important;
    left: 0;
    width: 100%;
    z-index: 9999999;
}

.w-full {
    width: 100%;
}

.font-medium {
    font-weight: 500;
}
.text-lg {
    font-size: 1.125rem;
}
.text-\[\#f9f9f9\] {
    --tw-text-opacity: 1;
    color: rgb(249 249 249/var(--tw-text-opacity));
}
.text-sm {
    font-size: .875rem;
}

/*contact*/
.contact-section{background:url(../images/banner-background.jpg); position:relative}
.contact-section .light-image{position:absolute;top:0;right:50px}
.contact-section .contect-box{background:var(--e-global-color-very-dark-mostly-black-blue);display:inline-block;transition:all .3s ease-in-out;position:relative}
.contact-section .contect-box:before{content:"";position:absolute;background:url(../images/contact-image.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;height:587px;width:460px}
.contact-section .contect-box .content{padding:84px 50px 87px}
.contact-section .contect-box .content h6{margin-bottom:6px}
.contact-section .contect-box .content h2{margin-bottom:45px}
.contact-section .contect-box .content .form-group{border-bottom:1px solid var(--e-global-color-very-dark-grayish-blue);margin-bottom:26px;float:left;width:48%;margin-right:20px}
.contact-section .contect-box .content input{font-size:16px;line-height:22px;font-weight:500;color:var(--e-global-color-text);background:transparent;border:0;margin-bottom:10px;overflow:visible;outline:0}
.contact-section .contect-box .content .input2{width:48%}
.contact-section .contect-box .content .message{margin-bottom:30px;width:100%}
.contact-section .contect-box .content textarea{font-size:16px;line-height:22px;font-weight:500;color:var(--e-global-color-text);font-family:'Montserrat',sans-serif;background:transparent;width:100%;height:108px;resize:none;outline:0;overflow:auto;border:0}
.contact-section .contect-box .content .send_now{font-size:20px;line-height:26px;font-weight:500;background:transparent;color:var(--e-global-color-white);position:relative;display:inline-block;overflow:visible;outline:0;border:0}
.contact-section .contect-box .content .send_now:hover{color:var(--e-global-color-accent)}
.contact-section .contect-box .content .send_now .arrow{font-size:24px;position:relative;border:1px solid var(--e-global-color-accent);background:var(--e-global-color-accent);width:65px;height:65px;line-height:65px;font-family:'FontAwesome';text-align:center;border-radius:50px;right:-18px;top:4px;padding: 15px 17px;font-style: normal;}
.contact-section .contect-box .content .send_now:hover .arrow{background:transparent;border:1px solid var(--e-global-color-accent)}




/*联系我们页面*/
.section-title h2 span {
    display: block;
    font-size: 21px;
    text-transform: uppercase;
    color: #b99855;
    letter-spacing: 5px;
    position: relative;
}
.section-title2 h2 span::after {background:#b99855;
position: absolute;
    left: 0;
    
    width: 152px;
    height: 9px;
    top: 44px;
    margin: 0;
}

.section-title2 h4 {
    width: 100%;
}
.section-title h4 {
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 600;
    color: #EEEEEE;
    width: 100%;

    line-height: 55px;
}

.contact-area {
    position: relative;
    display: block;
    background: #151515;
    padding:70px 0px;
}
.contact-left {
    position: relative;
    display: block;
    background: #242424;
    border-radius: 5px;
}

 .image-wrapper {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
 .image-wrapper {
    opacity: 0;
     transition:all 0.3s ease;
 }
.image-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: 0.3s;
}
 .contact-left:hover .image-wrapper {
    opacity: 1;
     transition:all 0.3s ease;
}
.contact-content {
  
    left: 30px;
    top: 10%;
    right: 30px;
    z-index: 1;
    padding: 50px 30px;;
}

.contact-icon {
    text-align: start;
    margin-bottom: 50px;
    display: flex;
    align-self: center;
    align-items: center;
}
.contact-icon h4{
    margin-left: 15px;
}
.contact-icon i {
    font-size: 51px;
    color: #fefefe;
    width: 69px;
    height: 69px;
    background: #f60;
    text-align: center;
    line-height: 64px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 4px 4px 1px #333;
}
.contact-left:hover .contact-icon i{
    background: transparent;
}
.contact-list {
    position: relative;
    display: block;
    margin-top: 26px;
}
.contact-list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.contact-list li + li {
    margin-top: 28px;
}
.contact-list li .icon {
  
    border-radius: 10px;
    font-size: 16px;
    color: #b99855;
    top: 4px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
    line-height: 55px;
}

.contact-list li .content {
    margin-left: 18px;
}
.contact-list li .content h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #fff;
}
.contact-list li .content h4 a{
    color: #fff;
}
.contact-list li .content p {
    line-height: 10px;
    color: #b99855;
}
.contact-forms {
    width: 95%;
}
.contact-right {
    position: relative;
    display: block;
    padding:50px;
    border-radius: 6px;
    z-index: 1;
}
.contact-one__text {
    margin-top: 15px;
}
.contact-right-img{
    position: absolute;
    bottom: 0;
    left: 45px;
    width: 709px;
    height: 183px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0.1;
}
.form-control1 {
    display: block;
    width: 100%;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 1.5;
    color: #869780;
    background-color: #151515;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border: 1px solid #606060;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
    border-radius: 6px;
}
.form-control1:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #f60;
    background-color: #212221;
}
.contact-forms button {
    border:none;
}

.btn-default {
    padding: 16px 20px;
    background: #b99855;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    border-radius: 5px;
    border-radius: 5px;
}


















/* Journey */

.journey-section{
    background: #111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0 80px;
}
.journey-section::before{
    content: "";
    position: absolute;
    background: url(../images/journey-backgroundimage.jpg);
    opacity: 30%;
    width: 100%;
    height: 700px;
    top: 0;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.journey-section .journey_content{
    text-align: center;
}
.journey-section .journey_content h6{
    margin-bottom: 18px;
}
.journey-section .journey_content h2{
   font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: 30px;
}
#news .max-w-screen-md  p {
    color: #c7c7c7;
    margin-bottom: 20px;
    font-size: 16px;
       text-align: center;
}

.max-w-screen-md {
    max-width: 48em;
    margin-left: auto;
    margin-right: auto;
   text-align: center;
}
 .journey-button {
    margin: auto;
    text-align: center;
}
.journey-section .get_started{
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-right: 16px;
}
.journey-button:hover .get_started{
    color: var(--e-global-color-accent);
}
.journey-button .image-button {
  display: inline-block;
    border-radius: 5px;
    border: 1px solid #b99855;
    padding: 8px 20px;
    background: #b99855;
    color: #000;
    margin-top: 80px;
}

.journey-button:hover .image-button {
    border: 1px solid #b99855;
    padding: 8px 20px;
    color: #b99855;
        background: transparent;
}

.journey-section .journey-button .arrow .fa{
       font-size: 26px;
    line-height: 35px;
    padding-top: 13px;
    color: #fff;
}
.journey-section .journey-button:hover .arrow .fa{ 
color: #e1b261;
}
.journey-section .journey-button:hover .arrow{
    background: transparent;
    border: 1px solid var(--e-global-color-accent);
}
.journey-section .journey-button:hover .arrow img{
    filter: none;
}

/*数字*/
.i_about_two {
    overflow: hidden;
    color: #fff;
    width: 100%;
    margin-top: 5%;
}
.f24 {font-size: 3rem;}
.i_about_two  .counter{  text-align:left; margin-top:2%; margin-bottom:2%;}
.i_about_two  .counter ul li{ float:left; width:25%; text-align:center;   transition:all 0.3s; position:relative; overflow:hidden;border-right: 1px solid #232323;    padding: 1.25rem}
.i_about_two  .counter ul li:nth-child(4){border-right: 0px solid #232323;}
.i_about_two  .counter ul li .txts2{ display:inline-block; vertical-align:top; }
.i_about_two .counter ul li .nums{ color:#b99855; line-height:1;}
.i_about_two  .counter span{display:inline-block; vertical-align:top; overflow:hidden; letter-spacing:1px;  }
.i_about_two  .counter label{display:inline-block;vertical-align:bottom;  font-weight:500;  }
.i_about_two  .counter .h6{  font-size:1.125rem;  color:#c7c7c7; overflow:hidden; line-height:20px;  margin-top:1rem;    font-weight: 500;}
.i_about_two .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.f52 {
    font-size: 52px;
}

/*about*/

}

.about-skill .max-w-screen-md p{color: #c7c7c7;
    margin-bottom: 20px;
    font-size: 16px;}
.md:justify-center {justify-content: center;
}
 .Offer-con{
    
margin: auto;
    text-align: center;
    display: block;
    width: 750px;}
.content-abo .bj:nth-child(2){margin-right: 0;}
.content-abo .bj {
     text-align: left;
   width: 48%;
    margin-right: 30px;
        float: left;
padding-top: 1.75rem;
    padding-bottom: 1.75rem;
padding-left: 1.25rem;
    padding-right: 1.25rem;
background-color: #1a1a1a;
    border:1px #4d4d4d solid;min-height: 550px;position: relative;
}
.content-abo .bj 
.class-content p {
    font-size: 16px;
    text-indent: 2em;
    line-height: 35px;
    text-align: center!important;
    height: 50px;
}
.Offer-bk1 .fa {color: #b99855;padding-right: 5px;}
.Offer-bk2 .fa {color: #b99855;padding-right: 5px;}
.Offer-bk1 h3{   font-size: 1.5rem;padding-bottom: 20px;}
   .Offer-bk2 h3{   font-size: 1.5rem;padding-bottom: 20px;}

.Offer-bk1 p{color: #c7c7c7;font-size: .875rem;     line-height: 20px;}
.Offer-bk2 p{color: #c7c7c7;font-size: .875rem;   line-height: 20px;}

.more a{
  background: #b99855;
    padding: 5px 10px;
    border-radius: .375rem;
    border: 1px solid #b99855;
    position: absolute;
    bottom: 0;
    margin-bottom: 20px;
    left: 35%;
}

.more a:hover{
    border:1px solid #b99855;
    padding: 5px 10px;
    border-radius: .375rem; 
    color:#b99855;
    background: rgb(0,0,0,0);
}


.more{    text-align: center;
    margin: auto;}
.more_pro {
display:flex;
flex-wrap:wrap;
}
.more_pro img {
    width: calc(22.5% - 2px);
    margin: 1% !important;
    height: 100%;
}
#outerdiv {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    overflow-y: auto;
}
#innerdiv {
    position: absolute;
}
.class-content p { text-indent:0em;}
    .class-content {
    font-size: 16px;
    line-height: 30px;
}
.template .content h1 {text-align: center;font-size:24px; }
.a {width:100%;overflow: hidden;}
.a1 {
    width: 23%;
    margin: 10px 10px;
    float: left;
    text-align: center;
    min-height: 240px;
}
.a1 img {width:100%;}

.jg-right {
    padding-inline-end: 6rem;
width: 50%;float: left;
}
.ticky{
top: 190px;
position: sticky;
}
.ticky h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
font-weight: inherit;    text-align: left;

}
.jg-left {
width: 50%;float: left;

}
.content-abo .jg-left .grid ul li:hover .jg-left-ico{transform:translateY(-5px);transition:all .3s ease-in-out}

.mt-4{
    max-width: 48em;
    margin-left: auto;
    margin-right: auto;
margin-top: 1rem;
}
.mt-4 p{
    color: #c7c7c7;
    margin-bottom: 20px;
        font-size: 16px;

}
.content-abo .jg-left .grid ul li{
  padding: 1.25rem;
    width: 48%;
    float: left;
    margin: 8px 5px;
    height: 200px;
}
.content-abo .jg-left .grid ul li:nth-child(1){background-color:rgba(199, 173, 119, 0.05);}
.content-abo .jg-left .grid ul li:nth-child(2){background-color:rgba(127, 143, 146, 0.05);}
.content-abo .jg-left .grid ul li:nth-child(3){background-color:rgba(151, 119, 166, 0.05);}
.content-abo .jg-left .grid ul li:nth-child(4){background-color:rgba(128, 130, 94, 0.05);}
.content-abo .jg-left .grid ul li:nth-child(5){background-color:rgba(123, 183, 154, 0.05);}
.content-abo .jg-left .grid ul li:hover:nth-child(1){background-color:rgba(199, 173, 119, 0.15);}
.content-abo .jg-left .grid ul li:hover:nth-child(2){background-color:rgba(127, 143, 146, 0.15);}
.content-abo .jg-left .grid ul li:hover:nth-child(3){background-color:rgba(151, 119, 166, 0.15);}
.content-abo .jg-left .grid ul li:hover:nth-child(4){background-color:rgba(128, 130, 94, 0.15);}
.content-abo .jg-left .grid ul li:hover:nth-child(5){background-color:rgba(123, 183, 154, 0.15);}



/*services*/
.services {padding:100px 0 80px;}
.ser_con h2{  font-size: 2.25rem;    margin-bottom: 1.5rem;
    line-height: 2.5rem;
    font-family: 'Gotham-Book';}

.ser_con p {
    font-size: 16px;
    font-family: 'Gotham';
    
}


/*news*/
.news-section{background:url(../image/service-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:120px 0}
.news-section .news_content{text-align:center}
.news-section .news_content h2{margin-bottom:46px}
.news-section .news-box{position:relative;background:var(--e-global-color-very-dark-mostly-black-blue);transition:all .3s ease-in-out;margin-bottom:32px}
.news-section .news-box .lower-portion{padding:26px 30px 20px;border-bottom:1px solid var(--e-global-color-very-dark-grayish-blue)}
.news-section .news-box .lower-portion i{font-size:18px;color:var(--e-global-color-accent);margin-right:8px;margin-bottom:28px}
.news-section .news-box .lower-portion span{font-family:'Montserrat',sans-serif;color:var(--e-global-color-white)}
.news-section .news-box .lower-portion .text-mr{margin-right:20px}
.news-section .news-box .lower-portion h5{font-size:22px;line-height:30px;margin-bottom:0;color:var(--e-global-color-white);position:relative;letter-spacing:0;word-spacing:0}
.news-section .news-box .button-portion{position:relative;padding:16px 0 16px 30px}.news-section .news-box .button-portion .date{display:inline-block;width:50.5%}
.news-section .news-box .button-portion .button{display:inline-block;text-align:right;width:100%}
.news-section .news-box .button-portion span{font-family:'Montserrat',sans-serif;color:var(--e-global-color-white)}
.news-section .news-box .button-portion .calendar-ml{font-size:22px;color:var(--e-global-color-accent);margin-right:5px;margin-bottom:28px}
.news-section .news-box .button-portion .read_more{background:var(--e-global-color-accent);color:var(--e-global-color-white);font-size:14px;line-height:22px;font-weight:400;border-radius:30px 0 0 30px;padding:14px 24px 14px 26px;text-align:center;display:inline-block;transition:all .3s ease-in-out;border:0;overflow:visible;outline:0}
.news-section .news-box .button-portion .read_more:hover{background:var(--e-global-color-very-dark-grayish-blue)}


.main-box{border-radius:10px;position:relative;transition:all .3s ease-in-out;padding:10px 15px 40px 10px;width:100%;text-align: center;}
.main-box .singleblog-image1{margin-bottom:30px}
.main-box .image1 img{border-radius:10px}
.main-box .content1{margin-left:10px}
.main-box h4{font-size: 26px; }
.main-box .content1 h4{color:var(--e-global-color-white);margin-bottom:18px}
.main-box .content1 i{font-size:14px;color:var(--e-global-color-accent);margin-right:4px;margin-bottom:32px}
.main-box .content1 .calendar{font-size:16px}
.main-box .content1 span{font-family:'Montserrat',sans-serif;color:var(--e-global-color-white)}
.main-box .content1 .text-mr{margin-right:10px}
.main-box .content1 p{margin-bottom:35px}
.main-box .content2{background:var(--e-global-color-secondary);padding:20px 32px 32px;border-radius:10px;margin-bottom:34px}
.main-box .content2 .singleblog-quoteimage{margin-bottom:22px}
.main-box .content2 p{font-style:italic}
.main-box .text{font-weight:600;margin-bottom:35px;margin-left:15px}
.main-box .singleblog-image2{margin-bottom:30px}
#news p {font-size:16px;line-height: 30px;text-align: left;}
.next-pagination__list {
    margin: 0;
    display: flex;
    list-style-type: none;
    padding: 0;
}
.next-pagination__link--disabled {
    pointer-events: none;
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity));
}
.next-pagination__link {
    display: block;
    min-width: 2.25rem;
    padding: .5rem;
    text-align: center;
    text-decoration-color: "none";
    outline-style: solid;
    outline-width: 1px;
    outline-color: transparent;
    transition-property: outline-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
}
.next-pagination {
    margin-top: 1.5rem;
    display: flex;
    user-select: none;
    justify-content: center;
}
@media screen and (min-width: 37.5em){
.next-pagination__item {
    display: block;
}
}
@media screen and (max-width:1440px){.news-section{padding:100px 0}.news-section{padding:90px 0 75px}.news-section .news_content h2{margin-bottom:35px}.news-section .news-box{margin-bottom:25px}.news-section .news-box .lower-portion{padding:20px}.news-section .news-box .button-portion{padding:12px 0 12px 20px}.news-section .news-box .button-portion .date{width:49.5%}.news-section .news-box .button-portion .button{width:48.5%}.news-section .news-box .lower-portion i{font-size:16px;margin-right:5px;margin-bottom:20px}.news-section .news-box .button-portion .calendar-ml{font-size:18px;margin-left:0}.news-section .news-box .lower-portion .text-mr{margin-right:15px}.news-section .news-box .lower-portion h5{font-size:18px;line-height:26px;letter-spacing:0;word-spacing:0}.news-section .news-box .button-portion .read_more{padding:12px 20px}}

@media screen and (max-width:991px){.news-section{padding:65px 0 50px}.news-section .news_content h2{margin-bottom:30px}.news-section .news-box{margin-bottom:20px}.news-section .news-box .lower-portion{padding:15px 20px}.news-section .news-box .lower-portion i{font-size:14px;margin-right:2px;margin-bottom:6px}.news-section .news-box .button-portion .calendar-ml{font-size:16px}.news-section .news-box .lower-portion .tag-mb{margin-bottom:15px}.news-section .news-box .lower-portion .text-mr{margin-right:40px}.news-section .news-box .lower-portion h5{font-size:16px;line-height:22px}.news-section .news-box .button-portion .read_more{padding:10px 20px}.main-box h4{font-size: 20px; }#news p {font-size:14px;line-height: 30px;}}


@media screen and (max-width:767px){.news-section{padding:52px 0 40px}.news-section .news_content h2{margin-bottom:25px}.news-section .news-box .lower-portion{padding:20px}.news-section .news-box .lower-portion i{margin:0 8px 8px 0}.news-section .news-box .button-portion .date{width:48.5%}.news-section .news-box .button-portion .button{width:49%}.news-section .news-box .button-portion .calendar-ml{font-size:14px}.news-section .news-box .lower-portion .text-size-14{font-size:12px;line-height:20px}.news-section .news-box .button-portion .text-size-14{font-size:12px;line-height:20px}.news-section .news-box .lower-portion .text-mr{font-size:12px;line-height:20px;margin-right:100px}.news-section .news-box .lower-portion h5{font-size:14px;line-height:24px}.news-section .news-box .button-portion .read_more{font-size:12px;line-height:20px;padding:8px 14px 8px 20px}
}


@media screen and (max-width:575px){.news-section .news-box figure img{width:100%}.news-section .news-box .lower-portion{padding:20px 30px}.news-section .news-box .button-portion{padding:12px 0 12px 30px}.news-section .news-box .button-portion .date{width:49%}.news-section .news-box .lower-portion .text-mr{margin-right:40px}.news-section .news-box .lower-portion h5{margin-right:40px}}




@media (max-width: 1200px){

.grid {
    grid-template-columns: repeat(1,minmax(0,1fr));
    display: grid;
}
    
}
@media (max-width: 767px){
    .Portfolios-section {
    margin-top: 50px;
}
    .banner_outer1 {
    min-height: 150px;
}
    
    .f52 {
    font-size: 40px;
}
    .core {padding: 0 10px 80px 10px;}
    .team {padding: 0 10px 50px 10px;}
    .Portfolios-section .cont h2{    font-size: 20px;
    line-height: 30px;}
    .core-bt h2{    font-size: 20px;
    line-height: 30px;}
    .team-bt h2{    font-size: 20px;
    line-height: 30px;}
    .navbar-brand {
    width: 60%;
}
    .hx {
    border-bottom: 1px solid #232323;
    padding-bottom: 50PX;
}
    .grid {
    gap: 1rem;}
    .text-2xl {
    font-size: 1.5rem;
}
    .jg-right {
    width: 100%;
}
.a1 {width:100%;}
}
.index-about {
    background: url(https://i.trade-cloud.com.cn/upload/6570/image/20211116/about-bg_140272.jpg) no-repeat top center;
}
.shown_products_b_a .op h2 {display:none;}
.template {
    padding: 0;
    overflow: hidden;
    margin: auto;
    width: 100%;
    float: left;
    margin: 0 1%;
}
.title{font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-block;
    background-image: -webkit-linear-gradient(left,#383643,#bcbbc3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #f7f7f8;
    line-height: 57px;
    padding-bottom: 38px;
    padding-right: 10px;
    margin-left: 0;
    margin-top: 0px;}
.subtitle{font-size: 16px;margin-top: 20px;text-align: center;color: #777;}
.category {
    text-align: center;
    width: 100%;
    margin: auto;
    font-weight: bold;
    color: #FFF;
}
.category ul {
   
    overflow: hidden;
    margin-top: 40px;
    border-radius: 3px;
    display: inline-block;
    padding: 0;
}
.category ul li {
    float: left;
    display: inline-block;
    font-size: 16px;
    height: auto;
    /* line-height: 60px; */
    /* width: 250px; */
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 5px;
    color: #FFF;
    /* min-height: 60px; */
    border: 1px solid #404e52;
    border-radius: .375rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.category ul li:after{content: '';height: 50%; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{color: #fff;background: #404e52;
    margin-left: 20px;
    margin-top: 5px;}
.category ul li.active {
    background:#404e52;
color:#FFF;
}
.category ul li.active:after{border-left: none;}
.content-abo {width: 100%;height: auto;margin-top: 10px;display: none;}
.content-abo.active{display: block;}


@media screen and (max-width: 1200px){
.template{width: 100%}
.title{font-size: 24px;}
.category {
    width: 100%;
}
.category ul li {
    width: 45%;
text-overflow: clip;overflow: hidden;
}
.content-abo ul {
    width: 100%;
}
}
@media screen and (max-width: 769px){
    .jg-lef .grid ul li{
padding: .5rem;
}
.content-abo ul li {
    float: left;
    position: relative;
    width: 47%;
    margin: 10px 10px;
    transition: transform .3s ease,box-shadow .3s ease;
}
.category ul li {
    width: 47%;
text-overflow: clip;overflow: hidden;
}
index-tit-bar {
    margin-bottom: 10px;
}
.leftBox {

    width: 100%;
    height: 250px;
}
}
@media screen and (max-width:500px){
.content-abo ul li {
    float: left;
    position: relative;
    width: 43%;
    margin: 10px 10px;
    transition: transform .3s ease,box-shadow .3s ease;
}
.category ul li {
    width: 43%;
text-overflow: clip;overflow: hidden;
}
.index-tit-bar {
    text-align: center;
    margin-bottom: 0px;
}
}

/*合作*/
#cooperation { padding-top:120px;padding-bottom: 100px;}
#cooperation h2 {MARGIN: auto;
    padding: 10px 0 20px;
}

#cooperation .max-w-lg  {  font-size: 2.25rem;
    line-height: 2.5rem;
max-width: 32rem;
        margin: auto;
    text-align: center;
}

.date {color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: bold;}



/*news*/

.date a {
    color: #b99855;
}
.date a:hover {
    color: #b99855; text-decoration: none;
}


.pt-60 {padding-top:60px;}
.news-area {
  margin-bottom: 80px;
}
.news-area .de-about-1 {
    position: absolute;
    right: 10%;
    top: 6%;
}
.news-area .de-about-2 {
    position: absolute;
    left: 5%;
    bottom: 4%;
    z-index: 2;
}
.background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
}
.bg-1 {
    background-image: url("../image/b4.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    opacity: 0.3;
}
 .news-item {
    position: relative;
    overflow: hidden;
    transition: all .3s;
    margin-bottom: 50px;
}
 .news-item .news-img {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
 .news-item .news-img img {
    transform: scale(1);
    transition: all .3s;
    border-radius: 8px;
     width: 100%;
}
 .news-item .news-img::before {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg,rgba(20,33,43,.98) 20%,rgba(20,33,43,0) 50%);
    transform: rotate(-180deg);
    z-index: 1;
    transition: all .3s;
    border-radius: 8px;
}
 .news-item:hover .news-img img {
    transform: scale(1.2);text-decoration: none;
}
.news-item .news-content {
    padding: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 11;
    padding-bottom: 0;
    bottom: -60px;
    transition: all .5s;
    width: 100%;
}
 .news-item:hover .news-content {
    bottom: -30px;text-decoration: none;
}
 .news-item:hover {
    overflow: unset;
}
.news-item .news-content ul {
    list-style: none;
   
}
 .news-item .news-content ul li {
    color: #fff;
    font-size: 14px;
     text-align: center;
     font-weight: bold;
}
.news-item .news-content ul li a {
    color: #b99855;
}
 .news-item .news-content ul li + li {
    padding-left: 20px;
    position: relative;
}
 .news-item .news-content ul li + li::before {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    content: "-";
}
 .news-item .news-content h2 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 10px;
         text-align: center;
}
 .news-item .news-content h2 a {
    color: #fff;text-decoration: none;
}
 .news-item .news-content .arrow-btn {
    display: block;
    width: 60px;
    height: 60px;
    background: #b99855;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    color: #fff;
}







/* Footer */
    

 
.footer-section {
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 110px;
    border-top: #171717 1px solid;
    border-bottom: #171717 1px solid;
}
.footer-section .footer-logo{
    position: relative;
    top: 3px;
    margin-bottom: 50px;
}
.footer-section .footer-image{
    position: absolute;
    bottom: 55px;
    right: 0;
}
.footer-section .middle-portion {
    padding-bottom: 66px;
}
.footer-section .middle-portion h3{
    margin-bottom: 24px;
}
.footer-section .get_started{
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-right: 16px;
}
.footer-section .footer-button:hover .get_started{
    color: var(--e-global-color-accent);
}
.footer-section .footer-button .image-button {
    display: inline-block;
}
.footer-section .footer-button .arrow{
    position: relative;
    border: 1px solid var(--e-global-color-accent);
    background: var(--e-global-color-accent);
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    top: -4px;
    right: 0;
    left: 0;
    margin: auto;
}
.footer-section .footer-button .arrow .fa{
  font-size: 26px;
    line-height: 35px;
    padding-top: 13px;
     color: #fff;
}
.footer-section .footer-button:hover .arrow .fa{
  font-size: 26px;
    line-height: 35px;
    padding-top: 13px;
    color: #e1b261;
}
.footer-section .footer-button:hover .arrow{
    background: transparent;
    border: 1px solid var(--e-global-color-accent);
}
.footer-section .footer-button:hover .arrow img{
    filter: none;
}
.footer-section .middle-portion .links{
    padding: 0 25px;
}
.footer-section .middle-portion .links h4{
    font-weight: 600;
    margin-bottom: 20px;
}
.footer-section .middle-portion .links .lower-content{
    margin-bottom: 24px;
}
.footer-section .middle-portion .links .lower-content .icon{
    float: left;
    width: 15%;
    padding-top: 7px;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion .links .lower-content .icon:hover{
    transform: translateY(-5px);
}
.footer-section .middle-portion .links .lower-content .content{
    display: inline-block;
    width: 85%;
}
.footer-section .middle-portion .links .lower-content span{
    color: var(--e-global-color-text);
    display: block;
}
.footer-section .middle-portion .links .lower-content a{
    font-weight: 500;
}
.footer-section .middle-portion .links .lower-content .text{
    font-weight: 500;
    margin: 0 30px 0 0;
    color: var(--e-global-color-white);
}
.footer-section .middle-portion .links .lower-content a:hover{
    color: var(--e-global-color-accent);
}
.footer-section .middle-portion .info h4{
    font-weight: 600;
    margin-bottom: 30px;
}
.footer-section .middle-portion .info .form-group {
    border-bottom: 1px solid var(--e-global-color-white);
    margin-bottom: 26px;
}
.footer-section .middle-portion .info input {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: var(--e-global-color-text);
    background: transparent;
    border: none;
    margin-bottom: 10px;
    overflow: visible;
    outline: none;
}
.footer-section .middle-portion .info button{
    font-size: 16px;
    color: var(--e-global-color-accent);
    background: transparent;
    border: none;
    float: right;
    position: relative;
    top: 4px;
    overflow: visible;
    outline: none;
}
.footer-section .middle-portion .info ul{
    padding-left: 37px;
}
.footer-section .middle-portion .info .text{
    position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--e-global-color-text);
    margin-bottom: 25px;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion .info .text:hover {
    color: var(--e-global-color-secondary);
}
.footer-section .middle-portion .info ul li .circle {
    background: var(--e-global-color-very-dark-gray);
    border-radius: 100px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    position: absolute;
   
    left: -35px;
    font-size: 12px;
    font-family: 'FontAwesome';
    color: var(--e-global-color-white);
}
.footer-section .middle-portion .info .text:hover .circle{
    color: var(--e-global-color-white);
    background: var(--e-global-color-accent);
}
.footer-section .middle-portion .info .social-icons ul li{
    margin: 0 6px;
    display: inline-block;
}
.footer-section .middle-portion .info .social-icons ul li:first-child{
    margin-left: 0;
}
.footer-section .middle-portion .info .social-icons ul li:last-child{
    margin-right: 0;
}
.footer-section .middle-portion .info .social-icons ul li a{
    color: var(--e-global-color-white);
}
.footer-section .middle-portion .info .social-icons ul li .social-networks {
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion .info .social-icons ul li .social-networks:hover {
    color: var(--e-global-color-accent);
    transform: translateY(-5px);
}
.footer-section .copyright {
    text-align: center;
    padding: 15px 0px;
       border-top: #171717 1px solid;
}
.footer-section .copyright .text-size-14 {
    color: var(--e-global-color-text);
    margin: 0px;
}



.service-section{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;padding: 0}.service-section .service_content{text-align:center}.service-section .service_content h6{margin-bottom:18px}
.service-section .service_content h2{margin-bottom:46px;padding:0 170px}
.service-section .top-space{padding-top:30px}
.service-section .box-content{width:100%;background:var(--e-global-color-very-dark-mostly-black-blue);transition:all .3s ease-in-out;margin-bottom:50px}
.service-section .box-content:hover{transform:translateY(-5px)}
.service-section .box-content .upper_portion{position:relative}
.service-section .box-content .upper_portion .image{overflow:hidden}
.service-section .box-content .upper_portion .image img{width: 100%; transition:all .3s ease-in-out}
.service-section .box-content .upper_portion .image:hover img{transform:scale(1.1)}
.service-section .box-content .upper_portion .image_content{background: rgb(0,0,0,0.7);
    box-shadow: 8px 2px 20px rgb(0 0 0 / 38%);
    border-radius: 0;
    height: 100%;
    width: 100%;
    line-height: 78px;
    text-align: center;
    left: 0;
    bottom: 0;
    position: absolute;
    transition: all .3s ease-in-out;}.service-section .box-content .upper_portion .image_content:hover{transform:translateY(-5px)}
.service-section .box-content .lower_portion_wrapper{padding: 20px 29px 20px;}
.service-section .box-content .lower_portion_wrapper h5{font-weight:600;margin-bottom:6px;transition:all .3s ease-in-out}

.service-section .box-content .lower_portion_wrapper p{margin-bottom:0;
    transition: all .3s ease-in-out;
    font-size: 16px;}
.service-section .box-content .lower_portion_wrapper .read_more{font-size:14px;line-height:20px;font-weight:500;color:var(--e-global-color-secondary);transition:all .3s ease-in-out}
.service-section .box-content .lower_portion_wrapper .read_more:hover{color:var(--e-global-color-white)}
.service-section .box-content .lower_portion_wrapper .read_more i{display:inline-block;margin-left:8px;font-size:12px}
.service-section .box-content .lower_portion_wrapper .read_more:hover i{color:var(--e-global-color-white)}
.service-section .explore-button{margin:auto;text-align:center}
.service-section .explore{font-size:20px;line-height:26px;font-weight:500;margin-right:16px}
.service-section .explore-button:hover .explore{color:var(--e-global-color-accent)}
.service-section .explore-button .image-button{display:inline-block}
.service-section .explore-button .arrow{position:relative;border:1px solid var(--e-global-color-accent);width:65px;height:65px;line-height:60px;text-align:center;border-radius:100px;transition:all .3s ease-in-out;top:-4px;right:0;left:0;margin:auto}
.service-section .explore-button:hover .arrow{background:var(--e-global-color-accent);border:1px solid var(--e-global-color-accent)}
.service-section .explore-button:hover .arrow img{filter:brightness(0) invert(1)}
 .image_content .bqwz{   height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
color:#fff;
}





.invest-section{;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;padding: 100px 0 100px 0;}
.invest-section .invest_content{text-align:center}.invest-section .invest_content h6{margin-bottom:18px}
.invest-section .invest_content h2{margin-bottom:46px;padding:0 170px;font-weight: 500px;}
.invest-section .top-space{padding-top:30px}
.invest-section .box-content{width:100%;transition:all .3s ease-in-out;margin-bottom:50px}
.invest-section .box-content:hover{transform:translateY(-5px)}
.invest-section .box-content .upper_portion{position:relative}
.invest-section .box-content .upper_portion .image{overflow:hidden}
.invest-section .box-content .upper_portion .image img{width: 100%; transition:all .3s ease-in-out}
.invest-section .box-content .upper_portion .image:hover img{transform:scale(1.1)}
.invest-section .box-content .upper_portion .image_content{background: rgb(0,0,0,0.7);
    box-shadow: 8px 2px 20px rgb(0 0 0 / 38%);
    border-radius: 0;
    height: 100%;
    width: 100%;
    line-height: 78px;
    text-align: center;
    left: 0;
    bottom: 0;
    position: absolute;
    transition: all .3s ease-in-out;}.invest-section .box-content .upper_portion .image_content:hover{transform:translateY(-5px)}
.invest-section .box-content .lower_portion_wrapper{padding: 20px 29px 20px;}
.invest-section .box-content .lower_portion_wrapper h5{font-weight:600;margin-bottom:6px;transition:all .3s ease-in-out}

.invest-section .box-content .lower_portion_wrapper p{margin-bottom:0;
    transition: all .3s ease-in-out;
    font-size: 16px;}
.invest-section .box-content .lower_portion_wrapper .read_more{font-size:14px;line-height:20px;font-weight:500;color:var(--e-global-color-secondary);transition:all .3s ease-in-out}
.invest-section .box-content .lower_portion_wrapper .read_more:hover{color:var(--e-global-color-white)}
.invest-section .box-content .lower_portion_wrapper .read_more i{display:inline-block;margin-left:8px;font-size:12px}
.invest-section .box-content .lower_portion_wrapper .read_more:hover i{color:var(--e-global-color-white)}
.invest-section .explore-button{margin:auto;text-align:center}
.invest-section .explore{font-size:20px;line-height:26px;font-weight:500;margin-right:16px}
.invest-section .explore-button:hover .explore{color:var(--e-global-color-accent)}
.invest-section .explore-button .image-button{display:inline-block}
.invest-section .explore-button .arrow{position:relative;border:1px solid var(--e-global-color-accent);width:65px;height:65px;line-height:60px;text-align:center;border-radius:100px;transition:all .3s ease-in-out;top:-4px;right:0;left:0;margin:auto}
.invest-section .explore-button:hover .arrow{background:var(--e-global-color-accent);border:1px solid var(--e-global-color-accent)}
.invest-section .explore-button:hover .arrow img{filter:brightness(0) invert(1)}
 .image_content .bqwz{   height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
color:#fff;
}
.invest-section  .lower_portion p {    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;}





.institution-section{;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;padding: 0 0 100px 0;}
.institution-section .institution_content{text-align:center}
.institution-section .institution_content h2{margin-bottom:46px;padding:0 170px}
.inst-con .inst-con-bt h3 {    text-align: center;
    font-size: 18px;}

.inst-con-bt::after {    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    display: block;
    margin: auto}

.inst-con-img {padding:10px 20px;border: 1px #333333 solid;margin-top: 20px;}



.header.sticky {
    position: fixed;
    z-index: 99;
    width: 100%;
    background-color: rgb(0,0,0,0.8);
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 0 30px rgba(51, 51, 51, 0.1);
    box-shadow: 0 0 30px rgba(51, 51, 51, 0.1);
    z-index:999;
}

.header .sticky .main-header {
    display: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.header-area .sticky .main-header {
    padding: 16px 0
}






@media screen and (max-width: 1440px){
.navbar-nav li {
    margin: 0 10px;
}
.navbar-nav .nav-item a {
    letter-spacing: 0;
}
.navbar-nav .dropdown {
    margin: 0 8px 0 18px;
}
.navbar-nav li {
    margin: 0 10px;
}
.banner-section {
    padding: 30px 60px 60px 120px;
}
    .banner_outer1 .header {
    padding: 0 30px;
}
.banner_outer .header {
    padding: 0 30px;
}
}


@media only screen and (max-width: 1199px){
    .banner_outer1 .header {
    padding: 0 10px;
}
.banner_outer .header {
    padding: 0 10px;
}
.navbar-nav li {
    margin: 0 8px;
}
.navbar-nav .dropdown {
    margin: 0 2px;
}
.navbar-nav li {
    margin: 0 8px;
}
.banner-section {
    padding: 60px 50px 96px 100px;
}
}


@media only screen and (max-width: 991px){
          .lan {display:block;}
     .navbar-nav li:nth-child(5) {display: none;}
    .navbar-nav li
    .invest-section .invest_content h2 {
    margin-bottom: 46px;
    padding: 0;
}
    .institution-section .institution_content h2 {
    
    padding: 0 ;
}
    .Offer-con {
    width: 100%;
}

.content-abo .bj {
    width: 100%;
}
.content-abo .bj:nth-child(2) {
    margin-top: 20px;
}
.jg-right {
    width: 100%;
    padding-inline-end: 0;
}

.jg-left {
    width: 100%;
    float: left;
}
    .content-abo .jg-left .grid ul li {
 
    width: 45%;
    }
    .i_about_two .counter ul li {
    margin-top: 10px;
    width: 50%;
    }
     .i_about_two .counter ul li:nth-child(2) {
             border-right: 0px solid #232323;
    }
.navbar-collapse {
    background: #fff;
    position: absolute;
    right: 0;
    width: 34%;
    top: 70px;
    z-index: 16;
    padding: 0;
    box-shadow: 1px 1px 57px rgb(0 0 0 / 7%);
}
.navbar li {
    margin: 0!important;
    padding: 0;
}
.navbar-nav .active>a {
    color: var(--e-global-color-white)!important;
    background-color: var(--e-global-color-accent)!important;
}
.navbar-nav .nav-item a {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 30px!important;
    color: var(--e-global-color-very-dark-mostly-black-blue)!important;
    margin-top: 0;
}
.navbar li {
    margin: 0!important;
    padding: 0;
}
.banner-section {
    padding: 0 0 65px 0;
    text-align: center;
}
}
@media only screen and (max-width: 767px){
.navbar-collapse {
    width: 40%;
    top: 74px;
}
.banner-section {
    padding: 0 0 55px 0;
}
.grid1 {
    grid-template-columns: repeat(2,minmax(0,1fr));
    display: block;
}
.pl-5, .px-5 {
    padding-left: 1rem!important;
}
.pr-5, .px-5 {
    padding-right: 1rem!important;
}
    .category ul {
    display: block;
}
     .footer-section .footer-button .arrow .fa {
    padding-top: 0;
}
}
@media only screen and (max-width: 575px){
.navbar-collapse {
    width: 60%;
    top: 74px;
}



}