@charset "UTF-8";

/*
01.全局
*/
body{font-family:"Microsoft Yahei","Poppins","Helvetica Neue",Helvetica,Tahoma,sans-serif; font-size:15px; font-weight:400; font-style:normal; color:#333;}

.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto{position:relative;min-height:1px;padding-right:15px;padding-left:15px; float:left;}

.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}

.img,
img{max-width:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.f-left{float:left;}
.f-right{float:right;}
.fix{overflow:hidden;}

a{text-decoration:none; margin:0px; padding:0px;}
a,
.button{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
a:focus,
.button:focus{text-decoration:none; outline:none;}
a:focus,
a:hover{color:inherit; text-decoration:none;}
a,
button{color:inherit; outline:medium none;}
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus{outline:0;}

.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}

h1,
h2,
h3,
h4,
h5,
h6{color:#333; margin-top:0px; font-weight:700; text-transform:normal;}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:inherit;}

h1{font-size:90px; line-height:1; letter-spacing:0;}
h2{font-size:48px; letter-spacing:0;}
h3{font-size:28px;}

ul{margin:0px; padding:0px;}
li{list-style:none;}
p{font-size:18px; font-weight:400; line-height:32px; color:#333; margin-bottom:0;}
hr{border-bottom:1px solid #919191; border-top:0 none; margin:45px 0; padding:0;}
label{color:#2c2a3a; cursor:pointer; font-size:14px; font-weight:400;}

select{color:#b9b9b9; font-size:14px; opacity:1; appearance:none;}
#scrollUp{background:#600f14; height:35px; width:35px; right:50px; bottom:77px; color:#fff; font-size:20px; text-align:center; line-height:34px;}
#scrollUp:hover{background:#8f98a8;}

*::-moz-selection{background:#333; color:#fff; text-shadow:none;}
*::selection{background:#333; color:#fff; text-shadow:none;}
*::-moz-placeholder{color:#8f98a8; font-size:15px; opacity:0.7;}
*::placeholder{color:#8f98a8; font-size:15px; opacity:0.7;}

.contact{padding-top:20px;}
.contact h3{font-size:24px;}
.contact p{line-height:40px;}
.grey-bg{background:#eee;}
.white-bg{background:#fff;}

.grb-btn{font-size:16px; font-weight:500; color:#fff; text-transform:uppercase; padding:0 20px; height:56px; line-height:56px; background:#6639ff; display:inline-block; border-radius:3px; min-width:150px; text-align:center; position:relative; overflow:hidden;}

.grb-btn:before{background-color:#fff; content:""; height:150px; left:-75px; position:absolute; top:-35px; transform:rotate(35deg); transition:all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width:40px; opacity:0;}

.grb-btn i{font-size:15px; color:#040021; margin-left:10px; height:30px; width:30px; text-align:center; line-height:30px; border-radius:3px; background:#fff;}

.grb-btn.st-3{background:#ffc400; color:#040021;}

.grb-btn:hover{background:#600f14!important; color:#fff!important;}
.grb-btn:hover:before{left:120%; transition:all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity:0.25;}
.grb-video{font-size:20px; color:#6639ff; height:60px; width:60px; text-align: center; line-height:60px; display:inline-block; background:#fff; border-radius: 50%;}
.grb-video:hover{color:#6639ff;}
.grb-video.pr-btn{width:86px;}
.grb-video.st-3{color:#ffc400; font-size:30px; background:#fff; height:100px; width:100px; line-height:100px;}
.grb-border-btn{height:56px; background:none; text-align:center; padding:0 30px; border:1px solid #fff; color:#fff; font-size:16px; font-weight:700; text-transform:uppercase;
  line-height:56px; display:inline-block; min-width:150px; position:relative; overflow:hidden; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;
  -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; border-radius:3px;}

.grb-border-btn:before{background-color:#fff; content:""; height:150px; left:-75px; position:absolute; top:-35px; transform:rotate(35deg); transition:all 2600ms cubic-bezier(0.19, 1, 0.22, 1); width:40px; opacity:0;}


.grb-border-btn:hover{border-color:#600f14; background:#600f14; color:#fff;}
.grb-border-btn:hover:before{left:120%; transition:all 2300ms cubic-bezier(0.19, 1, 0.22, 1); opacity:0.25;}
.shutter-btn{position:relative; z-index:1;}
.shutter-btn::before{position:absolute; content:""; top:0; bottom:0; left:50%; right:50%; background:#1a1a2b; opacity:0; z-index:-1; -webkit-transition:all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.shutter-btn:hover::before{left:0; right:0; opacity:1;}
.play_btn{position:relative;}

.play_btn:after,
.play_btn:before{position:absolute; left:0; top:0; content:""; border-radius:50%; width:100%; height:100%; border:1px solid #ccc;
  animation-name: popupBtn;
  animation-duration: 1.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.play_btn:before{animation-delay:0.8s;}

@keyframes popupBtn{0%{transform:scale(1); opacity:0.6;} 50%{transform:scale(1.4); opacity:0.3;} 100%{transform:scale(1.8); opacity:0;}}


.section-title .border-left.st-3:before{background:#ffc400;}
.section-title .border-left.st-3 p{color:#ffc400;}
.section-title .border-c-bottom.st-3:before{background:#ffc400;}
.section-title .border-c-bottom.st-3 p{color:#ffc400; text-transform:uppercase;}
.section-title h2{font-size:24px; line-height:40px; color:#333; text-transform:uppercase; margin-bottom:20px; position:relative;}
.section-title h3{font-size:36px; line-height:40px; color:#fff; text-transform:uppercase; margin-bottom:10px;}
.tz-title h2{font-size:28px; line-height:40px; color:#333; text-transform:uppercase; margin-bottom:5px;}
.dsj-title h2{font-size:36px!important; line-height:40px; color:#333; margin-bottom:10px;}
.service-box-content-text h4{font-size:20px;}
.message .message-title{margin-bottom:50px;}
.message .message-title h3{font-size:30px; line-height:40px; color:#333; text-transform:uppercase; margin-bottom:0; position:relative;}
.message .message-title h3::after{position:absolute; left:50%; -webkit-transform: translateX(-50%); transform:translateX(-50%); bottom:-10px; content:''; background:#fea116; height:3px; width:50px;}
.team .message-title{margin-bottom:50px;}
.team .message-title h3{font-size:30px; line-height:40px; color:#333; text-transform:uppercase; margin-bottom:0; position:relative;}
.team .message-title h3::after{position:absolute; left:50%; -webkit-transform: translateX(-50%); transform:translateX(-50%); bottom:-10px; content:''; background:#fea116; height:3px; width:50px;}


/*
*****
02. overlay
*************************
*/
[data-overlay]{position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center;}
[data-overlay]::before{position:absolute; left:0; top:0; right:0; bottom:0; content:"";}

/*-- Overlay Color --*/
[data-overlay=light]::before{background-color:#fff;}
[data-overlay=heading]::before{background-color:#040021;}
/*-- Overlay Opacity --*/
[data-opacity="1"]::before{opacity:0.1;}
[data-opacity="2"]::before{opacity:0.2;}
[data-opacity="3"]::before{opacity:0.3;}
[data-opacity="4"]::before{opacity:0.4;}
[data-opacity="5"]::before{opacity:0.5;}
[data-opacity="6"]::before{opacity:0.6;}
[data-opacity="7"]::before{opacity:0.7;}
[data-opacity="8"]::before{opacity:0.8;}
[data-opacity="9"]::before{opacity:0.9;}
/*
*****
03. header
*************************
*/
.header__top{padding-top:6px; padding-bottom:6px;}
.logo{line-height:100px;}
.logo-text-white img{max-width:150%;}
.logo-text-black img{max-width:150%;}

.header__main{position:absolute; top:0; left:0; right:0; z-index:100; border-bottom:0px solid #5a5a5a; background:rgba(0, 0, 0, 0.3); }
/*.header-main-3{border-color:rgba(255, 255, 255, 0.5);}*/

.h3-bar{display:inline-block; position:absolute; right:50px; top:50px; transform:translate(50%, -50%); z-index:3; }
.h3-bar a{font-size:30px; color:#fff;}
.h3-bar a i{font-weight:700;}
.sticky .h3-bar a{color:#040021;}
.menu-cta-3{float:right; align-items:center; padding-top:25px; margin-left:35px;}
.menu-cta-3 li{display:inline-block;}
.menu-cta-3 .cta__content p{color:#fff; font-weight:500; text-transform:uppercase;}
.sticky .menu-cta-3 .cta__content p{color:#040021;}
.menu-cta-3 .cta__content span{font-size:20px; font-weight:800; color:#ffc400; line-height:1;}
.menu-cta-3 .cta__content span a:hover{color:#ffc400; opacity:0.8;}
.sticky .menu-cta-3 .cta__content span{ color:#040021;}

.main-menu{display:inline-block;}
.main-menu ul li{display:inline-block; margin:0px 0px 0px 60px; position:relative;}
.main-menu ul li a{font-size:18px; color:#fff; text-transform:uppercase; display:inline-block; padding:40px 0; line-height:20px; font-weight:500;}
.main-menu ul li .on{color:#ffc400;}
.sticky .main-menu ul li .on{color:#ffc400;}
.main-menu ul li .sub-menu{
  background:rgba(255, 255, 255, 0.8); 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 119%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: 9;
  border-top: 4px solid #ffc400;
  text-align: left;
  padding: 15px 0;
}
.main-menu ul li .sub-menu li{display:block; margin:0px; padding:8px 25px 8px 25px;}
.main-menu ul li .sub-menu li a{padding:0px; display:block; color:#212237; position:relative;}
.main-menu ul li .sub-menu li a:before{
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #ffc400;
  opacity: 0;
}
.main-menu ul li .sub-menu li:hover a{color:#ffc400; padding-left:5px;}
.main-menu ul li .sub-menu li:hover a:before{width:100%; left:0; right:auto;}
.main-menu ul li:hover a{color:#ffc400;}
.main-menu ul li:hover.menu-item-has-children::after{color:#ffc400; opacity:1; visibility:visible;}
.main-menu ul li:hover .sub-menu{opacity:1; visibility:visible; top:100%;}
.main-menu ul li.menu-item-has-children{position:relative;}
.main-menu ul li.menu-item-has-children:after{
  position: absolute;
  content: "";
  font-size: 12px;
  color: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  right: -14px;
  opacity: 0;
  visibility: hidden;
  font-family: "Font Awesome 5 Pro";
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}


.header__search{display:inline-block;}
.header__search a{
  font-size: 16px;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 33px;
  color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  display: inline-block;
}

.header__search a:hover{font-weight:800;}
.header__btn{display:inline-block; margin-left:26px; float:right; margin-top:20px;}
.sticky{
  position: fixed;
  top: 0;
  background: #ffffff;
  z-index: 800;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}

.sticky .main-menu ul li a{color:#333;}
.sticky .main-menu ul > li:hover > a{color:#ffc400;}
.sticky .main-menu ul li.active > a{color:#040021;}
.sticky .header__search a{color:#040021; border-color:#8f98a8;}
.header__main.sticky{border-bottom:0;}
.logo-text-black{display:none;}
.sticky .logo-text-white{display:none;}
.sticky .logo-text-black{display:block;}
.side-toggle{background:none; border:none; padding:0;}
.side-info.info-open{right:0;}
.side-info{background:#600f14; height:100%; position:fixed; z-index:950; right:-100%; top:0; width:465px; padding:45px; transition:0.6s; overflow-y:scroll; opacity:0.9;}
.offcanvas-overlay{position:fixed; height:100%; width:100%; background:#000; z-index:900; top:0; opacity:0; visibility:hidden;}
.offcanvas-overlay.overlay-open{opacity:0.6; visibility:visible;}
.side-info-close{
  background: none;
  border: 0;
  color: #fff;
  font-size:30px;
  padding: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.side-info-close:hover{color:#ffc400;}
.menu-sidebar{top:54%; position:absolute; right:15px; transform:translateY(-50%);}
.menu-sidebar .side-toggle:hover{color:#ffc400;}
.offset_searchbar{margin-bottom:30px;}
.offset-logo{border-bottom:1px transparent; margin-bottom:30px; padding-bottom:10px;}
.offset_search_content{position:relative;}
.offset_search_content input{width:100%; padding:5px 15px; padding-right:15px; font-weight:300; background:none; border:1px solid #f5f5f5; color:#fff; height:40px;}
.offset_search_content input::-webkit-input-placeholder{color:#fff; font-weight:400; opacity:0.7;}
.offset_search_content input::-moz-placeholder{color:#fff; font-weight:400; opacity:0.7;}
.offset_search_content input:-ms-input-placeholder{color:#fff; font-weight:400; opacity:0.7;}
.offset_search_button {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  color: #f5f5f5;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.offset_search_button:hover{color:#fff;}
.info-widget p{font-size:16px; color:#fff; opacity:0.7;}
.side-map iframe{width:100%; height:200px;}
.contact-infos{margin-bottom:30px; margin-top:10px;}
.contact-list{margin-bottom:30px;}
.contact-infos h4{font-size:20px; margin-bottom:10px; color:#fff; border-bottom:1px solid #f5f5f5; line-height:46px;}
.contact-list > a {
  text-decoration: none;
  font-weight: 400;
  font-size:16px;
  color: #fff;
  opacity: 0.7;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  margin-bottom: 5px;
}
.contact-list > a:hover{opacity:1;}
.contact-list > a i{width:30px; line-height:26px; border-radius:50%; margin-right:0px; font-size:16px; flex: 0 0 auto;}
.footer__social.offset-social li a{height:45px; width:45px; line-height:45px;}
.side-image img{width:100%;}
.about-top{margin-bottom:50px;}
.about-top .about-top-left{float:left; width:50%; height:auto;}
.about-top .about-top-right{float:right; width:50%; height:auto;}
/* mean menu */
.side-menu-icon.d-lg-none.f-right{margin:20px 0;}
.mean-container .mean-nav > ul{display:block !important;}
.mean-container a.meanmenu-reveal{display:none !important;}
.mean-container .mean-nav ul li a{width:100%; padding:10px 0; color:#fff; font-size:16px; text-transform:none; opacity:0.7;}
.mean-container .mean-nav ul li a i{display:none;}
.mean-container .mean-nav{background:none; margin-bottom:40px;}
.mean-container .mean-nav ul li a.mean-expand{height:34px; border:none;}

.contact__list h4{color:#fff; font-size:18px; margin-bottom:15px;}
.contact__list p{color:#d0d0d0; margin-bottom:2px;}

/*
*****
04. hero
*************************
*/
.hero-area {overflow:hidden;}
.hero-content{position:relative; z-index:5;}
.hero-content p{font-size:24px; color:#ffc400; font-family:700; text-transform:uppercase; margin-bottom:45px;}
.hero-content h1{font-size:60px; font-weight:700; color:rgba(255, 255, 255, 0.8); text-transform:uppercase; margin-bottom:20px;}
.hero-s-1{position:absolute; top:-100px; left:-100px; z-index:-1;}
.hero-s-1 img{opacity:0.8;}
.hero-s-2 {
  position: absolute; top: -101px; left: -69px; z-index: -1; opacity: 0.8;
  visibility: visible;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.hero-s-2 img{opacity:0.8;}
.hero-content-btn{display:inline-block; float:left; margin-right:30px;}
.hero-content-btn .grb-btn{font-size:16px; color:#fff; background:#ffc400; padding:0 30px;}
.hero-video-btn{display:flex; align-items:center;}
.hero-video-btn .grb-video{margin-right:10px;}
.hero-video-btn p{text-transform:uppercase; color:#fff; font-size:15px; font-weight:700; margin-bottom:0;}
.hero-area.st-2:before{display:none;}
.hero-content-btn.st-2{margin-right:0; float:none;}
.hero-content-btn.st-2 .grb-btn{color:#040021; background:#ffc400;}
.h3-s1{position:absolute; top:-54px; right:-270px; z-index:1;}
.h3-s2{position:absolute; bottom:-120px; left:16%; height:204px; width:204px; border:30px solid #ffc400; border-radius:50%; z-index:2;}
.hero-line{position:absolute; width:100%; height:100%; top:0;}
/*.hero-line:before{position:absolute; width:1px; height:100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 800%); content:""; top:0; z-index:5;}*/
/*.hero-line:after{position:absolute; width:1px; height:100%; background:rgba(255, 255, 255, 0.5); content:""; top:0; z-index:5;}*/
.hero-line:before{left:100px;}
.hero-line:after{right:100px;}

.slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: scale(1);
  -webkit-transition: all 8s ease-out 0s;
  -moz-transition: all 8s ease-out 0s;
  -ms-transition: all 8s ease-out 0s;
  -o-transition: all 8s ease-out 0s;
  transition: all 8s ease-out 0s;
}

.single-slider{background-position: center; background-repeat: no-repeat; background-size: cover;}
.slider-height{height:750px; padding-top:400px;}
.banner3-shape{position:absolute; bottom:-2px; left:0; right:0;}
.slider-height.st-2{padding-top:335px;}
.swiper-slide-active .slide-bg{-webkit-transform: scale(1.12); -moz-transform: scale(1.12); transform: scale(1.12);}
.slider-overlay{position:relative;}
.slider-overlay:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background:linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  opacity: 0;
  z-index: 1;
}

.slider-overlay-3:before{opacity:0.6;}
.slider-active .swiper-button-prev,
.slider-active .swiper-button-next {
  font-size: 20px;
  color: #b7b7b7;
  height: 48px;
  width: 54px;
  text-align: center;
  line-height: 46px;
  background: #6e6e6e;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: static;
  margin: 0 5px;
}
.about-biao{color:#ffc400!important;}
.about-biao span{font-size:16px; font-weight:400;}
.slider-nav{display:inline-block; padding-bottom:20px; position:absolute; right:65px; bottom:50px; z-index:5;}
.slider-active .swiper-button-prev{border-radius:55% 45% 45% 55%/50% 50% 50% 50%;}
.slider-active .swiper-button-prev:hover{background:#ffc400; box-shadow:0 -7px 15px rgba(16, 0, 71, 0.1); color:#040021;}
.slider-active .swiper-button-next{border-radius:45% 55% 55% 45%/50% 50% 50% 50%;}
.slider-active .swiper-button-next:hover{background:#ffc400; box-shadow:0 7px 15px rgba(16, 0, 71, 0.1); color:#040021;}
.slider-active .swiper-button-prev:after,
.slider-active .swiper-button-next:after{display:none;}
.swiper-pagination.st-3{display:flex; align-items:center; left:-20px; width:150px; bottom:100px; position:absolute; right:auto; transform:rotate(90deg);}
.swiper-pagination.st-3 .swiper-pagination-bullet{width:18px; height:18px; display:inline-block; border-radius:50%; opacity:0.5;  background:#fff; }
.swiper-pagination.st-3 .swiper-pagination-bullet-active{height:25px; width:25px; background:#ffc400; opacity:1;}
.grb__social.hero-social{position:absolute; bottom:60px; z-index:5; left:32px;}
.grb__social.hero-social ul li{display:block; margin:8px 0px;}
.grb__social.hero-social ul li a{background:none; border:1px solid #555; color:white;}
.grb__social.hero-social ul li a:hover{color:#040021; border-color:#fff; background:#fff;}
.follow li{font-size:18px; font-weight:300; color:#fff; text-align:center; margin:3px 0 !important;}

.cta__icon {float:left; margin-right:10px;}
.cta__icon span{height:30px; width:30px; background:#f2eeff; display:inline-block; text-align:center; line-height:30px; border-radius:3px; margin-top:10px;}
.cta__icon span i{color:#6639ff; font-size:18px;}
.cta__content{overflow:hidden;}
.cta__content p{color:#040021;}
.cta__content span{color:#040021; font-weight:700;}
.cta__content span a:hover{color:#6639ff;}
.grb__cta.st-2 .cta__icon span{background:#ffc400;}
.grb__cta.st-2 .cta__icon span i{color:#040021;}

.social-bg-1{position:absolute; top:-20px; left:-16px; z-index:-1;}
.newsletter-area{padding:44px 0 7px 0; background:#040021; border-bottom:1px solid #1e1b34;}
.newsletter-text h4{font-size:24px; color:#fff; line-height: 1; margin-bottom: 15px;}
.newsletter-text p{font-weight:400; color:#858585; padding-right:100px;}

.search-form{margin-top:25px;}
.search-form input{font-size: 15px; color: #040021; padding: 0 50px 0 20px; background: #f6f6f6; height: 60px; border-radius: 3px; width: 100%; border: 0;}
.search-form button{font-size: 16px; color: #040021; font-weight: 500; height: 60px; line-height: 60px; position: absolute; top: 0px; right: 15px; border: 0; background: none;}
.search-input-field{width: 470px; position: relative; display: inline-block;}
.go-home .grb-border-btn{font-size:15px; font-weight:500; border-width:1px; line-height:58px; border-radius:3px; padding:0 35px;}

.about__area{padding-top:70px; padding-bottom:140px;}
.about__btn .grb-btn{font-size:15px; min-width:180px;}
.about__btn .grb-btn i{border-radius:50%; margin-left:20px; height:22px; width:22px; line-height:22px; font-size:10px; color: #8500d1;}
.about__btn.st-1 .grb-btn i{color:#6639ff;}
.about__area.st-2{padding-top:160px; padding-bottom:55px;}
.about__area.st-3{padding-top:100px; padding-bottom:40px;}
.about__img-inner img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.about__img-inner.st-2{margin:-50px -35px 0 -220px;}
.about__img-inner.st-3{margin-right:30px; max-width:570px;}
.about__img .p-element .ab-border{
  width: 300px; height: 390px; position: absolute; border: 20px solid #ffc400; top: -70px; left: -70px; z-index: -5; animation: scale-up-one infinite 6s linear;
}
.about__img .p-element .award{position: absolute; width: 185px; text-align: center; padding: 25px; background: #fff; border-radius: 20px; box-shadow: 0 20px 60px rgba(16, 0, 71, 0.1); right: 65px; top: -70px;}
.about__img .p-element .award img {margin-bottom:10px;}
.about__img .p-element .award p{font-size:16px; line-height:22px; color:#040021;}
.about__img .p-element .ab-image{position: absolute; bottom: -50px; left: -210px;}
.about3-main-shape{position:absolute; top:0; left:0; bottom:0; right:0;}
.about-3-s1{position:absolute; top:-25px; left:80px;}
.about-3-s2 {
  position:absolute;
  top: 30%;
  left: -170px;
  animation-name: about-3-s2;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes about-3-s2 {
  0% {
    top: 40%;
    left: -170px;
  }
  50% {
    top: 20%;
    left: -170px;
  }
  100% {
    top: 40%;
    left: -170px;
  }
}
.about-3-s3{position:absolute; bottom:-26px; right:80px;}
.about__content.st-2{margin-right:-45px; padding-left:45px;}
.about__content p{line-height:40px;}
.points-heading{display:flex; align-items:center; margin-bottom:12px;}
.points-heading .p-icon {
  width: 50px;
  height: 50px;
  text-align: center;
  background: #ffffff;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0px 10px 20px rgba(0, 5, 75, 0.08);
  margin-right: 25px;
}
.points-heading .p-icon i {
  color: #040021;
  line-height: 60px;
  font-size: 28px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.points-heading h5{font-size: 16px; font-weight: 700; margin-bottom: 0; display: inline-block;}
.choosing__area.st-3{padding-top:120px; padding-bottom:90px;}
.choosing__img{position: relative;}
.choosing__img-inner.st-3{margin-right:30px;}
.choosing__img3-main{max-width:570px;}
.choosing__img-inner-shape{position:absolute; top:0; left:0; bottom:0; right:0;}
.choosing-3-s1{position:absolute; left:-75px; top:10%;}
.choosing-3-s2{position:absolute; left:-50px; top:40%; animation-name:choosing-3-s2; animation-duration:5s; animation-timing-function:linear; animation-iteration-count:infinite;}

@keyframes choosing-3-s2 {
  0% {
    top: 40%;
  }
  50% {
    top: 70%;
  }
  100% {
    top: 40%;
  }
}
.choosing__information{background: #040021; padding: 38px 34px; margin-left: -115px; position: relative; z-index: 5;}
.choosing__information ul li{display:flex; align-items:center; margin-bottom:45px;}
.choosing__information ul li:last-child{margin-bottom:0;}
.choosing__number{margin-right:28px;}
.choosing__number span {
  border: 1px solid #8f98a8;
  color: #ffffff;
  height: 60px;
  width: 60px;
  display: inline-block;
  text-align: center;
  line-height: 58px;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.choosing__number span:before{position: absolute; content: ""; width: 76px; height: 76px; border: 1px solid #8f98a8; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.choosing__text h5{color:#fff; font-size:18px;}
.choosing__text p{color:#c4c4c4;}
.subscribe{width:220px; padding:19px 29px; background:#fff; border-radius:5px; position:absolute; bottom:45px; left:-30px; box-shadow:0px 10px 20px rgba(16, 0, 71, 0.1);}
.subscribe > a {font-size:22px; margin-right:15px; color:#dc0f0f; display:inline-block; float:left; line-height:1;}
.subscribe__text{overflow:hidden;}
.subscribe__text h4{font-size:20px; line-height:1;}
.subscribe__text p{font-size:13px; color:#040021; line-height:20px;}
.choosing-fl-area{background:#040021;}
.choosing-fl-img{margin-left:-15px;}
.choosing-fl-img:before{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #040021; opacity: 0.4;}
.choosing-fl-right{max-width:570px;}
.choosing__information.st-2{margin-left:0; padding:12px 0 0 0;}
.choosing__information.st-2 ul li:last-child{margin-bottom:0;}
.choosing__information.st-2 .choosing__number{margin-left:8px;}
.choosing-video{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.ab-experience{margin-top:25px; overflow:hidden;}
.ab-experience.st-3{margin-bottom:20px;}
.ab-experience-content{position:relative; overflow:hidden; width:100%; float:left;}
.ab-experience-content:after{position:absolute; content:""; top:50%; right:0; transform:translateY(-50%); width:1px; height:50px; color:#f2f2f2;}
.ab-experience-icon{float:left; margin-right:15px;}
.ab-experience-icon i{font-size:56px; color:#6639ff; line-height:1;}
.ab-experience-icon.st-3 i{color:#ffc400;}
.ab-experience-text{overflow:hidden;}
.ab-experience-text p{font-size:18px; font-weight:700; color:#040021;}
.ab-experience-text p span{display:block; font-size:36px; color:#6639ff; font-weight:800; line-height:56px;}
.ab-experience-text p span.st-3{color:#ffc400;}
.ab-experience-p{width:50%; overflow:hidden; padding-left:40px;}
.about-details{margin-top:80px; margin-bottom:60px;}
.news-details{margin-top:40px; margin-bottom:60px;}
.message-details{margin-top:80px; margin-bottom:60px;}
.investor-details{margin-top:80px; margin-bottom:60px;}
.contact-details{margin-top:80px; margin-bottom:60px;}
.about-details-box{background-size:cover; background-repeat:no-repeat; margin-bottom:20px;}
.about-details-box-content{margin-top:200px; background:#fff; padding:45px 0 0 50px; margin-left:-50px;}
.about-details-box-content h5{font-size:18px; line-height:28px; margin-bottom:10px;}
.about-details-box p{line-height:40px;}
.about-details-box h5{margin-bottom:20px; font-size:24px;}

.skill-wrapper{margin-bottom:44px;}
.skill-title{display:flex; justify-content:space-between;}
.skill-title span{float:right; font-size:15px; font-weight:400; color:#040021;}
.skill-category{font-size:15px; display:inline-block; margin-bottom:10px; font-weight:400; text-transform:uppercase;}
 
.service__text{padding-top:10px;}
.single__service{background:#fff; box-shadow: 0 20px 40px rgba(16, 0, 71, 0.1); padding: 50px 25px; height:520px;}
.single__service:hover .service__icon a{color:#fff; background:#ffc400; border-color:#ffc400;}
.single__service h4{margin-top:8px; margin-bottom:16px;}
.single__service p{margin-bottom:30px;text-align: left;text-indent: 2em;}
.service__icon i{font-size:72px;}
.service__icon a{
  height:150px;
  width:150px;
  text-align: center;
  line-height:146px;
  border: 2px dotted #ffc400;
  border-radius:50%;
  display: inline-block;
  font-size:72px;
  color: #ffc400;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.service__btn {
  height: 50px;
  border: 1px solid #600f14;
  display: inline-block;
  line-height: 48px;
  padding: 0 24px;
  border-radius: 30px;
  color: #040021;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
.service__btn:hover{color:#fff; background:#600f14; border-color:#600f14;}
.service__btn i{font-size:15px; margin-right:15px;}
.service-box-content {
  padding: 0 30px 40px;
  box-shadow: 20px 10px 30px rgba(16, 0, 71, 0.07);
  background: #fff;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.service-box-content:hover{background:#600f14;}
.service-box-content:hover i{background:#fff;}
.service-box-content:hover h4{color:#fff;}
.service-box-content:hover p{color:#fff;}
.service-box-content.st-1:hover{background:#600f14;}
.service-box-content.st-3{padding:0 0 33px 0; box-shadow:none; border-radius:0;}
.service-box-content.st-3:hover{background:none;}
.service-box-content.st-3:hover .service-box-content-icon i{background:#ffc400; border-radius:50%; border-color:#ffc400;}
.service-box-content.st-3:hover h4{color:#ffc400;}
.service-box-content.st-3:hover p{color:#8f98a8;}
.service-box-content.st-3 .service-box-content-icon{float:left; margin-right:30px;}
.service-box-content.st-3 .service-box-content-icon i{color: #040021; width: 70px; height: 70px; background: none; line-height: 78px; border-radius: 0 50% 50% 50%; border: 1px solid #e6e6e6;}
.service-box-content.st-3 .service-box-content-text{overflow:hidden;}
.service-box-content.st-3 .service-box-content-text h4{margin-top:0px; line-height:1; margin-bottom:35px;}
.service-box-content-icon i {
  font-size: 40px;
  color: #600f14;
  width: 78px;
  height: 78px;
  background: #f8ecff;
  text-align: center;
  line-height: 78px;
  border-radius: 0 0 50% 50%;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.service-box-content-icon.st-1 i{color:#fff; background:#ffc400;}
.service-box-content-text h4 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-top:10px;
  margin-bottom:0px;
}
.service-box-content-text p {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.process-area{padding-top:100px; padding-bottom:80px; position:relative; background-size:cover; background-position:top center;}
.process-area:before{position:absolute; content:""; width:100%; height:100%; top:0; left:0; background-repeat: repeat-x; 
	background-image: -webkit-linear-gradient(24deg, #262a5e, #fa9046);
	background-image: linear-gradient(24deg, #262a5e, #fa9046); opacity:0.8;}
.process-content{padding:0px 20px; position:relative; z-index:5;}
.process-btn{display:inline-block; position:relative;}
.process-btn:before{position:absolute; content:""; width:136px; height:136px; background:#fff; opacity:0.11; border-radius:50%; top:-25px; left:-25px;
  animation: animation-pulse-shrink 2s infinite;}
.process-btn .grb-video{height:85px; width:85px; color:orange; line-height:85px; font-size:28px; position:relative; z-index:5;}
.prc-btn{position:relative;}

.team-area{padding-top:100px; padding-bottom:80px;}
.team-area .section-title{margin-bottom:30px;}
.service-box-single{margin-bottom:40px;}

.testimonial-area .section-title{margin-bottom:30px;}

.single-partner{margin-bottom:40px;}
.service-details-single-img{border-radius:10px; margin-bottom:30px; overflow:hidden;}
.service-details-single-img img {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.service-details-heading h2{text-transform:uppercase; margin-top:5px; margin-bottom:32px;}
.service-details-content h5{font-size:18px; line-height:25px; text-transform:uppercase;}
.service-details-content > h4{font-size:24px; line-height:25px; text-transform:uppercase;}
.service-details-content > p{margin-bottom:43px;}
.service-details-more .service-box-content{border:1px solid #f2f2f2; box-shadow:none;}
.service-details-more .service-box-content-text h4{text-transform:none;}
 
.justify-content-center .section-title{margin-bottom:20px;}
.counter-left .section-title{margin-bottom:10px;}
.counter-left .section-title h2{text-transform:none; padding-right:200px;}
.counter-inner{position:relative;}
.counter-content{background:#fff; box-shadow:0px 20px 40px rgba(16, 0, 71, 0.1); position:absolute; width:100%; overflow:hidden;}
.counter-content-left{padding:50px 70px 0px 50px;}
.counter-content-left .section-title h2{text-transform:none;}
.counter-content-left .section-title h2 span{color:#6639ff;}
.counter-content-left > p{margin-bottom:45px;}
.single-counter{width:50%; float:left; margin-bottom:40px;}
.single-counter-icon i{font-size:58px; color:#6639ff; line-height:1;}
.single-counter-icon{float:left; width:75px;}
.single-counter-text{overflow:hidden;}
.single-counter-text h3{font-size:36px; line-height:1; margin-bottom:0;}
.single-counter-text p{font-size:15px; font-weight:500;}

.dot-dot{position:absolute; top:0; right:0;}
.experience-text{text-align:center; width:120px; height:120px; background:#fff; box-shadow:0px 20px 40px rgba(16, 0, 71, 0.1); position:absolute; bottom:-35px; right:145px; display:flex; align-items:center; border-radius: 50%;}
.experience-text p{font-size:15px; font-weight:700; line-height:18px;}
.experience-text p span{font-size:32px; color:#6639ff; display:block; margin-bottom:10px;}
.counter-board-area{padding-top:100px; padding-bottom:50px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.counter-board-area:before{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:#040021; opacity:0.85;}
.counter-board-area.st-3{padding-top:0; padding-bottom:0;}
.counter-board-area.st-3:before{display:none;}
.counter-board-border{border-top:1px solid #ddd; padding-top:30px; padding-bottom:60px;}
.counter-board-border-about{border-top:1px solid #ddd; padding-top:30px; padding-bottom:0px;}
.counter-board-content{position:relative; z-index:5;}
.counter-board-single{text-align:center;}
.counter-board-single i{font-size:45px; color:#fff;}
.counter-board-single p{color:#fff; font-size:15px; font-weight:500; text-transform:uppercase;}
.counter-board-single.st-3 i{color: #ffc400;}
.counter-board-single.st-3 .counter-board-number{color:#333;}
.counter-board-single.st-3 p{color:#666;}
.counter-board-number{font-size:24px; font-weight:600; color:#fff; line-height:40px; margin-bottom:4px;}
.counter-board-number .odometer.odometer-auto-theme .odometer-digit, .counter-board-number .odometer.odometer-theme-default .odometer-digit{vertical-align:text-top;}
.counter-board-number .odometer.odometer-auto-theme, .counter-board-number .odometer.odometer-theme-default{line-height:1;}
 
.testimonial-area.st-1{padding-top:395px; background-repeat:no-repeat;}
.testimonial-area.st-2{padding-top:100px; padding-bottom:120px;}
.testimonial-area.st-3{padding-top:100px; padding-bottom:80px;}
.testimonial-right-img{padding-left:100px;}
.test-i-img{
  position: absolute;
  height: 296px;
  width: 216px;
  border-radius: 189px;
  border-bottom-left-radius: 0;
  z-index: 2;
  overflow: hidden;
  box-shadow: -30px -10px 30px rgba(16, 0, 71, 0.1);
  bottom: 63px;
  left: 30px;
  animation-name: test-i-img-move;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.testimonial-name h5{margin-bottom:0;}
.testimonial-name.st-3{display:inline-block; padding-top:5px;}
.testimonial-img{margin-bottom:18px; width:89px; height:89px; display:inline-block; border-radius:50%;}
.testimonial-img.st-3{height:54px; width:54px; margin-right:20px; float:left;}
.testimonial-review {
  height: 40px;
  width: 150px;
  text-align: center;
  border: 1px solid #6639ff;
  border-radius: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  background: #ffffff;
  transform: scale(0.7);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.testimonial-review li{font-size:15px; line-height:38px; color:#ffc400; display:inline-block; margin:0 1px;}
.swiper-slide-active .testimonial-review{transform:scale(1);}
.testimonial-review.st-3{position:static; transform:none; border:none; text-align:left; margin-bottom:20px; height:auto; margin-left:0;}
.testimonial-review.st-3 li{line-height:1;}
.testimonial-review.st-3 li:first-child{margin-left:0;}
.member-img{position:relative; border-radius:20px; overflow:hidden; background:#eee; height:auto; }
.member-img:before {
  position:absolute; content:""; width:100%; height:0%; bottom:0; background:#ffc400; opacity:0.9;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.member-img img{width:100%;}
.member-img span{position:absolute; font-size:100px; color:#fff; left:50%; right:50%; top:30%; z-index:3; margin-left:-50px; opacity:0;-webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s; display:none;}
.member-img.st-3{padding-bottom:20px; position:absolute; bottom:165px; width:100%;}
.member-img.st-3:before{background:none;}
.member-img-bg{
  position:absolute; z-index:-1; top:2px; left:8px; right:2px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.member-name {
  height:90px; margin-left:auto; margin-right:auto; padding:22px 25px 20px; border-radius:10px; margin-top:-50px; position:relative; z-index:2; width:220px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.member-name h5{font-size:18px; font-weight:500; margin-bottom:3px;}
.member-name h5:hover a{opacity:0.8;}
.member-name span{font-size:14px; font-weight:400;}
.member-name-bg{position:absolute; top:0; left:0; z-index:-1;}
.member-name-bg img {
  max-width: inherit;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.member-name-bg img:last-child{display:none;}
.member-name.st-3{height:auto; margin-left:auto; margin-right:auto; background:none; padding:200px 0 30px 0; border-radius:0; position:static; text-align:center; margin-top:100px;}
.member-name.st-3 h5{font-size:18px; font-weight:500; margin-bottom:3px;}
.member-name.st-3 h5:hover a{color:#040021;}
.member-social{position:absolute; top:-31px; left:22px; color:#fff; height:39px; width:39px; background:#600f15; text-align:center; line-height:40px; border-radius:50%; cursor: pointer;}
.member-social:hover .member-social-icons{transform:translateY(-87%); opacity:1; visibility:visible;}
.member-social > i{font-size:16px;}
.member-social-icons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-40%) scale(0);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding-bottom: 40px;
  opacity: 0;
  visibility: hidden;
}

.member-social-icons.st-3 {
  position: static; transform:none; padding-bottom:0; margin-top:27px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.member-social-icons.st-3 li{display:inline-block; margin:0 4px;}
.member-social-icons.st-3 li a{width:35px; height:35px; border:1px solid #8f98a8; text-align:center; line-height:33px; color:#b6bac2; background:#fff; border-radius:50%; display: inline-block;
}
.member-social-icons.st-3 li a:hover{color:#040021; background:#ffc400; border-color:#ffc400;}
.team-p-members .member-social-icons{display:block;}
.team-right{margin-top:45px;}
.team-right .grb-btn{font-size:15px; font-weight:500;}
.team-member:hover .member-img span{opacity:1; }
.tzz_gg{width:94%; margin:0px auto 50px auto;}
.tzz_gg li{margin-bottom:20px;}
.tzz_gg h3{font-size:20px; font-weight:normal; line-height:30px;}
.tzz_gg li:hover h3 a{color:#ffc400; text-decoration:underline;}
.tzz_gg p{font-size:14px; line-height:24px; color:#666; margin-bottom:20px;}
.tzz_gg span{color:#ffc400; font-size:20px;}
.xian{width:100%; height:2px; background:#ddd; margin-top:10px;}
.tzz_gg li:hover .xian{background:#ffc400;}
.message{width:90%; margin:0px auto;}


.blog-single{background:#fff; padding:20px 20px; box-shadow:0 10px 20px rgba(16, 0, 71, 0.1); margin-bottom:30px;}
.blog-single:hover .blog-img img{transform:scale(1.1);}
.blog-single.st-2 {
  background:#fff; padding:0; box-shadow:none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.blog-single.st-2:hover{box-shadow:0 10px 20px rgba(16, 0, 71, 0.1);}
.blog-single.st-2:hover .blog-img img{transform:scale(1.1);}
.blog-single.st-2 .blog-img{margin-bottom:15px; overflow:hidden; position:relative;}
.blog-single.st-2 .blog-img img {
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
.blog-img{margin-bottom:18px; overflow:hidden;}
.blog-img img {
  width: 100%;
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
.blog-content h4 a{font-size:16px; line-height:26px;}
.blog-content h4 a:hover{color:#600f14;}
.blog-content p{margin-bottom:33px;}
.blog-content.st-2{padding:0 20px; padding-bottom:20px;}
.blog-content.st-2 h4{margin-top:10px; margin-bottom:10px; font-weight:normal;}
.blog-content.st-2 h4 a:hover{color:#600f14;}
.blog-content.st-2 p{margin-bottom:33px;}
.blog-content.st-2 .read-btn{color:#666;}
.blog-single:hover .blog-content h4 a{color:#eaa42f;}
.blog-single:hover .read-btn{color:#eaa42f;}

.read-btn{font-size:14px; color:#666; display:inline-block; margin-bottom:5px; margin-top:10px;}
.read-btn:hover{color:#eaa42f;}
.blog-date{background:#ffc400; border-radius:0 10px 0 10px; text-align:center; padding:8px 10px; position:absolute; bottom:0; right:0; z-index:5;}
.blog-date i{display:block; font-size:20px; color:#040021;}
.blog-date span{font-size: 20px; line-height:30px; color: #040021; display: inline-block;}
.blog-date p{font-size:13px; font-weight:400; color:#040021; line-height:1;}
.blog-date-shape{position:absolute; z-index:-1; right:-1px; top:0;}
.blog-date.st-2{background:#ffc400; border-radius:3px; padding:5px 15px; right:auto; left:20px; position:absolute;}
.blog-date.st-2 i{display:none;}
.blog-date.st-2 span{font-size:16px; line-height:30px; color:#fff; display:inline-block;}
.blog-date.st-2 p{color:#fff; text-transform:uppercase;}

.blog-date.bms-date{position:static; border-radius:3px; height:100px; width:100px; margin-right:30px; float:left;}
.blog-date.bms-date i{font-size:22px; font-weight:700;}
.blog-date.bms-date span {font-size:30px; font-weight:700; margin-top:10px;}
.blog-date.bms-date p{font-size:15px; font-weight:500;}

.bs-widget{border:1px solid #e8e8e8; padding:25px 30px; max-width:585px;}
.sidebar-search{padding:30px; background:#efefef;}
.sidebar-search .search-form{margin-top:0;}
.bs-widget.sidebar-search{border:0;}


.bs-widget.widget-tag{padding-bottom:15px;}
.bs-tags li{display:inline-block;}
.grb-tag {border:1px solid #e8e8e8; padding:0 17px; font-size:15px; font-weight:400; height:35px; line-height:33px; margin-bottom:15px; margin-right:15px; display:inline-block; border-radius: 2px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.grb-tag:hover{color:#fff; background:#6639ff; border-color:#6639ff;}
.bs-widget.bs-ad-container{border:0; padding:0;}
.bs-ad-inner::before{position:absolute; content:""; width:100%; height:100%; top:0; left:0; background:#11004b; opacity:0.8;}
.bs-ad-inner-content {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.bm-details .bms-date{display:none;}


.bcb-2{background:#ffc400;}

.form input{background:#f8f8f8; color:#333; height: 60px; width: 100%; padding: 10px 20px; font-size: 16px; line-height: 26px; border: 1px solid #ddd;}
.form input:focus{border-color:#eaa42f;}
.form textarea{background:#f8f8f8; padding:20px 20px; width:100%; resize:none; font-size:16px; line-height:26px; height:285px; border:1px solid #ddd;}
.form textarea:focus{border-color:#eaa42f;}
.form button{color:#fff; padding:0 40px; height:50px; line-height:50px; background:#ffc400; font-size:16px; font-weight:500; display:inline-block; border:0; position: relative; overflow:hidden; float:right;}
.form button i{margin-right:10px;}
.form button:before{background-color:#fff; content:""; height:150px; left:-75px; position:absolute; top:-35px; transform:rotate(35deg); transition:all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width:40px; opacity:0;}

.form button:hover:before{left:120%; transition:all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity:0.25;}
.contact-map-area{height:620px;}
.contact-map-area iframe{height:100%; width:100%;}
.fanye{margin-top:20px;}
.fanye a{text-decoration:underline; font-size:14px;}
.fanye a:hover{color:#eaa42f; line-height:26px;}

.page-title-area{padding-top:230px;padding-bottom:160px; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:1;}
.page-title-area:before{position:absolute; content:""; width:100%; height:100%; top:0; left:0; background:#1f0a10; opacity:0.7; z-index:-1;}
.page-title-heading{width:30%; height:auto; margin:0 auto; position:relative;}
.page-title-heading h3{font-size:32px; color:#fff; text-transform:uppercase; line-height:50px; margin-bottom:0px;}
.grb-breadcrumb{position:absolute; z-index:5; bottom:-30px; left:0; right:0; margin:0 auto; display:inline-block;}
.breadcrumb{background:#fff; padding:19px 5px; margin-bottom:0; box-shadow:0px 5px 10px rgba(16, 0, 71, 0.1); display:inline-flex;}


.page-title-field{background-attachment:fixed; background-position:center center; background-size:cover; background-color:transparent; min-height:100%; height:960px;}
.page-title-field:before{position:absolute; content:""; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.2; z-index:1;}
.tz_bg{position:relative; width:100%; height:100%;}
.page-title-field .znzz{margin:300px auto; position:relative; z-index:3; width:70%; height:auto; padding:100px; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.2); overflow:hidden;}
.page-title-field .znzz h3{color:#fff; font-size:36px; margin-bottom:20px; position:relative;}
.page-title-field .znzz p{color:#fff; font-size:18px; line-height:30px;}
.page-title-field .znzz h3:before{content:""; width:72px; height:3px; background-color:#ffc400; position:absolute; left:0px; bottom:-10px;}
.page-title-field .znzz span{color:#ffc400; font-size:80px;}


/*.banaxian{width:30px; height:3px; margin-top:0px; margin-bottom:15px; background-color:#fff;}*/
/*.page-title-heading span{color:#fff; font-size:20px; font-family:arial; line-height:40px;}*/
.page-title-heading p{color:#eee;}
.btg-text{font-size:120px; font-family:"Oswald", sans-serif; font-weight:700; text-transform:uppercase; line-height:1; text-align:center; position:absolute; left:50%; top:60%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  z-index: -1;
  opacity: 0.2;
}
.btg-text-news{font-size:120px; font-family:"Oswald", sans-serif; font-weight:700; text-transform:uppercase; line-height:1; text-align:center; position:absolute; left:50%; top:60%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  z-index: -1;
  opacity: 0.2;
}
.daohang_top{height:60px;}
.daohang_left{width:50%; float:left; line-height:60px;}
.daohang_left span{margin-right:8px; color:#eaa42f; font-size:20px; display:inline-block;}
.daohang_left i{color:#eaa42f; font-style:normal;}
.daohang_right{width:50%; float:right; line-height:60px; text-align:right;}
.daohang_right a{margin:0px; line-height:60px; height:60px; display:inline-block; font-size:16px; padding:0 30px;}
.daohang_right a:hover{color:#fff; background:#eaa42f;}
.daohang_top .daohang_nav{border-bottom:1px solid #ccc; overflow:hidden;}
.daohang_right .on{color:#fff; background:#eaa42f; }
.tuandui{width:88%; margin:0 auto;}
.tuandui_bg{position:relative; background-repeat:no-repeat; background-size:cover; background-position:left bottom; height:auto; padding:20px 40px 40px 40px; overflow:hidden; margin-bottom:20px;}
.tuandui_left{position:relative; text-align:center;}
.tuandui_left .tuandui_yuan{position:relative; overflow:hidden; background-size:cover; background-position:center center; height:330px; width:330px; margin:20px auto; border-radius:50%;}
.tuandui_left .tuandui_tp{position:relative; z-index:1;}
.tuandui_bg h3{color:#ffc400; margin-top:50px; margin-bottom:20px; font-size:36px;}
.tuandui_bg p{color:#fff; line-height:26px;}
.tuandui_bg span{font-size:18px;}
.tuandui .tuandui_pdd{margin-bottom:30px;}
.touzi h3{font-size:20px; line-height:30px;}
.touzi_linian_one .touzi_right{position:relative; height:150px;}
.touzi{width:100%; margin:0px auto;}
.touzi_linian_one .touzi_right .touzi_fudong{position:absolute; background:rgba(255, 255, 255, 0.9); width:120%; height:auto; z-index:3; top:40%; right:0px; padding-left:50px; padding-top:50px; padding-bottom:50px;}
.touzi_linian_one {margin-bottom:50px;}
.touzi_linian_tow {margin-bottom:50px;}
.touzi_linian_tow .touzi_right{position:relative; height:150px;}
.touzi_linian_tow .touzi_right .touzi_fudong{position:absolute; background:rgba(255, 255, 255, 0.9); width:120%; height:auto; z-index:3; top:40%; left:15px; padding-right:50px; padding-top:50px; padding-bottom:50px;}

.touzi_linian_tow .touzi_left{float:right;}

/*
新闻
*/

.news{margin-bottom:20px;}
.news .news_bei{padding:20px; overflow:hidden; border-bottom:1px dashed #ccc; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.news .news_bei span{color:#999; line-height:30px;}
.news_img{margin-top:20px;}
.news_bei h3{font-size:20px; line-height:30px;}
.news .news_bei:hover{background:#eaa42f; overflow:hidden;}
.news .news_bei:hover h3{color:#fff;}
.news .news_bei:hover span{color:#fff;}
.news .news_bei:hover p{color:#fff;}
.news .news_bei:hover .read-btn{color:#fff;}
.news_list{margin-bottom:50px;}
.news_details h3{line-height:36px; font-size:24px;}
.news_details .xinxi{color:#666; font-size:14px;}
.news_details .news_con{line-height:26px; width:94%; height:auto; margin:0 auto;}
.news_top{margin-bottom:20px;}

/*
地图
*/

.my-map { margin:0 auto; width:100%; height:450px; border:1px solid #ddd; padding:10px;}
.my-map .icon { background:url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } 
.my-map .icon-cir { height: 31px; width: 28px; } 
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


/*
站内搜索
*/
.nav-search{position:relative; display:block; color:inherit;}
.search-wrap{width:100%; height:100%; overflow:hidden; display:none; position:fixed; top:0; left:0; z-index:900; background:rgba(0, 0, 0, 0.9);}
.search-wrap .search-inner{position:relative; width:100%; height:100%;}
.search-wrap .search-cell{position:absolute; top:50%; width:100%; transform:translateY(-50%);}
.search-wrap .search-field-holder{width:50%; margin:auto; position:relative; animation:slideInUp 0.3s;}
.search-wrap .main-search-input{width:100%; height:70px; border:0; padding:0 50px; text-transform:uppercase; background:transparent; font-size:18px; color:#fff; border-bottom:2px solid #898989; text-align:center; letter-spacing:2px;}
.search-wrap input.form-control,
.search-wrap input.form-control:focus{background-color:#fff;}
input.main-search-input::placeholder{color:#fff; opacity:1; font-size:25px;}
.search-close{position:absolute; top:50px; right:50px; font-size:30px; color:#fff; cursor:pointer;}
.search-field-holder i{font-size:24px;}

/*
网站底部
*/
.footer-area{background:#1f0a10; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; padding-top:60px; padding-bottom:60px;}
.footer-area::before{position:absolute; top:0; left:0; bottom:0; right:0; content:""; background-color:#1f0a10; opacity:.96;}
.footer-area .bottom_con{position:relative; z-index:1; }
.footer-list img{max-width:40%; display:block;}
.footer-area .footer-widget{padding-top:45px;}
.footer-area .footer-widget-logo{padding-top:0px;}
.footer-area .footer-widget-logo p{color:#ddd; line-height:28px; font-size:15px;}
.footer-widget p{color:#ddd; line-height:28px; font-size:15px;}
.footer-widget-title h4{color:#fff; line-height:1; font-size:18px; font-weight:500; text-transform:uppercase; margin-bottom:40px;}
.footer-list li{color:#ddd; font-weight:400; margin-top:12px;}
.footer-list li a:hover{color:#fff;}
.footer-list.st-2 li{font-size:15px;}
.footer-list.st-3 li{position:relative; overflow:hidden;}
.footer-list.st-3 li:hover a{padding-left: 24px;}
.footer-list.st-3 li:hover:before{opacity:1; visibility:visible; left:0;}
.footer-list.st-3 li:before {
  position: absolute; content: ""; width: 12px; height: 12px; border: 2px solid #ffc400; border-radius: 50%; left: -10px; top: 5px; opacity: 0; visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.footer-widget h3{color:#fff; font-size:20px;}
.question-area{margin-bottom: 25px;}
.footer-logo{margin-bottom:22px;}
.footer-logo img{max-width:50%;}

.tuandui_right{float:right; position:relative;}
.tuandui_right .tuandui_yuan{position:relative; overflow:hidden; background-size:cover; background-position:center center; height:330px; width:330px; margin:20px auto; border-radius:50%; text-align:right; }
.input-bottom{margin-bottom:20px;}
/*
首页弹窗
*/
.idxtips{background: rgba(0,0,0,.5);position:fixed; width:100%; height:100%; top:0; left:0; z-index:10; display:none;}
.idxtipsbox{width:60%; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; padding:50px;text-indent: 2em;}
.idxtipsbox .title{font-size:26px; color:#333; text-align:center; line-height:50px; margin-bottom:20px;}
.idxtipsbox .content{font-size:15px; color:#333; line-height:26px; max-height:50vh; overflow-y:auto;}
.idxtipsbox .btnbox p{line-height:26px; font-size:15px; color:#333; text-align:center;}
.idxtipsbox .btnbox .item{width:100px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#333; display:inline-block; vertical-align:middle; cursor: pointer; transition:all .3s ease-in-out; border-radius:5px;}
.idxtipsbox .btnbox .item:hover{background:#ff0000; color:#fff}
.btnafter{display:none}
.idxtipsbox .btnbox{text-align:center; margin-top:20px;}

/*
团队介绍
*/
.team-tuandui h3{margin-top:20px; line-height:30px; font-size:18px; margin-bottom:0px;}
.team-tuandui{margin-bottom:20px;}


