/**
* Template Name: QuickStart
* Template URL: https://bootstrapmade.com/quickstart-bootstrap-startup-website-template/
* Updated: May 18 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
/* Fonts */
:root {
  --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Nunito", PingFang SC;
  --nav-font: "Inter", PingFang SC;
}

/* Global Colors */
:root {
  /* Background Color - This color is applied to the background of the entire website as well as individual sections. */
  --background-color: #ffffff;

  /* Default Color - This is the default color used for the majority of the text content. */
  --default-color: #3d4348;

  /* Heading Color - This color is used for titles, headings and secondary elements. */
  --heading-color: #3e5055;

  /* Accent Color - This is the main accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out. */
  --accent-color: #388da8;

  /* Contrast Color - This is a color used for text when the background color is one of the heading, accent, or default colors. Its purpose is to ensure proper contrast and readability when placed over these more dominant colors. */
  --contrast-color: #ffffff;
}

/* Nav Menu Colors */
:root {
  /* Nav Color - This is the default color of the main navmenu links. */
  --nav-color: #313336;

  /* Nav Hover Color - This color is applied to main navmenu links when they are hovered over. */
  --nav-hover-color: #1685FF;

  /* Nav Dropdown Background Color - This color is used as the background for dropdown boxes that appear when hovering over primary navigation items. */
  --nav-dropdown-background-color: #ffffff;

  /* Nav Dropdown Color - This color is used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-color: #313336;

  /* Nav Dropdown Hover Color - Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
  --nav-dropdown-hover-color: #77b6ca;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}

.hide{
	display:none;
}
/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 10px 0;
  transition: all 0.5s;
  z-index: 997;
}

.header .logo {
  line-height: 1;
}

.header .logo img {
  max-height: 36px;
  margin-right: 8px;
}

.header .logo h1 {
  font-size: 30px;
  margin: 0;
  font-weight: 700;
  color: var(--heading-color);
}

@media (max-width: 480px) {
  .header .logo img {
    max-height: 24px;
  }

  .header .logo h1 {
    font-size: 24px;
  }
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-size: 14px;
  padding: 8px 25px;
  margin: 0 0 0 30px;
  border-radius: 50px;
  transition: 0.3s;
}

.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
}

@media (max-width: 1200px) {
  .header .logo {
    order: 1;
  }

  .header .btn-getstarted {
    order: 2;
    margin: 0 15px 0 0;
    padding: 6px 15px;
  }

  .header .navmenu {
    order: 3;
  }
}

.scrolled .header {
  box-shadow: 0px 0 18px color-mix(in srgb, var(--default-color), transparent 85%);
}

/* Index Page Header
------------------------------*/
.index-page .header {
  --background-color: rgba(255, 255, 255, 0);
}

/* Index Page Header on Scroll
------------------------------*/
.index-page.scrolled .header {
  --background-color: #ffffff;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
  .navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navmenu li {
    position: relative;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-color);
    padding: 18px 15px;
    font-size: 16px;
    font-family: var(--nav-font);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }

  .navmenu li:last-child a {
    padding-right: 0;
  }

  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-hover-color);
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 85%);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: var(--nav-dropdown-color);
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }

  .navmenu .megamenu {
    position: static;
  }

  .navmenu .megamenu ul {
    margin: 0;
    padding: 10px;
    background: var(--nav-dropdown-background-color);
    box-shadow: 0px 0px 20px color-mix(in srgb, var(--default-color), transparent 90%);
    position: absolute;
    top: 130%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    display: flex;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
  }

  .navmenu .megamenu ul li {
    flex: 1;
  }

  .navmenu .megamenu ul li a,
  .navmenu .megamenu ul li:hover>a {
    padding: 10px 20px;
    font-size: 15px;
    color: var(--nav-dropdown-color);
  }

  .navmenu .megamenu ul li a:hover,
  .navmenu .megamenu ul li .active,
  .navmenu .megamenu ul li .active:hover {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .megamenu:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
}

/* Mobile Navigation */
@media (max-width: 1199px) {
  .mobile-nav-toggle {
    color: var(--nav-color);
    font-size: 28px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;
  }

  .navmenu {
    padding: 0;
    z-index: 9997;
  }

  .navmenu ul {
    display: none;
    position: absolute;
    inset: 60px 20px 20px 20px;
    padding: 10px 0;
    margin: 0;
    border-radius: 6px;
    background-color: var(--nav-dropdown-background-color);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
    box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 90%);
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-dropdown-color);
    padding: 10px 20px;
    font-family: var(--nav-font);
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  }

  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }

  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    transform: rotate(180deg);
  }

  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    transition: all 0.5s ease-in-out;
    box-shadow: none;
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .dropdown>.dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 32px;
    top: 15px;
    right: 15px;
    margin-right: 0;
    z-index: 9999;
  }

  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }

  .mobile-nav-active .navmenu>ul {
    display: block;
  }
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
  --background-color: color-mix(in srgb, var(--accent-color), transparent 97%);
  color: var(--default-color);
  background-color: var(--background-color);
  font-size: 14px;
  position: relative;
}

