/*
    Template Name    : HealthyFit
	Description		 : Weight Loss HTML5 Responsive Template
    Version          : 1.0
/*
================================================
/* Table of Content
==================================================

1. Fonts - Roboto and Lato
2. Common CSS
3. Loader
4. Header Top
5. Middle Header Area
6. Menu Area
7. Slider Area
8. About Sec
9. Services Sec
10. Our Team
11. Counter Area
12. Pricing Area
13. Testimonials Area
14. Blog Area
15. Breadcrumb Sec
16. FAQ Area
17. Accounts Area
18. Privacy Area
19. Error Area
20. Contact Us
21. Footer Area
22. Responsive CSS

/*
================================================
1. Fonts - Roboto and Lato
================================================
*/

@font-face {
	font-family: 'Ubuntu';
	/* 字体名称，可以自定义 */
	src: url('../fonts/Ubuntu-Regular.ttf'),
		url('../fonts/Ubuntu-Bold.ttf'),
		url('../fonts/Ubuntu-BoldItalic.ttf'),
		url('../fonts/Ubuntu-Italic.ttf'),
		url('../fonts/Ubuntu-Light.ttf'),
		url('../fonts/Ubuntu-LightItalic.ttf'),
		url('../fonts/Ubuntu-Medium.ttf'),
		url('../fonts/Ubuntu-MediumItalic.ttf')
}

.input-text {
	border: #146ec8 solid 1px;
	width: 80%;
	line-height: 15px;
	padding: 5px;
	float: left;
}

.btn1 {
	background-color: #146ec8;
	line-height: 20px;
	padding: 5px;
	border: none;
	color: #fff;
}

:root {
	--secondColor: #9f2925;
	--mainColor: #183884;
	--whiteColor: #ffffff;
	--blackColor: #031521;
	--bodyfontColor: #2d2e2e;
	--fontSize: 16px;
	--transition: .5s;
}

/*
================================================
2. Common CSS
================================================
*/
.yuyan {
	float: right;
	margin-right: 0;
	margin-top: 16px;
	position: relative;
}

.yuyan h3 {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}

.yuyan h3 i {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	background: #146ec8 url(../images/language_icon_2.gif) no-repeat center center;
	background-size: cover;
	margin-right: 6px;
	margin-top: -3px;
}

.yuyan ul {
	background: #fff;
	position: absolute;
	left: -10px;
	right: -10px;
	top: 30px;
	z-index: 999;
	text-align: center;
	overflow: hidden;
	height: 0;
	transition: all .5s ease;
}

.yuyan ul li {
	line-height: 50px;
	font-size: 14px;
	color: #666;
	border-bottom: 1px #eee solid;
	position: relative;
	transition: all .5s ease;
	z-index: 999;
}

.yuyan ul li:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 1px;
	margin-left: 0;
	width: 0;
	height: 2px;
	background: #007dd4;
	transition: all .5s ease;
}

.yuyan ul li:hover:after {
	width: 40px;
	margin-left: -20px;
}

.yuyan ul li a {
	display: block;
}

.yuyan:hover ul {
	display: block;
	height: 500px;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.57143;
	font-weight: 400;
	color: var(--bodyfontColor);
	;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
}

a {
	color: #2d2e2e;
	transition: all 0.3s ease 0s;
}

a:hover {
	color: #242c42;
	text-decoration: none;
}

a,
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
}

.btn,
.btn * {
	transition: all 0.3s ease 0s;
}

i {
	transition: all 0.4s ease-in-out 0s;
}

.transition3s {
	transition: all 0.3s ease-in-out 0s;
}

ul,
li {
	list-style: outside none none;
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.mr-35 {
	margin-right: 35px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-55 {
	margin-top: 55px;
}

.mt-15 {
	margin-top: 15px;
}

.pt-45 {
	padding-top: 45px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-40 {
	margin-bottom: 40px;
}

.p-3 {
	padding: 30px 0;
}

.clear {
	clear: both;
}

.text-gray {
	color: #cecece !important;
}

button:focus,
button:hover {
	outline: none;
}

.text-white {
	color: #fff;
}


section {
	position: relative;
	padding: 60px 0;
}

/** Scroll Top **/
#scrollUp {
	width: 35px;
	height: 35px;
	background: #183884;
	box-shadow: 1px 5px 19px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-size: 25px;
	color: var(--whiteColor);
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	bottom: 10%;
	right: 4%;
	position: fixed;
	z-index: 999;
}

#scrollUp:hover {
	background: #9f2925;
	;
	color: var(--whiteColor);
}

#scrollUp i {
	display: block;
	padding-top: 5px;
	-webkit-animation: bounce2 3s linear infinite;
	animation: bounce2 3s linear infinite;
}

@-webkit-keyframes bounce2 {
	0% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
}

@keyframes bounce2 {
	0% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
}

/** Sec Title **/
.section-header {
	text-align: center;
}

.section-heading {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 35px;
}

.section-header h4 {
	color: #003a8f;
	font-size: 24px;
}

.section-header p {
	color: #333;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
}

/* Button Effects */
.btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	border-radius: 3px;
	padding: 5px 20px;
	font-size: 14px;
	color: var(--whiteColor);
	line-height: 24px;
	background: #ff9100;
	border: none;
}

.btn img {
	padding: 0px 5px 0px 5px;
}

/*.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #003a8f;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}*/
.btn:hover,
.btn:focus,
.btn:active {
	color: var(--whiteColor);
}

/*.btn:hover:before, .btn:focus:before, .btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}*/
/** Theme Button Styles **/
.theme-btn {
	display: inline-block;
	font-size: 16px;
	padding: 10px;
	padding-left: 27px;
	vertical-align: middle;
	font-weight: 700;
	text-transform: capitalize;
	position: relative;
	overflow: hidden;
	border: none;
	border-radius: 50px;
}

.theme-btn:last-of-type,
.theme-btn:last-child {
	margin-right: 0;
}

.theme-btn i {
	display: inline-block;
	margin-left: 20px;
	width: 35px;
	height: 35px;
	text-align: center;
	color: var(--whiteColor);
	line-height: 35px;
	font-size: 16px;
	border-radius: 50%;
	transition: all ease 0.4s;
}

.theme-btn.style3 i {
	background-color: var(--whiteColor);
	color: #11b4f5;
}

.theme-btn .btn-text {
	position: relative;
	z-index: 3;
}

.theme-btn .btn-bg {
	position: absolute;
	display: block;
	z-index: 1;
	width: 0;
	height: 0;
	-webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
}

.theme-btn:hover .btn-bg {
	width: 225%;
	height: 500px;
}

.theme-btn.style3 .btn-bg {
	background-color: var(--secondColor);
}

.theme-btn .btn-bg {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.theme-btn.style1 {
	color: #09285b;
	background-color: var(--whiteColor);
	box-shadow: 0px 5px 50px 0px rgba(255, 255, 255, 0.3);
}

.theme-btn.style1 i {
	background-color: #78c400;
	box-shadow: 0px 5px 15px 0px rgba(120, 196, 0, 0.3);
}

.theme-btn.style1 .btn-bg {
	background-color: #08275a;
}

.theme-btn.style1:hover {
	background-color: transparent;
	color: var(--whiteColor);
	box-shadow: 0px 5px 50px 0px rgba(8, 39, 90, 0.3);
}

/*
================================================
3. Loader 
================================================
*/
#dvLoading {
	background: url(../images/loader.gif) no-repeat center center var(--whiteColor);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}



/*
================================================
4. Header Top
================================================
*/
.header-top {
	background-color: #003a8f;
}

.header-top .block .icon {
	display: inline-block;
	border-right: 1px solid #46597d;
	border-top: 0;
	border-bottom: 0;
	padding: 15px 16px;
}

.header-top .welcome {
	padding: 10px 0 0;
}

/*
================================================
5. Middle Header Area
================================================
*/
header {
	position: relative;
}

header::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #f4f4f4;
	width: calc(50vw - 90px);
	height: 100%;
}

.middle-header-area {
	background-color: #fff;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	height: 235px;
}

.middle-header-area::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
	background-color: #183884;
	width: calc(50vw + 640px);
	height: 75px;
}

.middle-header-area::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-color: #ddd;
	height: 75px;
}

.middle-header-area-zindex {
	position: relative;
	z-index: 9;
}

.middle-header-area-row {
	height: 160px;
	padding: 55px 0;
}

.middle-logo h3 a {
	display: inline-block;
	font-size: 28px;
	color: var(--mainColor);
	font-weight: 800;
}

.middle-logo {
	line-height: 1.2;
}

.middle-logo a img {
	float: left;
	margin-right: 10px;
	position: relative;
	z-index: 9;
}

.middle-logo a i {
	float: left;
	margin-top: 5px;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	position: relative;
	z-index: 9;
}

.middle-info {
	position: relative;
	padding-left: 40px;
	display: inline-block;
	margin-right: 85px;
}

.middle-info::before {
	position: absolute;
	right: -52px;
	top: 2px;
	width: 1px;
	content: '';
	height: 46px;
	border: 1px solid #e8e8e8;
}

.middle-info:last-child {
	margin-right: 0;
}

.middle-info:last-child::before {
	display: none;
}

.middle-info .icon {
	position: absolute;
	left: 0;
	top: 0;
}

.middle-info .icon i {
	font-size: 22px;
	color: var(--secondColor);
}

.middle-info h4 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
}

.middle-info h4 a {
	color: #02162e;
	font-weight: 700;
}

.middle-info h4 a:hover {
	color: var(--secondColor);
}

.middle-info span {
	font-size: 15px;
}

.middle-btn {
	text-align: right;
}

.middle-btn .default-btn {
	padding: 10px 20px;
}

.middle-btn .default-btn i {
	font-size: 20px;
	position: relative;
	top: 2px;
}

.middle-btn .open-popup-link {
	font-size: 12px
}

.toptel_email {
	float: right;
	position: relative;
	padding-right: 20px;
}

.toptel_phone {
	float: right;
	position: relative;
	padding-left: 20px;
}

.toptel_phone1 {
	float: right;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

.toptel_email:after {
	content: "";
	background: #ddd;
	width: 1px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
}

.toptel_phone1:after {
	content: "";
	background: #ddd;
	width: 1px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
}

.toptel i {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	background-color: #9f2925;
	border-radius: 50%;
	background-repeat: repeat;
	background-position: center center;
}

.toptel_email i {
	background-image: url(../images/email.png)
}

.toptel_phone i {
	background-image: url(../images/phone.png)
}

.toptel h4 {
	float: left;
	font-weight: normal;
	line-height: 1.2;
}

.toptel h4 span {
	display: block;
	color: #aaa;
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
}

.toptel h4 b {
	color: #333;
	font-size: 16px;
	font-weight: normal;
}

/*
================================================
6. Menu Area
================================================
*/
.navbar-collapse {
	padding: 0;
	height: 75px;
}

.main-responsive-nav {
	display: none;
}

.main-navbar {
	padding-top: 0;
}

.main-navbar .navbar-brand img {
	max-width: 155px;
}

.main-navbar .container-fluid {
	max-width: 1470px;
}

.main-navbar .navbar {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	min-height: auto;
	border: none;
}

.main-navbar .navbar ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	float: none;
}

.main-navbar .navbar .navbar-nav {}

.main-navbar .navbar .navbar-nav .nav-item {
	position: relative;
	margin-left: 25px;
	margin-right: 31px;
}

.main-navbar .navbar .navbar-nav .nav-item a {
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 18px;
	line-height: 75px;
	display: block;
	float: left;
	text-align: center;
}

.main-navbar .navbar .navbar-nav .nav-item a i {
	font-size: 12px;
	position: relative;
	top: 2px;
	display: inline-block;
}

.main-navbar .navbar .navbar-nav .nav-item a:hover,
.main-navbar .navbar .navbar-nav .nav-item a:focus,
.main-navbar .navbar .navbar-nav .nav-item a.active {
	color: #4a7cc2 !important;
}

.main-navbar .navbar .navbar-nav .nav-item:last-child {
	margin-right: 0;
}

.main-navbar .navbar .navbar-nav .nav-item:first-child {
	margin-left: 0;
}

