/* ===================================
	01. Common
=================================== */
::selection {
	background-color: #3A7BD5;
	color: #fff;
}

::-moz-selection {
	background-color: #3A7BD5;
	color: #fff;
}

.ser-active .Title {
	color: #1E53DE !important;
}

.color1 {
	color: red !important;
}

.ser-active .Text {
	color: #1E53DE !important;
}

.ser-active .boder {
	background-color: #1E53DE;
}

.ser-active .yeooX {
	border: 3px solid #F5BF07;
}

img {
	max-width: 100%;
}

body {
	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #c5c5c5;
	letter-spacing: 1px;
}

p {
	line-height: 24px;
	font-size: 14px;
	color: #333;
	font-family: 'Roboto Condensed', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	color: #202020;
	padding: 0px;
	line-height: 1.2;
	letter-spacing: 1px;
	font-family: 'Roboto Condensed', sans-serif;
}

h1 {
	font-size: 60px;
	font-weight: 700;
}

h2 {
	font-size: 36px;
	font-weight: 700;
}

h3 {
	font-size: 26px;
	font-weight: 700;
}

h4 {
	font-size: 24px;
	font-weight: 700;
}

h5 {
	font-size: 18px;
	font-weight: 700;
}

h6 {
	font-size: 16px;
	font-weight: 700;
}

ul,
ol,
li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

/* ���� */
#main {
	width: 100%;
	height: 100%;
	position: relative;
}

/* --- Top Scroll --- */
.scroll-top {
	display: none;
	position: fixed;
	bottom: 2px;
	text-align: center;
	right: 2%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border-radius: 100%;
	z-index: 9999;
}

.scroll-top:hover {
	color: #fff !important;
	text-decoration: none;
	background-color: #3A7BD5;
}

/* --- Buttons --- */
.btn-style-1 {
	color: #fff;
	border: 0;
	border-radius: 0px 0px 20px 0px;
	position: relative;
	padding: 16px 30px;
	font-size: 14px;
	text-align: center;
	z-index: 0;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 22px;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	background-color: #0faf97;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-style-1:after {
	position: absolute;
	content: "";
	left: 0px;
	top: 0;
	width: 2px;
	z-index: -1;
	height: 100%;
	background-color: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.btn-style-1:hover:after {
	width: 100%;
}

.btn-style-1:hover {
	color: #000;
	text-decoration: none;
}

.btn-style-2 {
	color: #fff;
	border: 0;
	border-radius: 0px 0px 20px 0px;
	position: relative;
	padding: 16px 30px;
	font-size: 14px;
	text-align: center;
	z-index: 0;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 22px;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	background-color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-style-2:after {
	position: absolute;
	content: "";
	left: 0px;
	top: 0;
	width: 2px;
	z-index: -1;
	height: 100%;
	background-color: #0faf97;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.btn-style-2:hover:after {
	width: 100%;
}

.btn-style-2:hover {
	color: #fff;
	text-decoration: none;
}

/* --- Loading --- */
#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	text-align: center;
	height: 100%;
	vertical-align: middle;
	height: 100%;
	overflow: visible;
	background-color: #fff;
}

#preloader .spinner-grow {
	top: 50%;
	position: relative;
}

/* --- section title --- */
.section-title .small-title {
	font-size: 12px;
	color: #333;
}

.section-title h2 {
	position: relative;
	color: #000;
	font-weight: 500;
}

.section-title h2 span {
	color: #0faf97;
}

/* ===================================
	02. Header
=================================== */
.header-upper {
	background-color: #f5f5f5;
	padding: 18px 0px;
}

.header-location {
	text-align: center;
}

.header-location li {
	color: #000;
}