.footer .footer-top {
  padding-top: 40px;
}

.footer .footer-about .logo {
  line-height: 1;
  margin-bottom: 25px;
}

.footer .footer-about .logo img {
  max-height: 40px;
  margin-right: 6px;
}

.footer .footer-about .logo span {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: var(--heading-font);
  color: var(--heading-color);
}

.footer .footer-about p {
  font-size: 14px;
  font-family: var(--heading-font);
}

.footer .credits a {
	color: #888686;
}

.footer .credits a:hover {
	color: #888686;
}
  
.footer .copyright {
  padding-top: 25px;
  padding-bottom: 25px;
	margin-top: 25px;
	color: #888686;
  border-top: 1px solid #393838;
}

.footer .copyright p {
  margin-bottom: 0;
}

.footer .credits {
  margin-top: 6px;
  font-size: 13px;
}

.footer{
	background:#20222E
} 
.footer .img-qrcode{
	width: 100px
}
.footer .footer-contact-text{
	color: #888686;
	padding-left: 8px;
	padding-top: 6px;
}
.footer .fc{
	padding-top:26px;
	text-align:left;
}
.footer .footer-contact-title{
	color: #888686;
}
.footer .footer-contact-type{
	padding:15px 0;
}
.footer .footer-contact-content{
	color:#fff;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: var(--background-color);
  transition: all 0.6s ease-out;
  width: 100%;
  height: 100vh;
}

#preloader:before,
#preloader:after {
  content: "";
  position: absolute;
  border: 4px solid var(--accent-color);
  border-radius: 50%;
  animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
  animation-delay: -0.5s;
}

@keyframes animate-preloader {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }

  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  right: 15px;
  bottom: 130px;
  z-index: 99999;
  background-color: #fff;
  width: 42px;
  border-radius: 20px;
  transition: all 0.4s;
	font-size: 12px;
  text-align: center;
  padding: 11px 0;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.3);
}

.scroll-top .scroll-item{
	border-bottom: 1px solid;
	padding: 4px 0;
	cursor:pointer;
	line-height: 14px;
	border-image: linear-gradient(to right, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.4), rgba(102, 102, 102, 0)) 1;
}

.scroll-top .scroll-item-top{
	background-image:url("../img/top.png");
	width:42px;
	cursor:pointer;
	height: 26px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 40%;
}
 
.cs{
	
}
.cs .cs-title{
	margin: 20px 0px 6px 0;
	font-size: 26px;
	color: #000;
}
.cs .cs-desc{
	font-size: 14px;
  color: #888;
}
.cs .cs-img{
	width: 140px;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 20px 0 6px 0;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
  --background-color: color-mix(in srgb, var(--default-color), transparent 96%);
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 25px 0;
  position: relative;
}

.page-title h1 {
  font-size: 24px;
  font-weight: 700;
}

.page-title .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.page-title .breadcrumbs ol li+li {
  padding-left: 10px;
}

.page-title .breadcrumbs ol li+li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 60px 0;
  scroll-margin-top: 100px;
  overflow: clip;
}

@media (max-width: 1199px) {

  section,
  .section {
    scroll-margin-top: 66px;
  }
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
  text-align: center;
  padding-bottom: 10px;
  position: relative;
}

.section-title h2 {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.section-title h2:after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 100px 0 40px 0;
  display: flex;
  overflow: hidden;
}
.hero .hero-bg{
	height: 700px;
}
.hero .hero-bg img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.hero .hero-bg::before {
  content: "";
  background: color-mix(in srgb, var(--background-color), transparent 60%);
  position: absolute;
  inset: 0;
  z-index: 2;
}

.hero .container {
  position: relative;
  z-index: 3;    
	top: 160px;
  left: 10%;
}

.hero h1 {
  margin: 0;
	font-family: "FZLanTingHeiS-EB-GB";
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}

.hero h1 span {
  color: #1685FF;
}
.hero h1 text {
  margin:0 15px;
}

.hero p {
  color: #343434;
  margin: 5px 0 30px 0;
  font-size: 24px;
  font-weight: 400;
}

.hero .detail {
  color: #969696;
  font-size: 20px;
}