.main-navbar .navbar .navbar-nav .nav-item:hover a,
.main-navbar .navbar .navbar-nav .nav-item.active a {
	color: #fff;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu {
	border: none;
	top: 72px;
	left: 0;
	z-index: 99;
	opacity: 0;
	/*width: 250px;*/
	display: block;
	border-radius: 0;
	padding: 10px 0;
	margin-top: 15px;
	position: absolute;
	visibility: hidden;
	background: var(--whiteColor);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li {
	margin: 0;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a {
	padding: 2px 20px;
	position: relative;
	display: block;
	color: #444;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	text-align: left;
	float: none;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a i {
	margin: 0;
	position: absolute;
	top: 50%;
	font-size: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
	color: var(--secondColor);
	letter-spacing: 0.2px;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
	top: 0;
	opacity: 0;
	right: -250px;
	left: auto;
	margin-top: 15px;
	visibility: hidden;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
	color: #02162e;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	opacity: 0;
	left: 250px;
	visibility: hidden;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #02162e;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	opacity: 0;
	left: -250px;
	visibility: hidden;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #02162e;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	opacity: 0;
	left: 250px;
	visibility: hidden;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #02162e;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	opacity: 0;
	left: -250px;
	visibility: hidden;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #02162e;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	opacity: 0;
	left: 250px;
	visibility: hidden;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #02162e;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
	color: var(--secondColor);
}

.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.main-navbar .navbar .navbar-nav .nav-item:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.main-navbar .navbar .navbar-nav .nav-item.nav-item-start {
	width: 280px;
	background-color: #9f2925;
}

.main-navbar .navbar .navbar-nav .nav-item.nav-item-start a {
	float: none;
}

.main-navbar .navbar .navbar-nav .nav-item.nav-item-end {
	float: right;
}

.main-navbar .navbar .navbar-nav .nav-item.nav-item-end a {
	font-weight: normal;
	color: #6a85c2;
}

.main-navbar .navbar .navbar-nav .nav-item.nav-item-end .dropdown-menu {
	min-width: auto;
}

.main-navbar .navbar .navbar-nav .nav-item.nav-item-end .dropdown-menu li a {
	padding: 2px 10px;
}

.main-navbar .navbar .others-options .option-item {
	margin-right: 20px;
}

.main-navbar .navbar .others-options .option-item:last-child {
	margin-right: 0;
}

.main-navbar .navbar .others-options .option-item .cart-btn i {
	display: inline-block;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #efefef;
	color: var(--secondColor);
	font-size: 22px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 30px;
	font-weight: bold;
	border: 2px solid #efefef;
}

.main-navbar .navbar .others-options .option-item .cart-btn i:hover {
	background-color: transparent;
	color: var(--secondColor);
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
}

.main-navbar .navbar .others-options .option-item .search-btn {
	display: inline-block;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #efefef;
	color: var(--secondColor);
	font-size: 22px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 30px;
	font-weight: bold;
	border: 2px solid #efefef;
	cursor: pointer;
}

.main-navbar .navbar .others-options .option-item .search-btn:hover {
	background-color: transparent;
	color: var(--secondColor);
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
}

.main-navbar .navbar .others-options .option-item .close-btn {
	display: none;
	height: 45px;
	width: 45px;
	line-height: 42px;
	text-align: center;
	background-color: #efefef;
	color: var(--secondColor);
	font-size: 18px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 30px;
	font-weight: bold;
	border: 2px solid #efefef;
	cursor: pointer;
}

.main-navbar .navbar .others-options .option-item .close-btn:hover {
	background-color: transparent;
	color: var(--secondColor);
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
}

.main-navbar .navbar .others-options .option-item .close-btn.active {
	display: block;
}

.main-navbar .navbar .others-options .option-item .burger-menu i {
	display: inline-block;
	height: 45px;
	width: 45px;
	line-height: 44px;
	text-align: center;
	background-color: #efefef;
	color: var(--secondColor);
	font-size: 22px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 30px;
	font-weight: bold;
	border: 2px solid #efefef;
	cursor: pointer;
}

.main-navbar .navbar .others-options .option-item .burger-menu i:hover {
	background-color: transparent;
	color: var(--secondColor);
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
}

.main-navbar .navbar .others-options .option-item .default-btn {
	border: 1px solid var(--secondColor);
}

.p-relative .main-navbar {
	padding-top: 0;
	padding-bottom: 0;
}

.p-relative .main-navbar .navbar {
	background-color: var(--whiteColor);
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
	width: 100%;
	z-index: 9;
	left: 0;
	right: 0;
	max-width: 1130px;
	margin: auto;
}

.p-relative .main-navbar .navbar .navbar-brand {
	display: none;
}

.p-relative .main-navbar .navbar .navbar-nav {
	margin-left: 0;
}

.p-relative .main-navbar .navbar .navbar-nav .nav-item a {
	color: #02162e;
}

.p-relative.is-sticky .main-navbar {
	padding-top: 0;
	padding-bottom: 0;
	background-color: var(--whiteColor);
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
}

.navbar-area.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
	background-color: #ffffff !important;
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.search-overlay {
	display: none;
}

.search-overlay.search-popup {
	position: absolute;
	top: 100%;
	width: 300px;
	background: var(--whiteColor);
	z-index: 2;
	right: 0;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	margin-top: 0;
}

.search-overlay.search-popup .search-form {
	position: relative;
}

.search-overlay.search-popup .search-form .search-input {
	display: block;
	width: 100%;
	height: 50px;
	line-height: initial;
	border: 1px solid #eeeeee;
	color: #02162e;
	outline: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-top: 4px;
	padding-left: 10px;
}

.search-overlay.search-popup .search-form .search-input:focus {
	border-color: var(--secondColor);
}

.search-overlay.search-popup .search-form .search-button {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	background: transparent;
	border: none;
	width: 50px;
	outline: 0;
	color: #6b6b84;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding: 0;
}

.search-overlay.search-popup .search-form .search-button:hover,
.search-overlay.search-popup .search-form .search-button:focus {
	color: var(--secondColor);
}

.search-overlay.search-popup .search-form .search-button i {
	font-size: 18px;
	font-weight: bold;
}

/** Quote Popup **/
.quote-part {
	position: relative;
	background-color: var(--whiteColor);
	margin: 20px auto;
	transition: 1s all;
	max-width: 800px;
	padding: 50px;
}

.quote-part .section-title {
	margin-bottom: 15px;
	padding-bottom: 0;
}

.section-title .section-span {
	font-size: 25px;
	color: #183884;
	font-weight: 600;
}

.section-title .head-two {
	font-size: 35px;
	font-weight: 600;
	color: #121619;
	margin-top: 5px;
}

.quote-part .form-control {
	height: 50px;
	margin-bottom: 30px;
	box-shadow: none;
	border-color: #ced4da;
	font-size: 14px;
	border: 1px solid #ddd;
	color: #999;
}

.quote-part textarea.form-control {
	height: unset;
}

.quote-part .contact-detail-grp {
	height: 100%;
	width: 100%;
	background-color: #f5f5f5;
	text-align: center;
	position: relative;
}

.quote-pro .form-control {
	height: 50px;
	margin-bottom: 20px;
	box-shadow: none;
	border-color: #ced4da;
	font-size: 14px;
	border: 1px solid #ddd;
	color: #999;
}

.quote-pro textarea.form-control {
	height: unset;
}

.quote-pro .contact-detail-grp {
	height: 100%;
	width: 100%;
	background-color: #f5f5f5;
	text-align: center;
	position: relative;
}

/*
================================================
7. Slider Area
================================================
*/
.slider-bg {
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
}

.slider-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0;
	z-index: -1;
}

.slider-bg2 {
	min-height: 900px;
	background-position: center;
	background-size: cover;
	position: relative;
	margin-top: -118px;
	z-index: 1;
}

.slider-bg2 .slider-content>span::before {
	content: "";
	background: #383838;
	height: 3px;
	float: left;
	width: 60px;
	margin-top: 15px;
	margin-right: 10px;
}

.slider-bg2 .slider-content h2 {
	color: #383838;
}

.slider-bg2 .slider-content p {
	color: #676f67;
	font-size: 16px;
	margin-bottom: 0;
}

.slider-bg2 .slider-content>span {
	font-size: 22px;
	font-weight: 500;
	color: var(--secondColor);
	display: block;
	margin-bottom: 20px;
	margin-top: 30px;
}

.slider-bg2 .video-i {
	background: #383838;
	padding: 14px;
	border-radius: 100%;
	width: 51px;
	display: inline-block;
	text-align: center;
	color: var(--whiteColor);
	margin-left: 20px;
}

.slider-bg2 .video-i:hover {
	background: var(--secondColor);
	padding: 14px;
	border-radius: 100%;
	width: 51px;
	display: inline-block;
	text-align: center;
	color: var(--whiteColor);
	margin-left: 20px;
}

#particles-js {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.slider-content>span {
	font-size: 16px;
	font-weight: 500;
	color: var(--secondColor);
	text-transform: uppercase;
	letter-spacing: 6px;
	display: block;
	margin-bottom: 20px;
}

.slider-content h2 {
	font-size: 90px;
	color: var(--whiteColor);
	letter-spacing: -2px;
	line-height: 1.1;
	margin-bottom: 30px;
}

.slider-content h2 span {
	color: var(--secondColor);
}

.slider-content p span {
	display: inline-block;
	height: 2px;
	width: 40px;
	background: var(--secondColor);
	margin-right: 20px;
	position: relative;
	top: -4px;
}

.slider-content p {
	color: var(--whiteColor);
	font-size: 18px;
	margin-bottom: 0;
}

.slider-btn .btn {
	background: var(--whiteColor);
	color: var(--secondColor);
}

.slider-btn .btn::before {
	content: none;
}

.slider-btn .btn {
	box-shadow: 3px 3px 0 0 var(--secondColor);
}

.slider-btn .btn:hover {
	box-shadow: none;
}

.p-relative {
	position: relative;
}

.slider-area {
	padding: 0;
}

.down-arrow {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	color: var(--whiteColor);
	z-index: 1;
	height: 60px;
	width: 30px;
	margin: auto;
	text-align: center;
	line-height: 60px;
	border: 2px solid var(--whiteColor);
	border-radius: 50px;
	font-size: 18px;
}

.down-arrow:hover {
	color: var(--whiteColor);
}

.slider-active .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 70px;
	height: 60px;
	width: 60px;
	color: var(--secondColor);
	font-size: 18px;
	line-height: 65px;
	border: none;
	background: var(--whiteColor);
	border-radius: 50%;
	text-align: center;
	z-index: 9;
	cursor: pointer;
	padding: 0;
	box-shadow: 4px 2px 0 0 transparent;
	transition: .5s;
}

.slider-active .slick-next {
	right: 70px;
	left: auto;
}

.slider-active .slick-arrow:hover {
	box-shadow: 4px 2px 0 0 var(--secondColor);
	;
}

.sybanner {
	width: 100%;
	padding: 0;
	position: relative;
}