.header-location li a {
	color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-location li a:hover {
	color: #0faf97;
}

.header-location li i {
	color: #0faf97;
	text-align: center;
	margin-right: 6px;
	font-size: 12px;
	border-radius: 100%;
}

.header-min {
	/* position: absolute;
	top: 7px;
	z-index: 999; */
	margin: auto;
	width: 100%;
	/* height: 100px; */
	/* width: 100%;
	padding: 10px 0px;
	position: absolute;
	z-index: 999;
	top: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; */
}

.header-min .navbar-brand {
	padding: 0px;
	margin: 0px;
}

.navbar-brand img {
	width: 169px;
	height: 80px;
}

.header-min .navbar {
	padding: 0px 0px;
}

.aqwe {
	border-bottom: 1px solid #FFFFFF;
}

.header-min .navbar .nav-item {
	padding: 6px 16px;
	/* border-bottom: 1px solid transparent !important; */
}

.header-min .navbar .nav-item .aTitle:hover {
	border-bottom: 1px solid #FFFFFF;
}

.header-min .navbar .nav-item .nav-link {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	/* color: #FFFFFF; */
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	white-space: nowrap;
	cursor: pointer;
}

.nav-link-last {
	cursor: default !important;
}

.nav-link-lang {
	font-size: 18px;
	font-weight: 400;
	/* color: #FFFFFF; */
	opacity: 0.5;
	cursor: pointer;
}

.nav-link-lang-default {
	font-size: 18px;
	font-weight: 400;
	/* color: #FFFFFF; */
	opacity: 1;
	cursor: pointer;
}

.nav-link-lang:hover {
	font-size: 18px;
	font-weight: 400;
	color: #1E53DE;
	opacity: 1;
	cursor: pointer;
}

/* .header-min .navbar .nav-item .nav-link:hover,
.header-min .navbar .nav-item.active .nav-link {
	color: #FFFFFF;
} */

.header-min .navbar .nav-item:last-child .nav-link {
	/* padding-right: 0px; */
}

.header-min .navbar-toggler span {
	background: #000;
}

.dropdown {
	/* border-bottom: 1px solid #FFE280; */
}

.header-min .dropdown-menu {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-radius: 0px;
	background-color: #FFFFFF;
	height: 0px;
	overflow: hidden;
	transition: all 0.5s;
}

.header-min .dropdown-menu .dropdown-item {
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; */
	position: relative;
	font-size: 12px;
	padding: 12px 12px;
	color: #1E53DE;
	font-weight: 500;
	transform: translateX(0);
	transition: all 0.4s;
	/* text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; */
}

.header-min .dropdown-menu li:last-child .dropdown-item {
	border-bottom: 0px !important;
}

.header-min .dropdown-menu .dropdown-item:hover {
	color: #004196;
	transform: translateX(20px);
	background-color: #FFFFFF;
}

/* Navbar Toogle */
.navbar-toggler {
	border: none;
	padding: 10px 6px;
	background-color: #f5f5f5;
	outline: none !important;
}

.navbar-toggler span {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background: #333;
}

.navbar-toggler span+span {
	margin-top: 4px;
	width: 18px;
}

.navbar-toggler span+span+span {
	width: 10px;
}

/* header search */
.header-search {
	display: flex;
	align-items: center;
}

/* searchmodal */
.headersearchModal .modal-content {
	background-color: #1a1a1c;
	padding: 50px;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.headersearchModal .modal-header .btn-close {
	position: absolute;
	right: 25px;
	top: 20px;
	opacity: 1;
	padding: 0px;
	color: #fff;
	font-size: 16px;
	background-image: none;
}

.headersearchModal .modal-header {
	padding: 0px;
	border-bottom: 0px;
	color: #fff;
	text-transform: uppercase;
}

.headersearchModal .modal-header h5 {
	font-weight: 500;
	color: #fff;
	font-size: 25px;
	margin-bottom: 10px;
}

.headersearchModal .modal-body {
	padding: 0px;
}

.headersearchModal .modal-content .input-group input {
	background: transparent;
	border-radius: 0px;
	outline: none;
	height: 50px;
	padding: 0px;
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	color: #666;
	font-size: 14px;
	width: 100%;
	letter-spacing: .28px;
}

.headersearchModal .modal-content .input-group .input-group-btn {
	position: absolute;
	right: 0px;
	top: 12px;
	background-color: #0faf97;
	z-index: 4;
}

.headersearchModal .modal-content .input-group .input-group-btn button {
	color: #fff;
	text-transform: uppercase;
}

/* sticky */
.is-sticky {
	/* z-index: 9999; */
}

.is-sticky .header-min {
	/* z-index: 999 !important; */
	/* background-color: #333 !important; */
	/* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); */
}

.is-sticky .header-min .navbar .nav-item .nav-link {
	color: #ccc;
}

.is-sticky .nav-item.active .nav-link,
.is-sticky .nav-pills .show>.nav-link {
	color: #0faf97 !important;
}

@media screen and (min-width: 992px) {

	/* shows the dropdown menu on hover */
	.navbar .dropdown:hover .dropdown-menu,
	.navbar .dropdown .dropdown-menu:hover {
		height: 210px !important;
		display: block !important;
	}
}

/* ===================================
	03. Slider
=================================== */
.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.banner-slide {
	width: 100%;
	height: 900px;
}

.banner-slide img {
	width: 100%;
	height: 100%;
}

.slide-text {
	font-size: 60px;
	opacity: 0;
	transition: all 0.5s;
	transform: translate(120px);
	transition-delay: .2s;
}

.swiper-container .swiper-slide-active .slide-text {
	opacity: 1;
	transform: translate(-50px);
	letter-spacing: 1.6px;
}

.slide-box1 {
	width: 100%;
	height: 900px;
	background: url("https://qn.icgushi.com/JINTOUTUTU.png") no-repeat 100% 100%;
}

.slide-box2 {
	width: 100%;
	height: 900px;
	background: url("https://qn.icgushi.com/JDLXSYWL/L.png") no-repeat 100% 100%;
}

.slide-box3 {
	width: 100%;

	height: 900px;
	background: url("https://qn.icgushi.com/JDLXSYWL/V.png") no-repeat 100% 100%;
}

.swiper-pagination {
	width: 91% !important;
	text-align: right !important;
	bottom: 31px !important;
}

.my-bullet {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: #FFFFFF;
	opacity: 0.4;
}

.my-bullet+.my-bullet {
	margin-left: 11px;
}

.my-bullet.my-bullet-active {
	width: 50px;
	height: 14px;
	opacity: 1;
	background: #FFFFFF;
}

.slider .carousel-caption {
	top: 50%;
	bottom: auto;
	left: 0px;
	right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	transform: translateY(-50%);
	z-index: 1;
	text-align: left;
}

.slider .carousel-item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	opacity: 0.5;
}

.slider .carousel-item {
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 900px;
	position: relative;
}

.slider .carousel-item.slider-one {
	background-image: url("https://qn.icgushi.com/JLDXXBANNER/EE.png");
	max-height: 700px;
	/*edit image*/
}

.slider .carousel-item.slider-two {
	background-image: url("https://qn.icgushi.com/JLDXXBANNER/QQ.png");
	max-height: 700px;
	/*edit image*/
}

.slider .carousel-item.slider-three {
	background-image: url("https://qn.icgushi.com/JLDXXBANNER/WW.png");
	max-height: 700px;
	/*edit image*/
}

.slider .carousel-caption h5 {
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 50px;
	color: #fff;
	line-height: 60px;
	text-transform: capitalize;
}

.slider .carousel-caption h5 span {
	color: #0faf97;
}

.slider .carousel-caption h6 {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #0faf97;
	font-style: italic;
	margin-bottom: 6px;
}

.slider .carousel-caption p {
	color: #fff;
}

.slider .carousel-control-next,
.slider .carousel-control-prev {
	border-radius: 100%;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 18px;
	top: 50%;
	width: 48px;
	height: 48px;
	line-height: 48px;
	bottom: auto;
	display: inline-block;
	transform: translateY(-50%);
}

.slider .carousel-control-next {
	right: 10px;
}

.slider .carousel-control-prev {
	left: 10px;
}

.carousel-caption .container img {
	
}

.container-img {
	margin-top: 300px;
	transition: padding-left 0.6s;
	position: absolute;
	left: 330px;
}

.pl0 {
	padding-left: 0px;
}

/* ��˾���� */
.aboutBox {
	width: 80%;
	display: flex;
	margin: auto;
	padding: 140px 0 80px;
}

.companyLogo {
	width: 686px;
	height: 686px;
	margin-right: 107px;
}

.companyTitle {
	font-size: 34px;
	font-weight: bold;
	color: #000000;
}

.companyBorder {
	width: 18px;
	height: 51px;
	background: #FFE280;
	margin: 0px 29px 30px 0;
}

.borderContent {
	width: 1px;
	height: 1530px;
	background: rgba(0, 0, 0, 0.1500);
}

.TitleBox {
	display: flex;
	margin-top: 49px;
}

.bannerText {
	font-size: 52px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 8px;
	position: relative;
	top: 400px;
	left: 750px;
}

.courseYear:hover {
	cursor: pointer;
	color: #1E53DE !important;
}

.courseYear:hover {
	cursor: pointer;
	color: #1E53DE !important;
	font-size: 42px;
	transition: all 0.3s;
}

.courseYear:hover div {
	cursor: pointer;
	color: #1E53DE !important;
	font-size: 22px;
	transition: all 0.3s;
}

.courseYearY:hover {
	cursor: pointer;
	color: #1E53DE !important;
	font-size: 42px;
	transition: all 0.3s;
}

.courseYearY:hover div {
	cursor: pointer;
	color: #1E53DE !important;
	font-size: 22px;
	transition: all 0.3s;
}

.future {
	font-size: 30px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.4500);
	letter-spacing: 2px;
	text-align: center;
	padding: 30px 0 60px;
}

.conterBox {
	width: 676px;
	height: 611px;
	font-size: 28px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
	line-height: 45px;
}

.about-us {
	width: 100%;
	background: url('https://qn.icgushi.com/JDLXSYWL/E.png') no-repeat;
}

.img-conter {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-top: 120px;
	align-items: center;
}

.img-conter .company-floor-img {
	width: 47%;
}

.company-floor-img img {
	width: 810px;
	height: 481px;
}

.conter-box {
	width: 47%;
}

.jldx-box {
	position: relative;
	top: -9px;
}

.jldx-title {
	font-size: 1.6rem;
	font-weight: bold;
	color: #333333;
}
.jldx-service-text{
	color: #000000;
	font-size: 1.0rem;
	margin-top: 2rem;
}

.jldx-title .spand {
	color: #666666;
	font-weight: 300;
}

.jldx-Mintitle {
	font-size: 1rem;
	font-weight: 300;
	color: #666666;
}

.jldx-text {
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	margin: 20px 0px;
	text-align: justify;
	margin-top: 10%;
}

.jldx-details {
	width: 140px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #1E53DE;
	font-size: 1.1rem;
	font-weight: 400;
	color: #1E53DE;
	text-align: center;
	cursor: pointer;
	margin-top: 20%;
}

.jldx-service-details{
	width: 140px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #1E53DE;
	background: #1E53DE;
	font-size: 1.1rem;
	font-weight: 400;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin-top: 20%;
	border-radius: 2rem;
}

.jldx-details:hover {
	background: #004196;
	color: #FFFFFF;
}

.information-box {
	display: flex;
	text-align: center;
	margin: 90px 0px;
	cursor: pointer;
}

.information {
	width: 25%;
	text-align: center;
}

.information .div-imgbox1 {
	width: 60px;
	height: 60px;
	margin: auto;
	background: url('https://qn.icgushi.com/JDLXSYWL/M.png') no-repeat 100% 100%;
}

.information .div-imgbox2 {
	width: 60px;
	height: 60px;
	margin: auto;
	background: url('https://qn.icgushi.com/JDLXSYWL/T.png') no-repeat 100% 100%;
}

.information .div-imgbox3 {
	width: 60px;
	height: 60px;
	margin: auto;
	background: url('https://qn.icgushi.com/JDLXSYWL/Y.png') no-repeat 100% 100%;
}

.information .div-imgbox4 {
	width: 60px;
	height: 60px;
	margin: auto;
	background: url('https://qn.icgushi.com/JDLXSYWL/U.png') no-repeat 100% 100%;
}

.information:hover .div-imgbox1 {
	width: 60px;
	height: 60px;
	margin: auto;
	background: url('https://qn.icgushi.com/JDLXSYWL/R.png') no-repeat 100% 100%;
}

.information:hover .div-imgbox2 {
	width: 60px;
	height: 60px;
	margin: auto;
	background: url('https://qn.icgushi.com/JDLXSYWL/QQ.png') no-repeat 100% 100%;
}

