/* Nordic HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. About Section
7. Services Section
8. Projects Section
9. Testimonial Section
10. Clients Section
11. Pricing Section
12. Blog Section
13. Main Footer
14. Page Title Section
15. Team Section
16. Project Detail Section
17. Our Blogs
18. Blogs Widgets
19. Map Section
20. Contact Form Section

**********************************************/

/*
	
	font-family: 'Heebo', sans-serif;
	font-family: 'Inter', sans-serif;
	
*/

@import url('animate.css');
@import url('owl.css');
@import url('elegenticon.css');
@import url('linearicons.css');
@import url('ionicons.css');
@import url('jquery-ui.css');
@import url('animation.css');
@import url('icofont.min.css');
@import url('themify-icons.css');
@import url('simple-line-icons.css');
@import url('fontawesome.min.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
.c {
	clear: both;
}

* {
	margin: 0px;
	padding: 0px;

	outline: none;
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

#wapdown{display:none }
/* @font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
} */


@font-face {
	font-family:fz;
	src: url('../fonts/AlibabaPuHuiTi-3-85-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.ttf?t=1722411630253') format('truetype');
}

@font-face {
	font-family: "icofont";
	src: url("../fonts/icofont.eot");
	src: url("../fonts/icofont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/icofont.woff") format("woff"),
		url("../fonts/icofont.ttf") format("truetype"),
		url("../fonts/icofont.svg#icofont") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "simple-line-icons";
	src: url("../fonts/simple-Line-Icons.eot");
	src: url("../fonts/simple-Line-Icons.eot?#iefix") format("embedded-opentype"),
		url("../fonts/simple-Line-Icons.woff") format("woff"),
		url("../fonts/simple-Line-Icons.ttf") format("truetype"),
		url("../fonts/simple-Line-Icons.svg#simple-Line-Icons") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'themify';
	src: url('../fonts/themify.eot?-fvbane');
	src: url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('../fonts/themify.woff?-fvbane') format('woff'),
		url('../fonts/themify.ttf?-fvbane') format('truetype'),
		url('../fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SignericaMedium";
	src: url("../fonts/SignericaMedium.eot");
	src: url("../fonts/SignericaMedium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SignericaMedium.woff") format("woff"),
		url("../fonts/SignericaMedium.ttf") format("truetype"),
		url("../fonts/SignericaMedium.svg#SignericaMedium") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "SignericaMedium";
	src: url("../fonts/SignericaMedium.eot");
	src: url("../fonts/SignericaMedium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SignericaMedium.woff") format("woff"),
		url("../fonts/SignericaMedium.ttf") format("truetype"),
		url("../fonts/SignericaMedium.svg#SignericaMedium") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "ionicons.eot";
	src: url("../fonts/ionicons.eot");
	src: url("../fonts/ionicons.eot?#iefix") format("embedded-opentype"),
		url("../fonts/ionicons.woff") format("woff"),
		url("../fonts/ionicons.ttf") format("truetype"),
		url("../fonts/ionicons.svg#ionicons") format("svg");
	font-weight: 400;
	font-style: normal;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
 font-family: Arial;
	font-size: 14px;
	color: #777777;
	line-height: 1.7em;
	font-weight: 400;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}



.bordered-layout .page-wrapper {
	padding: 0px 50px 0px;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #ffe1a0;
}

button,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.6em;
	font-family: 'Inter', sans-serif;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.navigationa {
	display: none
}

/* Typography */

h1 {
	font-size: 100px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 36px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

input,
button,
select,
textarea {}

textarea {
	overflow: hidden;
}

p {
	position: relative;
	line-height: 2em;
}

.auto-container {
	position: absolute;
	width: 70%;
	left: 50%;
	margin-left: -35%;
	padding: 0px 0;
	top: 240px;

}

.medium-container {
	max-width: 850px;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
}

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

img {
	display: inline-block;
	max-width: 100%;
}

.qie{display:none}
.theme-btn {
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.centered {
	text-align: center;
}

/*Btn Style One*/

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	width: 215px;
	border-radius: 50px;
	padding: 10px 30px;
	font-weight: 400;
	overflow: hidden;
	background-color: #0153db;
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-style-one img {
	width: 38px;

	position: relative;
	z-index: 50000;
	margin-left: 20px;
}

.btn-style-one:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #262626;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
}

.btn-style-one i {
	position: relative;
	top: 1px;
	margin-left: 4px;
}

.btn-style-one .txt {
	position: relative;
	z-index: 1;
}

.btn-style-one:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.btn-style-one:hover {
	color: #ffffff;
}

/* Btn Style Two */


.btn-style-one1 {
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 40px;
	color: #686868;
	width: 220px;
	border-radius: 50px;
	padding: 10px 30px;
	font-weight: 400;
	overflow: hidden;
	background-color: #eef1f7;
	border: 1px #9a9a9a solid;
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-style-one1 img {
	width: 38px;

	position: relative;
	z-index: 50000;
	margin-left: 20px;
}

.btn-style-one1:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #262626;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
}

.btn-style-one1 i {
	position: relative;
	top: 1px;
	margin-left: 4px;
}

.btn-style-one1 .txt {
	position: relative;
	z-index: 1;
}

.btn-style-one1:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.btn-style-one1:hover {
	color: #ffffff;
}

/* Btn Style Three */



/* Social Icon One */

.social-icon-one {
	position: relative;
	display: block;
}

.social-icon-one li {
	position: relative;
	margin-left: 9px;
	display: inline-block;
}

.social-icon-one li a {
	position: relative;
	width: 32px;
	height: 32px;
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #cccccc;
	text-align: center;
	border-radius: 2px;
	background-color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover {
	color: #333333;
	background-color: #feec42;
}

.theme_color {
	color: #ffe1a0;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
	position: fixed;
	bottom: 85px;
	right: 15px;
	width: 60px;
	height: 60px;
	color: #ffffff;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 60px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	background: #0a0a0a;
	display: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	color: #ffffff;
	background: #ffe1a0;
}

.dt {
	margin-right: 8px;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
	position: relative;
	margin-bottom: 60px;
}

.sec-title .title {
	position: relative;
	color: #666666;
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 1px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.sec-title h2 {
	position: relative;
	color: #000000;
	font-weight: 400;
	line-height: 1.2em;
}

.sec-title .text {
	position: relative;
	color: #666666;
	font-size: 18px;
	line-height: 1.8em;
	margin-top: 20px;
}

.sec-title.centered {
	text-align: center !important;
}

.sec-title.light .title {
	color: #ffe1a0;
	background-color: #ffffff;
}

.sec-title.light h2 {
	color: #ffffff;
}

/* List Style One */

.list-style-one {
	position: relative;
	z-index: 1;
}

.list-style-one li {
	position: relative;
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 6px;
	padding-left: 30px;
	line-height: 1.8em;
}

.list-style-one li:before {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 7px;
	height: 7px;
	content: '';
	display: block;
	font-weight: 400;
	border-radius: 50px;
	background-color: #666666;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/



.main-header {
	position: relative;
	z-index: 999;
	width: 100%;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	background: #fff;

}

.main-header .outer-container {
	position: relative;
	width: 80%;
	padding: 0px 0;
	margin: 0 auto;
}

.main-header .main-box {
	position: relative;
	padding: 0px 0px;
	left: 0px;
	top: 0px;
	width: 100%;
	background: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-upper {
	position: relative;
	z-index: 1;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-header .header-upper .inner-container {
	position: relative;
	display: flex;
	align-items: center;
}

.main-header .header-upper .outer-box .nav-toggler {
	position: relative;
	font-size: 28px;
	color: #ff9600;
	cursor: pointer;
	display: inline-block;
}

.main-header.fixed-header .header-upper .outer-box {}

.main-header.fixed-header .header-upper .logo-box .logo {}

.main-header.fixed-header .main-menu .navigation>li>a {}

.main-header.fixed-header .main-menu .navigation>li.current>a,
.main-header.fixed-header .main-menu .navigation>li:hover>a {
	color: #fff;
}

/* Search Box Outer */

.main-header .header-upper .search-box-outer {
	position: relative;
	float: left;
}

.main-header .header-upper .en_cn {
	width: 30px;
	line-height: 30px;
	height: 30px;
	margin-right: 11px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	position: relative;
	margin-left: 0;
}

.main-header .header-upper .en_cn .div1aa {
    
	position: absolute;
	width: 30px;
	line-height: 30px;
	height: 56px;
}

.main-header .header-upper .en_cn .div1aa:hover {
	width: 30px;
	line-height: 30px;
	height: 56px;
	margin-right: 11px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	  background: #04e659;
    border-radius:20px;
	position: absolute;
}

.main-header .header-upper .en_cn .divab {
	width: 30px;
	line-height: 30px;
	height: 28px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: #2219DB;
	border-radius: 50%;


}

.product_seciton_right {
	display: block;
}

.main-header .header-upper .en_cn .divb {
	width: 30px;
	line-height: 30px;
	height: 28px;
	color: #2e64fb;
	font-size: 14px;
	text-align: center;
	display: none;


}

.main-header .header-upper .en_cn .divb a{color:#fff}



.main-header .header-upper .en_cn:hover .divb {
	width: 30px;
	line-height: 30px;
	height: 28px;
	color: #2e64fb;
	font-size: 14px;
	text-align: center;
	display: block;



}







.dtbt {
	padding: 5px;
	border: 1px #ababab solid;
	border-radius: 0 0 5px 5px;
	border-top: none;
	min-height: 10px;
	position: absolute;
	width: 102%;
	display: none;
	left: -1px;
	background: #fff;
}

.dtbt dl {
	padding-left: 33%;
}

.dtbt dd a {
	color: #58687d;
	font-weight: normal;
	line-height: 30px;
}

.main-header .header-upper .language-list li:hover .dtbt {
	display: block;
}

.main-header.fixed-header .header-upper .language-list {
	padding: 33px 0px;

}

.main-header.header-style-two .header-upper .language-list li a:hover {
	color: #cccccc;
}

.header-style-two.alternate {
	position: relative;
}

.main-header.header-style-two.fixed-header .header-upper {
	background-color: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.main-header.header-style-two .header-upper .outer-box .mobile-nav-toggler,
.header-style-two .header-upper .language-list li a,
.header-style-two .main-menu .navigation>li>a {
	color: #000000;
}

.header-style-two .main-menu .navigation>li:before {
	background-color: #000000;
}

.ss {
	cursor: pointer;
}

/* Sticky Header */

.sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	background: #222222;
	z-index: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header .logo {
	padding: 8px 0px 8px;
}

.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.sticky-header .main-menu .navigation>li>a {
	padding: 23px 0px !important;
	color: #ffffff !important;
	font-weight: bold;
}

.sticky-header .main-menu .navigation>li>a:after {
	display: none;
}

.main-header .nav-outer {
	position: static;
	padding-left:120px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box {
	position: relative;
	z-index: 10;
	padding: 10px 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box .logo {
	position: relative;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}


.main-header .header-upper .logo-box .logowap {
	display: none;
}

.main-header .header-upper .outer-box {
	position: absolute;
	right: 0px;
	margin-left: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu {
	position: relative;
	float: left;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navbar-collapse {
	padding: 0px;
	display: block;
}

.main-menu .navigation {
	position: static;
	margin: 0px;
	width: 100%;
}

.main-menu .navigation>li {
	width: 107px;
	position: relative;
	float: none;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li:before {
	width: 86px;
	position: absolute;
	content: '';
	left: 0px;
	top: 50%;
	margin-top: -21px;
	right: 0px;
	height: 42px;
	border-radius: 20px;
	left: 50%;
	margin-left: -43px;
	opacity: 0;
	background-color: #ffffff;
	transform: scale(0.2, 1);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li.current::before,
.main-menu .navigation>li:hover::before {
	transform: scale(1.2, 1);
	opacity: 1;
	background-color: #2219db;
}

.main-menu .navigation>li:last-child {
	margin-right: 0px;
}

.main-header .header-upper .upper-right {
	position: relative;
}

.main-menu .navigation>li>a {
     font-weight: bold;
	position: relative;
	display: block;
	color: #091e39;
	text-align: center;
	line-height: 30px;
	text-transform:capitalize;;
	letter-spacing: 0px;
	opacity: 1;

	padding: 30px 0px;
	font-size: 18px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
	color: #fff;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-header.light-version .main-menu .navigation>li:hover>a,
.main-header.light-version .main-menu .navigation>li.current>a {
	opacity: 1;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: -30px;
	top: 100%;
	width: 230px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	padding: 20px 15px;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 6px 18px;
	line-height: 24px;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	color: #222222;
	padding-left: 10px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>a:before {
	position: absolute;
	top: -6px;
	left: 8px;
	color: transparent;
	content: '.';
	text-shadow: 0 0 transparent;
	font-size: 2em;
	line-height: 1em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	pointer-events: none;
	animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation>li>ul>li:hover>a::before {
	opacity: 1;
	color: #000000;
	text-shadow: 8px 0 #cccccc, -8px 0 #cccccc;
}

.main-menu .navigation>li>ul>li:hover>a {
	color: #111111;
	padding-left: 30px;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 10px;
	width: 10px;
	height: 20px;
	display: block;
	color: #253d4a;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
	font-weight: 800;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
	color: #222222;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 120%;
	top: 0%;
	width: 230px;
	z-index: 100;
	display: none;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	padding: 20px 15px;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 6px 18px;
	line-height: 24px;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	color: #222222;
	padding-left: 10px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:before {
	position: absolute;
	top: -6px;
	left: 8px;
	color: transparent;
	content: '.';
	text-shadow: 0 0 transparent;
	font-size: 2em;
	line-height: 1em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	pointer-events: none;
	animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a::before {
	opacity: 1;
	color: #000000;
	text-shadow: 8px 0 #ffe1a0, -8px 0 #ffe1a0;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #fff;
	padding-left: 30px;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 11px;
	width: 10px;
	height: 20px;
	display: block;
	color: #272727;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
	color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
	left: 0px;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0;
	left: 107%;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #ffffff;
	line-height: 28px;
	border: 1px solid #ffffff;
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.main-header .header-upper .outer-box .social-icon-one {
	position: relative;
	float: left;
}

.main-header.fixed-header .header-upper {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 9999;
	width: 100%;
	padding-top: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: #fff;
	box-shadow: 0 -5px 15px #000;
}

.main-header.fixed-header .header-upper .logo-box {
	padding: 8px 0px;
}

.main-header.fixed-header .main-menu .navigation>li>a {
	padding: 20px 0px;
}

.main-header .header-upper .outer-box .sidebar-btn {
	position: relative;
	width: 52px;
	height: 52px;
	float: left;
	color: #ffffff;
	font-size: 18px;
	margin-left: 14px;
	cursor: pointer;
	line-height: 52px;
	text-align: center;
	border-radius: 50px;
	background-color: #05db56;
}

.main-menu .navigation>li>ul>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 100%;
	width: 210px;
	z-index: 100;
	display: none;
	opacity: 0;
	text-align: left;
	visibility: hidden;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #1e1e1e;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li>ul>li>a {
	position: relative;
	padding: 10px 18px;
	display: block;
	line-height: 20px;
	font-weight: 400;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.50);
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	border-top: 0px !important;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.main-menu .navigation>li>ul>li>ul>li>ul>li>a:hover {
	background-color: #ffe1a0;
	color: #ffffff;
}

.main-header .header-upper .outer-box .menu-toggler {
	position: relative;
	float: right;
	cursor: pointer;
	color: #ffffff;
	font-size: 28px;
	margin-left: 30px;
	padding-left: 30px;
}

.main-header .header-upper .outer-box .menu-toggler:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 5px;
	width: 1px;
	height: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.30);
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.main-header .nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color: #222222;
	display: none;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/* Mobile Nav Toggler */

.main-header .header-upper .outer-box .mobile-nav-toggler {
	position: relative;
	float: left;
	font-size: 14px;
	cursor: pointer;
	color: #081d38;
	line-height: 1em;
	font-weight: 600;
	padding: 30px 0px;
	margin-left: 150px;
	text-transform: uppercase;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	display: none;
}

.main-header .header-upper .outer-box .mobile-nav-toggler .icon {
	position: relative;
	margin-left: 20px;
	font-size: 24px;
	line-height: 1em;
}

.main-header.fixed-header .header-upper .outer-box .mobile-nav-toggler {
	padding: 25px 0px 33px;
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 20px 20px;
	text-align: left;
}

.mobile-menu .nav-logo img {
	max-width: 200px;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease 500ms;
	-moz-transition: all 0.7s ease 500ms;
	-ms-transition: all 0.7s ease 500ms;
	-o-transition: all 0.7s ease 500ms;
	transition: all 0.7s ease 500ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 24px;
	color: #000000;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
	opacity: 0.50;
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 14px 20px;
	font-size: 15px;
	color: #404040;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
	color: #000000;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 16px;
	line-height: 52px;
	color: #404040;
	cursor: pointer;
	z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span {
	position: absolute;
	right: 0px;
	top: 3px;
	height: 44px;
	width: 50px;
	line-height: 44px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 1px;
	height: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.sticky-header .navbar-header {
	display: none;
}

.sticky-header .mobile-nav-toggler {
	display: none;
}


/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 18px;
	font-style: normal;
	height: 46px;
	padding: 10px 0px 10px 0px;
	line-height: 26px;
	color: #999999;
	border: none;
	border-radius: 0px;
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
}

.form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: 2px;
	text-indent: 0px;
	color: #333333;
}

.form-group .ui-button .ui-icon:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	position: absolute;
	right: 0px;
	top: 2px !important;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: #000000;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
	font-weight: 800;
}

.ui-menu .ui-menu-item {
	font-size: 14px;
}

.ui-menu .ui-menu-item:last-child {
	border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background: #0152e9;
	border-color: #0152e9;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 24px;
}

.ui-menu-item:hover {
	background-color: #0152e9;
}

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner-section .mouse-btn-down {
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 20px;
	width: 30px;
	height: 68px;
	cursor: pointer;
	display: block;
	z-index: 1;
	cursor: pointer;
}

/* Chevron */

.chevron {
	position: absolute;
	width: 28px;
	height: 8px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
}

.chevron:first-child {
	animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #ffe1a0;
}

.chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
}

.chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
}

@keyframes move {
	25% {
		opacity: 1;

	}

	33% {
		opacity: 1;
		transform: translateY(30px);
	}

	67% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 0;
		transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
	}
}

@keyframes pulse {
	to {
		opacity: 1;
	}
}

.banner-section .slide {
	position: relative;
	overflow: hidden;

}

.sideimg {
	width: 100%;
	display: block;
}

.banner-section .slide-year {
	position: absolute;
	left: 50px;
	color: #ffffff;
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
}

.banner-section .social-box {
	position: absolute;
	left: 50px;
	bottom: 110px;
	z-index: 1;
}

.banner-section .social-box li {
	position: relative;
	margin-top: 22px;
}

.banner-section .social-box li a {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	line-height: 1em;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.banner-section .social-box li a:hover {
	color: #ffe1a0;
}

.banner-section .info {
	position: absolute;
	right: 60px;
	bottom: 90px;
	z-index: 1;
	color: #ffffff;
}

.banner-section .info a {
	position: relative;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.banner-section .info a:hover {
	color: #ffe1a0;
}

.banner-section .content-boxed {
	position: relative;
}

.banner-section .content-boxed .inner-boxed {
	position: relative;
}

.banner-section .content-boxed .slide-number {
	position: relative;
	color: #ffffff;
	font-size: 60px;
	font-weight: 400;
	line-height: 1em;
	padding-top: 25px;
	margin-bottom: 220px;
	display: inline-block;
	border-top: 5px solid #ffe1a0;
	font-family: 'Inter', sans-serif;
}

.banner-section .content-boxed .title {
	position: relative;
	color: #ffffff;
	font-weight: 400;
	line-height: 1.7em;
	opacity: 0;
	font-size: 18px;
	letter-spacing: 2px;
	transform: scaleY(0);
	letter-spacing: 5px;
	transform-origin: top;
	text-transform: uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-boxed .title {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .content-boxed h1 {
	position: relative;
	color: #ffffff;
	font-weight: 400;
	line-height: 1em;
	opacity: 0;
	margin-top: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-boxed h1 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section .owl-dots {
	position: absolute;
	width: 100%;
	width: 100%;
	left: 50%;
	margin-left: -50%;

	display: flex;
	justify-content: center;
}

/* .banner-section .owl-dots .owl-dot {

	position: relative;
	margin-right: 10px;
	width: 12px;
	height: 12px;
	margin-bottom: 25px;
	border-radius: 50px;
	background-color: #cccccc;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover {
	background-color: #ffffff;
	width: 39px;
	height: 12px;
} */

.banner-section .owl-nav {
	display: block;
}


.owl-carousel .owl-nav .owl-prev {
	position: absolute;
	top: 50%;

	left: 73px;
	width: 37px;
	height: 72px;
	background: url(../images/left.png) no-repeat;
	background-position: left top;
	transition: background-position 0.3s, opacity 0.5s;
	/* 定义过渡效果 */
}

.owl-carousel .owl-nav .owl-prev span {
	display: none;
}

.owl-carousel .owl-nav .owl-prev:hover {

	background-position: -37px top;
	;
}


.owl-carousel .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	margin-left: -37px;
	right: 73px;
	width: 37px;
	height: 72px;
	background: url(../images/right.png) no-repeat;
	background-position: -37px top;
	transition: background-position 0.3s, opacity 0.5s;
	/* 定义过渡效果 */
}

.owl-carousel .owl-nav .owl-next span {
	display: none;
}

.owl-carousel .owl-nav .owl-next:hover {

	background-position: left top;
}

/*** 

====================================================================
	product Section
====================================================================

***/
.product_seciton {
	width: 1433px;
	margin: 121px auto;
}

.product_seciton_left {
	width: 584px;
	float: left;
}

.product_seciton_left h4 {
	font-weight: 400;
	font-size: 45px;
	color: #081D38;
	line-height: 48px;
	font-family: Impact;
	text-align: left;
	font-style: normal;

}

.product_seciton_left p {
	font-weight: 400;
	font-size: 18px;
	color: #414141;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	/* 定义文本的行数 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 25px;

}

.diva {
	width: 100%;
	margin-top: 55px;
}

.diva li {
	width: 276px;
	height: 54px;
	float: left;
	border: 1px #b0b0b0 solid;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 30px;
	margin-right: 23px;
	margin-bottom: 24px;
	font-size: 20px;
	display: flex;
	align-items: center;
	color: #4f4f4f;
}

.diva li:nth-child(2n) {
	margin-right: 0;
}

.diva li:hover {
	width: 276px;
	color: #fff;
	height: 54px;
	float: left;
	border: 1px #0030ff solid;
	background: #0030ff;
}

.diva li span {
	font-size: 24px;
	margin-left: 18px;
	margin-right: 10px;
}



.product_seciton_right {
	width: 742px;
	height: 492px;
	margin-left: 100px;
	float: left;
}

.product_seciton_right table {
	border-collapse: collapse;
	width: 100%;
}

.product_seciton_right table,
.product_seciton_right th,
.product_seciton_right td {
	border: 1px solid #b0b0b0;
}

.product_seciton_right td {
	width: 50%;
	height: 248px;
}

.flip-card {
	perspective: 1000px;
	position: relative;
	width: 100%;
	height: 248px;
}

.flip-card-inner {
	width: 100%;
	height: 248px;

	text-align: center;
 transition: all ease-in .26s;
  transform-style: preserve-3d;
  perspective: 800px;
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front{
    width: 100%;
	height: 100%;
	position: absolute;
	backface-visibility: hidden;
}

.flip-card:hover .flip-card-front{display:none}
.flip-card-back {
 transform:rotateY(180deg) translateZ(1px) ;
      position:absolute;
      top:0;
      left:0;
      backface-visibility: hidden;
      background-color:red;
      color:#fff;
      width:100%;
      height:100%;
}

.flip-card img {
    top:0;
    left: 0;
	width: 100%;
	display: block;
	position: absolute;
}

.flip-card-front h4 {
	font-weight: 600;
	font-size: 24px;
	padding-left: 21px;
	padding-top: 83px;
	color: #0030FF;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	z-index: 50000;

}

.flip-card-back h4 {
	font-weight: 600;
	font-size: 24px;
	color: #fff;
	padding-left: 21px;
	padding-top: 63px;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	z-index: 50000;


}


.divf{
  
	font-weight: 400;
	padding-left: 21px;
	font-size: 24px;
	color: #4966E2;
	line-height: 36px;
	text-align: left;
	font-style: normal;
	z-index: 50000;
}


.divh{
  
	font-weight: 400;
	padding-left: 21px;
	font-size: 24px;
	color: #fff;
	line-height: 36px;
	text-align: left;
	font-style: normal;
	z-index: 50000;
}





.flip-card-back {
	background-color: #f0f0f0;
	transform: rotateY(180deg);
}

.flip-card-back ul {
	font-weight: 400;
	position: relative;
background: #ff0;
	font-size: 24px;
	color: #4966E2;
	line-height: 36px;
	text-align: left;
	font-style: normal;
	z-index: 50000;
}




.product_more {
	display: none;
}

.product_seciton_right1 {
	display: none;
}

/*** 

====================================================================
	.case-section
====================================================================

***/

.case {
	width: 100%;
}

.case_n {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	background: url(../images/lanbj.jpg) no-repeat;
	background-size: 100% 534px;
	background-position: center;
}

.case_n_left {
	width: 52%;
	height: 534px;
}

.case_n_left_n {
	width: 533px;
	margin-right: 217px;
	float: right;
}

.case_n_left_n h4 {
	font-size: 48px;
	color: #FFFFFF;

	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 100px;

}

.case_n_left_n p {
	font-family: ArialMT;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 79px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	text-transform: uppercase;
}

.case_n_left_n h5 {
	font-size: 14px;
	color: #BABAF0;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.case_n_right {
	width: 48%;
	height: 600px;

}

.case_n_right img{width:100%; height:600px;object-fit:cover;}

.case_n_right a {
	width: 100%;

	border-right: none;
}


.case_n_right img {
	width: 100%;
	display: block;
}


.case .swiper-pagination {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: 30% !important;
	left: 48% !important;
	width: 13px !important;
}

.case .swiper-pagination-bullet {
	background: #a1a1c8 !important;
	opacity: 1;
	width: 11px;
	height: 11px;
	margin-bottom: 10px !important;
}

.case .swiper-pagination-bullet-active {
	background: #ffde00 !important;
}

.case_view {
	width: 72%;
	margin: 0 auto;
}

.case_tit {
	font-weight: 500;
	font-size: 36px;
	color: #14151A;
	line-height: 161px;
	text-align: center;
	font-style: normal;
	text-transform: none;
	border-bottom: 1px solid #CCCCCC;

}


.news_tita {
	padding-top: 84px;
	padding-bottom: 46px;
	font-weight: 500;

	color: #14151A;
	text-align: center;
	font-style: normal;
	text-transform: none;
	border-bottom: 1px solid #CCCCCC;

}

.news_tita_a{font-size:36px;text-align: center; color:#14151a;}
.news_tita_b{font-size:24px;text-align: center; color:#9c9c9c; margin-top: 27px;}
.case_bota {
	padding:40px 0px;
	font-size: 16px;
	line-height: 30px;
	color: #3b3b3b;
	min-height: 300px;
}

.fanye{border-top: 1px solid #CCCCCC; font-size: 16px; padding-top: 45px; padding-bottom: 45px; padding-left:40px;padding-right:40px; line-height: 30px;color:#14151a;}
.fanye a{color:#14151a; float:left;}

.aa{float:left;}
/*** 

====================================================================
	.success-section
====================================================================

***/
.success {
	width: 1374px;
	margin: 238px auto 150px auto;
}

.success_left {
	width: 551px;
	float: left;
}

.success_right {
	width: 718px;
	float: right;
	margin-top: 20px;
}

.success_right ul {
	width: 719px;

}

.success_right ul li {
    overflow: hidden;
	list-style: none;
	width: 238px;
	height: 166px;
	text-align: center;
	background-color: #fff;
	float: left;
	border: 1px solid #fff;
	margin: 0 0 -1px -1px;
	position: relative;
	z-index: 0;
	background-color: #fff;
	position: relative;

}


.success_right ul li h4 {
	z-index: 5;
	transition: all 0.36s ease 0s;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	width: 100%;
	position: absolute;
	top: 150%;
	margin-top: -12px;
}

.success_right ul li h5 {
	transition: all 0.36s ease 0s;
	position: absolute;
	width: 238px;
	height: 166px;
	background: rgba(7, 7, 28, 0);
	z-index: 1;
}


.success_right ul li img{	width: 238px;	height: 166px;     object-fit: cover;}

.success_right ul li:hover h4 {
	z-index: 5;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -12px;
}

.success_right ul li:hover h5 {
	position: absolute;
	width: 238px;
	height: 166px;
	background: rgba(7, 7, 28, 0.7);
	z-index: 1;
}


.success_left h4 {
    font-family: Impact;
	font-weight: 400;
	font-size: 48px;
	color: #081D38;
	line-height: 30px;
	text-align: left;
	font-style: normal;
}

.success_left p {
	font-size: 30px;
	text-transform: uppercase;
	color: #9B9B9B;
	line-height: 79px;
	text-align: left;
	font-style: normal;
}


.success_right {
	width: 716px;
}

.dt_mid_left {
	width: 563px;
	padding-top: 57px;
		padding-bottom: 0;
	display: flex;
	justify-content: space-between;

}

.single-fun-fact-wrap:nth-child(3n) {
	background-image: none;
	margin-bottom: 0;
}

.single-fun-fact-wrap {
	padding-bottom: 18px;
	margin-bottom: 18px;

}

.single-fun-fact-wrap .counter-area {
        text-align: center;
}

.single-fun-fact-wrap .h5tit {
	font-size: 24px;
	color: #707070;

}

.single-fun-fact-wrap .counter-area .counter,
.single-fun-fact-wrap .counter-area span {

	font-size: 31px;
	color: #000;


}

.single-fun-fact-wrap .counter-area .counter {

	font-size: 60px;
	color: #000;


}

.single-fun-fact-wrap .counter-area .counter {
	font-size: 60px;
	color: #000;
	font-family: "微软雅黑";
}

.text-white {
	font-size: 30px !important;
	font-weight: bold;
	color: #000 !important;
}

.success_bot {
	display: none;
}


/* Service Box */

/*** 

====================================================================
	Projects Section
====================================================================

***/
.news {
	width: 100%;
	background: #eef1f7;
	padding-top: 59px;
	padding-bottom: 59px;
}

.news_mid {
	width: 1391px;
	margin: 0 auto;
}

.news_mid_top {
	width: 100%;
	margin: 0 auto;
}

.news_mid_top_left {
	float: left;
}

.news_mid_top_left h4 {
    font-family:Impact;
	font-weight: 400;
	font-size: 48px;
	color: #081D38;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.news_mid_top_left p {
	font-size: 30px;
	text-transform: uppercase;
	color: #9B9B9B;
	line-height: 79px;
	text-align: left;
	font-style: normal;
}

.news_mid_top_right {
	float: right;
}


.news_mid_bot {
	width: 100%;
	margin: 30px auto 0 auto;
}


.news_mid_bot li {
	width: 659px;
	padding-top: 49px;
	padding-bottom: 32px;
	border-bottom: 1px dashed #d7dae4;
	float: left;
	margin-right: 73px;
	background: url(../images/jtl.png) no-repeat right;
}


.news_mid_bot li:nth-child(2n) {
	margin-right: 0;
}

.news_mid_bot li h4 {
	font-weight: 500;
	font-size: 24px;
	color: #14151A;
	line-height: 30px;
}


.news_mid_bot li h5 {
	display: -webkit-box;
width: 100%;
	-webkit-line-clamp: 1;
	/* 定义显示的行数 */
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: 26px;
	color: #14151a;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	padding-top: 39px;
	padding-bottom: 29px;
}

.news_mid_bot li:hover h5 {
	color: #004eff;
}

.news_mid_bot li p {
	font-weight: 400;
	font-size: 16px;
	color: #7F7F7F;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 定义显示的行数 */
	overflow: hidden;
	text-overflow: ellipsis;
}






.news_mid_botd {
	width: 100%;
	margin: 30px auto 0 auto;
}
.news_mid_botd ul{
    display:flex;
    flex-wrap: wrap;
	justify-content: center;

}
.news_mid_botd li  {
	width: 659px;
	position: relative;
	padding-top: 49px;
	padding-bottom: 32px;
	border-bottom: 1px dashed #d7dae4;
	float: left;
	margin-right: 73px;
	background: none;
	
}

.news_mid_botd li .an{width: 166px;right:0; top: 60%; margin-top: -30px;  height: 61px; border-radius:50px; background:#004eff; text-align: center; font-size:24px;  line-height:61px; position: absolute; color: #fff}

.news_mid_botd li .an  a{width: 166px;height: 61px; display: block; color: #fff;}
.news_mid_botd li .an  a:hover{width: 166px;height: 61px; display: block; color: #fff;}

.news_mid_botd li:nth-child(2n) {
	margin-right: 0;
}

.news_mid_botd li h4 {
	font-weight: 500;
	font-size: 18px;
	color: #14151A;
	line-height: 30px;
}


.news_mid_botd li h5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 定义显示的行数 */
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: 30px;
	color: #14151a;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	padding-top: 39px;
	padding-bottom: 29px;
}

.news_mid_botd li:hover h5 {
	color: #004eff;
}

.news_mid_botd li p {
	font-weight: 400;
	font-size: 16px;
	color: #7F7F7F;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 定义显示的行数 */
	overflow: hidden;
	text-overflow: ellipsis;
}






.news_mida {
	width: 72%;
	margin: 0 auto;
}


.news_mida_bot {
	width: 100%;
	margin: 30px auto 0 auto;
}

.news_mida_bot li {
	width: 45%;
	padding-top: 49px;
	padding-bottom: 32px;
	border-bottom: 1px dashed #d7dae4;
	float: left;
	margin-right: 73px;
	background: url(../images/jtl.png) no-repeat right;
}


.news_mida_bot li:nth-child(2n) {
	margin-right: 0;
}

.news_mida_bot li h4 {
	font-weight: 500;
	font-size: 24px;
	color: #14151A;
	line-height: 30px;
}


.news_mida_bot li h5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 定义显示的行数 */
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: 30px;
	color: #14151a;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	padding-top: 39px;
	padding-bottom: 29px;
}

.news_mida_bot li:hover h5 {
	color: #004eff;
}

.news_mida_bot li p {
	font-weight: 400;
	font-size: 16px;
	color: #7F7F7F;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 定义显示的行数 */
	overflow: hidden;
	text-overflow: ellipsis;
}


.footerwap {
	display: none;
}



/*** 

====================================================================
	case Section
====================================================================

***/
.caselist {
	width: 92%;
	margin: 91px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}

.caselist li {
	width: 30.7%;
	height: 510px;
	margin-right: 3%;
	margin-bottom: 54px;
}
.caselist li a{width:100%}

.caselist li:nth-child(3n) {
	margin-right: 0;
}

.caselist li .imger {
	width: 100%;
	height: 301px;
	object-fit: cover;
}

.caselist li .imger img {
	width: 100%;
	height: 301px;
	object-fit: cover;
}

.caselist li .bt {
	width:99.5%;
	height: 215px;
	border: 1px solid #CACACA;
}

.caselist li .bt_n {
	padding: 20px;
}

.caselist li .bt_n h4 {
	font-size: 18px;
	color: #323232;
	font-weight: bold;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caselist li .bt_n h6 {
	font-size: 16px;
	color: #8787aa;
	line-height: 35px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.caselist li .bt_n .content {
	font-size: 16px;
	color: #8787aa;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 30px;

}

/*** 

====================================================================
	aboutny Section
====================================================================

***/
.aboutny {
	width: 70%;
	font-size: 16px;
	line-height: 30px;
	color: #3b3b3b;
	margin: 77px auto;
	min-height: 500px;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.procontent{display: none;}
.wapbannner {
	display: none;
}

.prowapbanner{
	display: none;
}

.main-footer {
	position: relative;
	width: 100%;
	background: #0c0e16;
	min-height: 367px;
}

.main-footer-mid {
	width: 1442px;
	min-height: 367px;


	margin: 0 auto;
	overflow: hidden;
}

.main-footer-mid-top {
	border-bottom: 1px #3c3c3c solid;
	margin: 0 auto;
	height: 294px;
	width: 100%;
}

.main-footer-mid-toplogo {
	float: left;
}

.main-footer-mid-toplogo img {
	width: 316px;
	margin-top: 63px;
	margin-left: 36px;
}

.main-footer-mid-content {
	width: 300px;
	margin-left: 112px;
	float: left;
	margin-top:70px;
}

.main-footer-mid-content h4 {
	font-size: 24px;
	line-height:50px;
	color: #fff;
	font-weight: bold;
}

.main-footer-mid-content h5 {
	font-weight: 400;
	margin-top: -5px;
	font-size: 16px;
	color: #F9F9F9;
	line-height: 34px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.main-footer-mid-content p {
	border-top: 1px #3c3c3c solid;
	margin-top: 5px;
	line-height: 39px;
}



.main-footer-mid-right {
	width: 430px;
	float: right;
	margin-top:70px;
	display: flex;
	justify-content: space-between;
}

.main-footer-mid-right_left {
	width: 50%;
}

.main-footer-mid-right_left h4 {
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	line-height: 34px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.main-footer-mid-right_left h4 a {
	color: #fff;
}

.main-footer-mid-right_left p {
	font-weight: 400;
	font-size: 16px;
	color: #ABABAB;
	line-height: 34px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 20px;
}

.main-footer-mid-right_left p a {
	color: #ABABAB;
}

.main-footer-mid-right_right {
	width: 50%;
}

.main-footer-mid-right_right h4 {
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	line-height: 34px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.main-footer-mid-right_right h4 a {
	color: #fff;
}

.main-footer-mid-right_right p {
	font-weight: 400;
	font-size: 16px;
	color: #ABABAB;
	line-height: 34px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 20px;
}

.main-footer-mid-right_right p a {
	color: #ABABAB;
}

.main_foot_n {
	width: 1442px;
	line-height: 70px;
	text-indent: 50px;
	color: #ababab;
}

.main_foot_n  a{    color: #ababab;}
/*** 


====================================================================
	Page Banner Section
====================================================================

***/

.page-banner-section {
	position: relative;
	padding: 600px 0px 80px;
	background-attachment: fixed;
	background-size: cover;
}

.page-banner-section .auto-container {
	position: relative;
}

.page-banner-section .title {
	position: relative;
	color: #ffffff;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 30px;
	line-height: 1.6em;
	text-transform: uppercase;
}

.page-banner-section h1 {
	position: relative;
	color: #ffffff;
	font-weight: 400;
	line-height: 1.1em;
	text-transform: capitalize;
}

.page-banner-section .mail-box {
	position: absolute;
	right: 15px;
	bottom: 10px;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
}

.page-banner-section.style-two {
	padding-top: 270px;
}

.page-banner-section.style-two .title {
	padding-top: 35px;
	margin-bottom: 310px;
}

.page-banner-section.style-two .title:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 80px;
	height: 4px;
	border-radius: 2px;
	background-color: #ffe1a0;
}

.page-banner-section.style-two .banner-year {
	position: absolute;
	left: 60px;
	color: #ffffff;
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section {
	position: relative;
	padding: 100px 0px 120px;
}


.team-section .row {
	margin: 0px -35px;
}

.team-section .team-block {
	padding: 0px 35px;
}

.team-block {
	position: relative;
	margin-bottom: 30px;
}

.team-block .inner-box {
	position: relative;
}

.team-block .inner-box .image {
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	background-color: #111111;
}

.team-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

.team-block .inner-box:hover .image img {
	opacity: 0.7;
}

.team-block .inner-box .image .social-icons {
	position: absolute;
	right: -250px;
	bottom: 12px;
	border-radius: 2px;
	padding: 10px 20px 8px;
	background-color: #ffffff;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

.team-block .inner-box:hover .image .social-icons {
	right: 12px;
}

.team-block .inner-box .image .social-icons li {
	position: relative;
	margin-right: 15px;
	display: inline-block;
}

.team-block .inner-box .image .social-icons li:last-child {
	margin-right: 0px;
}

.team-block .inner-box .image .social-icons li a {
	position: relative;
	color: #999999;
	font-size: 16px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.team-block .inner-box .image .social-icons li a:hover {
	color: #000000;
}

.team-block .inner-box .lower-content {
	position: relative;
	padding: 25px 0px 0px;
}

.team-block .inner-box .lower-content h4 {
	position: relative;
	font-weight: 400;
	line-height: 1.3em;
	font-size: 24px;
}

.team-block .inner-box .lower-content h4 a {
	position: relative;
	color: #000000;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.team-block .inner-box:hover .lower-content h4 a {
	color: #caac6b;
}

.team-block .inner-box .lower-content .designation {
	position: relative;
	color: #666666;
	font-size: 14px;
	margin-top: 6px;
}

/*** 

====================================================================
	Page Title Section Two
====================================================================

***/

.page-title-two-section {
	position: relative;
	padding: 240px 0px 90px;
}

.page-title-two-section h1 {
	position: relative;
	font-weight: 400;
	font-size: 60px;
	line-height: 1em;
	color: #000000;
	text-transform: capitalize;
}

.page-title-two-section .page-breadcrumb {
	position: relative;
	margin-bottom: 50px;
}

.page-title-two-section .page-breadcrumb li {
	position: relative;
	color: #000000;
	font-size: 18px;
	padding-right: 15px;
	margin-right: 10px;
	display: inline-block;
	text-transform: uppercase;
}

.page-title-two-section .page-breadcrumb li:before {
	position: absolute;
	content: '/';
	right: -3px;
	top: 0px;
	color: #999999;
}

.page-title-two-section .page-breadcrumb li:last-child {
	padding-right: 0px;
	margin-right: 0px;
}

.page-title-two-section .page-breadcrumb li:last-child::before {
	display: none;
}

.page-title-two-section .page-breadcrumb li a {
	position: relative;
	color: #999999;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-title-two-section .page-breadcrumb li a:hover {
	color: #000000;
}

/*** 

====================================================================
	Gallery Section
====================================================================

 ***/

.gallery-page-section {
	position: relative;
	padding: 0px 0px 10px;
	margin-top: -130px;
}

.gallery-page-section .outer-section {
	position: relative;
	padding: 0px 0px;
	overflow: hidden;
}

.gallery-page-section .filters {
	margin-bottom: 150px;
}

.gallery-page-section .filters .filter-tabs {
	position: relative;
	text-align: right;
}

.gallery-page-section .filters li {
	position: relative;
	display: inline-block;
	color: #999999;
	padding: 0px 0px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	margin-left: 40px;
	padding-bottom: 5px;
	text-transform: uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.gallery-page-section .filters .filter.active,
.gallery-page-section .filters .filter:hover {
	color: #000000;
}

.gallery-page-section .gallery-item {
	margin-bottom: 40px;
}

.gallery-page-section .row {
	margin: 0px -2px;
}

.gallery-page-section .gallery-block {
	padding: 0px 2px;
	margin-bottom: 4px;
}

.gallery-block.mix {
	display: none;
}

/*** 

====================================================================
	Project Detail Section
====================================================================

 ***/

.project-detail-section {
	position: relative;
	padding: 120px 0px 100px;
}

.project-detail-section .upper-box {
	position: relative;
	margin-bottom: 80px;
}

.project-detail-section .upper-box .back-projects {
	position: relative;
	color: #000000;
	font-size: 14px;
	margin-bottom: 55px;
	display: inline-block;
	text-transform: uppercase;
}

.project-detail-section .upper-box .back-projects .icon {
	position: relative;
	top: 4px;
	margin-right: 10px;
	font-size: 20px;
	line-height: 1em;
}

.project-detail-section .upper-box ul {
	position: relative;
}

.project-detail-section .upper-box ul li {
	position: relative;
	color: #999999;
	font-size: 16px;
	margin-bottom: 8px;
}

.project-detail-section .upper-box ul li span {
	position: relative;
	color: #000000;
}

.project-detail-section h3 {
	position: relative;
	color: #000000;
	margin-bottom: 40px;
	text-transform: capitalize;
}

.project-detail-section p {
	position: relative;
	color: #666666;
	font-size: 18px;
	margin-bottom: 80px;
	text-transform: capitalize;
}

.project-detail-section .carousel-box {
	position: relative;
}

.project-detail-section .carousel-box .owl-dots {
	position: absolute;
	left: 0px;
	bottom: 30px;
	right: 0px;
	text-align: center;
}

.project-detail-section .carousel-box .owl-dots .owl-dot {
	position: relative;
	width: 9px;
	height: 9px;
	margin: 0px 10px;
	border-radius: 50px;
	display: inline-block;
	background-color: #a19b97;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.project-detail-section .carousel-box .owl-dots .owl-dot.active,
.project-detail-section .carousel-box .owl-dots .owl-dot:hover {
	background-color: #ffffff;
}

.project-detail-section .carousel-box .owl-nav {
	position: absolute;
	left: -60px;
	top: 50%;
	right: -60px;
	margin-top: -32px;
}

.project-detail-section .carousel-box .owl-nav .owl-prev {
	position: absolute;
	left: 0px;
	color: #8d9aa8;
	font-size: 60px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-detail-section .carousel-box .owl-nav .owl-next {
	position: absolute;
	right: 0px;
	color: #8d9aa8;
	font-size: 60px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-detail-section .carousel-box .owl-nav .owl-prev:hover,
.project-detail-section .carousel-box .owl-nav .owl-next:hover {
	color: #000000;
}

/*** 

====================================================================
	Reservation Section
====================================================================

***/

.reservation-section {
	position: relative;
	padding-bottom: 190px;
}

.reservation-section .inner-container {
	position: relative;
	z-index: 1;
	padding: 45px 50px 30px;
	border: 1px solid #dfdfdf;
	background-color: #ffffff;
}

/* Reservation Form */





/* Contact Form */

.contact {
	width: 60%;
	margin: 90px auto;
	display: flex;
	justify-content: space-between;
}

.contact_left {
	width: 43%;
	height: 515px;
	background: #FFFFFF;
	border-radius: 48px;
	border: 1px solid #9A9A9A;
}

.contact_right {
	width: 48%;
	font-size: 18px;
	line-height: 36px;
}


#allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	font-family:Arial;
	border-radius: 48px;
}

/*** 


====================================================================
	product Page Container
====================================================================

***/
.prolist {
	width: 72%;
	margin: 0 auto;
}

.prolist dl {
	width: 98%;
	padding-top: 101px;
	padding-bottom: 101px;
	border-bottom: 1px #d9d9d9 solid;
	padding-left: 1%;
	padding-right: 1%;
	justify-content: space-between;
	display: flex;
}

.prolist dl dd {
	width: 48%;
}



.prolist dl:last-child dd {	width: 100%!important;}

.prolist dl dd a {
	color: #0030ff;
}

.prolist dl dd .imger {
	width: 49%;
	height: 379px;
	float: left;
}

.prolist dl:last-child dd .imger{width: 20%!important;}


.prolist dl dd .imger img {
	width: 100%;
	height: 379px;
	object-fit: contain;
}

.prolist dl dd .char {
	width:40%;
	height: 379px;
	float: left;
	margin-left: 8%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* 垂直居中 */
	font-size: 24px;
	line-height: 48px;
}

.prolist dl:last-child dd .char {width:50%!important;}

.prolist dl dd .char h4 {
	font-size: 30px;
	margin-bottom: 37px;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.pagination-outer {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

.styled-pagination {
	position: relative;
	display: inline-block;
}

.styled-pagination li {
	position: relative;
	color: #000000;
	font-size: 24px;
	font-weight: 400;
	margin: 0px 5px 0px;
	display: inline-block;
}

.styled-pagination li a {
	width: 45px;
	height: 45px;
	line-height: 42px;
	border-radius: 5px;
	border: 2px solid #D2D2D2;
	position: relative;
	color: #707070;
	font-size: 24px;
	font-weight: 400;
	display: inline-block;
	background: none;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a {
	background: #0030ff;
	color: #fff;
	border: 2px solid #0030ff;
}

.styled-pagination li.prev a,
.styled-pagination li.next a {
	line-height: 40px;
	border: none;
	color: #cccccc;
	font-size: 24px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


.styled-pagination li.disable1 a {
	line-height: 40px;
	border: none;
	color: #cccccc;
	font-size: 24px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.styled-pagination li.disable1 a:hover {

	color: #111111;
	background: none;
}



.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
	color: #111111;
	background: none;
}

/* Comment Form */


/***

====================================================================
	Map Section
====================================================================

***/


/***

====================================================================
	Contact Page Section
====================================================================

***/

.wap-tab {
	display: none;
}

.wap_more {
	display: none;
}

.about_banner {
	width: 100%;
	position: relative;
	text-transform: uppercase;
}

.about_banner img {
	width: 100%;
	display: block;
}

.about_banner h4 {
	position: absolute;
	width: 100%;
	font-weight: 400;
	font-size: 60px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-style: normal;
	font-family:"Impact";
	text-transform:uppercase;
	top:45%;
}


.about_banner h2 {
	position: absolute;
	width: 100%;
	font-weight: 400;
	font-size: 60px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-style: normal;
	font-family: "思源黑体";
	text-transform: none;
	top: 40%;
}

.about_banner h6 {
	font-family: Arial;
	font-weight: 400;
	font-size: 30px;
	line-height: 60px;
	color: white;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	letter-spacing: 10px;

}

.about_banner h6 img {
	width: 42%;
	display: block;
}



.product {
	width: 100%;
	margin-bottom: 40px;
	margin-top: 100px;
}

.product li {
	position: relative;

}


.product li:nth-child(odd) .div1 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	background: url(../images/lvse1.jpg) repeat-y;
	background-size: 100% auto;
	z-index: 1;
	padding-bottom: 2%;
	padding-top: 2%;
}

.product li:nth-child(odd) .imger {
	width: 32%;
	z-index: 2;
	position: relative;
	margin-left: 11%;
	float: left;
}

.product li:nth-child(odd) .imger img {
	width: 100%;
	display: block;
}



.product li:nth-child(odd) .productmid_right {
	width: 40%;
	margin-right: 10%;
	float: right;

}

.product li:nth-child(odd) .productmid_right h4 {
	font-weight: 400;
	font-size: 100px;
	color: #081D38;
	text-align: left;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;


}

.product li:nth-child(odd) .productmid_right_bt {
	width: 100%;

}

.product li:nth-child(odd) .productmid_right_bt .productmid_right_bt_container {
	width: 100%;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
	flex-wrap: wrap;
}

.product li:nth-child(odd) .productmid_right_bt_container div {
	background: url(../images/dot.jpg) left center;
	background-repeat: no-repeat;
	line-height: 50px;
	padding-left: 20px;
	flex: 1;
	white-space: nowrap;
	font-size: 36px;
	color: #005a8e
}

.product li:nth-child(even) .div1 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	background: url(../images/lvse2.jpg) repeat-y;
	background-size: 100% auto;
	z-index: 1;
	padding-bottom: 1%;
	padding-top: 1%;
}


.product li:nth-child(even) .imger {
	width: 32%;
	z-index: 2;
	position: relative;
	margin-right: 11%;
	float: right;
}

.product li:nth-child(even) .imger img {
	width: 100%;
	display: block;
}




.product li:nth-child(even) .productmid_right {
	width: 40%;
	float: left;
	margin-left: 10%
}

.product li:nth-child(even) .productmid_right h4 {
	font-weight: 400;
	font-size: 100px;
	color: #081D38;
	text-align: left;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.product li:nth-child(even) .productmid_right_bt {
	width: 100%;

}

.product li:nth-child(even) .productmid_right_bt .productmid_right_bt_container {
	width: 100%;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
	flex-wrap: wrap;
}

.product li:nth-child(even) .productmid_right_bt_container div {
	background: url(../images/dot.jpg) left center;
	background-repeat: no-repeat;
	line-height: 50px;
	padding-left: 20px;
	flex: 1;
	white-space: nowrap;
	font-size: 36px;
	color: #005a8e
}

.productmid {
	width: 78%;
	margin: 0 auto;
	padding-bottom: 20px;
}


.productmid_right {
	width: 50%;
	float: right;

}

.productmid_right h4 {
	font-weight: 400;
	font-size: 100px;
	color: #081D38;
	text-align: left;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.productmid_right_bt {
	width: 100%;

}

.productmid_right_bt .productmid_right_bt_container {
	width: 100%;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
	flex-wrap: wrap;

}

.productmid_right_bt_container div {
	background: url(../images/dot.jpg) left center;
	background-repeat: no-repeat;
	line-height: 50px;
	padding-left: 20px;
	flex: 1;
	white-space: nowrap;
	font-size: 36px;
	color: #005a8e
}

.productmid_left {
	width: 50%;
	float: left;

}

.c {
	clear: both;
}

.pro_wap {
	display: none;
}

.product_top_bj {
	width: 100%;
	height: 511px;
	background: url(../images/balckbanner.jpg);
}

.prodwaplist {
	display: none;
}


.product_view_l {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	background: url(../images/xxproduct.jpg) repeat-x;
}

.product_view_l_mid {
	width: 1199px;
	left: 50%;
	margin-left: -600px;
	top: 186px;
	position: absolute;

}








.product_view_l_mid_top {
	width: 100%;
	display: flex;
}

.pro_view_top_img {
	float: left;
	width: 502px;
	height: 323px;
	background: #FFFFFF;
	box-shadow: 0px 9px 13px 0px rgba(221, 232, 241, 0.56);

}

.pro_view_top_img .swiper-button-next,
.pro_view_top_img .swiper-button-prev {
	color: #a4c1d3;
}

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

.pro_view_top_img .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pro_view_top_img.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.pro_view_bt {
	width: 1199px;
	min-height: 500px;
	margin: 0 auto;
	margin-top: 104px;
}

.pro_view_bt .tab {

	width: 100%;
	overflow: hidden;




}








.prowaplist {
	display: none;
}

.product_view {
	width: 72%;
	margin: 0 auto;
}

.product_view_top {
	line-height: 1.06rem;
	font-size: 14px;
	color: #797979;
}

.product_view_top  a{color: #797979;}

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

.pro_tit{display:none;}
.product_view_left {
	width: 301px;
	height: 301px;
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	float: left;
}
.product_view_left img{width: 301px;
	height:298px; object-fit:contain;}

.product_view_left .swiper-button-next, .product_view_left .swiper-button-prev{color:#808080}
.product_view_right {
	width: 65%;
	float: left;
	min-height: 300px;
}

.product_view_right table{width:100% }

.product_view_right h4{font-size:30px; color:#232323; font-size: 30px;}
.product_view_right .bta{width: 100%; font-size:14px; line-height: 30px; margin-top: 30px;}
.applist {
	width: 72%;
	margin: 0 auto;
	display: block;
	margin-bottom: 132px;
}

.applist li {
	margin-top: 132px;
	display: flex;
	align-items: center;
	justify-content: space-between;



}

.applist li:nth-child(odd) .imger {
	width: 46%;
}

.applist li:nth-child(odd) .imger img {
	width: 100%;
	display: block;
}

.applist li:nth-child(odd) .rightchar {
	width: 48%;
	margin-left: 2%;
}

.applist li:nth-child(odd) .rightchar h2 {
	font-size: 48px;
	color: #121212;
	font-family: Impact;
}

.applist li:nth-child(odd) .rightchar h4 {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 30px;
	color: #121212;
}

.applist li:nth-child(odd) .rightchar p {
	width: 100%;
	font-size: 14px;
	color: #121212;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 35px;
}






.applist li:nth-child(even) .imger {
	width: 48%;

}

.applist li:nth-child(even) .imger img {
	width: 100%;
	display: block;
}

.applist li:nth-child(even) .rightchar {
	width: 46%;

}

.applist li:nth-child(even) .rightchar h2 {
	font-size: 48px;
	color: #121212;
}

.applist li:nth-child(even) .rightchar h4 {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 30px;
	color: #121212;
}

.applist li:nth-child(even) .rightchar p {
	width: 100%;
	font-size: 14px;
	color: #121212;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 35px;
}


.wapappllist {
	display: none;
}

.app_banner {
	display: none;
}

.wapfanye_mid {
	display: none;
}



.mobile-menu-visible1 {

	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.90);
	z-index: 1000;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	opacity: 0;
	visibility: hidden;
}

.search-popup__content {
	width: 960px;
	position: fixed;
	top: 300px;
	margin-left: -480px;
	height: 60px;
	z-index: 500000;
	opacity: 0;
	visibility: hidden;
	left: 50%;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}



.slide-in {
	opacity: 1;
	visibility: visible;
}



.search-popup__content form {
	display: flex;
	flex-wrap: wrap;
	position: relative;

	border-radius: 0;
	overflow: hidden;
	border-radius: 50px;
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
	width: 94%;
	background-color: #fff;
	font-size: 16px;
	border: 0;
	outline: 0;
	height: 60px;
	padding-left: 30px
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.search-popup__content .thm-btn {
	padding: 0;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	top: 0;
	right: -1px;
	border-radius: 0;
	background: url(../images/ssa1.png) no-repeat center #005a8e;
}

.search-popup__content .thm-btn:hover {
	background: url(../images/ssa1.png) no-repeat center #1f2230;
	color: #fff
}

.search-popup__content .thm-btn i {
	margin: 0
}

.proviewwap {
	display: none;
}


.indexborder {
	max-width: 100%;
	margin: 0 auto;
}



.about_conent_seacher {
	width: 56%;
	margin: 0 auto;
}

.about_conent_seacher_top {
	width: 100%;
	height: 97px;
	border-bottom: 1px #b7c2d0 solid;
	font-weight: bold;
	font-size: 30px;
	color: #DF0A0A;
	line-height: 97px;
}

.about_conent_seacher_bot {
	width: 100%;
}

.about_conent_seacher_bot li {
	border-bottom: 1px #b7c2d0 solid;
	padding-top: 37px;
	padding-bottom: 37px;
	padding-right: 10px;
	padding-left: 10px;
}


.about_conent_seacher_bot li h4 a {
	word-wrap: break-word;
	/* 旧的属性，部分浏览器支持 */
	display: inline;
	overflow-wrap: break-word;
	/* 标准属性，大多数浏览器支持 */
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #3a3a3a;
	line-height: 36px;
}

.about_conent_seacher_bot li p {

	font-family: Arial;
	font-weight: 400;
	font-size: 20px;
	color: #7C7C7C;
	line-height: 36px;
	margin-top: 10px;
}



.loaderbg {
	background-color: rgba(0, 0, 0, 9);
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999999
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -30px;
	width: 50px;
	height: 60px;
	text-align: center;
	font-size: 10px
}

.spinner>.double {
	background: #2E64FC;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: stretchDelay 1.2s infinite ease-in-out;
	animation: stretchDelay 1.2s infinite ease-in-out
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s
}


@-webkit-keyframes stretchDelay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(.4)
	}

	20% {
		-webkit-transform: scaleY(1)
	}
}

@keyframes stretchDelay {

	0%,
	40%,
	100% {
		transform: scaleY(.4);
		-webkit-transform: scaleY(.4)
	}

	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1)
	}
}