.sybanner .sybanner_img {
	width: 100%;
	padding-bottom: calc(500% / 16);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.sybanner_cpfl {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	bottom: 0;
}

.sybanner_cpfl .container {
	position: relative;
	height: 100%;
}

.sybanner_cpfl_list {
	width: 330px;
	background: #004097;
	padding: 15px;
	box-sizing: border-box;
	position: absolute;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

.sybanner_cpfl_list li {
	border-bottom: 1px #033579 solid;
	padding: 15px 0 15px 38px;
	background: url(../images/sybanner_cpfl.png) 9px 15px no-repeat
}

.sybanner_cpfl_list li:hover {
	background: #033579 url(../images/sybanner_cpfl.png) 9px 15px no-repeat
}

.sybanner_cpfl_list li a {
	color: #fff;
	font-size: 14px;
	display: block
}

.sybanner_cpfl_list li dl {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 24px;
	margin: 0;
}

.sybanner_cpfl_list li dl dd {
	display: inline;
}

.sybanner_cpfl_list li dl dd a {
	color: #c9c9c9;
	font-size: 12px;
	display: inline
}

.syjjfa {}

.syjjfatitle {}

.syjjfatitle h3 {
	font-size: 40px;
	color: #183884;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 16px;
	margin-top: 30px;
	font-weight: bold;
}

.syjjfatitle h3::after {
	content: "";
	background-color: #9f2925;
	width: 35px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.syjjfatitle p {
	font-size: 18px;
	color: #888;
	margin-bottom: 40px;
}

.syjjfatitle a {
	background-color: #9f2925;
	display: inline-block;
	width: 150px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

.syjjfalist {}

.syjjfalist .syjjfalist01 {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.syjjfalist .syjjfalist02 {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.syjjfalist .syjjfalist03 {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.syjjfalist .syjjfalist01:hover {
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	margin-top: -5px;
}

.syjjfalist .syjjfalist02:hover {
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	margin-top: -5px;
}

.syjjfalist .syjjfalist03:hover {
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	margin-top: -5px;
}

.syjjfalist h3 {
	padding-bottom: calc(23000% / 280);
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 0;
}

.syjjfalist p {
	background-color: #f8f8f8;
	padding: 0 15px;
	line-height: 70px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.syjjfalist p span {
	font-size: 16px;
	color: #333;
}

.syjjfalist p i {
	float: right;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: 20px;
	background-position: top center;
	background-repeat: no-repeat;
}

.syjjfalist .syjjfalist01 p i {
	background-image: url(../images/jjfaico01.png);
}

.syjjfalist .syjjfalist02 p i {
	background-image: url(../images/jjfaico02.png);
}

.syjjfalist .syjjfalist03 p i {
	background-image: url(../images/jjfaico03.png);
}

.syjjfalist .syjjfalist01:hover p {
	background-color: #183884;
}

.syjjfalist .syjjfalist01:hover p span {
	color: #fff;
}

.syjjfalist .syjjfalist01:hover p i {
	background-position: bottom center;
}

.syjjfalist .syjjfalist02:hover p {
	background-color: #183884;
}

.syjjfalist .syjjfalist02:hover p span {
	color: #fff;
}

.syjjfalist .syjjfalist02:hover p i {
	background-position: bottom center;
}

.syjjfalist .syjjfalist03:hover p {
	background-color: #183884;
}

.syjjfalist .syjjfalist03:hover p span {
	color: #fff;
}

.syjjfalist .syjjfalist03:hover p i {
	background-position: bottom center;
}

.syppjj {
	background-color: #f0f0f0;
}

.syppjj .syabout {
	padding-right: 40px;
}

.syppjj .syabout h3 {
	font-size: 40px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 40px;
}

.syppjj .syabout p {
	font-size: 16px;
	color: #666;
	margin-bottom: 20px;
}

.syppjj .syabout a.syabout_a {
	background-color: #183884;
	display: inline-block;
	width: 150px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

.syppjj .syabout_img {
	border-radius: 6px;
	overflow: hidden;
}

.syvideo {
	background: url(../images/syvideoimg.jpg) center center no-repeat;
	height: 500px;
	display: flex;
	align-items: center;
}

.syvideobf {
	text-align: center;
	flex: 1;
}

.syvideobf .syvideobf_a {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #9f2925 url(../images/syvideobf_a.png) center center no-repeat;
}

.syvideobf .syvideobf_a::after {
	position: absolute;
	content: "";
	border: 10px rgba(255, 255, 255, 0.3) solid;
	border-radius: 6px;
	width: 100px;
	height: 100px;
	left: -10px;
	top: -10px;
}

.syvideobf h3 {
	color: #fff;
	font-size: 30px;
	margin-top: 25px;
	font-weight: bold;
}

.syvideomp4 {
	padding: 0;
	width: 60vw;
	max-width: 1000px;
	height: 34vw;
}


.syproduct {
	position: relative;
}

/*.syproduct::before{ content: ""; position: absolute; z-index: 2; left: 0; right:0; bottom:0; top: 0; background: url(../images/syproductbg.png) center 180px no-repeat;}*/
.syproduct::after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	height: 260px;
	background-color: #183884;
}

.syproduct-title {
	position: relative;
	font-size: 40px;
	color: #333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.syproduct-title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -17.5px;
	width: 35px;
	height: 3px;
	background-color: #9f2925;
}

.sypro {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.syproductfl {
	padding: 20px 0 40px;
}

.syproductfl ul {
	display: flex;
	justify-content: center;
}

.syproductfl ul li {
	display: inline-block;
	margin: 0 10px;
	float: left;
	height: 50px
}

.syproductfl ul li a {
	position: relative;
	z-index: 9;
	display: block;
}

.syproductfl ul li a i {
	display: inline-block;
	float: left;
	margin-right: 5px;
	width: 45px;
	height: 45px;
	line-height: 41px;
	border-radius: 45px;
	overflow: hidden;
	border: 2px #eee solid;
	transition: all 0.5s ease;
}

.syproductfl ul li a i img {
	width: 100%;
	width: 100%;
}

.syproductfl ul li a span {
	font-size: 16px;
	color: #333;
	font-style: italic;
	line-height: 24px;
	transition: all 0.5s ease;
}

.syproductfl ul li.on a i {
	border: 2px #9f2925 solid;
}

.syproductfl ul li.on a span {
	color: #9f2925;
}

.syproductfl ul li:nth-child(1) {
	width: 210px;
}

.syproductfl ul li:nth-child(2) {
	width: 190px;
}

.syproductfl ul li:nth-child(3) {
	width: 325px;
}

.syproductfl ul li:nth-child(4) {
	width: 270px;
}

.syproductfl ul li:nth-child(5) {
	width: 135px;
}

/*
.syproductfl ul li:nth-child(2) a span{ line-height:45px;}
.syproductfl ul li:nth-child(4) a span{ line-height:45px;}
*/

.syproductfl ul li:nth-child(5) a span {
	line-height: 45px;
}

.syproductlist {
	position: relative;
	z-index: 9;
	padding-bottom: 50px;
}

.syproductlist ul li {
	display: none;
}

.syproductlist ul li.on {
	display: block;
}

.syproductlist ul li .syproducthot {
	position: relative;
	background: #f8f8f8;
	width: 100%;
	height: 650px;
	padding: 50px;
	margin-bottom: 80px;
}

.syproductlist ul li .syproducthot .syproducthotimg {
	position: absolute;
	right: 20px;
	top: 0px;
	bottom: 0;
	height: 650px;
	width: 100%;
	z-index: 1
}

.syproductlist ul li .syproducthot .syproducthotimg img {
	position: absolute;
	right: 0;
	bottom: 50px;
}

.syproductlist ul li .syproducthot h3 {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #183884;
	margin-bottom: 20px;
	position: relative;
	z-index: 9;
}

.syproductlist ul li .syproducthot p {
	font-size: 16px;
	color: #666;
	width: 950px;
	line-height: 2;
	font-style: italic;
	position: relative;
	z-index: 9;
}

.syproductlist ul li .syproducthot a {
	position: absolute;
	z-index: 9;
	bottom: 50px;
	left: 50px;
	background-color: #9f2925;
	display: inline-block;
	width: 150px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

.syproductlist ul li:nth-child(1) .syproducthot {
	height: 650px;
}

.syproductlist ul li:nth-child(1) .syproducthot .syproducthotimg {
	height: 650px;
	right: 0;
}

.syproductlist ul li:nth-child(1) .syproducthot .syproducthotimg img {
	bottom: 60px;
}

.syproductlist ul li:nth-child(1) .syproducthot p {
	width: auto;
}


.syproductlist ul li:nth-child(2) .syproducthot {
	height: 650px;
}

.syproductlist ul li:nth-child(2) .syproducthot .syproducthotimg {
	height: 650px;
	right: 0;
}

.syproductlist ul li:nth-child(2) .syproducthot .syproducthotimg img {
	bottom: 0;
}

.syproductlist ul li:nth-child(2) .syproducthot p {
	width: 620px;
}

.syproductlist ul li:nth-child(3) .syproducthot .syproducthotimg {
	bottom: 100px;
}

.syproductlist ul li:nth-child(4) .syproducthot {
	height: 650px;
}

.syproductlist ul li:nth-child(4) .syproducthot .syproducthotimg {
	height: 650px;
	right: 100px;
}

.syproductlist ul li:nth-child(4) .syproducthot .syproducthotimg img {
	bottom: 0;
}

.syproductlist ul li:nth-child(4) .syproducthot p {
	width: 700px;
}

.syproductlist ul li:nth-child(5) .syproducthot {
	height: 650px;
}

.syproductlist ul li:nth-child(5) .syproducthot .syproducthotimg {
	height: 650px;
	right: 0;
}

.syproductlist ul li:nth-child(5) .syproducthot .syproducthotimg img {
	bottom: 0;
}

.syproductlist ul li:nth-child(5) .syproducthot p {
	width: 650px;
}

.syproductlist ul li .syproductlist_i {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.syproductlist ul li .syproductlist_i:hover {
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	margin-top: -5px;
}

.syproductlist ul li .syproductlist_i h3 {
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 6px;
}

.syproductlist ul li .syproductlist_i p {
	display: none;
	line-height: 60px;
	background-color: #9f2925;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.syproductlist ul li .syproductlist_i p a {
	color: #fff;
	padding: 0 20px;
	font-size: 18px;
	display: block;
	height: 60px;
}

.syproductlist ul li .syproductlist_i p a span {
	float: left;
	width: calc(100% - 20px);
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.syproductlist ul li .syproductlist_i p a i {
	float: right;
	font-size: 16px;
	margin-top: 22px;
}

.syproductlist ul li .syproductlist_i .syproductlist_i:hover p {
	background-color: #183884;
}

.symessage {
	background: #f0f0f0 url(../images/symessage.jpg) center bottom no-repeat;
}

.symessagetitle {
	font-size: 40px;
	color: #183884;
	font-weight: bold;
}

.symessageform {}

.symessageform .form-control {
	border: none;
	border-bottom: 1px #ddd solid;
	background: none;
	box-shadow: none;
	font-style: italic;
	font-size: 16px;
}

.syformbtn {
	border: none;
	background-color: #183884;
	display: inline-block;
	width: 180px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

.symessage_r {
	padding: 40px 0 0 40px;
}

.symessage_r h3 {
	font-size: 24px;
	color: #183884;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 20px;
}

.symessage_r p {
	font-size: 16px;
	font-style: italic;
	color: #888;
	text-align: justify;
	margin-bottom: 20px;
}

.symessage_r p strong {
	color: #183884;
	font-weight: bold;
}

/*
================================================
8. About Sec
================================================
*/
.about-title {
	position: relative;
	margin-bottom: 15px;
}

.about-title h5 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 11px;
	color: var(--secondColor);
}

.about-title h2 {
	font-weight: 600;
	text-transform: capitalize;
	font-size: 45px;
	line-height: 54px;
	margin-bottom: 0;
}

.about-img img {
	width: 100%;
	border: 2px double #eee;
	padding: 5px;
}

.about-area .inner-list {
	margin-right: 0;
}

.about-area {
	background: #f8f8f8 url(../images/about-areabg.png) center 50px no-repeat;
}

.about-area1 {
	height: 320px;
}

.about-area1 div {
	padding-right: 50px;
}

.about-area1 h3 {
	font-size: 30px;
	color: #183884;
	font-weight: bold;
}

.about-area1 p {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}

.about-area1 .nyaboutdown{ display: inline-block; padding:0 20px; height:50px; line-height:50px; background:#9f2925 url(../images/nyaboutdown.png) 10px  center no-repeat; color:#fff; text-transform:uppercase; font-size:14px; border-radius:6px; padding-left:55px; font-weight:bold; margin-top:10px; }

.about-area2 {
	text-align: center;
}

.about-area2 div {
	padding-top: 50px;
}

.about-area2 h3 {
	font-size: 90px;
	font-style: italic;
	color: #183884;
	font-weight: bold;
	text-transform: uppercase;
}

.about-area2 p {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}


.about-area3 {
	background-color: #183884;
}

.about-area4 {
	padding-top: 80px;
}

.about-area4 h3 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

.about-area4 p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
	margin-bottom: 40px;
}

.about-area4 a {
	background-color: #9f2925;
	display: inline-block;
	width: 150px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

.about-area5 {
	background-color: #f8f8f8;
}

.about-area5-title {
	text-align: center;
	font-size: 30px;
	color: #183884;
	font-weight: bold;
	margin-bottom: 40px;
}

.about-area5 .nycultrue {
	height: 200px;
	margin-bottom: 20px;
	border-radius: 6px;
	background-color: #fff;
	padding: 45px;
	position: relative;
}

.about-area5 .nycultrue h3 {
	font-size: 24px;
	color: #333;
}

.about-area5 .nycultrue p {
	font-size: 16px;
	color: #888;
}

.about-area5 .nycultrue i {
	display: inline-block;
	width: 46px;
	height: 46px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 25px;
	bottom: 25px;
}

.about-area6 {
	padding: 20px 50px 0 20px;
}

.nykcxfzdiv {
	padding: 30px 0;
}

.about-area6 h3 {
	font-size: 18px;
	color: #183884;
	font-weight: bold;
}

.about-area6 p {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	line-height: 2;
}

.about-area7 {
	padding-top: 20px;
	padding-right: 50px;
}

.about-area7 h3 {
	font-size: 30px;
	color: #183884;
	font-weight: bold;
}

.about-area7 p {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}

.about-area8 {
	background-color: #f8f8f8;
}

.nyjjfalist{

}

.nyjjfalist ul li{
	float:left;
	width:49%;
	margin-right:2%;	
	margin-bottom:2%;
	background-position: center;
	background-size: contain;
	position: relative;
	box-sizing: border-box; border: 1px #ddd solid;
}
.nyjjfalist ul li:nth-child(2n){
	margin-right:0;
}
.nyjjfalist ul li p{
	position: absolute;
	left: 0; bottom: 0;
	background: #183884;
	z-index: 2;
	width:100%; height: 0;
	overflow: hidden; color:#fff; font-size: 18px; text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	height:60px; line-height: 60px;
}
.nyjjfalist ul li a.nyjjfalist_a{
	padding-bottom:calc(300% / 4);
	width:100%;
	display:block;
	position: relative; z-index: 5;
}
.nyjjfalist ul li:hover p{
	height:0; line-height: 0;
}

.nyjjfalist .swiper-pagination {
	width: 100%;
	text-align: center;
}

.nyjjfalist .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
}

.nyjjfalist ul li a.operdemo{
	position: absolute;
	z-index: 9;
	background: rgba(0, 0, 0, 0.5);
	width:60px; height: 60px; line-height: 65px; text-align:center;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -50px;
 }
.nyjjfalist ul li a.operdemo i {
	
	font-size: 20px;
	color: #fff;
}

.nyjjfalist1{

}
.nyjjfalist1 ul li{
	width:100%;
	margin-bottom:5%;
	
}
.nyjjfalist1 ul li div.nyjjfaimg{
	float:left;
	width:50%;
	background-position: center;
	background-size: contain;
	position: relative;
	box-sizing: border-box; border: 1px #ddd solid;
}

.nyjjfalist1 ul li div.nyjjfaimg a.nyjjfalist_a{
	padding-bottom:calc(300% / 4);
	width:100%;
	display:block;
	position: relative; z-index: 5;
}
.nyjjfavideo{
	float: right; width:48%; position: relative;padding-bottom:calc(150% / 4);
}
.nyjjfavideo iframe{
	width:100%; position: absolute; left:0; right:0; top:0; bottom:0;
}

.nyjjfalist1 .nyjjfadown{ display: block; width: 330px; padding:0 20px; height:50px; line-height:50px; background:#9f2925 url(../images/nyaboutdown.png) 10px  center no-repeat; color:#fff; text-transform:uppercase; font-size:14px; border-radius:6px; padding-left:55px; font-weight:bold; margin:10px auto 20px; }


.nyjjfafl {
	float: left;
	width: 350px;
}

.nyjjfafl ul li {
	position: relative;
	overflow: hidden;
	width: 350px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 20px;
	border-radius: 6px;
}

.nyjjfafl ul li::before {
	display: none;
	content: "";
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #183884;
	position: absolute;
	right: -20px;
	top: 60px;
}

.nyjjfafl ul li::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.nyjjfafl ul li p {
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	margin-bottom: 0;
	padding: 0 20px;
	line-height: 50px;
	font-size: 18px;
	font-style: italic;
	color: #fff;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.nyjjfafl ul li.nyjjfafl01 {
	background-image: url(../images/jjfaimg01.jpg);
}

.nyjjfafl ul li.nyjjfafl02 {
	background-image: url(../images/jjfaimg02.jpg);
}

.nyjjfafl ul li.nyjjfafl03 {
	background-image: url(../images/jjfaimg03.jpg);
}

.nyjjfafl ul li.on::after {
	top: 100%;
}

.nyjjfafl ul li.on::before {
	display: block
}

.nyjjfacon {
	float: right;
	width: calc(100% - 370px);
}

.nyjjfacon ul li {
	position: relative;
	display: none;
	background-color: #fff;
	padding: 30px 40px 30px;
	border-radius: 6px;
	height: 490px;
	overflow-y: scroll;
}

.nyjjfacon ul li::-webkit-scrollbar {
	width: 5px;
	height: 1px;
}

.nyjjfacon ul li::-webkit-scrollbar-thumb {
	background: #183884;
	border-radius: 4px;
}

.nyjjfacon ul li::-webkit-scrollbar-track {
	background: #EBEBEB;
}

.nyjjfacon ul li.on {
	display: block;
}

.nyjjfacon ul li h3 {
	font-size: 18px;
	color: #183884;
	font-weight: bold;
	margin-bottom: 20px;
}

.nyjjfacon ul li p {
	font-size: 16px;
	color: #333;
	margin-bottom: 40px;
}

.nyjjfacon ul li h4 {
	font-size: 16px;
	color: #183884;
	font-weight: bold;
	line-height: 1.5
}

.nyyycj {}

.nyyycjlist {
	position: relative;
	overflow: hidden;
}

.nyyycjlist:before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	height: 140px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 12%, #000000 100%);
	-webkit-transition: all .3s cubic-bezier(0, .5, .5, 1);
	-o-transition: all .3s cubic-bezier(0, .5, .5, 1);
	transition: all .3s cubic-bezier(0, .5, .5, 1);
}

.nyyycjlist:after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(24, 56, 132, 0.8);
	border-radius: 6px;
	display: none;
	transition: all 0.3s ease;
}

.nyyycjlist h4 {
	position: absolute;
	z-index: 9;
	left: 25px;
	bottom: 80px;
	width: 40px;
	height: 40px;
	transition: all 0.3s ease;
}

.nyyycjlist h3 {
	position: absolute;
	z-index: 9;
	left: 25px;
	bottom: 40px;
	font-size: 18px;
	color: #fff;
	transition: all 0.3s ease;
	font-weight: bold;
}

.nyyycjlist h3 b {
	display: block;
	font-weight: normal;
	font-size: 16px;
}

.nyyycjlist p {
	position: absolute;
	z-index: 9;
	left: 25px;
	right: 25px;
	bottom: 30px;
	display: none;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	transition: all 0.3s ease;
}

.nyyycjlist img {
	position: relative;
	z-index: 1;
	width: 100%;
	transition: all 0.3s ease;
}

.nyyycjlist:hover:before {
	display: none;
}

.nyyycjlist:hover:after {
	display: block;
}

.nyyycjlist:hover h4 {
	bottom: auto;
	top: 40px;
}

.nyyycjlist:hover h3 {
	bottom: auto;
	top: 90px;
}

.nyyycjlist:hover p {
	display: block;
	color: #fff;
}

.nyyycjlist:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.nyyycjlist h4.nyyycj01 {
	background-image: url(../images/nyyycj01.png)
}

.nyyycjlist h4.nyyycj02 {
	background-image: url(../images/nyyycj02.png)
}

.nyyycjlist h4.nyyycj03 {
	background-image: url(../images/nyyycj03.png)
}

.nyyycj1list {
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
}

.nyyycj1list p {
	line-height: 45px;
	background: #183884;
	color: #fff;
	padding-left: 20px;
}

.nyyycjps {
	line-height: 1.5;
	padding: 20px 0;
	font-weight: bold;
	color: #183884;
	font-size: 16px;
	text-align: center;
}

.nycpfaq-title {
	height: 700px;
	background: #f8f8f8 url(../images/faqbg.png) bottom center no-repeat;
	padding: 60px 40px;
	box-sizing: border-box;
	position: relative;
	border-radius: 8px;
}

.nycpfaq-title:after {
	content: "";
	width: 30px;
	height: 3px;
	background: #183884;
	position: absolute;
	top: 150px;
	left: 42px;
}

.nycpfaq-title h3 {
	font-size: 30px;
	color: #183884;
	font-weight: bold;
}

.nycpfaq-title p {
	color: #888;
}

.nycpfaq {
	overflow-y: scroll;
	height: 700px;
	padding-left: 40px;
}

.nycpfaq::-webkit-scrollbar {
	width: 3px;
	height: 1px;
}

.nycpfaq::-webkit-scrollbar-thumb {
	background: #183884;
}

.nycpfaq::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.5);
}

.nycpfaqlist {
	padding: 20px 0;
	border-bottom: 1px #eee solid;
}

.nycpfaq>div:nth-child(1) .nycpfaqlist {
	border-top: 1px #eee solid;
}

.nycpfaqlist h3 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

.nycpfaqlist p {
	color: #666;
	text-align: justify;
	margin-bottom: 0;
	font-style: italic;
	font-size: 15px;
}

.nycpfaqlist h3 b {
	color: #183884
}

.nycpfaqlist p b {
	color: #183884
}


.nycase {
	background-color: #f8f8f8;
}

.nycaselist ul li a {
	position: relative;
	display: inline-block;
}

.nycaselist ul li a i {
	position: absolute;
	z-index: 9;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	font-size: 20px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	color: #fff;
}

.nyphotolisttitle {
	font-size: 24px;
	color: #183884;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: bold
}

.nyphotolisttitle i {
	display: inline;
	margin-right: 8px;
	color: #9f2925;
	font-size: 18px;
}

.nyphotolisttitle a {
	float: right;
	font-size: 16px;
	color: #888;
	font-style: italic;
	font-weight: normal;
}

.nyphotolisttitle a:hover {
	color: #9f2925;
}

.photolist {}

.photolist .photolistc:nth-child(3n+1) {
	clear: left
}

.photolist .photolistc a {
	position: relative;
	display: inline-block;
}

.photolist .photolistc a i {
	position: absolute;
	z-index: 9;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	font-size: 20px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	color: #fff;
}


.nyzzry {
	margin-bottom: 40px;
}

.nyzzry ul li {
	border: 3px #eee solid;
}


.nypzbz-title {
	font-size: 30px;
	font-weight: bold;
	color: #183884;
	text-align: center;
	margin-bottom: 40px;
}

.nypzbz-title span {
	color: #9f2925;
}

.nypzbz {
	position: relative;
}

.nypzbz:before {
	content: "";
	background: #eee;
	position: absolute;
	z-index: 1;
	width: 1000px;
	left: 150px;
	top: 40px;
	height: 5px;
}

.nypzbz ul li {
	position: relative;
	z-index: 9;
	float: left;
	margin-right: 33.33px;
	width: 300px;
}

.nypzbz ul li::before {
	content: "";
	border: 4px #9f2925 solid;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	z-index: 9;
	top: 34px;
	left: 50%;
	margin-left: -9px;
}

.nypzbz ul li::after {
	content: "";
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	border-bottom: 30px solid rgba(24, 56, 132, 0.3);
	position: absolute;
	z-index: 9;
	left: 50%;
	margin-left: -30px;
	top: 60px;
}

.nypzbz ul li:hover::after {
	border-bottom: 30px solid #9f2925;
}

.nypzbz ul li h3 {
	font-size: 24px;
	color: #183884;
	font-weight: bold;
	text-align: center;
}

.nypzbz ul li h3 span {
	font-weight: normal;
	color: #aaa;
	font-style: italic;
	margin-right: 3px;
	font-size: 18px;
}

.nypzbz ul li div {
	width: 300px;
	border-radius: 6px;
	height: 260px;
	background: #f8f8f8;
	padding: 30px;
	margin-top: 63px;
}

.nypzbz ul li div h4 {
	font-size: 20px;
	color: #183884;
	font-weight: bold;
}

.nypzbz ul li div p {
	font-size: 16px;
	color: #666;
	font-style: italic;
}

.product-sec {
	background-color: #f8f8f8;
}

.nycpfltitle {
	font-size: 30px;
	font-weight: bold;
	background: #9f2925;
	color: #fff;
	padding: 10px 20px;
	line-height: 60px;
	margin-bottom: 10px;
	border-radius: 6px;
}

.nycpfl {}

.nycpfl ul li {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.nycpfl ul li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	z-index: 1;
	background: #183884;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nycpfl ul li a {
	position: relative;
	z-index: 9;
}

.nycpfl ul li i {
	float: left;
	margin-right: 10px;
	display: block;
	width: 60px;
	height: 60px;
	border: 2px #eee solid;
	overflow: hidden;
	border-radius: 30px;
}

.nycpfl ul li span {
	display: flex;
	line-height: 1.2;
	font-size: 16px;
	align-items: center;
	height: 60px;
}

.nycpfl ul li.on:after {
	width: 100%;
}

.nycpfl ul li.on i {
	border: 2px #183884 solid
}

.nycpfl ul li.on span {
	color: #fff;
}

.nyprojjfafl {
	width: 100%;
}

.nyprojjfafl ul li {
	position: relative;
	width: 100%;
	height: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 6px;
}

.nyprojjfafl ul li p {
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	margin-bottom: 0;
	padding: 0 20px;
	line-height: 50px;
	font-size: 16px;
	font-style: italic;
	color: #fff;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.nyprojjfafl ul li p a {
	color: #fff;
}

.nyprojjfafl ul li.nyprojjfafl01 {
	background-image: url(../images/jjfaimg01.jpg);
}

.nyprojjfafl ul li.nyprojjfafl02 {
	background-image: url(../images/jjfaimg02.jpg);
}

.nyprojjfafl ul li.nyprojjfafl03 {
	background-image: url(../images/jjfaimg03.jpg);
}


.nycpxqimg {
	border: 5px #fff solid;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
	width: 100%;
	text-align: center;
}

.nycpxqimg img {
	max-width: 100%;
	max-height: 100%;
}

.cpxqbiaoti {
	padding: 10px 0 10px;
}

.cpxqbiaoti h1 {
	font-size: 30px;
	font-weight: bold;
	color: #333;
}


.cpxqnr {
	font-size: 16px;
	color: #333;
	padding-right: 50px;
}

.cpxqnr1 {
	padding: 30px;
	background: #fff;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 6px;
}

.cpxqnr1 strong {
	color: #183884;
	font-size: 18px
}

.nycpxqmessage {
	background-color: #9f2925;
	display: inline-block;
	width: 150px;
	height: 40px;
	margin-bottom: 40px;
	margin-top: 20px;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

.nycpxqmessage:hover {
	color: #fff;
	border-radius: 10px;
}

.cpxqdown {
	padding: 20px 0;
	margin: 20px 50px 0 0;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}

.cpxqdowna {
	padding-left: 40px;
	font-size: 14px;
	color: #666;
	display: block;
	background: url(../images/cpxqdowna.png) left center no-repeat;
	background-size: 30px;
	line-height: 40px;
}

.cpfldowna {
	float: right;
	font-weight: normal;
	padding-left: 40px;
	font-size: 14px;
	color: #666;
	display: block;
	background: url(../images/cpxqdowna.png) left center no-repeat;
	background-size: 30px;
	line-height: 40px;
}

.preNext {}

.preNext ul li {
	line-height: 40px;
}

.nycpxqxgcp {}

.nycpxqxgcptitle {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 60px;
}

.nyservice {}

.nyserviceidea {}

.nyserviceidea i {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	background: url(../images/nyserviceico.png) center center no-repeat;
}

.nyserviceidea h3 {
	font-size: 24px;
	color: #183884;
	font-weight: bold;
	padding-top: 3px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.nyserviceidea p {
	font-size: 16px;
	color: #333;
	font-style: italic;
}

.nyservicebz {
	font-size: 20px;
	color: #333;
	margin: 20px auto;
	font-style: italic;
	font-weight: bold
}

.nyservicebz span {
	color: #183884;
}

.nyservicebox_title {
	height: 50px;
}

.nyservicebox_title ul li {
	float: left;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #f0f0f0;
	margin-right: 10px;
	position: relative;
	text-align: center;
	line-height: 50px;
	font-style: italic;
	color: #666;
	width: 160px;
}

.nyservicebox_title ul li i {
	position: absolute;
	font-size: 60px;
	left: 0;
	top: 0;
	font-weight: bold;
	line-height: 50px;
	color: rgba(159, 41, 37, 0.2);
}

.nyservicebox_title ul li.on {
	background: #9f2925;
	color: #fff;
	font-weight: bold;
}

.nyservicebox_title ul li.on i {
	color: rgba(255, 255, 255, 0.2)
}

.nyservicebox_content {}

.nyservicebox_content ul li {
	display: none;
	width: 100%;
	background: #f8f8f8;
	padding: 30px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}

.nyservicebox_content ul li h3 {
	color: #183884;
	font-style: italic;
	line-height: 2;
	font-size: 18px;
	font-weight: bold;
}

.nyservicebox_content ul li p {
	color: #888;
	font-style: italic;
	font-size: 16px;
}

.nyservicebox_content ul li.on {
	display: block;
}

.nyserviceimg {
	background: url(../images/nyserviceimg.jpg) center center no-repeat;
	border-radius: 6px;
	height: 500px;
	padding: 60px;
}

.nyserviceimg h3 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 20px;
}

.nyserviceimg p {
	font-size: 16px;
	color: #fff;
	font-style: italic;
	margin-bottom: 20px;
}


.nycontactbox_title {
	height: 50px;
	text-align: center;
}

.nycontactbox_title ul li {
	float: left;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #f0f0f0;
	margin-right: 10px;
	position: relative;
	text-align: center;
	line-height: 50px;
	font-style: italic;
	color: #666;
	width: 250px;
}

.nycontactbox_title ul li i {
	position: absolute;
	font-size: 60px;
	left: 0;
	top: 0;
	font-weight: bold;
	line-height: 50px;
	color: rgba(24, 56, 132, 0.2);
}

.nycontactbox_title ul li.on {
	background: #9f2925;
	color: #fff;
	font-weight: bold;
}

.nycontactbox_title ul li.on i {
	color: rgba(255, 255, 255, 0.2)
}

.nycontactbox_content {}

.nycontactbox_content ul li {
	display: none;
	width: 100%;
	background: #f8f8f8;
	padding: 30px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}

.nycontactbox_content ul li h3 {
	color: #183884;
	font-style: italic;
	line-height: 2;
	font-size: 24px;
	font-weight: bold;
}

.nycontactbox_content ul li p {
	color: #888;
	font-style: italic;
	font-size: 16px;
}

.nycontactbox_content ul li.on {
	display: block;
}

.nycontactimg {
	background: url(../images/nycontactimg.jpg) center center no-repeat;
	border-radius: 6px;
	height: 500px;
	padding: 30px;
}

.contact_title {
	padding-top: 20px;
}

.contact_title h3 {
	font-size: 32px;
	color: #333;
	font-weight: bold;
}

.contact_title p {
	font-size: 18px;
	color: #888;
}

.contact_list {
	width: 100%;
	margin: 40px 0;
}

.contact_list ul li {
	text-align: center;
	border-right: 1px #eee solid;
	box-sizing: border-box;
	padding: 50px 0;
}

.contact_list ul li:nth-child(4) {
	border: none;
}

.contact_list ul li i {
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: #183884 url(../images/contact_list.png) center center no-repeat
}
.contact_list ul li span {
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: #183884;
	font-size: 26px; color: #fff;
	line-height: 50px;
}

.contact_list ul li h3 {
	font-size: 20px;
	color: #333;
}

.contact_list ul li p {
	font-size: 24px;
	color: #183884;
	font-weight: bold;
	font-style: normal;
	margin: 0;
}
.contact_list ul li p em{ font-size:18px; font-weight:300; color:#183884; font-style:normal; }

.contact_add {
	padding: 0 0 20px;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
}

.contact_add i {
	display: inline-block;
	float: left;
	border-radius: 50%;
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	background: #183884 url(../images/contact_add.png) center center no-repeat
}

.contact_add b {
	font-weight: normal;
	float: left;
}

.contact_add span {
	color: #183884;
	float: left;
}

.contact_content {
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	font-style: italic;
	border-radius: 10px;
}



.nycasebox {
	background: #fff;
	padding: 30px;
	border-radius: 6px;
}

.alxqbiaoti {
	padding: 0 0 10px;
}

.alxqbiaoti h1 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

.nyproductvideo {
	margin-bottom: 20px;
	overflow: hidden;
}

.nyproductvideo iframe {
	width: 790px;
	height: 442px;
}

.entry-content iframe {
	width: 790px;
	height: 442px;
	margin: 0 auto;
}

.nycasevideo {
	padding-left: 40px;
}

.nycasevideotitle {
	border-bottom: 3px #183884 solid;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
}

.nycasevideolist {}

.nycasevideolist ul li {
	margin: 20px 0;
	clear: left;
	height: 60px;
}

.nycasevideolist ul li h3 {
	float: left;
	margin-right: 10px;
	width: 80px;
	height: 60px;
	overflow: hidden;
}

.nycasevideolist ul li div {
	float: right;
	width: calc(100% - 90px);
}

.nycasevideolist ul li div h4 {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
}

.nycasevideolist ul li div span {
	color: #888;
	font-size: 14px;
}

.nyppxy {
	background: url(../images/nyppxybg.jpg) center center no-repeat;
	height: 900px;
}

.nyppxytext {}

.nyppxytext h3 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 50px;
}

.nyppxytext h4 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}

.nyppxytext p {
	font-size: 18px;
	font-style: italic;
	color: #fff;
	margin-bottom: 30px;
}

.nyjjfa {
	background: url(../images/nyjjfaimg.jpg) center center no-repeat;
	height: 800px;
}

.nyjjfatext {
	width: 580px;
}

.nyjjfatext h3 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 50px;
}

.nyjjfatext h4 {
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}

.nyjjfatext p {
	font-size: 18px;
	font-style: italic;
	color: #fff;
	margin-bottom: 30px;
}

.nyproduct-sec {
	width: 100%;
	background: #edeef2 url(../images/nyproduct_img.jpg) top center no-repeat;
}

.nyproduct {
	margin-bottom: 60px;
}

.nyproduct_title {}

.nyproduct_title h3 {
	font-size: 36px;
	margin-bottom: 20px;
	color: #183884;
	font-weight: bold;
}

.nyproduct_title p {
	font-size: 18px;
	color: #333;
	line-height: 1.5;
	text-align: justify
}

.nyproduct_img {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.nyproduct_bz {
	font-size: 20px;
	color: #9f2925;
	margin: 40px 0 20px;
	font-weight: bold;
	font-style: italic;
}

.nyproduct_imgc {
	display: inline-block;
}

.nyproduct_img dl {
	position: absolute;
	z-index: 9;
}

.nyproduct_img dl dt {
	font-size: 20px;
	color: #183884;
	margin-bottom: 20px;
	font-weight: bold;
	font-style: italic;
}

.nyproduct_img dl dd {
	padding-left: 16px;
	position: relative;
	font-size: 18px;
	color: #666;
	margin-bottom: 16px;
	font-style: italic;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.nyproduct_img dl dd::before {
	content: "";
	background: #183884;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}

.nyproduct_img dl dd:hover {
	color: #183884;
	font-weight: bold
}

.nyproduct_dingzhi {
	left: 0;
	top: 100px;
}

.nyproduct_youshi {
	width: 100%;
	margin: 40px 0;
}

.nyproduct_youshi dt {
	font-size: 24px;
	color: #183884;
	margin-bottom: 20px;
	font-weight: bold;
	font-style: italic;
}

.nyproduct_youshi dt i {
	display: inline;
	margin-right: 8px;
	color: #9f2925;
	font-size: 18px;
}

.nyproduct_youshi dd {
	position: relative;
	color: #666;
	font-size: 15px;
	font-style: italic;
	line-height: 2;
	margin-bottom: 10px;
}

.nyproduct_youshi dd i {
	color: #9f2925;
	margin-right: 8px;
}

.nyproduct_list ul li {}

.nyproduct_list ul li:nth-child(3n+1) {
	clear: left;
}

.nyproduct_list ul li img {
	border-radius: 6px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.nyproduct_list ul li:hover img {
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	margin-top: -5px;
}

.nyproduct_list ul li span {
	display: block;
	color: #333;
	font-size: 16px;
	margin-top: 10px;
}

.nynews_list ul li {}

.nynews_list ul li:nth-child(2n+1) {
	clear: left;
}

.nynews_list ul li img {
	float: left;
	width: 160px;
	height: 90px;
	border-radius: 6px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.nynews_list ul li:hover img {
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.3);
	margin-top: -5px;
}

.nynews_list ul li a {
	color: #333;
	font-size: 16px;
	padding: 10px 0 0 10px;
	display: block;
	float: left;
	width: calc(100% - 160px)
}

.about-area .inner-list {
	max-width: 420px;
	display: inline-block;
	margin-right: 45px;
	padding-top: 15px;
	margin-bottom: 10px;
}

.inner-list ul {
	margin: 0;
	padding: 0;
	padding-bottom: 7px;
}

.inner-list ul li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f007";
	position: absolute;
	left: 0;
	top: -5px;
	display: inline-block;
	width: 35px;
	height: 35px;
	box-shadow: 0px 5px 20px 0px rgba(17, 180, 245, 0.15);
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #11b4f5;
	background-color: var(--whiteColor);
	border-radius: 50%;
}

.inner-list ul li {
	list-style-type: none;
	position: relative;
	padding-left: 43px;
	margin-bottom: 20px;
}

.about-area .experiance-box {
	display: inline-block;
	width: 100%;
	max-width: 225px;
	background-color: var(--whiteColor);
	vertical-align: top;
	padding: 30px 20px 40px 42px;
	border-top: 2px solid var(--secondColor);
	margin-top: 5px;
	box-shadow: 0px 5px 20px 0px rgba(17, 180, 245, 0.1);
}

.about-area .experiance-box .total-exp::before {
	content: 'Years';
	color: #09285b;
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	left: -15px;
	top: 23px;
	line-height: 1;
	text-transform: capitalize;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.about-area .experiance-box .total-exp {
	font-size: 60px;
	font-weight: 700;
	line-height: 1;
	position: relative;
	color: var(--secondColor);
	margin-bottom: 0;
	padding-left: 20px;
}

.about-area .experiance-box .exp-text {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 1.1;
}

.theme-btn.style3 {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	box-shadow: 0px 5px 50px 0px rgba(17, 180, 245, 0.3);
}

/*
================================================
9. Services Sec
================================================
*/

/** Single Services Sec **/
.service-details-sec.inner-page-wrapper {
	background: none;
}

.service-details-sec .img-fluid {
	width: 100%;
}

.service-block {
	padding: 40px;
	background: var(--whiteColor);
	margin-top: 30px;
	-webkit-transition: all 300ms linear 0ms;
	-khtml-transition: all 300ms linear 0ms;
	-moz-transition: all 300ms linear 0ms;
	-ms-transition: all 300ms linear 0ms;
	-o-transition: all 300ms linear 0ms;
	transition: all 300ms linear 0ms;
	box-shadow: 0px 20px 60px #6059BB12;
}

.service-excerpt::before {
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: -1px;
	background: #f0f4f8;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}

.service-excerpt::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 0px;
	top: 0;
	left: -1px;
	background: var(--secondColor);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}

.service-block:hover .service-excerpt::after {
	height: 100%;
}

.service-block:hover {
	-webkit-transform: translate(0, -10px);
	-khtml-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px);
	-webkit-box-shadow: 0 5px 83px rgba(11, 38, 83, 0.08);
	-khtml-box-shadow: 0 5px 83px rgba(11, 38, 83, 0.08);
	-moz-box-shadow: 0 5px 83px rgba(11, 38, 83, 0.08);
	-ms-box-shadow: 0 5px 83px rgba(11, 38, 83, 0.08);
	-o-box-shadow: 0 5px 83px rgba(11, 38, 83, 0.08);
	box-shadow: 0 5px 83px rgba(11, 38, 83, 0.08);
}

.mb-50 {
	margin-bottom: 50px;
}

.service-icon {
	font-size: 60px;
	line-height: 1;
	color: var(--mainColor);
}

.service-title-block {
	padding-left: 20px;
}

.service-block .service-title {
	margin: 0px;
	font-size: 18px;
	color: #002e5b;
	font-weight: 600;
}

.service-excerpt {
	position: relative;
	margin-top: 20px;
	color: #002e5b;
	padding-left: 20px;
}

/** Service Details Sec **/
.sidebar .widget {
	position: relative;
	margin-bottom: 30px;
	padding: 28px;
	border: 1px solid #efefef;
	background-color: #f6f6f6;
}

.sidebar .widget input {
	font-family: inherit;
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	vertical-align: middle;
	width: 100%;
	color: #696884;
	padding: 12px 15px 11px;
	border-radius: 0;
	font-weight: 400;
	background-color: #fff;
	text-transform: inherit;
	border: 1px solid #e8e8e8;
	font-size: 14px;
	outline: none;
	line-height: inherit;
	letter-spacing: 0px;
}

.widgest-list-services ul li a {
	display: block;
	padding: 14px 30px 14px 24px;
	position: relative;
	background-color: #fff;
	color: #09162a;
	z-index: 1;
	font-weight: 500;
	font-size: 16px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: relative;
	margin-bottom: 5px;
	border: 1px solid #EEE;
}

.service-details-sec .sidebar .widgest-list-services ul li a:hover,
.service-details-sec .widgest-list-services ul li.active a,
.service-details-sec .widgest-list-services ul li.active a:hover {
	background: var(--secondColor);
	color: #FFF;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sidebar .widget.widget-search .blog-search-form {
	border: 0;
	position: relative;
}

.sidebar .widget.widget-search .blog-search-form i {
	color: #FFF;
}

.sidebar .widget.widget-search .blog-search-form .btn[type="submit"] {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 46px;
	height: 46px;
	line-height: 45px;
	font-size: 14px;
	z-index: 1;
	border-radius: 0;
	box-shadow: unset;
	background-color: var(--secondColor);
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar .widget ul {
	margin: 0;
	padding: 0;
	position: relative;
}

ul.listborder li {
	padding: 12px 0;
	border-top: 1px solid #e8e8e8;
}

.sidebar .widget ul.listborder li:first-child {
	border-top: none;
	padding-top: 0;
}

.sidebar .widget ul li a {
	color: #09162a;
}

.sidebar .widget ul li a:hover,
.sidebar .widget ul li a:focus {
	color: var(--secondColor);
}

.sidebar .widget ul.tgt-list-style li {
	padding-left: 18px;
}

.widget-latest-blog ul.listborder li {
	padding: 18px 0;
}

.sidebar .widget .widget-title {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 20px;
}

.sidebar .widget .widget-title:after {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	left: 0;
	bottom: 3px;
	opacity: 1;
	width: 35px;
	height: 2px;
	background: var(--secondColor);
}

.widget .cat_count {
	position: absolute;
	right: 0;
}

.sidebar .widget ul.tgt-latest-post-list>li img {
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	margin-right: 20px;
}

ul.tgt-latest-post-list li h5 a {
	font-weight: 500;
}

.tgt-latest-post-list h5 {
	font-weight: 500;
	font-size: 16px;
}

.tgt-latest-post-date {
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
}

.widget .tagcloud a,
a.tag-links {
	display: inline-block;
	margin: 0 5px 10px 0;
	padding: 9px 22px;
	border: 1px solid #cfdff7;
	color: #09162a;
	background: #fff;
}

a.tag-links {
	padding: 8px 14px;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
a.tag-links:hover {
	color: #FFF;
	border: 1px solid var(--secondColor);
	background: var(--secondColor);
}

ul.tgt-widget-social-media li {
	display: inline-block;
	margin-right: 5px;
}

ul.tgt-widget-social-media li a {
	background: #FFF;
	border-radius: 50%;
	border: 1px solid #d6d6d6;
	width: 36px;
	height: 36px;
	text-align: center;
	font-size: 14px;
	display: block;
	line-height: 36px;
	color: #09162a;
}

ul.tgt-widget-social-media li a:hover {
	color: var(--secondColor);
}

.widget-custom-image {
	position: relative;
	margin-bottom: 30px;
}

.tgt-quote-call {
	position: absolute;
	background: var(--secondColor);
	padding: 20px 25px;
	left: 0;
	bottom: 30px;
}

.widget-custom-image .tgt-quote-call {
	right: 0;
	bottom: 0;
	padding: 10px 15px 5px 40px;
}

.widget-custom-image .tgt-feature-icon {
	padding-right: 15px;
}

.feature-box-left-icon {
	display: flex;
	position: relative;
	margin-bottom: 15px;
}

.feature-box-icon {
	position: absolute;
	text-align: center;
}

.feature-box-icon i {
	font-size: 42px;
	color: var(--secondColor);
}

.feature-box-left-content {
	display: inline-block;
	padding-left: 65px;
}

.feature-box-left-content h4 {
	font-size: 18px;
}

.widgest-list-docs ul li {
	border: 1px solid #EEE;
	margin-bottom: 10px;
	position: relative;
	background-color: #fff;
}

.widgest-list-docs ul li span {
	background: var(--secondColor);
	display: inline-block;
	text-align: center;
	height: 50px;
	width: 50px;
	line-height: 50px;
}

.sidebar .widgest-list-docs ul li a {
	padding: 15px 20px;
	color: #777777;
	font-weight: 500;
}

.widgest-list-docs ul li span i {
	font-size: 17px;
	color: #FFF;
}

.tgt-feature-icon,
.tgt-feature-details {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.tgt-feature-icon i {
	font-size: 44px;
}

.tgt-quote-call .tgt-feature-icon i,
.tgt-quote-call p,
.tgt-quote-call h2,
.tgt-quote-call h3 {
	color: #FFF;
}

/*
================================================
10. Our Team
================================================
*/
.our-team-sec.inner-page-wrapper {
	padding: 40px 0 80px;
}

/** Single Team Sec **/
.single-team {
	margin: 0 0 15px;
}

.team-thumb img {
	width: 100%;
}

.team-info {
	background: var(--whiteColor);
	transform: translateY(0);
	padding: 20px;
	transition: .3s;
	box-shadow: 0px 20px 60px #6059BB12;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.team-info h4 {
	font-size: 20px;
	margin-bottom: 5px;
	transition: .3s;
	font-weight: 600;
}

.team-info span {
	font-size: 16px;
	transition: .3s;
}

.team-social a {
	font-size: 14px;
	color: #6e6e6e;
	margin: 0 5px;
	display: inline-block;
}

.single-team:hover .team-info {
	/*transform: translateY(-45px);*/
	background: var(--mainColor);
	color: #fff;
}

.single-team:hover .team-info h4 {
	color: var(--whiteColor);
}

.single-team:hover .team-info span {
	color: var(--whiteColor);
}

.single-team:hover .team-info a {
	color: var(--whiteColor);
}

.cpyya .team-thumb {
	border: 1px #ddd solid;
}

.cpyya .team-info {
	background: none;
	padding: 5px 0;
	box-shadow: none;
}

.cpyya .team-info a {
	font-size: 12px;
}

.single-team.cpyya {
	margin-top: 15px;
}

.single-team.cpyya:hover .team-info {
	transform: none;
	background: none;
}

.single-team.cpyya:hover .team-info a {
	color: var(--mainColor)
}

.single-team.syal {
	margin-top: 15px;
}

.syal .team-info {
	background: #f4f4f4;
	padding: 10px 5px 0;
	box-shadow: none;
}

.syal .team-info-dec {
	background: #f4f4f4;
	color: #888;
	text-align: left;
	padding: 5px 20px 20px;
	font-size: 12px;
}

.single-team.syal:hover .team-info {
	transform: none;
	background: #f4f4f4;
}

.single-team.syal:hover .team-info a {
	color: var(--mainColor)
}

/*
================================================
11. Counter Area
================================================
*/
.counter-area::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(90deg, rgba(66, 140, 212, 0.9) 0%, rgba(0, 78, 154, 0.9) 100%);
}

.counter-area {
	padding: 40px 0 80px;
	background: url(../images/counter-bg.jpg) left top no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.single-counter {
	margin: 40px 0 0;
}

.count {
	font-size: 55px;
	color: var(--whiteColor);
	font-weight: 500;
	margin-bottom: 13px;
	line-height: 1;
	display: inline-block;
}

.counter small {
	font-size: 44px;
	font-weight: 500;
	color: var(--whiteColor);
	line-height: 1;
	position: relative;
	top: -35px;
	right: 0;
}

.single-counter p {
	font-size: 16px;
	margin-bottom: 0;
	color: var(--whiteColor);
}

/*
================================================
12. Pricing Area
================================================
*/
.pricicng-area .price-block .inner-box {
	position: relative;
	overflow: hidden;
	background-color: #f7f7f7;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	margin-bottom: 60px;
	padding: 60px 38px 57px;
	border: 1px solid #dddddd;
	margin: 30px 0 0;
}

.pricicng-area .price-block:hover .inner-box {
	box-shadow: 3px 0 27px rgba(0, 0, 0, 0.08);
}

.pricicng-area .price-block .upper-box h3 {
	font-size: 24px;
	font-weight: 700;
	color: var(--whiteColor);
	background-image: linear-gradient(90deg, rgba(66, 140, 212, 0.9) 0%, rgba(0, 78, 154, 0.9) 100%);
	text-align: left;
	padding: 12px 30px 12px 57px;
	border-radius: 0 35px 35px 0;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	display: inline-block;
	margin-left: -50px;
}

.pricicng-area .price-block .upper-box .icon-box {
	display: inline-block;
	float: right;
}

.pricicng-area .price-block .upper-box .icon-box .icon:before {
	margin: 0;
	font-size: 50px;
	color: #bbbbbb;
}

.pricicng-area .price-block .price {
	position: relative;
	font-size: 48px;
	font-weight: 800;
	color: #2154cf;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.pricicng-area .price-block .price sub {
	font-size: 14px;
	font-weight: 600;
	color: #2154cf;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.pricicng-area .price-block .price span {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	color: #777777;
	margin-left: -10px;
}

.pricicng-area .price-block .middle-box {
	position: relative;
	width: 100%;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	padding: 32px 0 36px;
}

.pricicng-area .price-block .purchased {
	display: inline-block;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.pricicng-area .price-block:hover .purchased {
	background-color: #222;
}

.pricicng-area .price-block .middle-box ul li {
	font-size: 14px;
	color: #777;
	padding-left: 38px;
	padding-bottom: 10px;
	position: relative;
}

.pricicng-area .price-block .middle-box ul li:before {
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #2154cf;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}

.pricicng-area .tabs-btn {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.pricicng-area .tab-buttons {
	position: relative;
	overflow: hidden;
	border-radius: 60px;
	display: inline-block;
	border: 1px solid #ff9c00;
}

.pricicng-area .tab-buttons .tab-btn {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 400;
	float: left;
	cursor: pointer;
	padding: 17px 45px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border-radius: 60px;
}

.pricicng-area .tab-buttons .tab-btn:hover,
.pricicng-area .tab-buttons .tab-btn.active-btn {
	color: var(--whiteColor);
	background-color: #ff9c00;
}

.pricicng-area .tabs-content .tab {
	position: relative;
	display: none;
}

.pricicng-area .tabs-content .tab.active-tab {
	display: block;
}

/*
================================================
13. Testimonials Area
================================================
*/
.testimonials-sec {
	padding: 80px 0;
	background: url(../images/testimonials-bg.jpg) left top no-repeat;
	background-size: cover;
	position: relative;
}

/** Single Testiominals Block **/
.testimonial-block {
	position: relative;
	margin: 30px 0 0;
}

.testimonial-block .inner-box {
	position: relative;
	padding: 45px 55px 45px;
	background-color: var(--whiteColor);
	border-bottom: 2px solid #fd5d14;
	border-radius: 20px 20px 0px 0px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.testimonial-block .inner-box .content {
	position: relative;
}

.testimonial-block .inner-box .upper-box {
	position: relative;
	left: 0px;
	top: 0px;
	min-height: 100px;
}

.testimonial-block .inner-box .upper-box:before {
	position: absolute;
	content: '';
	left: -55px;
	top: 0px;
	width: 153px;
	height: 100px;
	background: url(../images/pattern.png) no-repeat;
}

.testimonial-block .inner-box .upper-box .upper-inner {
	position: relative;
	padding-top: 17px;
	padding-left: 130px;
}

.testimonial-block .inner-box .upper-box .upper-inner h4 {
	position: relative;
	font-weight: 600;
	color: #002155;
}

.testimonial-block .inner-box .upper-box .upper-inner .designation {
	position: relative;
	color: #555555;
	font-size: 14px;
	margin-top: 6px;
}

.testimonial-block .inner-box .upper-box .author-image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50px;
	border: 1px solid #e1e1e1;
}

.testimonial-block .inner-box .text {
	position: relative;
	color: #555555;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 30px;
}

.testimonial-block .inner-box .quote-icon {
	position: absolute;
	right: 70px;
	bottom: -30px;
	width: 60px;
	height: 60px;
	color: #fd5d14;
	font-size: 20px;
	border-radius: 50px;
	text-align: center;
	line-height: 58px;
	display: inline-block;
	border: 1px solid #e2e2e2;
	background-color: var(--whiteColor);
}

.testimonials-sec .owl-carousel .owl-stage-outer {
	padding: 15px 0px 40px;
}

.testimonials-sec .owl-nav {
	position: absolute;
	right: 15px;
	top: -40px;
}

.testimonials-sec .owl-nav .owl-prev,
.testimonials-sec .owl-nav .owl-next {
	position: relative;
	width: 50px;
	height: 50px;
	color: #ffffff !important;
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	border-radius: 4px;
	margin-left: 12px;
	display: inline-block;
	background-color: var(--mainColor) !important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.testimonials-sec .owl-nav .owl-prev:hover,
.testimonials-sec .owl-nav .owl-next:hover {
	background-color: #fd5d14 !important;
}

/** Clinets Area **/
.cta-sec {
	background-repeat: repeat-x;
	animation: slide 100s linear infinite;
	-webkit-animation: slide 100s linear infinite;
	background: var(--mainColor) url(../images/footer-map.png) left top no-repeat
}

@keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 1920px 0;
	}
}

@-webkit-keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 1920px 0;
	}
}

.cta-sec h2 {
	color: #fff;
	font-size: 28px;
	text-transform: capitalize;
	padding-top: 5px;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.36);
	margin: 0;
	font-weight: 600;
}

.cta-sec .quote-btn {
	text-align: center;
	line-height: 0px;
}

/** Gallery Area **/
.single-gallery {
	position: relative;
	margin-top: 40px;
}

.single-gallery>img {
	width: 100%;
}

.single-gallery:hover .gallery-icon {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.single-gallery:hover img {
	-webkit-filter: brightness(0.5);
	filter: brightness(0.5);
}

.single-gallery .gallery-icon {
	position: absolute;
	text-align: center;
	top: 40%;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 20px;
	color: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 0 7px 0 7px;
	line-height: 45px;
	background-color: var(--secondColor);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .7s;
	transition: .7s;
}

.single-gallery .gallery-icon:hover {
	background-color: #020d26;
	color: #ffffff;
}

.single-gallery .gallery-icon::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 0 7px 0 7px;
	left: 0;
	border: 1px solid var(--secondColor);
	-webkit-animation: ripple 1s linear 2s infinite;
	animation: ripple 1s linear 2s infinite;
}

.single-gallery .gallery-icon:hover::before {
	border-color: #020d26;
}

/*
================================================
14. Blog Area
================================================
*/
.inner-page-wrapper.blog-area {
	padding: 40px 0 80px;
}

/** Single Blog Sec **/
.blog-item {
	margin-top: 15px;
}

.news-margin {
	margin: 0 0 30px 0 !important;
}

.news-margin50 {
	margin: 0 0 50px 0 !important;
	position: relative;
}

.news-listimg {
	float: left;
	width: 400px;
	position: relative;
}

.news-listimg a {
	display: block;
	width: 100%;
	padding-bottom: calc(300% / 5);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.news-listcon {
	float: right;
	width: calc(100% - 450px);
	padding: 40px 0;
}

.news-listcon h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
}

.news-listcon ul {}

.news-listcon ul li span {
	color: #aaa;
	font-size: 14px;
}

.news-listcon ul li p {
	font-size: 14px;
	color: #888;
}

.news-listcon ul li a {
	margin-top: 20px;
	display: block;
	color: var(--secondColor);
	font-size: 14px;
}

.news-listcon ul li a i {
	font-size: 12px;
	position: relative;
	top: 1px;
	left: -3px;
}

.news-listcon ul li a:hover {
	color: #333333;
}

.newsfloat .news-listimg {
	float: right;
}

.newsfloat .news-listcon {
	float: left;
}

.blog-item-title {
	border-bottom: 1px #eee solid;
	margin-bottom: 15px;
}

.blog-item-title h3 {
	font-size: 16px;
	color: #333;
}

.blog-item-title h3 a {
	float: right;
	font-size: 12px;
	color: #888;
	text-transform: uppercase;
	font-weight: normal;
}

.blog-item .blog-top {
	position: relative;
}

.blog-item .blog-top a {
	display: block;
}

.blog-item .blog-top a img {
	width: 100%;
}

.blog-item .blog-top span {
	font-weight: 500;
	font-size: 16px;
	color: var(--secondColor);
	background-color: #f5f5f5;
	position: absolute;
	bottom: -10px;
	left: 0;
	padding: 10px 25px;
	opacity: 0;
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.blog-item .blog-bottom {}

.blog-item .blog-bottom h3 {
	margin: 15px 0;
}

.blog-item .blog-bottom h3 a {
	display: block;
	font-size: 16px;
	color: #333;
}

.blog-item .blog-bottom h3 a:hover {
	color: var(--mainColor);
}

.blog-item .blog-bottom ul {
	margin: 0;
	padding: 0;
}

.blog-item .blog-bottom ul li {
	list-style-type: none;
	display: block;
	color: #808291;
	font-size: 14px;
	position: relative;
	min-height: 40px;
}

.blog-item .blog-bottom ul li img {
	margin-right: 10px;
	max-width: 45px;
	border-radius: 50%;
}

.blog-item .blog-bottom ul li span {
	float: left;
}

.blog-item .blog-bottom ul li a {
	display: block;
	color: var(--secondColor);
	font-size: 14px;
	float: right;
}

.blog-item .blog-bottom ul li a i {
	font-size: 12px;
	position: relative;
	top: 1px;
	left: -3px;
}

.blog-item .blog-bottom ul li a:hover {
	color: #333333;
}

.blog-item .blog-bottom p {
	font-size: 12px;
	color: #888;
}


.sy-blog-item {
	border: 1px #eee solid;
	padding: 15px;
}

.sy-blog-item .sy-blog-top {
	position: relative;
	float: left;
	width: 180px;
	margin-right: 20px;
}

.sy-blog-item .sy-blog-top a {
	display: block;
}

.sy-blog-item .sy-blog-top a img {
	width: 100%;
}

.sy-blog-item .sy-blog-top span {
	font-weight: 500;
	font-size: 16px;
	color: var(--secondColor);
	background-color: #f5f5f5;
	position: absolute;
	bottom: -10px;
	left: 0;
	padding: 10px 25px;
	opacity: 0;
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.sy-blog-item .sy-blog-bottom {}

.sy-blog-item .sy-blog-bottom h3 {
	margin: 15px 0;
}

.sy-blog-item .sy-blog-bottom h3 a {
	display: block;
	font-size: 16px;
	color: #333;
}

.sy-blog-item .sy-blog-bottom h3 a:hover {
	color: var(--mainColor);
}

.sy-blog-item .sy-blog-bottom ul {
	margin: 0;
	padding: 0;
}

.sy-blog-item .sy-blog-bottom ul li {
	list-style-type: none;
	display: block;
	color: #808291;
	font-size: 14px;
	position: relative;
	min-height: 40px;
}

.sy-blog-item .sy-blog-bottom ul li img {
	margin-right: 10px;
	max-width: 45px;
	border-radius: 50%;
}

.sy-blog-item .sy-blog-bottom ul li span {
	float: left;
}

.sy-blog-item .sy-blog-bottom ul li a {
	display: block;
	color: var(--secondColor);
	font-size: 14px;
	float: right;
}

.sy-blog-item .sy-blog-bottom ul li a i {
	font-size: 12px;
	position: relative;
	top: 1px;
	left: -3px;
}

.sy-blog-item .sy-blog-bottom ul li a:hover {
	color: #333333;
}

.sy-blog-item .sy-blog-bottom p {
	font-size: 12px;
	color: #888;
}


.synewslist {
	margin-top: 15px;
}

.synewslist li {
	line-height: 2.3;
	position: relative;
	padding-left: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.synewslist li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #004097;
}

.synewslist li a {
	font-size: 14px;
	color: #333;
}

.synewslist li a:hover {
	color: #004097
}

.synewslist li a span {
	float: right;
	color: #aaa;
	margin-left: 20px
}

/** Blog Details Sec **/
.tgt-blog-box-content {
	padding: 0;
}

.tgt-blog-box-content .news_title {
	text-align: center;
	font-size: 30px
}

.tgt-blog-box-content .news_desc {
	text-align: center;
	font-size: 14px;
	margin: 10px 0;
}

.tgt-blog-box-content .news_img {
	text-align: center;
	margin: 10px 0;
}

.tgt-blog-box,
.tgt-blog-box-img {
	position: relative;
}

.tgt-blog-box-meta-date {
	background-color: #FC6A20;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	padding: 8px 20px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-weight: 500;
	letter-spacing: 0.3px;
	z-index: 3;
}

.tgt-blog-box-content-meta {
	color: #555555;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.tgt-blog-box-content-meta .meta-author {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.tgt-blog-box-content-meta span i {
	margin-right: 5px;
}

blockquote {
	display: block;
	background: #fffaf8;
	position: relative;
	padding: 40px;
	color: #09162a;
	min-height: 100px;
	border-left: 3px solid #fc6a20;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.tgt-list-style {
	padding: 0 0 10px 0;
}

.tgt-list-style li::before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	color: var(--secondColor);
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	position: absolute;
	left: 0;
	font-weight: 900;
}

.tgt-list-style li {
	padding-left: 23px;
	list-style: none;
	position: relative;
	padding-bottom: 8px;
	color: #4b5463;
	font-weight: 500;
	font-size: 14px;
}

.tgt-socla-tag-box {
	margin-bottom: 10px;
}

.tgt-tag-box {
	margin-bottom: 15px;
}

a.tag-links {
	padding: 8px 14px;
}

.prev-link-title a {
	font-size: 14px;
	font-weight: 500;
	color: var(--secondColor);

}

.prev-link-title a i {
	margin: 0 10px;
}

.tgt-next-pre-post-box {
	margin-top: 35px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
}

.tgt-comment-box {
	margin-top: 30px;
}

.comment-list li:first-child {
	padding-top: 0;
	border-top: 0;
	margin-top: 0;
}

.comment-body .comment-author,
.comment-body .comment-box {
	display: table-cell;
	vertical-align: top;
}

.comment-author img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: block;
	margin-right: 25px;
}

.comment-meta,
.comment-meta a {
	color: #6e6e6e;
	font-size: 13px;
}

.comment-meta .tgt-comment-user h5,
.tgt-comment-user {
	display: block;
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #2d2d2d;
}

.comment-meta a {
	margin-bottom: 10px;
	display: block;
}

.reply-box {
	margin-top: 15px;
}

.comment-reply-btn {
	border: 2px solid #09162a;
	padding: 6px 14px;
	color: #09162a;
	font-size: 13px;
	display: inline-block;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.comment-reply-btn:hover {
	border: 2px solid #09162a;
	background: #09162a;
	color: #FFF;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.comment-list li {
	position: relative;
	margin-top: 25px;
	padding-top: 30px;
	border-top: 1px solid #ededed;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 35px;
	padding-top: 30px;
}

/*
================================================
15. Breadcrumb Sec
================================================
*/
.breadcrumb-sec {
	height: 400px;
	text-align: center;
	display: flex;
	align-items: center;
}

.breadcrumb-sec.breadcrumb-bg {
	position: relative;
	background-image: url(../images/breadcrumb-bg.jpg);
	background-position: center;
	background-size: cover;
	z-index: 1;
}

.breadcrumb-sec nav ol {
	margin: 0px;
	background-color: var(--whiteColor);
	display: inline-flex;
	padding: 15px 40px;
	border-radius: 5px 5px 0px 0px;
}

.breadcrumb-sec h1 {
	margin-bottom: 30px;
	color: var(--whiteColor);
}

.breadcrumb-sec .breadcrumb-item.active {
	color: #fff;
	font-weight: 600;
}

.breadcrumb-sec nav ol li {
	font-size: 16px
}

.breadcrumb-sec nav ol li a {
	font-weight: 600;
}

.nybannertitle {}

.nybannertitle h3 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 0;
	font-weight: bold;
}

.nybannertitle p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
}

.nymbxdh {
	color: #fff;
	font-size: 16px
}

.nymbxdh a {
	color: #fff;
	font-size: 14px;
	margin: 0 5px;
}

.ny-header {}

.ny-header h4 {
	font-size: 24px;
	color: #333;
}

.ny-header p {
	font-size: 14px;
	color: #888;
}

.ny-header h3 {
	font-size: 36px;
	text-align: center;
	padding: 15px 20px;
	color: #333;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
}

.nav-tabs {
	border: 1px #ccc solid;
	height: 55px;
}

.nav-tabs>li {
	margin-bottom: -3px;
	margin-top: -1px;
	height: 55px;
	overflow: hidden;
	box-sizing: border-box;
}

.nav-tabs>li>a {
	text-align: center;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #003a8f;
	margin: 0 -15px;
	border-radius: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	border: none;
	background: #003a8f;
	color: #fff;
}

.nav-tabs>li>a:hover {
	border-color: transparent;
}

.tab-content>.tab-pane {
	padding: 20px;
	box-sizing: border-box;
	border: 1px #ccc solid;
	border-top: none;
}

.panel-group .panel {
	border: none;
}

.panel-default>.panel-heading {
	padding: 15px;
	border-radius: 6px
}

.panel-default>.panel-heading.active {
	background: #f3690e;
	border: none;
}

.panel-default>.panel-heading .panel-title {
	font-weight: bold;
}

.panel-default>.panel-heading .panel-title a {
	color: #333;
	display: block;
}

.panel-default>.panel-heading.active .panel-title {
	color: #fff;
}

.panel-default>.panel-heading.active .panel-title a {
	color: #fff;
}

.panel-group .panel+.panel {
	margin-top: 20px;
}

.panel-default .panel-body {
	border: 1px #eee solid;
	border-top: none !important;
}

.swiper-slide {}

.swiper-slide a span {
	display: block;
	line-height: 1.5;
	font-size: 16px;
	color: #666;
	padding: 10px 0;
}

.swiper-slide a:hover span {
	color: #183884;
}

.swiper-container-projects {
	overflow: hidden;
	padding-bottom: 20px;
}

.swiper-container-articles {
	overflow: hidden;
	padding-bottom: 20px;
}

.swiper-container-articles2 {
	overflow: hidden;
	padding-bottom: 20px;
}

.table-hover>tbody>tr:hover {
	background-color: #0a6498;
}

/*
================================================
16. FAQ Area
================================================
*/
.faq-area {
	padding: 80px 0 50px;
}

.faq-area .section-title span {
	line-height: 0;
	text-transform: capitalize;
	padding-bottom: 5px;
	font-weight: 400;
	color: var(--secondColor);
}

.faq-area .section-title h2 {
	font-size: 35px;
	font-weight: 600;
	margin-top: 5px;
	line-height: 1.4;
	color: #301d44;
}

.faq-accordion {
	max-width: 520px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

.faq-accordion .accordion {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
	display: block;
	background-color: var(--whiteColor);
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

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

.faq-accordion .accordion .accordion-title {
	padding: 20px 60px 17px 20px;
	color: #301d44;
	text-decoration: none;
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 600;
}

.faq-accordion .accordion .accordion-title i {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 25px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-size: 14px;
	width: 40px;
	height: 40px;
	color: var(--secondColor);
	border-radius: 50px;
	border: 1px solid var(--secondColor);
	text-align: center;
	line-height: 40px;
	background-color: transparent;
}

.faq-accordion .accordion .accordion-title.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	top: 15px;
}

.faq-accordion .accordion .accordion-content {
	display: none;
	position: relative;
	margin-top: -5px;
	padding-bottom: 10px;
	padding-right: 42px;
	padding-left: 30px;
}

.faq-accordion .accordion .accordion-content p {
	line-height: 1.8;
}

.faq-accordion .accordion .accordion-content.show {
	display: block;
}

/*
================================================
17. Accounts Area
================================================
*/
.login-register-form {
	background: #fff;
	box-shadow: 0px 20px 60px #00000012;
	padding: 30px;
}

.login-register-form-area {
	padding: 50px 50px 50px 50px;
	padding-bottom: 110px;
	background-color: #fff;
	height: 100%;
}

.login-register-form-area .login-tab-menu ul li {
	margin-right: 40px;
}

.login-register-form-area .login-tab-menu ul li a {
	font-size: 30px;
	line-height: 26px;
	color: #bbb;
	font-weight: 700;
	letter-spacing: -1px;
}

.single-input {
	width: 100%;
}

.single-input input {
	width: 100%;
	padding: 10px 13px 10px 10px;
	border: 1px solid #d1d3da;
	border-radius: 3px;
	color: #444;
	margin-bottom: 10px;
}

.checkbox-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	padding-top: 15px;
	margin-bottom: 25px;
}

.checkbox-input input[type="checkbox"],
.checkbox-input input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

.checkbox-input label {
	padding-left: 15px;
	display: block;
	margin-bottom: 0;
	line-height: 1;
}

.divider {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}

.divider .line {
	width: 100%;
	background: #ddd;
	height: 1px;
	display: inline-block;
}

.divider .circle {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	width: 130px;
	height: 35px;
	display: inline-block;
	color: rgba(29, 32, 39, .5);
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 38%;
	margin-top: -12px;
	margin-left: -18px;
	z-index: 9;
}

.social-icon li {
	display: inline-block;
	margin-right: 5px;
}

.social-icon li a {
	font-size: 18px;
	line-height: 1;
	padding: 8px;
	text-align: center;
	border-radius: 10%;
	color: #fff;
}

.social-icon li a.facebook {
	background-color: #4867aa;
}

.social-icon li a.twitter {
	background-color: #1da1f2;
}

.social-icon li a.linkedin {
	background-color: #007bb6;
}

.social-icon li a.google {
	background-color: #dd5144;
}

.register .link {
	color: var(--secondColor);
	font-weight: 600;
}

.account-sec .btn {
	padding: 8px 35px 9px;
}

/*
================================================
18. Privacy Area
================================================
*/
.single-privacy h3 {
	font-weight: 600;
}

/*
================================================
19. Error Area
================================================
*/
.error-content h1 {
	font-size: 150px;
	color: var(--mainColor);
	font-weight: 600;
}

.error-content h1 i {
	color: #2d2d2d;
	font-size: 120px;
}

.error-content h2 {
	font-weight: 700;
	line-height: 1.3;
	color: #1f1c25;
}

/*
================================================
20. Contact Us
================================================
*/
.contact-card {
	margin-bottom: 30px;
	position: relative;
}

.contact-card i {
	width: 65px;
	height: 65px;
	line-height: 65px;
	background-color: #fff4e5;
	color: #fba311;
	display: inline-block;
	text-align: center;
	font-size: 26px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 5px;
}

.contact-card .content {
	padding-left: 85px;
}

.contact-card .content h3 {
	font-size: 20px;
	margin-bottom: 5px;
	color: #301d44;
}

.contact-card .content p {
	margin-bottom: 0;
	color: #301d44;
}

.contact-card .content p a {
	color: #301d44;
}

.contact-area {
	background: #f8f8f8
}

.contact-area .contact-wrap {
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	padding: 30px;
	margin: 0 0 20px;
	border-radius: 6px;
}

.contact-area .contact-wrap h2 {
	margin: 0 0 25px;
}

.contact-wrap .form-control {
	height: 40px;
	color: #172541;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	border-radius: 4px;
	font-size: 15px;
	padding: 10px;
	width: 100%;
}

.contact-wrap textarea.form-control {
	height: auto;
}

.contact-area .contact-wrap .btn {
	background-color: #9f2925;
}

.google-map {
	width: 100%;
	pointer-events: none;
	margin: 0;
}

.google-map iframe {
	width: 100%;
	border: none;
	height: 565px;
	margin: 0 0 -6px;
}

/*
================================================
21. Footer Area
================================================
*/
footer {
	background: #fff;
	padding: 60px 0 0;
}

footer .widget-area {

	position: relative;
}

footer .widget-area::after {
	position: absolute;
	right: 0;
	top: -60px;
	bottom: 0;
	content: "";
	background-color: #eee;
	width: 1px;
}

footer .widget-area1 {
	padding-left: 60px;
	padding-right: 0;
}

footer .widget-title1 {
	font-size: 24px;
	color: #183884;
	font-weight: bold;
	font-style: italic;
	clear: both;
}

footer .widget1 ul li {
	float: left;
	margin-right: 20px;
	line-height: 2;
}

footer .widget1 ul li a {
	font-size: 16px;
	color: #888;
}

.footer-logo {
	/*margin-bottom: 40px;*/
}

.footer-logo img {
	/*max-height: 40px;*/
}

footer .textwidget.widget-text {
	color: #b6bbcc;
}

footer .widget ul.widget_contact_wrapper {
	margin-top: 20px;
}

footer .widget ul,
.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.widget_contact_wrapper li {
	position: relative;
	padding: 8px 0 15px 0 !important;
}

ul.widget_contact_wrapper li i {
	display: inline-block;
	vertical-align: middle;
	font-size: 26px;
	min-width: 45px;
	font-weight: 400;
	color: var(--secondColor);
}

ul.widget_contact_wrapper li div {
	display: inline-block;
	vertical-align: middle;
	padding-left: 25px;
	border-left: 1px solid rgba(255, 255, 255, .08);
	color: #b6bbcc;
}

ul.widget_contact_wrapper li div a {
	color: #b6bbcc;
}

ul.widget_contact_wrapper li div h6 {
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 0;
	font-weight: 600;
	color: var(--whiteColor);
}

footer .widget .widget-title {
	font-size: 16px;
	line-height: 32px;
	position: relative;
	background-color: transparent;
	color: var(--whiteColor);
	padding: 0;
	font-weight: normal;
	margin-bottom: 0
}

footer .widget h4 {
	font-style: italic;
	font-weight: bold;
	margin: 30px 0 20px;
}

footer .widget_text .widget_a a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
	border: 1px #666 solid;
	border-radius: 50%;
	color: #666;
}

footer .widget_text .widget_a a:hover {
	color: #fff;
	border: 1px #183884 solid;
	background: #183884;
}

.footcontact {
	padding: 20px 40px 0 0;
}

.footcontact ul li {
	line-height: 36px;
	height: 36px;
}

.footcontact ul li i {
	float: left;
	margin-right: 8px;
	width: 20px;
	height: 36px;
	background-position: center center;
	background-repeat: no-repeat;
}

.footcontact ul li i.footcontactemail {
	background-image: url(../images/footcontactemail.png);
}

.footcontact ul li i.footcontacttel {
	background-image: url(../images/footcontacttel.png);
}

.footcontact ul li i.footcontactmob {
	background-image: url(../images/footcontactmob.png);
}

.footcontact ul li i.footcontactadd {
	background-image: url(../images/footcontactadd.png);
}

.footcontact ul li span {
	float: left;
	width: calc(100% - 28px);
	font-style: italic;
	color: #666;
	font-size: 16px;
}

footer .widget ul.recent-post-list>li {
	padding-bottom: 0;
	padding-top: 0px;
}

footer .widget ul.recent-post-list>li:last-child {
	padding-bottom: 0;
}

footer .widget ul.recent-post-list>li>a {
	font-size: 12px;
	line-height: 30px;
	/*display: block;*/
	color: var(--whiteColor);
}

footer .widget ul.recent-post-list>li img {
	display: block;
	width: 85px;
	height: 80px;
	float: left;
	margin-right: 18px;
}

footer .widget ul.recent-post-list>li .post-date {
	display: block;
	font-size: 13px;
	line-height: 22px;
	color: #b6bbcc;
}

footer .opening-time ul li {
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #b6bbcc;
}

footer .opening-time ul li:last-child {
	border: none;
	padding: 0;
}

footer .opening-time ul li i {
	color: var(--secondColor);
}

.ycpfdh {
	position: fixed;
	right: 0;
	top: 35%;
	z-index: 99999
}

.ycpfdh ul {
	width: 110px;
}

.ycpfdh ul li {
	width: 110px;
	height: 40px;
	position: relative;
	margin: 3px 0;
}

.ycpfdh ul li a {
	position: absolute;
	right: 0;
	width: 110px;
	height: 40px;
	line-height: 40px;
	top: 0;
	color: #fff;
	font-size: 16px;
	padding: 0 10px;
	white-space: nowrap;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ycpfdh ul li:nth-child(1) a {
	background: #9778ff
}

.ycpfdh ul li:nth-child(2) a {
	background: #66b433
}

.ycpfdh ul li:nth-child(3) a {
	background: #46bac6
}

.ycpfdh ul li:nth-child(4) a {
	background: #fd3939
}

.ycpfdh ul li a i {
	display: inline;
	margin-right: 6px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	float: left;
}

.ycpfdh ul li a span {
	color: #fff;
	display: none;
}

.ycpfdh ul li:hover:nth-child(1) a {
	width: 275px;
}

.ycpfdh ul li:hover:nth-child(2) a {
	width: 310px;
}

.ycpfdh ul li:hover:nth-child(3) a {
	width: 310px;
}

.ycpfdh ul li:hover:nth-child(4) a {
	width: 310px;
}

.ycpfdh ul li:hover a span {
	display: inline;
}

.copy-right {
	text-align: center;
	height: 60px;
	background-color: #222;
	line-height: 60px;
}

.copy-right p {
	color: #aaa;
	font-size: 16px;
	margin: 0;
}

.nav-ys1 {
	display: block;
	float: left;
}

.ti-ys1 {
	font-weight: 600;
	padding-left: 5px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 12px;
	color: #6a85c2;
	position: relative;
	top: 26px;
}

.float-r {
	float: right;
	margin-top: 200px;
	margin-bottom: 200px;
}

.foot-f {
	display: block;
	width: 270px;
}

.foot-a {
	font-size: 14px;
	line-height: 22px;
	display: block;
	margin-bottom: 4px;
	font-weight: 600;
	color: var(--whiteColor);
	font-family: 'Poppins', sans-serif;
}

.bottom-50 {
	margin-bottom: 50px;
}

.pagination li {
	float: left;
	background-color: #f6f6f6;
	margin-right: 10px;
	text-align: center;
}

.pagination li a {
	display: block;
	margin: auto;
	padding: 8px 15px;
}

.pagination li.active a {
	border: 1px solid #efefef;
	background-color: var(--secondColor);
	color: #fff;
}

#outBox {
	width: 1002px;
	margin: 2px auto;
}

.w {
	width: 350px;
	height: 350px;
}

.cpxq2 {
	padding-top: 20px;
}

.cpxq2 p {
	margin-bottom: 0px;
}

.contact-form img {
	padding-top: 32px !important;
}

.protfolio-item h4 a {
	font-size: 14px;
	line-height: 18px;
	display: block;
}

.leftBox {
	float: left;
}

.normalBox {
	overflow: hidden;
	position: relative;
	border: 1px solid #e9e9e9;
}

.normalBox .w {
	display: none;
}

.botBox {
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}

.botBox ul li {
	float: left;
	width: 54px;
	height: 54px;
	border: 2px solid #e9e9e9;
	border-radius: 5px;
	margin-right: 10px;
	opacity: 0.5;
	margin-bottom: 10px;
}

.bord {
	border-color: #fe5a0e !important;
	opacity: 1 !important;
}

.moveBox {
	width: 200px;
	height: 200px;
	background: rgba(222, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: move;
}

.magBox {
	width: 540px;
	height: 454px;
	border: 1px solid #f2f2f2;
	position: relative;
	float: left;
	overflow: hidden;
	display: none;
	z-index: 9999999 !important;
}

.magBox ul li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#n,
.m {
	display: block !important;
}

img {
	max-width: 100%;
}

.product-images {
	float: left;
}

.xqbt {
	float: right;
}

.xqbt h1 {
	font-size: 25px;
}

/*
================================================
22. Responsive CSS
================================================
*/

@media (min-width: 991px) and (max-width: 1199px) {
	.foot-f {
		display: block;
		width: 200px !important;
	}

	.slider-bg {
		height: 600px;
	}

	/** Menu **/
	.middle-info {
		display: none;
	}

	.main-navbar .navbar .navbar-nav .nav-item {
		margin-left: 12px;
		margin-right: 20px;
	}

	/** Slider Sec **/
	.slider-content h2 {
		font-size: 60px;
	}

	/** About Sec **/
	.about-title h2 {
		font-size: 35px;
		font-weight: 600;
	}

	.about-area .experiance-box {
		margin: 0 0 20px;
	}

	/** Blog Area **/
	.blog-item .blog-bottom h3 a {
		font-size: 18px;
	}

	/** Footer Area **/
	ul.widget_contact_wrapper li div h6 {
		font-size: 18px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.foot-f {
		display: block;
		width: 200px !important;
	}

	.slider-bg {
		height: 600px;
		background-position: center;
		background-size: cover;
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
	}

	/** Middle Header Area **/
	.middle-logo {
		text-align: center;
		margin-bottom: 30px;
	}

	.middle-info {
		padding-left: 0;
		margin-right: 120px;
		text-align: center;
	}

	.middle-info .icon {
		position: relative;
		margin-bottom: 15px;
	}

	.middle-btn {
		text-align: center;
		margin: 25px 0 0;
	}
}

@media (max-width: 991px) {
	.slider-bg {
		height: 400px;
		background-position: center;
		background-size: cover;
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
	}
	.nyjjfalist ul li p{
		font-size: 14px;
		height:40px; line-height: 40px;
	}

	.nyjjfalist1 ul li div.nyjjfaimg{ width:100%; }
	.nyjjfalist1 ul li div.nyjjfavideo{ width:100%;padding-bottom: calc(300% / 4); }



	/** Menu **/
	.main-responsive-nav {
		display: block;
	}

	.main-responsive-nav .main-responsive-menu {
		position: relative;
	}

	.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul {
		font-size: 15px;
	}

	.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active {
		color: var(--secondColor);
	}

	.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a i {
		display: none;
	}

	.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li li a {
		font-size: 14px;
	}

	.main-responsive-nav .main-responsive-menu.mean-container .others-options {
		display: none !important;
	}

	.main-responsive-nav .mean-container a.meanmenu-reveal {
		color: #183884;
	}

	.main-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #183884;
		position: relative;
	}

	.main-responsive-nav .logo {
		position: relative;
		z-index: 999;
		width: 50%
	}

	.main-responsive-nav .logo img {
		max-width: 240px !important;
	}

	.navbar-area {
		background-color: var(--whiteColor);
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.main-navbar {
		display: none;
	}

	.others-option-for-responsive {
		display: block;
	}

	.others-options {
		display: none !important;
	}

	.mean-container .mean-bar {
		background-color: unset;
		border-bottom: none;
	}

	/** Slider Sec **/
	.slider-content h2 {
		font-size: 50px;
	}

	/** About Sec **/
	.about-content {
		margin: 30px 0 0;
	}

	.about-area .experiance-box {
		margin: 0 0 20px;
	}

	.nyjjfalist ul li{
		width:100%; margin-right:0;
	}
}

@media (max-width: 767px) {
	.slider-bg {
		height: 300px;
		background-position: center;
		background-size: cover;
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
	}

	.sybanner .sybanner_img {
		min-height: 250px;
	}

	.our-products-sec {
		padding: 40px 0;
	}

	/** Header Top **/
	.header-top {
		margin: 0 0 8px;
	}

	.header-top .block .icon {
		border: none;
	}

	/** Menu Area **/
	.middle-header-area {
		padding: 30px 0;
	}

	.middle-logo {
		margin: 0 0 30px;
	}

	.middle-logo h3 a img {
		max-width: 180px;
	}

	.middle-info::before {
		display: none;
	}

	.middle-info {
		margin: 0 0 20px 0;
		display: block;
	}

	.middle-btn {
		text-align: left;
	}

	/** Slider Area **/
	.slider-bg {
		min-height: 600px;
	}

	.slider-content h2 {
		font-size: 40px;
	}

	/** About Area **/
	.about-title h2 {
		font-size: 30px;
		line-height: 40px;
	}


	/** Services Area **/
	.single-service-sec {
		padding: 25px 20px;
	}

	.services-icon {
		margin: 0 0 15px;
	}

	/** Breadcrumb Area **/
	.breadcrumb-sec h1 {
		font-size: 32px;
	}

	.breadcrumb-sec .head-after {
		width: 35px;
	}

	/** CTA Area **/
	.cta-sec {
		text-align: center;
	}

	.cta-sec h2 {
		margin: 0 0 25px;
	}

	/** Footer Area **/
	footer .widget .widget-title {
		font-size: 22px
	}

	footer .widget ul.recent-post-list>li {
		/*display: inline-block;*/
	}
}

@media (max-width: 575.98px) {
	.slider-bg {
		height: 400px;
		background-position: center;
		background-size: cover;
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
	}

	.service-title-block {
		padding: 20px 0 0;
	}
}

@media (min-width: 1300px) {
	.container {
		width: 1300px;
	}
}

@media (min-width: 1200px) and (max-width: 1299px) {
	.hidden-md12 {
		display: none !important;
	}
}

@media (max-width: 991px) {
	header::before {
		display: none;
	}

	section {
		padding: 4% 0;
	}

	.dropdown-menu>li>a {
		white-space: normal
	}

	#banner .arrow-right,
	#banner .arrow-left {
		background-size: cover !important;
		width: 40px !important;
		height: 40px !important;
		margin-top: -20px !important;
	}

	.syjjfatitle h3 {
		margin-top: 0;
		font-size: 22px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.syjjfatitle p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.syjjfalist h3 {
		padding-bottom: calc(15000% / 350);
	}

	.syppjj .syabout h3 {
		margin-top: 0;
		font-size: 22px;
	}

	.syppjj .syabout p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.syvideo {
		height: 350px;
	}

	.syvideobf .syvideobf_a {
		width: 60px;
		height: 60px;
	}

	.syvideobf .syvideobf_a::after {
		width: 70px;
		height: 70px;
		left: -5px;
		top: -5px;
	}

	.syvideobf h3 {
		margin-top: 0;
		font-size: 22px;
	}

	.syproduct-title {
		font-size: 22px;
	}

	.syproductfl ul li {
		margin: 0 15px;
		height: 60px;
		width: auto !important;
	}

	.syproductfl ul li a i {
		margin-right: 0;
		width: 55px;
		height: 55px;
		line-height: 51px;
		border-radius: 26px;
	}

	.syproductfl ul li a span {
		display: none;
	}

	.syproductlist ul li .syproducthot {
		padding: 30px;
		height: auto !important;
		margin-bottom: 30px;
	}

	.syproductlist ul li .syproducthot .syproducthotimg {
		position: unset !important;
		height: auto !important;
		text-align: center;
	}

	.syproductlist ul li .syproducthot .syproducthotimg img {
		position: unset !important
	}

	.syproductlist ul li .syproducthot a {
		position: unset !important
	}

	.syproductlist ul li .syproductlist_i:hover {
		box-shadow: none;
		margin-top: 0;
	}

	.symessagetitle {
		font-size: 22px
	}

	.symessage_r {
		padding: 30px 0 0 0;
	}

	.symessage_r h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.symessage_r p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	footer {
		padding-top: 30px;
	}

	footer .widget-area1 {
		padding-left: 0;
	}

	.footcontact ul li {
		height: auto !important
	}

	.footcontact {
		padding: 10px 0 10px 0;
	}

	footer .widget-area::after {
		display: none;
	}

	footer .widget h4 {
		margin: 10px 0 10px;
	}

	footer .widget-title1 {
		font-size: 22px;
	}

	footer .widget1 ul li a {
		font-size: 14px;
	}

	.about-area1 h3 {
		font-size: 22px;
	}

	.about-area4 h3 {
		font-size: 22px;
	}

	.about-area5-title {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.about-area5 .nycultrue {
		padding: 20px;
		height: 180px;
	}

	.about-area5 .nycultrue h3 {
		font-size: 20px;
	}

	.about-area5 .nycultrue p {
		font-size: 14px;
	}

	.about-area5 .nycultrue i {
		width: 36px;
		height: 36px;
		background-size: cover
	}

	.about-area {
		background: #f8f8f8
	}

	.about-area1 {
		height: auto;
	}

	.about-area4 {
		padding-top: 20px;
	}

	.about-area8 {
		padding: 4%;
	}

	.copy-right p {
		font-size: 12px
	}

	.nyppxy {
		height: auto;
		background-size: cover;
	}

	.nyppxytext h3 {
		font-size: 22px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.nyppxytext h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.nyppxytext p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.about-area6 {
		padding: 0 15px;
	}

	.about-area6 p {
		line-height: 1.732
	}

	.nykcxfzdiv {
		padding: 0 0 20px;
	}

	.nyjjfa {
		height: auto;
		background-size: cover;
	}

	.nyjjfatext {
		width: auto;
		padding: 0 15px;
	}

	.nyjjfa h3 {
		font-size: 22px;
		margin-top: 30px;
		margin-bottom: 10px;
	}

	.nyjjfa h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.nyjjfa p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.nyjjfafl {
		width: 96%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.nyjjfafl ul li {
		display: inline-block;
		border: 2px #183884 solid;
		margin: 0 15px;
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}

	.nyjjfafl ul li.on {
		border: 2px #9f2925 solid;
	}

	.nyjjfafl ul li p {
		display: none;
	}

	.nyjjfacon {
		width: 100%;
	}

	.nyjjfacon ul li {
		padding: 25px 20px;
		height: auto;
	}

	.nyjjfacon ul li h2 {
		font-size: 20px;
		color: #9f2925;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.nyjjfacon ul li h3 {
		margin-bottom: 15px;
	}

	.nyjjfacon ul li p {
		margin-bottom: 20px;
		font-size: 14px;
	}

	.nyyycj>div {
		margin-bottom: 20px;
	}

	.nyyycjlist:before {
		width: 30%
	}

	.nyyycjlist:after {
		display: none
	}

	.nyyycjlist img {
		float: left;
		width: 30%;
	}

	.nyyycjlist p {
		display: block;
		left: 32%;
		color: #aaa;
		top: 30px;
		bottom: auto;
		height: calc(100% - 35px);
		overflow-y: scroll
	}

	.nyyycjlist p::-webkit-scrollbar {
		width: 5px;
		height: 1px;
	}

	.nyyycjlist p::-webkit-scrollbar-thumb {
		background: #183884;
		border-radius: 4px;
	}

	.nyyycjlist p::-webkit-scrollbar-track {
		background: #EBEBEB;
	}

	.nyyycjlist h3 {
		left: 32%;
		font-size: 16px;
		color: #333;
		top: 0;
		bottom: auto;
	}

	.nyyycjlist h4 {
		bottom: 20px;
	}

	.nyyycjlist:hover:before {
		display: block;
	}

	.nyyycjlist:hover:after {
		display: none;
	}

	.nyyycjlist:hover h3 {
		bottom: auto;
		top: 0;
	}

	.nyyycjlist:hover h4 {
		bottom: 20px;
		top: auto;
	}

	.nyyycjlist:hover p {
		display: block;
		color: #333;
	}

	.nyyycjlist:hover img {
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset
	}

	.ycpfdh ul {
		width: 35px;
	}

	.ycpfdh ul li {
		width: 35px;
	}

	.ycpfdh ul li a {
		width: 35px;
	}

	.swiper-container-articles1 {
		overflow: hidden;
		padding-bottom: 20px;
	}

	.nyyycjps {
		padding: 0
	}

	.breadcrumb-sec {
		height: 250px;
	}

	.nybannertitle {}

	.nybannertitle h3 {
		font-size: 22px;
		color: #fff;
		margin-bottom: 0;
		font-weight: bold;
	}

	.nybannertitle p {
		font-size: 14px;
		color: #fff;
		margin-bottom: 10px;
	}

	.nymbxdh {
		color: #fff;
		font-size: 14px
	}

	.nymbxdh a {
		color: #fff;
		font-size: 12px;
		margin: 0 5px;
	}

	.product-sec {
		padding: 4% 0 !important
	}

	.ny4pdiv {
		padding: 4% 15px !important
	}

	.nypzbz:before {
		display: none;
	}

	.nypzbz-title {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.nypzbz ul li {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.nypzbz ul li::before {
		display: none;
	}

	.nypzbz ul li::after {
		display: none;
	}

	.nypzbz ul li div {
		width: 100%;
		padding: 20px;
		height: auto;
		margin-top: 15px;
	}

	.nypzbz ul li div h4 {
		font-size: 18px;
	}

	.nypzbz ul li h3 {
		font-size: 16px;
		position: absolute;
		right: 20px;
		top: 20px;
		color: #9f2925;
	}

	.nypzbz ul li h3 span {
		font-size: 14px;
	}

	.nypzbz ul li div p {
		font-size: 14px
	}

	.nyphotolisttitle {
		font-size: 20px;
		margin-top: 0;
		margin-bottom: 15px;
		position: relative;
	}

	.nyphotolisttitle a {
		font-size: 14px;
		float: none;
		position: absolute;
		right: 0;
		top: 6px;
		padding: 0 5px;
		height: 22px;
		color: #fff;
		border-radius: 4px;
		background: #183884;
	}

	.nyphotolisttitle a:before {
		content: "";
		position: absolute;
		left: -5px;
		top: 0;
		width: 5px;
		height: 20px;
		height: 22px;
		background: #fff
	}

	.photolist .photolistc:nth-child(3n+1) {
		clear: none;
	}

	.photolist .photolistc:nth-child(2n+1) {
		clear: left;
	}

	.photolist .photolistc:nth-child(2n-1) {
		padding-right: 8px
	}

	.photolist .photolistc:nth-child(2n) {
		padding-left: 8px
	}

	.news-margin {
		margin-bottom: 20px !important;
	}

	.news-listcon {
		width: 100%;
		float: none;
		padding: 0;
	}

	.news-listcon h3 {
		margin-bottom: 10px;
	}

	.nycasebox {
		padding: 0;
		background: none;
	}

	.alxqbiaoti h1 {
		font-size: 22px;
	}

	.nyproductvideo iframe {
		width: 100%;
		height: 30vh
	}

	.entry-content iframe {
		width: 100%;
		height: 30vh
	}

	.nycasevideo {
		padding-left: 0;
		padding-top: 15px;
		border-top: 1px #eee solid;
	}

	.nycasevideolist ul li h3 {
		width: 60px;
		height: 45px;
	}

	.nycasevideolist ul li div {
		width: calc(100% - 70px);
	}

	.nyserviceidea h3 {
		margin-top: 10px;
		margin-bottom: 15px;
		font-size: 22px;
	}

	.nyservicebox_title ul li {
		width: 24%;
		margin-right: 1%;
		height: 50px;
		font-size: 14px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.nyservicebox_title ul li.on {
		width: 49%;
	}

	.nyservicebox_content ul li {
		padding: 20px;
	}

	.nyservicebox_content ul li p {
		font-size: 14px
	}

	.nyserviceimg {
		padding: 20px;
		height: auto;
		background-size: cover;
	}

	.nyserviceimg h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.nyserviceimg p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.nycontactbox_title ul li {
		width: 34%;
		margin-right: 1%;
		height: 50px;
		font-size: 14px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		box-sizing: border-box;
		padding: 0 10px;
	}

	.nycontactbox_title ul li.on {
		width: 64%;
	}

	.nycontactbox_content ul li {
		padding: 20px;
	}

	.nycontactbox_content ul li h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.nycontactbox_content ul li p {
		font-size: 14px
	}

	.nyproduct {
		padding: 0 15px;
		margin-bottom: 10px;
	}

	.nyproduct_title h3 {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.nyproduct_title p {
		font-size: 14px;
	}

	.nyproduct_youshi {
		margin: 20px 0;
	}

	.nyproduct_youshi dt {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.nyproduct_youshi dd {
		margin-bottom: 0;
		font-size: 14px;
	}

	.nyproduct_bz {
		font-size: 14px;
		margin: 10px 0 10px;
	}

	.nyproduct_list ul li:nth-child(3n+1) {
		clear: none;
	}

	.nyproduct_list ul li:nth-child(2n+1) {
		clear: left;
	}

	.nyproduct_list ul li:nth-child(2n-1) {
		padding-right: 8px
	}

	.nyproduct_list ul li:nth-child(2n) {
		padding-left: 8px
	}

	.mb-25 {
		margin-bottom: 15px;
	}

	.footcontact ul li span {
		font-size: 14px;
	}
}

.sydec_text {
	font-size: 16px;
	color: #666;
	text-align: justify;
}


.yylylist .swiper {
	width: 100%;
	height: 100%;
	padding: 20px 0;
}

.yylylist .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.yylylist .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yylylist .swiper-slide span {
	position: absolute;
	color: #fff;
	bottom: 20px;
	padding: 0 20px;
}

.yylylist .swiper-pagination {
	width: 100%;
	text-align: center;
}

.yylylist .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
}

.hezuokehu {
	background: #f8f8f8;
}

.hezuokehu .swiper {
	width: 100%;
	height: 100%;
	padding: 20px 0;
}

.hezuokehu .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.hezuokehu .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hezuokehu .swiper-pagination {
	width: 100%;
	text-align: center;
}

.hezuokehu .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
}