.information:hover .div-imgbox3 {
	width: 60px;
	height: 60px;
	margin: auto;
	background: url('https://qn.icgushi.com/JDLXSYWL/WW.png') no-repeat 100% 100%;
}

.information:hover .div-imgbox4 {
	width: 60px;
	height: 60px;
	margin: auto;
	background: url('https://qn.icgushi.com/JDLXSYWL/EE.png') no-repeat 100% 100%;
}

.information:hover .name {
	cursor: pointer;
	color: #004196 !important;
}

.information:hover .text {
	cursor: pointer;
	color: #004196 !important;
}

.information .name {
	font-size: 22px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	padding: 26px 0 10px;
	border-left: 1px #CCCCCC solid;
}

.informationS .name {
	border-right: 1px #CCCCCC solid;
}

.information .text {
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #666666;
	text-align: justify;
	margin: auto;
	padding: 0 50px;
}

/* ��Ʒ����� */
.product {
	width: 100%;
	background: #F5F5F5;
	padding-bottom: 160px;
}

.service-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.title-left .title {
	font-size: 28px;
	font-weight: bold;
	color: #333333;
}

.min-title {
	display: flex;
	align-items: center;
}

.min-title .yeoo {
	width: 20px;
	height: 20px;
	border: 4px solid #F5BF07;
	border-radius: 50%;
}

.min-title .entitle {
	font-size: 20px;
	font-weight: 400;
	color: #666666;
	margin-left: 12px;
}

.view-all {
	width: 40%;
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	text-align: right;
	padding-bottom: 26px;
	border-bottom: 1px solid #D2D2D2;
}

.view-all a {
	padding-bottom: 26px;
	border-bottom: 3px solid #1E53DE;
}

#distribution {
	width: 100%;
	height: 570px;
	background: url('https://qn.icgushi.com/QIYIJIU/W.png') no-repeat;
	display: flex;
	transition: all 0.5s;
	margin-top: 88px;
	overflow: hidden !important;
}

.distribution .a-link-router {
	width: 162px;
	height: 221px;
	position: relative;
	left: 805px;
	top: 189px;
	cursor: pointer;
}

.pointerBox {
	width: 190px;
	height: 80px;
	position: relative;
	top: 594px;
	cursor: pointer;
	left: 889px;
	z-index: 1;
}

.seeOne {
	width: 936px;
	height: 199px;
	position: relative;
	left: 143px;
	top: 220px;
	/* cursor: pointer; */
}

.seeTwo {
	font-size: 18px;
	font-weight: 400;
	color: #283566;
	width: 151px;
	height: 55px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	text-align: center;
	line-height: 55px;
	position: relative;
	left: 888px;
	top: 450px;
	cursor: pointer;
}

.textBox {
	width: 556px;
	height: 208px;
	background: #FFFFFF;
	margin-bottom: 33px;
	padding: 35px;
	position: relative;
	top: -55px;
	/* box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.0300); */
}

.yeooX {
	width: 20px;
	height: 20px;
	border: 3px solid #333333;
	border-radius: 50%;
	margin-right: 15px;
}

.product-title {
	display: flex;
	align-items: center;
}

.boder {
	width: 20px;
	height: 2px;
	background: #333333;
	margin-left: 40px;
}

.Title {
	font-size: 24px;
	font-weight: 400;
	color: #000000;
	cursor: pointer;
}

.Text {
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	margin: 20px 40px;
}

.text_box {
	position: absolute;
	right: 160px;
}

.productBlueColor {
	color: #1E53DE;
}

.imageBoxS {
	margin-left: auto;
	position: relative;
	right: 735px;
	top: 465px;
}

.imageBoxS img {
	width: 38px;
	height: 40px;
	cursor: pointer;
	opacity: 0.7;
}

.imageBoxS img:hover {
	opacity: 1;
}

.imageBoxS img:active {
	opacity: 0.7;
}

.imageBoxS .arrow-down {
	margin-top: 8px;
}

/* ��ƷӦ�� */
.application {
	width: 100%;
	background-color: #FFFFFF;
	padding: 85px 0 130px;
}

.application-title {
	font-size: 34px;
	font-weight: bold;
	color: #333333;
}

.application-display {
	display: flex;
	align-items: center;
	margin-bottom: 100px;
}

.application-border {
	width: 20px;
	height: 20px;
	border: 4px solid #F5BF07;
	border-radius: 50%;
	margin-right: 12px;
}

.application-entitle {
	font-size: 24px;
	font-weight: 400;
	color: #666666;
}

.content-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.application-name {
	border-bottom: 0.3rem solid transparent;
	opacity: 1;
	border-radius: 0px;
	position: relative;
	top: -0.5rem;
}

.content-title {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 400;
	color: #666666;
}

.content-title .name-type {
	cursor: pointer;
	margin-bottom: 1.4rem;
}

.content-title .name-type:nth-child(1) {
	/* width: 150px; */
}

.content-title .name-type:nth-child(2) {
	/* width: 50px; */
}

.content-title .name-type:nth-child(3) {
	/* width: 110px; */
}

.content-title .name-type:nth-child(4) {
	/* width: 104px; */
}

.content-title .name-type:nth-child(5) {
	/* width: 103px; */
}

.content-title .name-type:nth-child(6) {
	/* width: 128px; */
}

.content-title .type-active .application-name {
	border-bottom-color: #FEC401;
}

.nac-item-delault {
	border-bottom: 1px solid #FEC401;
}

.content-title .type-active {
	color: #333333 !important;
}

.Box {
	width: 1156px;
	/* width: 1104px; */
	overflow: hidden;
}

.Box .imgbox {
	display: flex;
	width: 0px;
	height: 0px;
	overflow: hidden;
	transition: all 0.3s;
}

.Box .img-tab-change {
	width: 3822px;
	/* width: 2740px; */
	height: 430px;
}

.Box .imgbox .imgbox-Box {
	width: 274px;
	height: 340px;
	/* height: 420px; */
	transition: all 0.5s;
	/* overflow: hidden; */
}

.Box .imgbox .imgbox-Box img {
	width: 100% !important;
	height: 100% !important;
}

.Box .imgbox .imgbox-Box+.imgbox-Box {
	margin-left: 20px;
}