@media (min-width: 768px) {
  .hero .hero-img {
    max-width: 600px;
  }
}

.hero .btn-get-started {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-family: var(--heading-font);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  border-radius: 50px;
  transition: 0.5s;
  box-shadow: 0 8px 28px color-mix(in srgb, var(--accent-color), transparent 80%);
}

.hero .btn-get-started:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  box-shadow: 0 8px 28px color-mix(in srgb, var(--accent-color), transparent 55%);
}

.hero .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  color: var(--default-color);
  font-weight: 600;
}

.hero .btn-watch-video i {
  color: var(--accent-color);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero .btn-watch-video:hover {
  color: var(--accent-color);
}

.hero .btn-watch-video:hover i {
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
}

@media (max-width: 640px) {
  .hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .hero p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  .hero .btn-get-started,
  .hero .btn-watch-video {
    font-size: 13px;
  }
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about {
  padding-bottom: 20px;
	background:url("../img/about-bg.jpg");
	background-repeat:no-repeat;
	background-size:100%
}
.about .nav-tabs {
  border: 0;
}

.about .nav-item {
  margin-bottom: 15px;
	padding:0;
}

.about .nav-item:last-child {
  margin-bottom: 0;
}

.about .nav-link {
  color: #616161;
	font-size:20px;
  border: 0;
  transition: 0.3s;
  display: flex;
  cursor: pointer;    
	height: 260px;
	align-items:end;
	background-repeat:no-repeat;
	background-size: 50%;
  background-position: 50% 0;
	border-bottom-width:8px;
	border-bottom-style:solid;
	border-bottom-color: #EAF3FE;
} 
 
.about .nav-link:hover {
	background-color:transparent;
	border-bottom-color: #b2cdee;
}

.about .nav-link.active {
  color: #1A1A1A;
  border-bottom-color: #1685FF;
	background-color:transparent;
}
.about .section-title h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.about .nav-text{
	text-align:center;
	width:100%;
	margin:10px 0;
}
.about .tab-content-top{
	margin-top: 30px;
}
.about .nav-rally{
	background-image:url("../img/p-rally.png");
}
.about .nav-road{
	background-image:url("../img/p-road.png");
}
.about .nav-contestant{
	background-image:url("../img/p-contestant.png");
}

.about .rally-title{
	color:#0078FC;
	font-size:20px;
	padding:10px 0px;
}
.about .rally-desc{
	text-indent:32px;
	margin-bottom:60px;
}
.about .col-lg-6{
	padding-left:20px;
	padding-right:20px;
}
.about .road-desc{
	text-indent:32px;
	margin-bottom:30px;
}
.about .timeline {
  border-left: 1px solid hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
}

.about .timeline .timeline-item {
  position: relative;
}

.about .timeline .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.about .timeline .timeline-item:after {
	background-color: #1685FF;
	left: -42px;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	content: "";
	border: 4px solid #DAECFF;
}

.about .rally-main-pic{
	width:100%;
	margin-bottom:30px;
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.col-lg-4-8 {
		flex: 0 0 auto;
		width: 20%;
}

.features{
	background:url("../img/es-bg.jpg");
	background-repeat:no-repeat;
	background-size:100%
}

.features .es-item{
	background-repeat:no-repeat;
	background-size: 100%;
	color:#FFFFFF;
  border-radius: 4px;
	box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.3);
}

.features .es-item .es-item-mask{
	width:100%;
	padding:20px;
	height: 576px;    
	border: 2px solid #fff;
  border-radius: 4px;
}
.features .es-item .es-mask1{
	background-image: linear-gradient(180deg, #00A3FE 0%, rgba(68,130,211,0.00) 100%);
}
.features .es-item .es-mask2{
	background-image: linear-gradient(180deg, #304C95 0%, rgba(68,130,211,0.00) 100%);
}
.features .es-item .es-mask3{
	background-image: linear-gradient(180deg, #2773E7 0%, rgba(68,130,211,0.00) 100%);
}
.features .es-item .es-mask4{
	background-image: linear-gradient(180deg, #0FBACD 0%, rgba(68,130,211,0.00) 100%);
}
.features .es-item .es-mask5{
	background-image: linear-gradient(180deg, #4482D3 0%, rgba(68,130,211,0.00) 100%);
}

.features .es-item h3{
  margin-bottom: 20px;
	color:#FFFFFF;
  font-size: 20px;
}

.features .es-item .description{
	text-indent:32px;
}

.features .bg1{
	background-image:url("../img/es-1.png");
}
.features .bg2{
	background-image:url("../img/es-2.png");
}
.features .bg3{
	background-image:url("../img/es-3.png");
}
.features .bg4{
	background-image:url("../img/es-4.png");
}
.features .bg5{
	background-image:url("../img/es-5.png");
}
.features .es-item .es-mask{
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
}
.features .es-mask-nav{
	padding-top: 130px;
	width: 140px;
  margin: 0 auto;
	height: 290px;
}
.features .es-mask-nav h3{
	height: 32px;
	border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1),rgba(255, 255, 255, 0)) 1;
	border-bottom: 1px solid;
	background: linear-gradient(to right, #818181, #D0D0D0,#C4C4C4);
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
	font-size:16px;
}
.features .es-mask-more{
	padding-top: 140px;
}
.features .es-mask-more div{
	padding:10px 0px;
	font-size:18px;
	cursor: pointer;
}
.features .es-mask-more span{
	margin-left:6px;
}
.features .es-mask-nomenu{
	padding-top: 220px;
}


.dialog-contact{
	width:580px;
	
}
.dialog-close{
	width: 1.2em;
	height: 1.2em;
	margin-top: 23px;
	margin-right: 20px;
	font-size: 1.5em;
	color: #000;
}
.dialog-container{
	background-image:url('../img/esd-bg.png');
	background-repeat:no-repeat;
	background-size:100%;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
}
.dialog-container .contact-dialog-logo{
	background-image:url('../img/logo_2.png');
	background-repeat:no-repeat;
	width: 50px;
	height: 64px;
  background-size: 100%;
}

.dialog-container h4{
	text-align: left;
	color: #000;
	font-weight: 560;
	padding-top: 14px;
}
.contact-dialog-form{
	margin-top: 30px;
	padding: 0 10px;
	font-size: 18px;
}
.contact-dialog-form .form-group{
	padding:6px 0;
}
.dialog-confirm-btn{
	width:400px;
	background-color: #1685FF;
}
.no-padding{
	padding-left:0px;
	padding-right:0px;
}
.swal2-container .dialog-popup{
	background:#FAFAFA;
	padding:0;
}
.swal2-container .dialog-esd-container{
	padding:0;
}

.es-more-container .nav-tabs-wrap {
}

.es-more-container .nav-tabs {
  border: 0;
	width:60%;
  margin:0 auto;
}

.es-more-container .nav-item {
  margin-bottom: 15px;
	padding:0;
}

.es-more-container .nav-item:last-child {
  margin-bottom: 0;
}

.es-more-container .nav-link {
  color: #616161;
	font-size:20px;
  border: 0;
  transition: 0.3s;
  display: flex;
  cursor: pointer; 
	align-items:end;
	background-repeat:no-repeat;
	background-size: 50%;
  background-position: 50% 0;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color: #D4D4D9;
} 
 
.es-more-container .nav-link:hover {
	background-color:transparent;
	border-bottom-color: #a0a1a3;
}

.es-more-container .nav-link.active {
  color: #1A1A1A;
  border-bottom-color: #282829;
	background-color:transparent;
} 
.es-more-container .nav-text{
	text-align:center;
	width:100%;
	margin:10px 0;
}
.es-more-container .tab-content-top{
	margin-top: 20px;
} 
.es-more-container .esd-rally-title{
	color: #000000;
	width:60%;
  margin:0 auto;
	padding-bottom: 20px;
}
.es-more-container .esd-rally-content{
	background:#FFF;
	padding: 30px 10% 0 10%;
	text-align:left;
	overflow-y:auto;
}
.es-more-container .esd-rally-desc{
	color:#000;
	font-size:36px;
	margin-bottom:15px;
}
.es-more-container .esd-rally-simple{
	color:#bbb;
	margin-bottom:15px;
}
.es-more-container .esd-rally-line{
	padding-bottom:20px;
}
.es-more-container .esd-road-content{
	text-align:center;
}
/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services {
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#000;
	color:#AFAFAF;
}

.ex-bg-1{
	background-image:url("../img/ex-daji-bg.jpg");
}

.ex-bg-2{
	background-image:url("../img/ex-hancheng-bg.jpg");
}

.ex-bg-3{
	background-image:url("../img/ex-ktm-bg.jpg");
}

.ex-bg-4{
	background-image:url("../img/ex-laoyeche-bg.jpg");
}

.ex-bg-5{
	background-image:url("../img/ex-zhongrui-bg.jpg");
}

.services .section-title h2 {
	color: #fff;
}

.services .nav-tabs {
  border: 0;
  margin:0 auto;
}

.services .nav-item {
  margin-bottom: 15px;
	padding:0;
}

.services .nav-item:last-child {
  margin-bottom: 0;
}

.services .nav-link {
  color: #AFAFAF;
	font-size:20px;
  border: 0;
  transition: 0.3s;
  display: flex;
  cursor: pointer; 
	align-items:end;
	line-height: 34px;
	background-repeat:no-repeat;
	background-size: 50%;
  background-position: 50% 0;
	border-bottom-width:4px;
	border-bottom-style:solid;
	border-bottom-color: #1d1d1d;
} 
 
.services .nav-link:hover {
	background-color:transparent;
	border-bottom-color: #7f7d7d;
}

.services .nav-link.active {
  color: #AFAFAF;
  font-size: 0px;
  border-bottom-color: #D21414;
	background-color:transparent;
} 

.services .ex-nav-daji.active {
	background-image:url("../img/ex-daji-logo.png");
} 
.services .ex-nav-laoyeche.active {
	background-image:url("../img/ex-laoyeche-logo.png");
	background-size: 30%;
	color: #FEDA00;
  border-bottom-color: #FEDA00;
} 
.services .ex-nav-41.active {
	background-image:url("../img/ex-41-logo.png");
	background-size: 30%;
	color: #FEDA00;
  border-bottom-color: #DE0012;
} 
.services .ex-nav-hangcheng.active {
	background-image:url("../img/ex-hangcheng-logo.png");
  border-bottom-color: #DE0012;
} 
.services .ex-nav-ktm.active {
	background-image:url("../img/ex-ktm-logo.png");
	 border-bottom-color: #F66015;
} 
.services .ex-nav-zhongrui.active {
	background-image:url("../img/ex-zhongrui-logo.png");
} 
.services .nav-text{
	text-align:center;
	width:100%;
	margin:10px 0;
}
.services .tab-content-top{
	margin-top: 20px;
} 

.services .ex-title{
	text-align:center;
	font-size:24px;
	font-weight:560;
	margin-bottom:20px;
}

.services .ex-dj-title{
	background: linear-gradient(to right, #FF8120, #FF1C1C);
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}

.services .ex-ly-title{
	color:#fff;
}

.services .ex-hc-title{
	background-image: linear-gradient(90deg, #990000 0%, #D52424 16%, #FF0000 50%, #C03928 74%, #920202 100%);
	font-style: italic;
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
	font-size:46px;
}

.services .ex-ktm-title{
	background-image: linear-gradient(90deg, ##F66015, ##FF9058, ##F66015);
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
	font-size:24px;
}

.services .ex-daji-img{
	margin:20px 0;
}

.services .ex-desc{
	text-indent:32px;
}

.services .ex-tt{
	background-image:url("../img/ex-daji-tt.png");
	background-repeat: no-repeat;
	padding-left: 28px;
	color: #fff;
	background-size: 9%;
	margin: 16px 0;
}
.services .ex-hangcheng-tt{
	background-image:url("../img/ex-hc-tt.png");
	background-repeat: no-repeat;
	padding-left: 28px;
	color: #fff;
	background-size: 9%;
	margin: 16px 0;
}
.mb10{
	margin-bottom:5px;
} 
 
/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/
.pricing{
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#F2F2F2;
	background-image:url("../img/xiazai_bg.jpg");
} 

.pricing .xz-content{
	margin-top:100px;
}

.pricing .xz-desc{
	background-color:#fff;
	margin: 0;
	padding: 10px;
}
.pricing .xz-title{
	font-size: 24px;
	color: #2F2B2B;
	font-weight: 500;
  margin: 10px 0px;
}
.pricing .xz-simple{
	color: #666666;
	line-height: 24px;
	font-weight: 400;
}
.pricing .zx-contestant{
	background-color:#FFF;
	margin: 22px 0 0 0;
}
.pricing .img-qrcode{
	width:100px;
	height:100px;
	margin-top:14px;
}
.p0{
	padding:0px;
}
/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact {
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#000;
	color:#FFF;
	background-image:url("../img/contact-bg.jpg")
}
.contact .section-title h2 {
	color: #fff;
}
.contact .contact-desc {
  padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: rgba(0, 0, 0, 0.4);
	text-indent: 32px;
	box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.3);
}
.contact .contact-title{
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 24px;
}

.contact .contact-line{
	padding-left:10px;
}

.contact .timeline {
  border-left: 1px dashed hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
	color:#fff;
}

.contact .timeline .timeline-item {
  position: relative;
}

.contact .timeline .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.contact .timeline .timeline-item:after {
	background-color: #a2a2a5;
	left: -42px;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	content: "";
	border: 5px solid #555759;
}

.mb30{
	margin-bottom:30px;
} 
.tg{
	text-align:right;
}