.imgbox-title {
	font-size: 1rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 40px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.textback .ellipsisText {
	width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.imgbox-Box .textback {
	color: #000000;
}

.imgbox-Box:hover .textback {
	color: white;
	height: 100px;
	background: #1E53DE;
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: -58px;
	padding: 15px 10px;
}

.imgbox-Box:hover .ellipsisText {
	margin: auto;
	white-space: pre-wrap;
}

.imgbox-entitle {
	font-size: 1rem;
	font-family: Microsoft YaHei;
	font-weight: 300;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.arrow-box {
	width: 100%;
	margin-top: 20px;
	margin-left: 470px;
	display: flex;
}

.arrow-box .arrow-left {
	width: 37px;
	height: 18px;
	background: url('https://qn.icgushi.com/JDLXSYWL/A.png') no-repeat 100% 100%;
	margin-right: 40px;
	cursor: pointer;
}

.arrow-box .arrow-right {
	width: 37px;
	height: 18px;
	background: url('https://qn.icgushi.com/JDLXSYWL/P.png') no-repeat 100% 100%;
	cursor: pointer;
}

.arrow-box .arrow-left:hover {
	width: 37px;
	height: 18px;
	background: url('https://qn.icgushi.com/KONGJIAN/QWER.png') no-repeat 100% 100%;
}

.arrow-box .arrow-right:hover {
	width: 37px;
	height: 18px;
	background: url('https://qn.icgushi.com/KONGJIAN/QWET.png') no-repeat 100% 100%;
}

/* �������� */
.about-usx {
	width: 100%;
	padding: 100px 0px;
	background: #F5F5F5;
}

.about-us-content {
	margin-top: 100px;
	display: flex;
	justify-content: space-betweent;
}

.swiper-box img {
	width: 936px !important;
	height: 510px !important;
}

.catalogue {
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #999999;
	cursor: pointer;
}

.catalogue .imgBackground {
	width: 10px;
	height: 18px;
	background: url('https://qn.icgushi.com/JDLXSYWL/S.png') no-repeat 100% 100%;
}

.catalogue:hover .title {
	color: #1E53DE;
}

.catalogue:hover .imgBackground {
	width: 10px;
	height: 18px;
	background: url('https://qn.icgushi.com/KONGJIAN/QWEY.png') no-repeat 100% 100%;
}

.about-us-conter {
	width: 100%;
}

.about-us-conterTitle {
	font-size: 2rem;
	font-weight: bold;
	color: #333333;
}

.about-us-conterText {
	font-size: 1.1rem;
	font-weight: 300;
	color: #333333;
	line-height: 34px;
	margin: 10px 0;
}

.catalogue .title {
	font-size: 1.3rem;
	font-weight: 400;
	color: #000000;
}

.more {
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 400;
	color: #1E53DE;
	margin-top: 45px;
}

.swiper {
	width: 58%;
	margin-left: 0 !important;
	--swiper-theme-color: white;
}

.swiper-button-prev,
.swiper-button-next {
	width: 40px !important;
	height: 38px !important;
	opacity: 0.7;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: 1;
}

/* ������Ѷ */
.news {
	padding: 100px 0 160px;
	overflow: hidden;
}

.news-box {
	display: flex;
	justify-content: space-between;
	/* overflow: hidden; */
}

.company-news {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #666666;
	margin: 50px 0 30px;
}

.company {
	font-size: 24px;
	font-weight: 400;
	color: #333333;
}

.more-whole {
	font-size: 20px;
	font-weight: 400;
	color: #1E53DE;
	cursor: pointer;
}

.border-box {
	display: flex;
	justify-content: space-between;
}

.border-img {
	width: 46%;
}

.border-img img {
	width: 100%;
}

.border-img:hover .text-bottom {
	color: #1E53DE;
}

.border-img:hover .text {
	color: #1E53DE;
}

.border-img:hover .title {
	color: #1E53DE;
}

.detailsBox {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.imgdetitl {
	width: 19px;
	height: 19px;
	background: url('https://qn.icgushi.com/JDLXSYWL/D.png') no-repeat 100% 100%;
	margin-left: 10px;
}

.border-img:hover .data-time-display .imgdetitl {
	width: 19px;
	height: 19px;
	background: url('https://qn.icgushi.com/JDLXSYWL/RR.png') no-repeat 100% 100%;
}

.news-textbox {
	display: flex;
	justify-content: space-between;
}

.text-bottom {
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	margin-bottom: 30px;
}

.text-bottom .title {
	font-size: 2rem;
	font-weight: 400;
	color: #333333;
	margin: 30px 0 15px;
}

.text-bottom .text {
	font-size: 1.6vw;
	font-weight: 400;
	color: #666666;
	line-height: 25px;
	margin-bottom: 10px;
}

.data-time-display {
	display: flex;
	justify-content: space-between;
}

.news-Box {
	width: 48%;
}

/* � */
.information-tail {
	width: 100%;
	background: #F2F2F2;
	padding-top: 80px;
}

.information-tail-content {
	display: flex;
	justify-content: space-between;
	font-size: 24px;
	font-weight: 400;
	color: #333333;
}

.whitebox {
	width: 150px;
	height: 150px;
	margin-top: 40px;
	margin-left: 10px;
	background-color: white;
}

.title-information {
	width: 65%;
	display: flex;
	justify-content: space-between;
}

.title-information ul li {
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	margin-top: 20px;
}

.title-information ul li a {
	color: #666666;
}

.title-information ul li a:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
}

.title-information ul li img {
	margin-right: 15px;
}

.border-y {
	width: 1px;
	height: 212px;
	background: #E1E1E1;
}

.img-conterw {
	text-align: center;
}

.links-seo {
	display: flex;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	margin-top: 80px;
	padding: 36px 0;
}

.links-seo .lidx-name:hover {
	color: #1E53DE;
	cursor: pointer;
}

.links-seo ul {
	display: flex;
	font-size: 20px;
	font-weight: 400;
	color: #666666;
}

.links-seo ul li {
	margin-right: 30px;
}

.links-seo .links {
	width: 18%;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
}

.language-box {
	display: flex;
	padding: 36px 0;
}

.language-box ul {
	display: flex;
	font-size: 20px;
	font-weight: 400;
	color: #666666;
}

.language-box ul li {
	cursor: pointer;
	margin-right: 80px;
}

.language-default {
	margin-right: 80px;
	font-size: 20px;
	font-weight: 400;
	color: #1E53DE;
}

.language-text:hover {
	color: #1E53DE;
}

.language {
	width: 18%;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
}

.bottom-box {
	width: 100%;
	height: 58px;
	line-height: 58px;
	background: #D7D7D7;
	font-size: 20px;
	font-weight: 300;
	color: #333333;
	text-align: center;
}

/* ===================================
	04. Feature area
=================================== */
.feature-box {
	text-align: left;
	padding: 30px;
	background-color: #fff;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.feature-box p {
	margin-bottom: 0px;
}

.feature-box .icon {
	font-size: 16px;
	background-color: #0faf97;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 0px 0px 20px 0px;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(34, 34, 34, 1);
	-moz-box-shadow: 3px 3px 0px 0px rgba(34, 34, 34, 1);
	box-shadow: 3px 3px 0px 0px rgba(34, 34, 34, 1);
}

.feature-box h4 {
	color: #000;
	padding: 0px 0 9px;
	margin: 0;
	font-weight: 500;
	font-size: 26px;
}

/* ===================================
	05. Services area
=================================== */
.service-box {
	overflow: hidden;
	border-radius: 0px 0px 40px 0px;
	margin-bottom: 5%;
}

.service-box .image {
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin-bottom: 0px;
}

.service-box .image img {
	position: relative;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
}

.service-box .image:after {
	position: absolute;
	content: "";
	width: 50%;
	top: 0px;
	left: -250px;
	z-index: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.4+50,0+100 */
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
	/* IE6-9 */
}

.service-box:hover .image:after {
	left: 450px !important;
}

.service-box .caption {
	padding: 25px;
	background-color: #f5f5f5;
}

.service-box h4 a {
	font-weight: 500;
	color: #000;
	margin-bottom: 8px;
	font-size: 24px;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.service-box h4 a:hover {
	color: #0faf97;
}

/* service sidebar link */
.service-sidebar-link {
	background-color: #f5f5f5;
	border-radius: 0px 0px 40px 0px;
	overflow: hidden;
}

.service-sidebar-link li a {
	color: #333;
	text-decoration: none;
	padding: 12px 10px;
	font-size: 14px;
	display: inline-block;
	border-bottom: 1px dashed #333;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.service-sidebar-link li.active a,
.service-sidebar-link li a:hover {
	background-color: #0faf97;
	padding-left: 20px;
	color: #fff;
}

.service-sidebar-link li a i {
	font-size: 8px;
	padding-right: 6px;
}

.service-sidebar-link li:last-child a {
	border-bottom: 0px;
}

/* download brochures widget */
.brochure-widget-title {
	font-weight: 500;
	font-size: 22px;
	color: #000;
}

.download-brochures-widget {
	background-color: #f5f5f5;
	padding: 20px 20px 16px 20px;
	text-align: center;
	border-radius: 0px 0px 40px 0px;
	overflow: hidden;
}

.download-brochures-widget a {
	display: block;
	margin-bottom: 4px;
}

/* call us widget */
.call-us-widget {
	background-color: #f5f5f5;
	border-radius: 0px 0px 40px 0px;
	overflow: hidden;
}

.call-us-widget .des {
	padding: 20px;
}

.call-us-widget h5 {
	color: #000;
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 10px;
}

/* single service content */
.single-service-content h3 {
	position: relative;
	color: #000;
	font-weight: 500;
	font-size: 28px;
	padding-left: 20px;
}

.single-service-content h3:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	transform: translateY(-50%);
	background-color: #0faf97;
}

.single-service-content h4 {
	position: relative;
	font-weight: 500;
	font-size: 22px;
}

/* ===================================
	06. About area
=================================== */
.about-text h2 {
	color: #f12a01;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
}

.about-text h2 {
	font-size: 30px;
	line-height: 28px;
	font-weight: 500;
	color: #0faf97;
}

.about-text ul li {
	margin-bottom: 12px;
	color: #333;
	font-size: 14px;
	text-transform: capitalize;
}

.about-text ul li:last-child {
	margin-bottom: 0px;
}

.about-text ul li i {
	font-size: 10px;
	color: #0faf97;
	padding-right: 4px;
}

.about-img img {
	border-radius: 0px 0px 40px 0px;
}

.about-img-holder {
	position: relative;
}

.about-img-holder img {
	transition: all .3s ease;
	/* -webkit-filter: grayscale(100%); */
	/* Safari 6.0 - 9.0 */
	/* filter: grayscale(100%); */
	border-radius: 0px 0px 40px 0px;
}

.about-img-holder:hover img {
	-webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	border-radius: 0px 0px 40px 0px;
}

.about-img-holder .hoverlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.about-img-holder .hoverlay a {
	background-color: #0faf97;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 0px 0px 20px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.about-img-holder .hoverlay a:hover {
	background-color: #000;
}

/* ===================================
	07. Counter area
=================================== */
.counter-area {
	background: url(../img/bg/counter-bg.jpg) fixed;
	background-position: top center;
	position: relative;
	z-index: 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.counterarea {
	background: url(../img/bg/counter-bg.jpg) fixed;
	background-position: top center;
	position: relative;
	z-index: 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.counter-area:after {
	position: absolute;
	content: "";
	background-color: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.counterarea:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.counter-box {
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 30px;
	position: relative;
	border-radius: 0px 0px 40px 0px;
}

.counterbox {
	text-align: center;
	padding: 30px;
	position: relative;
	border-radius: 0px 0px 40px 0px;
}

.counterbox .txt {
	color: #999 ;
}

.counter-box:after {
	content: '';
	width: 40px;
	height: 1px;
	left: 0px;
	top: 0;
	position: absolute;
	background-color: #0faf97;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.counter-box:before {
	content: '';
	width: 1px;
	height: 40px;
	left: 0px;
	top: 0;
	position: absolute;
	background-color: #0faf97;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.counter-box:hover:after {
	left: 20px;
}

.counter-box:hover:before {
	top: 20px;
}

.counter-box h3 {
	font-size: 22px;
	color: #fff;
	font-weight: 500;
	padding-bottom: 8px;
}

.counter-box span {
	color: #0faf97;
	font-size: 26px;
}

/* ===================================
	08. Portfolio
=================================== */
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: none;
}

.portfolio-filter li {
	margin-right: 0px !important;
}

.portfolio-filter li span {
	cursor: pointer;
	padding: 8px 12px 8px 12px;
	display: inline-block;
	position: relative;
	font-size: 12px;
	font-weight: 400;
	background-color: transparent;
	border-bottom: 1px solid #000;
	border-radius: 0px;
	color: #333;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio-filter li span.active,
.portfolio-filter li span:hover {
	color: #0faf97;
	border-bottom: 1px solid #0faf97;
}

.portfolio-box {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 0px 0px 40px 0px;
}

.portfolio-box .portfolio-box-img {
	position: relative;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.1);
}

.portfolio-box .portfolio-box-img img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio-box:hover .portfolio-box-img img {
	transform: scale(1.1);
}

.portfolio-box .des {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 12px 26px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 5;
}

.portfolio-box .readmore {
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-color: #0faf97;
	opacity: 0;
	margin: auto;
	width: 0px;
	height: 0px;
	line-height: 0px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio-box:hover .readmore {
	opacity: 1;
	width: 60px;
	height: 60px;
	line-height: 60px;
}

.portfolio-box h5 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	font-style: italic;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* portfolio single carousel */
.portfolio-single-carousel .owl-nav {
	width: 100%;
	margin-top: 0px;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
}

.portfolio-single-carousel .owl-nav .owl-prev {
	float: left;
}

.portfolio-single-carousel .owl-nav .owl-next {
	float: right;
}

.portfolio-single-carousel .owl-nav .owl-prev,
.portfolio-single-carousel .owl-nav .owl-next {
	background-color: #fff !important;
	border-radius: 100%;
	color: #333 !important;
	line-height: 30px;
	height: 30px;
	width: 30px;
}

.portfolio-single-carousel .owl-nav .owl-prev:hover,
.portfolio-single-carousel .owl-nav .owl-next:hover {
	background-color: #0faf97 !important;
	color: #fff !important;
}

/* portfolio single title */
.portfolio-single-title {
	position: relative;
	color: #000;
	font-weight: 500;
}

/* ===================================
	09. Call to action
=================================== */
.call-to-action-area {
	z-index: 0;
	position: relative;
	background: url(../img/bg/call-to-action-bg.jpg) fixed no-repeat;
	background-size: cover;
}

.call-to-action-area:after {
	position: absolute;
	content: "";
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.cta-text {
	text-align: center;
	border-radius: 0px 0px 40px 0px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 30px;
	border: 8px solid rgba(255, 255, 255, 0.1);
}

.cta-text h2 {
	text-transform: capitalize;
	font-size: 40px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.cta-text p {
	font-style: italic;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}

/* ===================================
	10. Blog
=================================== */
.blog-item {
	border: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 15px;
	border-radius: 0px 0px 40px 0px;
}

.blog-item .blog-img img {
	border-radius: 0px 0px 40px 0px;
}

.blog-item .category-tag a {
	color: #0faf97;
	display: inline-block;
	font-size: 14px;
	font-style: italic;
	text-decoration: none;
}

.blog-item h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 6px;
	margin-top: 15px;
}

.blog-item h4 a {
	text-decoration: none;
	color: #000;
}

.blog-item .blog-meta {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 20px;
	display: flex;
}

.blog-item .blog-meta div {
	color: #333;
}

.blog-item .blog-meta span a {
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}

.blog-item .blog-more {
	color: #0faf97;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	transform: translateX(0px);
	transition: all 0.3s ease 0s;
}

.blog-item .blog-more:hover {
	color: #fff
}

.blog-item .blog-more-btn i {
	padding-right: 6px;
	font-size: 16px;
	color: #0faf97;
}

.blog-item .blog-meta .blog-more-btn span {
	color: #0faf97;
	opacity: 0;
}

.blog-item .blog-more-btn {
	transform: translateX(92px);
	transition: all 0.3s ease 0s;
	margin-left: auto;
}

.blog-item .blog-more-btn a {
	display: flex;
}

.blog-item:hover .blog-more-btn {
	transform: translateX(0px);
}

.blog-item:hover .blog-meta .blog-more-btn span {
	opacity: 1;
}

/* sidebar widget */
.sidebar-widget {
	border-radius: 0px 0px 40px 0px;
	background-color: #f5f5f5;
	padding: 25px;
}

/* widget title */
.sidebar-widget .sidebar-widget-title {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #0faf97;
}

/* sidebar search */
.sidebar-search {
	position: relative;
}

.sidebar-search input {
	position: relative;
	display: block;
	background-color: rgba(0, 0, 0, 0.1);
	border: 0px;
	color: #828282;
	font-size: 15px;
	font-weight: 400;
	height: 60px;
	width: 100%;
	padding-left: 20px;
	padding-right: 65px;
	transition: all 500ms ease 0s;
}

.sidebar-search button {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	background-color: #0faf97;
	color: #ffffff;
	transform: translateY(-50%);
	font-size: 10px;
	height: 40px;
	width: 50px;
	border: 0px;
	text-align: center;
	border-radius: 0px;
}

/* categories */
.sidebar-categories li a {
	display: block;
	margin-bottom: 10px;
	color: #333;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sidebar-categories li:last-child a {
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.sidebar-categories li:hover a {
	color: #0faf97;
}

/* recent post */
.sidebar-recent-post li {
	display: block;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}

.sidebar-recent-post li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.sidebar-recent-post li .post-date {
	color: #959595;
	margin-bottom: 6px;
}

.sidebar-recent-post li .post-title {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}

.sidebar-recent-post li .post-title a {
	color: #333;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sidebar-recent-post li .post-title a:hover {
	color: #0faf97;
}

/* popular tag */
.popular-tag li {
	display: inline-block;
	margin: 2px;
}

.popular-tag li a {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 4px 10px;
	color: #000;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.popular-tag li a:hover {
	color: #fff;
	background-color: #0faf97;
}

/* blog post meta */
.blog-post-meta {
	position: relative;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	padding-bottom: 20px;
}

.blog-post-meta li {
	position: relative;
	margin-right: 20px !important;
}

.blog-post-meta li:last-child {
	margin-right: 0px !important;
}

.blog-post-meta li a {
	color: #333;
	font-size: 12px;
	font-weight: 500;
}

.blog-post-meta li a:hover {
	color: #0faf97;
}

.blog-post-meta li:after {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.3);
	right: -15px;
}

.blog-post-meta li:last-child:after {
	display: none;
}

.blog-post-content h6 {
	color: #000;
	font-weight: 500;
	font-size: 24px;
	display: inline-block;
}

.blog-post-feature li {
	margin-bottom: 12px;
	color: #333;
	font-size: 14px;
	text-transform: capitalize;
}

.blog-post-feature li:last-child {
	margin-bottom: 0px;
}

.blog-post-feature li i {
	font-size: 10px;
	color: #0faf97;
	padding-right: 4px;
}

/* blockquote */
.blog-post-content figure {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 40px 0px;
	padding: 25px;
	position: relative;
}

.blog-post-content figure:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 80px;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #0faf97;
}

.blog-post-content figure .blockquote {
	margin-bottom: 10px;
}

.blog-post-content figure .blockquote p {
	color: #333;
	font-size: 18px;
	font-style: italic;
	line-height: 28px;
}

.blog-post-content .blockquote-footer {
	margin-bottom: 0px;
	display: inline-block;
	color: #0faf97;
	font-size: 12px;
}

/* single tag */
.blog-single-tag li:first-child {
	font-weight: 600;
	font-size: 14px;
}

.blog-single-tag li a {
	color: #333;
	font-size: 14px;
}

.blog-single-tag li a:hover {
	color: #0faf97;
}

.blog-single-social li:first-child {
	font-weight: 600;
	font-size: 14px;
}

.blog-single-social li a {
	color: #959595;
	font-size: 14px;
}

.blog-single-social li a:hover {
	color: #0faf97;
}

/* comments block */
.blog-post-subtitle {
	color: #000;
	font-weight: 500;
	font-size: 24px;
	display: inline-block;
}

.comments-block {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 40px 0px;
	padding: 30px;
}

.comments-block ul li {
	width: 100%;
	margin-bottom: 30px;
}

.comments-block ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.comments-block ul li ul li {
	margin-top: 30px;
	padding-left: 10px;
	margin-left: 20px;
	border-left: 2px solid #0faf97;
}

.comments-block ul li ul li:last-child {
	margin-bottom: 0px !important;
}

.comments-block ul li h5 {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	margin-bottom: 6px;
}

.comments-block ul li h5 small {
	font-size: 12px;
	color: #333;
}

.comments-block ul li a.reply {
	color: #0faf97;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

/* leave a comments block */
.leave-a-comments-block {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 40px 0px;
	padding: 30px;
}

.leave-reply-form input {
	padding: 0 20px;
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 55px;
	border-radius: 0px;
	font-size: 14px;
	color: #000;
}

.leave-reply-form textarea {
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px;
	border-radius: 0px;
	font-size: 14px;
	color: #000;
}

.leave-reply-form input:focus,
.leave-reply-form textarea:focus {
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid #0faf97 !important;
	color: #000;
	box-shadow: none;
}

/* ===================================
	11. Testimonial
=================================== */
.testimonial-area {
	position: relative;
	z-index: 0;
	background: url(../img/bg/testimonial-bg.jpg) fixed no-repeat;
	background-size: cover;
	background-position: center top;
}

.testimonial-area:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.testimonial-img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 10px;
}

.testimonial-img .testimonial-user-img img {
	border: 2px solid #e1e1e1;
	border-radius: 50%;
	width: 100px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.testimonial-user-name {
	margin: 10px 0 5px 0;
	width: 100%;
	font-size: 1.2rem;
	line-height: 18px;
	font-weight: 500;
	color: #1E53DE;
}


.testimonial-user-position {
	margin: 5px 0 10px 0;
	width: 32px;
	height: 4px;
	background: #1E53DE;
	line-height: 20px;
}

.testimonial-des {
	text-align: center;
	border-radius: 0px 0px 40px 0px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	border: 4px solid rgba(255, 255, 255, 0.1);
}

.testimonial-item {
	position: relative;
}

.testimonial-item p {
	margin-bottom: 0px;
	color: #fff;
}

.testimonial-item p i {
	color: #0faf97;
	padding: 0px 6px;
	opacity: 0.7;
	font-size: 20px;
}

.testimonial-carousel .owl-nav {
	width: 100%;
	margin-top: 30px;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
	background-color: #fff !important;
	border-radius: 100%;
	color: #333 !important;
	line-height: 30px;
	height: 30px;
	width: 30px;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
	background-color: #1E53DE !important;
	color: #fff !important;
}

/*kkk*/
.partner-carousel .owl-nav {
	width: 100%;
	margin-top: 30px;
}

.partner-carousel .owl-nav .owl-prev{
	background-color: #fff !important;
	border-radius: 100%;
	color: #333 !important;
	line-height: 30px;
	height: 30px;
	width: 30px;
}
.partner-carousel .owl-nav .owl-next {
	background-color: #fff !important;
	border-radius: 100%;
	color: #333 !important;
	line-height: 30px;
	height: 30px;
	width: 30px;
}

.partner-carousel .owl-nav .owl-prev:hover,
.partner-carousel .owl-nav .owl-next:hover {
	background-color: #1E53DE !important;
	color: #fff !important;
}

/*kkk*/
.partner-application .owl-nav {
	width: 100%;
	margin-top: 30px;
}

.partner-application .owl-nav .owl-prev,
.partner-application .owl-nav .owl-next {
	background-color: #fff !important;
	border-radius: 100%;
	color: #333 !important;
	line-height: 30px;
	height: 30px;
	width: 30px;
}

.partner-application .owl-nav .owl-prev:hover,
.partner-application .owl-nav .owl-next:hover {
	background-color: #1E53DE !important;
	color: #fff !important;
}

/* ===================================
	12. Team
=================================== */
.team-item {
	overflow: hidden;
	padding: 10px;
	border-radius: 0px 0px 40px 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.team-item .image {
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

.team-item .image:hover {
	transform: scale(1.1);
}

.team-item .image img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.team-item:hover .image img {
	/* transform: scale(1.1); */
}

.team-item .team-item-caption {
	padding: 20px 10px;
	text-align: center;
	border-radius: 0px 0px 40px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.team-item .team-item-caption h4 {
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: capitalize;
	margin-bottom: 5px;
	font-weight: 500;
	color: #000;
}

.team-item:hover .team-item-caption {
	/* background-color: #0faf97; */
}

.team-item:hover .team-item-caption h4,
.team-item:hover .team-item-caption p {
	/* color: #fff; */
}

.team-item:hover .overlay {
	opacity: 1;
}

/* ===================================
	13. Partner area
=================================== */
.partner-area {
	background-color: #fff;
}

.partner-item {
	border: 1px solid #BBBBBB;
	text-align: left;
	font-size: 1.3rem;
}

.partner-item .brand {
	padding: 10px 10px;
}

.partner-item img {
	height: 100%;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.partner-item:hover img {
	opacity: 1;
}

/* ===================================
	14. Footer
=================================== */
.footer-main {
	background-color: #f5f5f5;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer-callus-area {
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 40px;
}

.footer-callus-area h6 {
	font-weight: 500;
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}

.footer-callus-area h4 {
	font-weight: 600;
	color: #0faf97;
	font-size: 32px;
}

/* footer title */
.footer-title {
	font-size: 22px;
	color: #000;
	margin-bottom: 15px;
}

/* footer link */
.footer-link li {
	margin-bottom: 10px;
}

.footer-link li:last-child {
	margin-bottom: 0px;
}

.footer-link li a {
	color: #333;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer-link li a:hover {
	color: #0faf97;
}

.footer-link li i {
	margin-right: 6px;
}

/* footer instagram */
.footer-instagram {
	clear: both;
	overflow: hidden;
	margin: -7px;
	list-style: none;
}

.footer-instagram li {
	width: 33.33%;
	float: left;
	list-style-type: none;
	padding: 6px;
}

/* footer address */
.footer-address li {
	margin-bottom: 10px;
	color: #333;
	font-size: 14px;
}

.footer-address li:last-child {
	margin-bottom: 0px;
}

.footer-address li a {
	color: #333;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer-address li a:hover {
	color: #0faf97;
}

.footer-address li i {
	margin-right: 6px;
}

/* footer social */
.footer-social a {
	border-radius: 4px;
	display: inline-block;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	position: relative;
	text-align: center;
	width: 30px;
	color: #fff;
	background-color: #1a1a1a;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer-social a:hover {
	background-color: #0faf97;
}

/* footer copyright */
.footer-copyright {
	padding: 18px 0;
	background: #D7D7D7;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #333333;
}

.footer-copyright p {
	color: #333;
	font-size: 14px;
}

/* ===================================
	15. Inner page header
=================================== */
.inner-page-header-bg {
	background-image: url(../img/bg/inner-page-header-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	background-size: cover;
}

.inner-page-header-bg:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	z-index: -1;
}

.inner-page-title {
	padding: 80px 0;
}

.inner-page-title h1 {
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 60px;
}

/* breadcrumb */
.breadcrumb-box {
	background-color: #151515;
	text-align: center;
	padding: 15px 0;
}

.breadcrumb-box .breadcrumb {
	margin: auto;
	display: inline-block;
}

.breadcrumb-box .breadcrumb li {
	display: inline-block;
	color: #ccc;
	font-size: 14px;
}

.breadcrumb-box .breadcrumb li a {
	color: #0faf97;
}

/* ===================================
	16. Faq
=================================== */
.faq-box .accordion-item .accordion-header .accordion-button {
	color: #fff !important;
	padding: 20px 20px !important;
	border-bottom: 0;
	font-size: 14px;
	border-radius: 0px;
	background-color: #0faf97;
	text-transform: capitalize;
	font-weight: 500;
	position: relative;
	text-align: left;
}

.faq-box .accordion-item .accordion-header .accordion-button span {
	color: #fff;
	margin-right: 6px;
	font-weight: 600;
}

.faq-box .accordion-item .accordion-header .accordion-button.collapsed span {
	color: #0faf97;
	margin-right: 6px;
	font-weight: 600;
}

.faq-box .accordion-item .accordion-header .accordion-button.collapsed:after,
.faq-box .accordion-item .accordion-header .accordion-button:after {
	display: none;
}

.faq-box .accordion-item .accordion-header .accordion-button {
	display: flex;
}

.faq-box .accordion-item .accordion-header .accordion-button i {
	font-size: 14px;
	margin-left: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.faq-box .accordion-item .accordion-header .accordion-button[aria-expanded=true] i {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.faq-box .accordion-item .accordion-header .accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}

.faq-box .accordion-item .accordion-header {
	padding: 0px;
	border-bottom: 0;
	background-color: transparent;
}

.faq-box .accordion-item .accordion-header .accordion-button.collapsed {
	color: #000 !important;
	padding: 20px 20px !important;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.1);
	text-transform: capitalize;
	font-weight: 500;
}

.faq-box .accordion-item {
	margin-bottom: 4px;
	background-color: transparent;
	border-radius: 0px !important;
	border: 1px solid rgba(255, 255, 255, 0.2);
	overflow: hidden;
}

.faq-box .accordion-item:last-child {
	margin-bottom: 0px;
}

.faq-box .accordion-item .accordion-body {
	line-height: 24px;
	padding: 20px;
	color: #333;
	margin-top: 1px;
	background-color: rgba(0, 0, 0, 0.05);
}

/* faq slider */
.faq-slider .carousel-indicators-numbers {
	left: auto;
	display: inline-block;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0px;
	right: 0;
	background-color: #000;
	padding: 15px 20px;
}

.faq-slider .carousel-indicators-numbers button {
	text-indent: 0;
	margin: 0 2px;
	text-align: center;
	width: 30px;
	height: 30px !important;
	border: none;
	line-height: 30px;
	opacity: 1;
	color: #ccc;
	font-size: 15px;
	font-weight: 600;
	background-color: transparent;
	transition: all 0.25s ease;
}

.faq-slider .carousel-indicators-numbers button.active,
.faq-slider .carousel-indicators-numbers button:hover {
	color: #0faf97;
}

/* ===================================
	17. Gallery
=================================== */
.gallery-box {
	position: relative;
	border-radius: 0px 0px 40px 0px;
	overflow: hidden;
}

.gallery-box:after {
	position: absolute;
	left: 4%;
	top: 4%;
	width: 92%;
	height: 92%;
	content: "";
	border-radius: 0px 0px 40px 0px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gallery-box:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gallery-box:hover:before {
	opacity: 1;
}

.gallery-zoom-btn {
	position: absolute;
	top: 16px;
	right: 18px;
	z-index: 2;
}

.gallery-box .gallery-zoom {
	background-color: #0faf97;
	display: inline-block;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	padding: 12px 20px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gallery-box .gallery-box-img img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gallery-box:hover .gallery-zoom,
.gallery-box:hover:after {
	opacity: 1;
}

.gallery-box .gallery-zoom:hover {
	color: #fff;
}

/* ===================================
	18. Error page 404
=================================== */
.error-page-item h2 {
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 26px;
	color: #000;
}

.error-page-img img {
	border-radius: 0px 0px 40px 0px;
}

/* ===================================
	19. Contact us
=================================== */
.contact-box {
	background-color: #f5f5f5;
	padding: 25px;
	border-radius: 0px 0px 40px 0px;
}

.contact-box .icon {
	color: #fff;
	font-size: 20px;
	margin-bottom: 8px;
	color: #0faf97;
}

.contact-box h4 {
	line-height: 22px;
	color: #000;
	font-size: 22px;
	font-weight: 500;
}

.contact-box h4 small {
	font-size: 14px;
	color: #333;
	width: 100%;
	display: inline-block;
}

.contact-box ul li {
	padding-bottom: 8px;
}

.contact-box ul li:last-child {
	padding-bottom: 0px;
}

.contact-box ul li a {
	color: #333;
}

.contact-box ul li a i {
	padding-right: 6px;
	color: #0faf97;
}

.contact-form-map {
	background-color: #ddd;
}

/* contact form */
.contact-form input {
	padding: 0 20px;
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 55px;
	border-radius: 0px;
	font-size: 14px;
	color: #000;
}

.contact-form textarea {
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px;
	border-radius: 0px;
	font-size: 14px;
	color: #000;
}

.contact-form input:focus,
.contact-form textarea:focus {
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid #0faf97 !important;
	color: #000;
	box-shadow: none;
}

.help-block ul {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
	padding: 10px;
	border-radius: 4px;
}

/* map */
.map-box iframe {
	width: 100%;
	border: 0px;
	height: 400px;
	overflow: hidden;
}

/* ����Ʒ�� */
.agentBrand {
	width: 80%;
	height: 100%;
	margin: auto;
}

.titleBox {
	margin: 0 auto;
	text-align: center;
	padding: 100px 0 67px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.0600);
}

.zhTitle {
	font-size: 34px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.8500);
}

.enTitieS {
	font-size: 22px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
	letter-spacing: 1px;
}

.picTitle {
	display: flex;
	justify-content: space-between;
	margin: 24px auto 46px;
}

.picLeft {
	width: 363px;
	height: 147px;
}

.picRight {
	display: flex;
	align-items: center;
}

.arrowLeft {
	width: 86px;
	height: 86px;
}

.arrowRight {
	width: 86px;
	height: 86px;
	margin-left: 40px;
}

.imgBox {
	display: flex;
	justify-content: space-between;
	margin: auto;
	padding-bottom: 80px;
	overflow: hidden;
}

.dispaly-picBox {
	display: none;
}

.textButtonImgS {
	transform: rotate(180deg);
}

.imgBox-box img {
	width: 388px;
	height: 311px;
}

.borderBox {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.0600);
}

.textButton {
	width: 161px;
	height: 54px;
	line-height: 54px;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	border: 1px solid #1E53DE;
	font-size: 18px;
	font-weight: 400;
	color: #1E53DE;
	letter-spacing: 2px;
	text-align: center;
	margin-left: auto;
	cursor: pointer;
}

.teamStyleBox-display {
	display: none;
}

.teamStyle-bottom {
	transform: rotate(180deg);
}

/* ��ƷӦ�� */
.apptitleBox {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 100px;
}

.developmentBox {
	width: 100%;
	background: #F5F5F5;
}

.developmentTitle {
	text-align: center;
	padding: 93px 0 66px;
}

.courseBox {
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: space-around;
	/* align-items: center; */
}

.course-picLeft {
	margin-top: 150px;
}

.course-picLeftS {
	margin-top: 180px;
}

.courseYearYOne {
	font-size: 40px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8500);
	letter-spacing: 2px;
	margin-top: 155px;
}

.courseYearYOne div {
	font-size: 20px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
	letter-spacing: 1px;
}

.courseRightPic {
	margin-top: 160px;
}

.courseYear {
	font-size: 40px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8500);
	letter-spacing: 2px;
	margin-top: 168px;
	text-align: right;
	width: 398px;
}

.courseOne {
	margin-top: 30px;
}

.courseYear div {
	font-size: 20px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
	letter-spacing: 1px;
}

.courseYearY {
	font-size: 40px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8500);
	letter-spacing: 2px;
	text-align: left;
	width: 398px;
	margin-top: 170px;
}

.courseYearY div {
	font-size: 20px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
	letter-spacing: 1px;
}

.circularOne {
	margin-top: 60px;
	position: relative;
	right: 5px;
}

.circularB {
	width: 10px;
	height: 10px;
	background: #FFE280;
	border-radius: 50%;
	box-shadow: 0px 0px 9px 4px #ffe280;
	position: relative;
	right: 5px;
}

.circularFive {
	margin-top: 150px;
}

.circular {
	width: 10px;
	height: 10px;
	background: #FFE280;
	border-radius: 50%;
	box-shadow: 0px 0px 9px 4px #ffe280;
	position: relative;
	right: 5px;
	margin-bottom: 120px;
}

.development-zhtitle {
	font-size: 34px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.8500);
}

.development-entitle {
	font-size: 22px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
	letter-spacing: 1px;
}

/* �Ŷӷ�� */
.teamStyle {
	width: 100%;
	background: #FFFFFF;
	max-height: 3250px;
}

.teamStyle-pic {
	width: 100%;
	height: 490px;
	background: url('https://qn.icgushi.com/JINLIDAXINJINO.png') no-repeat;
	text-align: center;
	padding-top: 70px;
}

.teamStyle-title {
	font-size: 34px;
	font-weight: bold;
	color: #FFFFFF;
}

.teamStyle-Entitle {
	font-size: 22px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6500);
}

.teamStyleBox {
	position: relative;
	top: -280px;
	width: 70%;
	background: #FFFFFF;
	margin: auto;
	box-shadow: 11px 14px 50px 0px rgba(0, 0, 0, 0.1000);
	padding: 40px 0 68px;
}

.teamStyleSS {
	position: relative;
	top: -280px;
	width: 70%;
	background: #FFFFFF;
	margin: auto;
	box-shadow: 11px 14px 50px 0px rgba(0, 0, 0, 0.1000);
	padding: 40px 0 68px;
	height: 2000px;
}

.teamStyle-imgBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}

.teamStyle-img img {
	width: 397px;
	height: 321px;
}

.teamStyle-Seemore:hover {
	/* color: #FFFFFF;
	background-color: #1E53DE !important; */
}

.teamStyle-Seemore {
	font-size: 18px;
	font-weight: 400;
	color: #1E53DE;
	width: 132px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border: 1px solid #1E53DE;
	margin: auto;
	margin-top: 47px;
	cursor: pointer;
}

/* ��ҵ�Ļ� */
.corporate-culture {
	background: #F5F5F5;
	width: 100%;
	padding-bottom: 100px;
}

.corporate-titleBox {
	text-align: center;
}

.corporate-zhTitle {
	font-size: 34px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.8500);
	padding-top: 70px;
}

.corporate-enTitle {
	font-size: 22px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
}

.corporate-textBox {
	width: 62%;
	display: flex;
	justify-content: space-between;
	margin: 35px auto 0;
}

.corporate-text:hover .corporate-textZh {
	color: #1E53DE !important;
}

.corporate-text:hover .corporate-textEn {
	color: #1E53DE !important;
}

.corporate-text:hover .corporate-conter {
	color: #1E53DE !important;
}

.corporate-text {
	width: 364px;
	height: 582px;
	border: 1px solid rgba(0, 0, 0, 0.1500);
	text-align: center;
	padding-top: 20px;
}

.corporate-textZh {
	font-size: 24px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
}

.corporate-textEn {
	font-size: 20px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.2500);
}

.corporate-text img {
	width: 116px;
	height: 116px;
	margin: 20px 0 40px;
}

.corporate-conterBox {
	display: flex;
	justify-content: center;
}

.corporate-conter {
	width: 41px;
	font-size: 20px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
}

.teamStyleBoxTitle-box {
	width: 40%;
	margin: 0 auto 28px;
	padding-top: 46px;
	text-align: center;
}

.teamStyleBoxTitle {
	line-height: 80px;
	background: url(https://qn.icgushi.com/TUANDUIFENGCAITUANDUIFENGCAI.png) no-repeat;
	font-size: 34px;
	font-weight: 400;
	color: #FFFFFF;
	margin-left: 50px;
}

/* �������� */
.quality-Assurance {
	width: 100%;
	background: url('https://qn.icgushi.com/BEIJING.png') no-repeat;
	text-align: center;
	padding: 120px 0 160px;
}

.quality-zhtitle {
	font-size: 34px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.8500);
	letter-spacing: 5px;
}

.quality-entitle {
	font-size: 22px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
	letter-spacing: 1px;
}

/* ��ҵ��Ƹ */
.recruitment {
	width: 100%;
	background-color: #FFFFFF;
}

.qualityTitle {
	text-align: center;
	margin: 80px 0 30px;
}

.ecruitment-content {
	width: 76%;
	font-size: 28px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6500);
	line-height: 49px;
	letter-spacing: 4px;
	margin: auto;
}

.positionTop {
	width: 66%;
	background: #FFFFFF;
	box-shadow: 5px 5px 101px 0px rgba(0, 0, 0, 0.0800);
	display: flex;
	margin: 200px auto 150px;
	padding: 0 49px;
}

.img-ecruitment {
	transition: all 0.6s;
	width: 72%;
	height: 409px;
	position: relative;
	top: -79px;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 4px;
}

.ecruitmentPic {
	transform: rotate(180deg);
}

.see-button {
	transform: rotate(180deg);
}

.img-ecruitmentEn {
	width: 78%;
	height: 409px;
	position: relative;
	top: 79px;
	margin-right: 65px;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 4px;
	transition: all 0.6s;
}

.img-ecruitment-right {
	width: 76%;
	height: 409px;
	position: relative;
	top: -79px;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 4px;
	transition: all 0.6s;
}

.img-ecruitment-right img {
	width: 100%;
	height: 100%;
}

.stowAll,
.stowAllTwo,
.stowBox,
.stowbox {
	display: none;
}

.img-ecruitment-rightEn {
	width: 67%;
	height: 409px;
	position: relative;
	top: 79px;
	margin-left: 65px;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 4px;
	transition: all 0.6s;
}

.ecruitmenttop {
	width: 76%;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	margin-right: 65px;
}

.img-ecruitment img {
	width: 100%;
	height: 100%;
}

.conter-ecruitment {
	width: 72.5%;
	font-size: 16px;
	font-weight: 400;
	margin-left: 65px;
	color: #000000;

}

.ecruitment-buyer {
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 4px;
	margin-top: 65px;
}

.ecruitment-buyerText {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	margin-top: 10px;
}

.ecruitment-buyerText1,
.ecruitment-buyerText2 {
	display: none;
}

.ecruitment-See {
	font-size: 18px;
	font-weight: 400;
	color: #1E53DE;
	letter-spacing: 2px;
	width: 161px;
	height: 54px;
	line-height: 54px;
	border: 1px solid #1E53DE;
	margin: 36px 0 60px;
	text-align: center;
	margin-left: auto;
	cursor: pointer;
}

.ecruitment-check {
	font-size: 18px;
	font-weight: 400;
	color: #1E53DE;
	letter-spacing: 2px;
	width: 161px;
	height: 54px;
	line-height: 54px;
	border: 1px solid #1E53DE;
	margin: 36px 0 60px;
	text-align: center;
	margin-right: auto;
	cursor: pointer;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}