html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

body {
	overflow-x: hidden;
	font-family: "Microsoft YaHei",微软雅黑;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;

}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.imgpx img {
	width: 19px;
}

.newsicon img {
	width: 19px;
}

textarea {
	resize: vertical
}

p {
	line-height: 24px;
	color: #969595;
}

a {
	-webkit-transition: .3s ease;
	transition: .3s ease;
	outline: 0;
}

a:focus {
	outline: 0;
}

*:focus {
	outline: none;
}

.container {
	width: 100% !important;

}

.plate-one {
	color: #fff;
	padding: 0;
	margin: 0;
}

.plate-number {
	float: left;
	font-size: 20px;
	display: none;
}

.plateActive {
	display: block;
}

.plate-two {
	position: absolute;

	height: 28px;
	right: 200px;
	bottom: 5%;
	color: #fff;

}

.plate-two div {
	height: 28px;
	position: relative;
	width: 150px;
	overflow: hidden;
}

.plate-two div img {
	position: absolute;
	right: 0px;
	transform: translateY(-50%);
	top: 50%;
	height: 20px;
}

/* -------- Pre Loader -------- */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	z-index: 9999;
}

#status {
	background-image: url("../images/preloader.gif");
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
}


/* ===[ Variables ]=== */

.primary-button,
.main-slider .carousel-inner .item figure figcaption a,
.services .services-content .service-box a.btn.btn-primary,
.services .services-content .service-box .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .services .services-content .service-box a.btn.btn-default,
.call-to-action ul li a.btn.btn-primary,
.call-to-action ul li a.btn.btn-default,
.latest-work .portfolio-work .controls button,
.why-choose-us .wcu-left a.btn.btn-primary,
.why-choose-us .wcu-left .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .why-choose-us .wcu-left a.btn.btn-default,
.pricing-table .pricing-content .pricing-cell a.btn.btn-primary,
.pricing-table .pricing-content .pricing-cell .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell a.btn.btn-default,
.pricing-table .pricing-content .featured a.btn.btn-primary,
.pricing-table .pricing-content .featured .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .featured a.btn.btn-default {
	background: #5CCBFF;
	border-bottom: 2px solid #337AB7;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #fff;
	border-radius: 3px;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

.primary-button-hover,
.call-to-action ul li a.btn.btn-primary:hover,
.call-to-action ul li a.btn.btn-default:hover {
	text-decoration: none;
	border-bottom-color: #5CCBFF;
	margin-top: 4px;
}

.tlinks {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}


/* =========================
    Header
   =========================
   ================================================== */

header {
	background: #333;
	padding: 15px 0;
}

.header-top-contact ul,
.header-top-social ul {
	margin-bottom: 0
}

.header-top-contact ul li {
	color: #fff;
	margin-right: 15px;
}

.header-top-contact ul li:last-child {
	margin-right: 0
}

.header-top-contact ul li i {
	padding-right: 5px;
	color: #5CCBFF;
}

.header-top-social {
	text-align: right
}

.header-top-social ul li {
	margin-right: 15px
}

.header-top-social ul li.top-consult-btn {
	margin-right: 0
}

.header-top-social ul li a {
	color: #fff
}

.top-consult-btn a {
	background: rgba(92, 203, 255, 0.9) none repeat scroll 0 0;
	padding: 15px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.top-consult-btn a:hover,
.top-consult-btn a:focus {
	text-decoration: none;
	background: rgba(255, 135, 36, 1) none repeat scroll 0 0;
}

.header-top-social .modal .modal-content {
	border-radius: 0 0 5px 5px;
	text-align: left;
}

#myModal {
	overflow: hidden;
}

.modal-open {
	padding-right: 0px !important;
}

.header-top-social .modal .modal-content .modal-header {
	background: rgb(255, 135, 36);
	color: #fff;
}

.header-top-social .modal .modal-content .modal-header .close {
	margin-top: 0;
	color: #fff;
	opacity: .8;
}

.header-top-social .modal .modal-content .modal-header .close:hover {
	opacity: 1
}

.header-top-social .modal .modal-content .modal-body form input {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 50px;
	border-radius: 0;
}

.header-top-social .modal .modal-content .modal-body form textarea {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 100px;
	border-radius: 0;
}

.header-top-social .modal .modal-content .modal-body form button.btn.btn-primary {
	background: rgb(255, 135, 36);
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid #D9731E;
	border-left: 0;
	margin-bottom: 2px;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

.header-top-social .modal .modal-content .modal-body form button.btn.btn-primary:hover {
	margin-bottom: 0;
	margin-top: 2px;
	border-bottom-color: rgb(255, 135, 36);
}

.sticky-wrapper.is-sticky nav {
	background: rgba(3, 3, 3, .8);
	border-radius: 0;
	-webkit-transition: 1s ease;
	transition: 1s ease;
	border: 0 none;
}

.sticky-wrapper.is-sticky nav ul.navbar-nav {
	margin-bottom: 0;
}

.sticky-wrapper.is-sticky ul.main-menu li a {
	margin-top: 20px;
	margin-bottom: 20px !important;
}

.sticky-wrapper.is-sticky ul.main-menu li ul li a,
.sticky-wrapper.is-sticky ul.main-menu li ul li ul li a {
	margin-top: 0;
	margin-bottom: 0 !important;
}

.sticky-wrapper.is-sticky ul.dropdown-menu {
	padding-bottom: 0;
	padding-top: 0;
}


/* =========================
    Intro Slider
   =========================
   ================================================== */

.main-slider {
	overflow: hidden
}

.main-slider .carousel-inner .item figure {
	margin: 0
}

.main-slider .carousel-inner .item figure img {
	width: 100%;
	height: 100vh;
}

.carousel-control.left,
.carousel-control.right {
	background: none
}

.carousel-indicators {
	z-index: 1;
}

.carousel {
	z-index: 0;
}

.carousel-control {
	border: 4px solid #fff;
	bottom: auto;
	height: 65px;
	margin-top: -50px;
	text-shadow: none;
	top: 50%;
	width: 65px;
	padding-top: 14px;
	border-radius: 100px;
	color: #fff;
}

.carousel-control.left {
	left: -100px;
	opacity: 0;
	-webkit-transition: .6s ease;
	transition: .6s ease;
}

.carousel-control:hover,
.carousel-control:focus {
	color: #5CCBFF;
	border-color: #5CCBFF;
}

.carousel-control.right {
	right: -100px;
	opacity: 0;
	-webkit-transition: .6s ease;
	transition: .6s ease;
}

.main-slider:hover .carousel-control.left {
	left: 100px;
	opacity: 1;
}

.main-slider:hover .carousel-control.right {
	right: 30px;
	opacity: 1;
}


.intro .main-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	/* background: rgba(0, 0, 0, 0.6); */
}

.intro .main-nav ul.main-menu {
	margin: 30px 0 0 20%;
}

.intro .main-nav .sticky-wrapper.is-sticky ul.main-menu {
	margin-top: 0;
}

.intro .main-nav ul.main-menu li {
	padding-right: 19px;
	position: relative;
}

.intro .main-nav ul.main-menu li a {
	font-size: 16px;
	color: #ffffff;
	/* font-weight: 600; */
	padding: 6px 15px;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.sticky-wrapper.is-sticky nav ul.main-menu li a {
	margin-bottom: 0
}

.intro .main-nav ul.main-menu li ul li a {
	margin-bottom: 0
}

.intro .main-nav ul.main-menu li.active a {
	color: #5CCBFF
}

.intro .main-nav ul.main-menu li a:hover,
.intro .main-nav ul.main-menu li a:focus {
	background: none;
	color: #5CCBFF;
	outline: none;
}

.intro .main-nav ul.main-menu li a::before {
	background: transparent none repeat scroll 0 0;
	border-left: 1px solid #5CCBFF;
	border-top: 1px solid #5CCBFF;
	content: "";
	height: 10px;
	left: -70px;
	position: absolute;
	top: 0;
	width: 25px;
	visibility: hidden;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	opacity: 0;
}

.intro .main-nav ul.main-menu li a::after {
	background: transparent none repeat scroll 0 0;
	border-right: 1px solid #5CCBFF;
	border-bottom: 1px solid #5CCBFF;
	content: "";
	height: 10px;
	right: 70px;
	position: absolute;
	bottom: 0;
	width: 25px;
	visibility: hidden;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	opacity: 0;
}

.intro .main-nav ul.main-menu li a:hover::before {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.intro .main-nav ul.main-menu li a:hover::after {
	visibility: visible;
	opacity: 1;
	right: 0;
}

.intro .main-nav ul.main-menu li.active a::before {
	background: transparent none repeat scroll 0 0;
	border-left: 1px solid #5CCBFF;
	border-top: 1px solid #5CCBFF;
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 25px;
	visibility: visible;
	opacity: 1;
}

.intro .main-nav ul.main-menu li.active a::after {
	background: transparent none repeat scroll 0 0;
	border-right: 1px solid #5CCBFF;
	border-bottom: 1px solid #5CCBFF;
	content: "";
	height: 10px;
	right: 0;
	position: absolute;
	bottom: 0;
	width: 25px;
	visibility: visible;
	opacity: 1;
}


/* ===[ Sub Menu ]=== */

.intro .main-nav ul.main-menu li ul.dropdown-menu {
	background: rgba(3, 3, 3, 0.8) none repeat scroll 0 0;
	border-radius: 0;
	display: block;
	left: 0;
	position: absolute;
	top: 70px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.main-nav .sticky-wrapper.is-sticky ul.main-menu li ul.dropdown-menu {
	top: 70px !important;
	box-shadow: none;
	z-index: -1;
}

.intro .main-nav ul.main-menu li:hover ul.dropdown-menu {
	visibility: visible;
	opacity: 1;
	top: 60px;
}

.intro .main-nav ul.main-menu li ul.dropdown-menu li a:before,
.intro .main-nav ul.main-menu li ul.dropdown-menu li a:after {
	content: none
}

.intro .main-nav ul li:hover ul li a {
	color: #fff
}

.intro .main-nav ul li:hover ul li a:hover {
	text-decoration: none;
	background: transparent;
	color: #5CCBFF;
}

.intro .main-nav ul li:hover a {
	color: #5CCBFF
}

.intro .main-nav ul li.active:hover ul li a:hover {
	color: #fff
}

.intro .main-nav ul li.active:hover ul li a:hover {
	color: #5CCBFF
}

.intro .main-nav ul li.active:hover ul li a {
	color: #fff
}

.intro .main-nav ul li:hover a:after {
	background: transparent none repeat scroll 0 0;
	border-right: 1px solid #5CCBFF;
	border-bottom: 1px solid #5CCBFF;
	content: "";
	height: 10px;
	right: 0;
	position: absolute;
	bottom: 0;
	width: 25px;
	visibility: visible;
	opacity: 1;
}

.intro .main-nav ul li:hover a:before {
	background: transparent none repeat scroll 0 0;
	border-left: 1px solid #5CCBFF;
	border-top: 1px solid #5CCBFF;
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 25px;
	visibility: visible;
	opacity: 1;
}

.intro .main-nav ul li ul li ul {
	background: rgba(3, 3, 3, 0.8) none repeat scroll 0 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	left: 168px;
	list-style: outside none none;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: 100px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 160px;
}

.intro .main-nav ul li ul li:hover ul {
	visibility: visible;
	opacity: 1;
	top: 0;
}

.intro .main-nav ul li ul li ul li {
	padding-bottom: 10px
}

.intro .main-nav ul li ul li ul li:last-child {
	padding-bottom: 0
}

.intro .main-nav ul li ul li ul li a {
	padding: 0 !important;
	content: none;
}

.intro .main-nav ul li ul li:hover ul li a {
	color: #fff
}

.intro .main-nav ul li ul li:hover ul li a:hover {
	text-decoration: none;
	background: transparent;
	color: #5CCBFF;
}

.intro .main-nav ul li ul li:hover a {
	color: #5CCBFF
}

.intro .main-nav ul.main-menu li.search {
	color: #fff;
	margin-left: 15px;
	padding: 5px 0;
	position: relative;
	cursor: pointer;
}

.intro .main-nav .sticky-wrapper.is-sticky ul.main-menu li.search {
	margin-top: 20px;
}

.intro .main-nav ul.main-menu li.search:hover .search-box {
	visibility: visible;
	opacity: 1;
}

.intro .main-nav ul.main-menu li.search .search-box {
	position: absolute;
	left: -115px;
	top: 40px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.intro .main-nav ul.main-menu li.search .search-box .search-form {
	position: relative
}

.intro .main-nav ul.main-menu li.search .search-box .search-form:before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 15px;
	left: 48%;
	position: absolute;
	top: -5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 15px;
}

.intro .main-nav ul.main-menu li.search .search-box .search-form input[type=text] {
	background: #000;
	border: 1px solid #000;
	border-radius: 100px;
	color: #fff;
	height: 40px;
	padding: 10px 40px 10px 15px;
	position: relative;
}

.intro .main-nav ul.main-menu li.search .search-box .search-form input[type=text]:focus {
	background: #000;
	outline: none;
}

.intro .main-nav ul.main-menu li.search .search-box .search-form button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	border-radius: 100px;
	color: #fff;
	height: 40px;
	padding: 0 15px;
	position: absolute;
	top: 0;
	right: 0;
}

.intro .main-nav ul li ul li a {
	color: #C7C7C7 !important
}

.intro .main-nav ul li ul li a:hover {
	color: #5CCBFF !important
}


/* =========================
    Main Menu
   =========================
   ================================================== */

.main-nav nav {
	margin-bottom: 0;
	-webkit-transition: 1s ease;
	transition: 1s ease;
}

.main-slider .carousel-inner .item figure {
	position: relative
}

.main-slider .carousel-inner .item figure::before {
	/* background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; */
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
}

.main-slider .carousel-inner .item figure figcaption {
	bottom: 0;
	left: 6%;
	margin: 0 auto;
	position: absolute;
	right: 6%;
	top: 30%;
	width: 1170px;
	padding: 0 15px;
}

.main-slider .carousel-inner .item figure figcaption h1 {
	margin: 0 0 20px 0;
	color: #ffffff;
	font-size: 45px;
	font-weight: 600;
	width: 50%;
	line-height: 50px;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.main-slider .carousel-inner .item figure figcaption p {
	color: #fff;
	font-size: 15px;
	margin-bottom: 30px;
	width: 50%;
}

.main-slider .carousel-inner .item figure figcaption a {
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	padding: 10px 40px;
	border-bottom-width: 4px;
	margin-bottom: 4px;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.main-slider .carousel-inner .item figure figcaption a:hover {
	text-decoration: none;
	border-bottom-color: #5CCBFF;
	margin-top: 4px;
	margin-bottom: 0;
}

.main-slider .carousel-indicators li {
	display: none;
	/* margin: 0 3px;
	height: 5px;
	width: 50px;
	border-radius: 0;
	background: #fff;
	border: none;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease; */
}

/* .main-slider .carousel-indicators li:hover {
	background: #5CCBFF
} */

.main-slider .carousel-indicators .active {
	display: block;
	width: 0;
	height: 0;
}

/* .navbar-brand {
    margin-top: 5px
}
 */

/* =========================
    Services
   =========================
   ================================================== */

.section-header h2 {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 45px;
	font-weight: 600;
	color: #5ccbff;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 30px;
}

.section-header h2:before {
	border-left: 50px solid #DADADA;
	border-right: 50px solid #DADADA;
	bottom: 0;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: -70px;
	position: absolute;
	width: 130px;
}

.section-header h2:after {
	background: #5CCBFF none repeat scroll 0 0 padding-box content-box;
	border-bottom: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
	bottom: -10px;
	content: "";
	height: 22px;
	left: 50%;
	margin-left: -16px;
	padding: 0 0 8px 8px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 22px;
}

.section-header p {
	text-align: center;
	color: #969595;
	font-size: 15px;
	padding: 0 250px;
	margin: 0 0 40px 0;
}

.services {
	padding: 150px 0;
	background: url('../images//bg1.png') no-repeat center;
	background-size: 100% 100%;
}

.services .services-content .service-box {
	background: url('../images//sele1_bg1.png') no-repeat center;
	background-size: 100% 100%;
	padding: 50px 20px;
	text-align: center;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.services .services-content .service-box p.icon {
	font-size: 50px;
	color: #cccccc;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.services .services-content .service-box h3 {
	font-size: 25px;
	color: #5ccbff;
	margin: 20px 0;
}

.services .services-content .service-box p {
	font-size: 15px;
	color: #969595;
	margin-bottom: 20px;
}


/* .service-box a.btn.btn-primary {
    background: #F1F1F1 !important;
    color: #969595 !important;
    border-bottom-color: #b5b5b5 !important;
}
.services .services-content .service-box:hover a.btn.btn-primary {
    background: #5CCBFF;
    border-color:#d9731e;
    border-style: none none solid;
    border-width: 0 0 3px;
    color: #fff;
}
   ================================================== */

.services .services-content .service-box a.btn.btn-primary,
.services .services-content .service-box .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .services .services-content .service-box a.btn.btn-default {
	padding: 10px 30px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.services .services-content .service-box a.btn.btn-primary:hover,
.services .services-content .service-box .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .services .services-content .service-box a.btn.btn-default:hover {
	text-decoration: none;
	border-bottom-color: #5CCBFF;
	margin-top: 4px;
	margin-bottom: 0;
}

.services .services-content .service-box:hover {
	/* -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) */
	background-size: 200% 200%;
	/* transform: scale(1.4); */
	transition: all 0.6s;
}

.services .services-content .service-box:hover p.icon {
	color: #5CCBFF
}


/* .services .services-content .service-box:hover h3,
.services .services-content .service-box:hover p {
    color: #fff;
} */


/* =========================
    Call To Action
   =========================
   ================================================== */

.call-to-action {
	padding: 150px 0;
	background: url(../images/banner-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	position: relative;
}

.call-to-action::before {
	position: absolute;
	content: "";
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.call-to-action h2 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 0 200px;
	margin-top: 0;
	margin-bottom: 50px;
	text-transform: uppercase;
	line-height: 1.5;
}

.call-to-action ul {
	width: 100%;
	text-align: center;
}

.call-to-action ul li a.btn.btn-primary,
.call-to-action ul li a.btn.btn-default {
	border-bottom-width: 4px;
	padding: 10px 50px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.call-to-action ul li a.btn.btn-primary:hover,
.call-to-action ul li a.btn.btn-default:hover {
	margin-bottom: 0;
	margin-top: 4px;
}

.call-to-action ul li a.btn.btn-default {
	background: #fff;
	border-bottom-color: #ddd;
	color: #5CCBFF;
}

.call-to-action ul li a.btn.btn-default:hover {
	margin-bottom: 0;
	margin-top: 4px;
	border-bottom-color: #fff;
}


/* =========================
    Latest Work
   =========================
   ================================================== */

#portfolio-container .mix {
	display: none
}

/* .latest-work {
	padding: 150px 0; 
	padding-top: 30px;
} */

.latest-work .portfolio-work .controls,
#tabItem .controls {
	text-align: center;
	/* margin-bottom: 40px; */
	/* display: flex; */
	border-bottom: 1px solid #ccc;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 18px 0;
}

.latest-work .portfolio-work .controls {
	position: absolute;
	left: 0;
	right: 0;
}

.latest-work #portfolio-container {
	padding-top: 50px;
}

.latest-work .portfolio-work .controls button,
#tabItem .controls button {
	padding: 7px 20px;
	margin-right: 5px;
	margin-top: 5px;
	text-transform: uppercase;
	background: none;
	border: none;
	color: #969595;
	border-radius: 0;
	margin-top: 0;
	font-size: 17px;
}

.latest-work .portfolio-work .controls button:hover,
#tabItem .controls button:hove {
	background: #5CCBFF;
	color: #fff;
}

.latest-work .portfolio-work .controls button.active,
#tabItem .controls button.active {
	color: #5CCBFF;
	font-weight: 700;
}

.latest-work .portfolio-work .portfolio-container .mix {
	margin-bottom: 30px
}

.latest-work .portfolio-work .portfolio-container .img-responsive {
	height: 250px !important;
	width: 100%;
}

.latest-work .portfolio-work .portfolio-container figure {
	margin: 0;
	height: 250px;
	position: relative;
}

.latest-work .portfolio-work .portfolio-container figure::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(92, 203, 255, 0.85);
	content: "";
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.latest-work .portfolio-work .portfolio-container figure:hover::before {
	visibility: visible;
	opacity: 1;
	top: 10px;
	left: 10px;
}

.latest-work .portfolio-work .portfolio-container figure figcaption {
	position: absolute;
	text-align: center;
	top: 30%;
	right: 50px;
	width: 100%;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.latest-work .portfolio-work .portfolio-container figure figcaption ul {
	margin-bottom: 0
}

.latest-work .portfolio-work .portfolio-container figure figcaption ul li a {
	border: 1px solid #fff;
	color: #fff;
	padding: 8px 10px;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.latest-work .portfolio-work .portfolio-container figure figcaption ul li a:hover {
	background: #D97320;
	text-decoration: none;
}

.latest-work .portfolio-work .portfolio-container figure:hover figcaption {
	visibility: visible;
	opacity: 1;
	top: 50%;
	right: 0;
}


/* =========================
    Testimonials
   =========================
   ================================================== */

.testimonial {
	background: url(../images/testimonial-bg.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 150px 0;
	position: relative;
}

.testimonial::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
}

.testimonial .client-image .owl-wrapper-outer .owl-wrapper {
	width: auto !important;
	padding: 50px 0 50px 31%;
}

.testimonial .client-image .owl-wrapper-outer .owl-wrapper .owl-item {
	margin-right: 10px
}

.testimonial .client-image .owl-wrapper-outer .owl-wrapper .owl-item .item {
	position: relative
}

.testimonial .client-image .owl-wrapper-outer .owl-wrapper .owl-item .item::before {
	position: absolute;
	content: "";
	width: 70px;
	height: 70px;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 2;
	border-radius: 100px;
	-webkit-transition: .5s ease;
	transition: .5s ease;
	cursor: pointer;
}

.testimonial .client-image .owl-wrapper-outer .owl-wrapper .owl-item .item img {
	border-radius: 100px;
	height: 70px;
	width: 70px;
	-webkit-transition: .5s ease;
	transition: .5s ease;
	position: relative;
}

.testimonial .client-image .owl-wrapper-outer .owl-wrapper .owl-item.synced .item {
	position: relative
}

.testimonial .client-image .owl-wrapper-outer .owl-wrapper .owl-item.synced .item::before {
	position: absolute;
	content: "";
	width: 70px;
	height: 70px;
	top: 0;
	left: 0;
	background: none;
	opacity: 1;
	z-index: 3;
	border-radius: 100px;
	cursor: pointer;
}

.testimonial .client-feedback {
	position: relative
}

.testimonial .client-feedback .item {
	text-align: center;
	color: #fff;
	font-size: 15px;
}

.testimonial .client-feedback .item p {
	padding: 0 200px;
	color: #ffffff;
}

.testimonial .client-feedback .item h4 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.testimonial .client-feedback .item span {
	color: #5CCBFF
}

.testimonial .client-feedback .owl-buttons {
	display: inline-block;
	position: absolute;
	top: 0;
	width: 100%;
}

.testimonial .client-feedback .owl-buttons:hover .owl-prev,
.testimonial .client-feedback .owl-buttons:hover .owl-next,
.testimonial .client-feedback .owl-buttons:hover .owl-next {
	background: #5CCBFF;
	color: #fff;
	border-color: #5CCBFF;
}

.testimonial .client-feedback .owl-buttons .owl-prev,
.testimonial .client-feedback .owl-buttons .owl-next {
	border: 2px solid #FFF;
	border-radius: 100px;
	color: #FFF;
	font-size: 25px;
	height: 50px;
	padding-top: 4px;
	text-align: center;
	width: 50px;
	float: left;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.testimonial .client-feedback .owl-buttons .owl-next {
	float: right
}

#sync2 .owl-item.active .item {
	position: relative
}

#sync2 .owl-item.active .item:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 100px;
	z-index: 1;
}

#sync2 .owl-item.active.center .item:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.0);
	border-radius: 100px;
	z-index: 1;
}

.owl-item.active .item img {
	border-radius: 100px
}


/* =========================
    Why Choose Us
   =========================
   ================================================== */

.why-choose-us {
	margin: 150px 0;
	overflow: hidden;
}

.why-choose-us .wcu-left,
.why-choose-us .wcu-right {
	margin-top: 0
}

.why-choose-us .wcu-left h3 {
	margin: 0 0 20px 0;
	font-size: 30px;
	font-weight: 600;
	color: #313131;
	padding-bottom: 15px;
	position: relative;
}

.why-choose-us .wcu-left h3::before {
	position: absolute;
	content: "";
	width: 100px;
	background: #5CCBFF;
	height: 2px;
	bottom: 0;
	left: 0;
}

.why-choose-us .wcu-left p {
	margin-bottom: 30px
}

.why-choose-us .wcu-left a.btn.btn-primary,
.why-choose-us .wcu-left .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .why-choose-us .wcu-left a.btn.btn-default {
	margin-bottom: 2px
}

.why-choose-us .wcu-left a.btn.btn-primary:hover,
.why-choose-us .wcu-left .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .why-choose-us .wcu-left a.btn.btn-default:hover {
	margin-bottom: 0;
	margin-top: 2px;
	border-bottom-color: #5CCBFF;
}

.why-choose-us .wcu-right {
	position: relative
}

.why-choose-us .wcu-right img {
	height: 100%
}

.why-choose-us .wcu-right a.video-play-btn {
	position: absolute;
	color: #fff;
	font-size: 80px;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -50px;
	opacity: .8;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.why-choose-us .wcu-right a.video-play-btn:hover {
	opacity: 1
}

.video-wrapper iframe {
	border: 0
}


/* =========================
    Project Summery
   =========================
   ================================================== */

.project-summery,
.our-clients {
	padding: 150px 0;
	background: url(../images/project-summery-bg.png);
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.project-summery::before,
.our-clients::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	content: "";
	left: 0;
	top: 0;
}

.project-summery .col-sm-4,
.our-clients .col-sm-4 {
	text-align: center;
	color: #ffffff;
}

.project-summery .col-sm-4 i,
.our-clients .col-sm-4 i {
	color: #5CCBFF;
	font-size: 25px;
}

.project-summery .col-sm-4 p.project-count,
.our-clients .col-sm-4 p.project-count {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	margin: 25px 0 15px;
}

.project-summery .col-sm-4 h5.project-name,
.our-clients .col-sm-4 h5.project-name {
	font-size: 15px;
	color: #fff;
}


/* =========================
    Pricing Table
   =========================
   ================================================== */

.pricing-table {
	padding: 150px 0;
	background: #FAFCFC;
}

.pricing-table .pricing-content .pricing-cell {
	background: #fff;
	border: 1px solid #F1F1F1;
	text-align: center;
	padding: 30px 0;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.pricing-table .pricing-content .pricing-cell .pricing-head h2 {
	font-size: 40px;
	color: #313131;
	font-weight: 400;
	position: relative;
	margin: 0 0 5px 0;
}

.pricing-table .pricing-content .pricing-cell .pricing-head h2 i {
	font-size: 20px;
	position: absolute;
	top: 30%;
	left: 30%;
}

.pricing-table .pricing-content .pricing-cell .pricing-head p {
	color: #969595;
	font-size: 12px;
	text-transform: uppercase;
}

.pricing-table .pricing-content .pricing-cell .pricing-head h3.pricing-title {
	background: #F1F1F1;
	padding: 15px 0;
	color: #969595;
	font-size: 16px;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

.pricing-table .pricing-content .pricing-cell ul.pricing-details li {
	padding: 15px 0;
	color: #969595;
}

.pricing-table .pricing-content .pricing-cell a.btn.btn-primary,
.pricing-table .pricing-content .pricing-cell .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell a.btn.btn-default {
	background: #F1F1F1;
	color: #969595 !important;
	border-bottom-color: #B5B5B5;
	margin-bottom: 2px;
}

.pricing-table .pricing-content .pricing-cell a.btn.btn-primary:hover,
.pricing-table .pricing-content .pricing-cell .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell a.btn.btn-default:hover {
	margin-bottom: 0;
	margin-top: 2px;
	border-bottom-color: #f1f1f1;
}

.pricing-table .pricing-content .featured,
.pricing-table .pricing-content .pricing-cell:hover {
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
}

.pricing-table .pricing-content:hover .featured {
	-webkit-box-shadow: none;
	box-shadow: none
}

.pricing-table .pricing-content:hover .featured:hover {
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
}

.pricing-table .pricing-content:hover .featured .pricing-head h3.pricing-title {
	background: #f1f1f1;
	color: #969595;
}

.pricing-table .pricing-content:hover .featured a.btn.btn-primary {
	background: #f1f1f1 none repeat scroll 0 0;
	border-bottom-color: #b5b5b5;
	color: #969595 !important;
	margin-bottom: 2px;
}

.pricing-table .pricing-content .featured .pricing-head h3.pricing-title,
.pricing-table .pricing-content .pricing-cell:hover .pricing-head h3.pricing-title {
	background: #5CCBFF;
	color: #ffffff;
}

.pricing-table .pricing-content .featured a.btn.btn-primary,
.pricing-table .pricing-content .pricing-cell:hover a.btn.btn-primary,
.pricing-table .pricing-content .featured .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .featured a.btn.btn-default,
.pricing-table .pricing-content .pricing-cell:hover .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell:hover a.btn.btn-default {
	background: #5CCBFF;
	border-bottom-color: #337AB7;
	color: #fff !important;
	margin-bottom: 2px;
}

.pricing-table .pricing-content .featured a.btn.btn-primary:hover,
.pricing-table .pricing-content .pricing-cell:hover a.btn.btn-primary:hover,
.pricing-table .pricing-content .featured .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .pricing-table .pricing-content .featured a.btn.btn-default:hover,
.pricing-table .pricing-content .pricing-cell:hover .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell:hover a.btn.btn-default:hover {
	margin-bottom: 0;
	margin-top: 2px;
	border-bottom-color: #5CCBFF;
}


/* =========================
    Our Clients
   =========================
   ================================================== */

.our-clients {
	padding: 125px 0;
	/* background: url(../images/clients-bg.jpg); */
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.our-clients::before {
	background: rgba(0, 0, 0, 0.6)
}

.our-clients .section-header {
	margin-bottom: 20px
}

.our-clients .section-header h2 {
	color: #fff
}

.our-clients .section-header p {
	color: #fff
}

.our-clients .clients-logos div img {
	opacity: .7
}


/* .rightPosition {
    position: absolute;
    right: 0;
} */

.img-1 {
	position: absolute;
	top: 0PX;
	right: -25PX;
	width: 380PX;
	height: 620PX;
	z-index: 20;
}

.img-2 {
	animation: heart 2.2s ease-in-out .2s infinite alternate;
	position: absolute;
	top: 50PX;
	right: 10%;
	width: 370PX;
	height: 370PX;
	z-index: 20;
}

.img-3 {
	position: absolute;
	top: 267PX;
	right: 0px;
	width: 400PX;
	height: 150PX;
	z-index: 20;
}

.img-4 {
	top: -.375rem;
	right: 35%;
	width: 400PX;
	height: 560PX;
}

.img-5 {
	top: 183PX;
	right: 18%;
	width: 434PX;
	height: 220PX;
}

.img-6 {
	top: -10PX;
	right: 20PX;
	width: 370PX;
	height: 549PX;
}

.img-7 {
	top: 66PX;
	right: -30PX;
	width: 390PX;
	height: 135PX;
}

.img-8 {
	top: -16px;
	right: 26%;
	width: 500PX;
	height: 450PX;
}

.img-9 {
	top: 43PX;
	right: 14%;
	width: 477PX;
	height: 128PX;
}

.img-10 {
	top: 150PX;
	right: 18%;
	width: 350PX;
	height: 300PX;
}

.img-11 {
	top: -16PX;
	right: 0;
	width: 385PX;
	height: 595PX;
}

.img-12 {
	top: 104PX;
	right: 0;
	width: 469PX;
	height: 216PX;
}

.referral {
	height: 516px;
	margin: 100px 0;
}

@keyframes heart {
	from {
		transform: translate(0, 0)
	}

	to {
		transform: translate(0, 30px)
	}
}

.textBox1 {
	/* position: absolute; */
	top: 50%;
	/* width: 50%; */
	transform: translate(0, -50%);
}

.textBox {
	/* position: absolute; */
	top: 50%;
	right: -50%;
	/* width: 50%; */
	transform: translate(0, -50%);
}

.imgBox {
	position: absolute;
	left: 3%;
}

.lookBtn {
	background: #fff;
	margin-top: 56PX;
	padding: 10PX 18PX;
	border-radius: 8PX;
	font-size: 20PX;
	font-weight: 500;
	color: #5ccbff;
	border: 1PX solid #5ccbff;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.lookBtn:hover {
	color: #fff;
	background: #5ccbff;
}


/* =========================
    Footer
   =========================
   ================================================== */

footer {
	background: #262626;
	background-size: 100% 30%;

}

footer .container {
	align-items: center;
	padding: 50px 0 50px 0;
}


footer .footer-widget h2.widget-title {
	text-align: left;
	color: #fff;
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

footer .footer-widget .about-us-widget ul li {
	/* color: #969595; */
	border-top: 1px solid #3F3F3F;
	padding: 15px;
	padding-left: 0;
	padding-right: 0;
}

footer .footer-widget .about-us-widget ul li i {
	width: 25px;
	float: left;
}

footer .footer-widget .about-us-widget ul li p {
	display: inline;
	float: left;
	margin-bottom: 0;
}

footer .footer-widget .twitter-feed ul li {
	color: #969595;
	padding: 5px 0;
	text-align: left;
}

footer .footer-widget .twitter-feed ul li a {
	color: #5CCBFF
}

footer .footer-widget .twitter-feed ul li a:hover {
	text-decoration: none;
	color: #fff;
}

footer .footer-widget .twitter-feed ul li span {
	float: left;
	width: 100%;
}

footer .footer-widget .twitter-feed ul li span:first-child {
	/* width: 10%; */
	float: left;
	text-align: center;
}

footer .footer-widget .twitter-feed ul li small.twitt-post-time {
	display: block
}

footer .footer-widget .twitter-feed a.twitter-follow {
	color: #969595
}

footer .footer-widget .twitter-feed .list-unstyled a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

footer .footer-widget .twitter-feed a.twitter-follow:hover {
	text-decoration: none;
	color: #fff;
}

footer .footer-widget .twitter-feed a.twitter-follow i {
	color: #5CCBFF
}

footer .footer-widget .subscribe form input[type=email] {
	background: #4C4C4C;
	border: 0 none;
	padding: 10px;
	color: #969595;
	margin: 15px 0;
	height: 40px;
	display: table-cell;
	width: 65%;
}

footer .footer-widget .subscribe form button {
	background: #5CCBFF;
	border: 0 none;
	color: #fff;
	padding: 10px;
	height: 40px;
	margin-left: -4px;
	display: table-cell;
	width: 35%;
}

footer .footer-widget .subscribe form p.privacy-alert {
	font-style: italic
}

footer .footer-widget .footer-widget {
	margin-top: 50px
}

footer .footer-widget .footer-widget .social-links ul li {
	padding-right: 15px
}

footer .footer-widget .footer-widget .social-links ul li a {
	color: #969595;
	font-size: 20px;
}

footer .footer-widget .flickr-stream ul li {
	margin-bottom: 5px
}

footer .footer-widget .flickr-stream a.flickr-more {
	color: #969595;
	display: inline-block;
	margin: 20px 0 0 5px;
}

footer .footer-widget .flickr-stream a.flickr-more:hover {
	text-decoration: none
}

footer .footer-widget .flickr-stream a.flickr-more i {
	color: #5CCBFF
}

footer .footer-bottom {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	border-top: solid 1px #fff;
}

footer .footer-bottom .copyright p {
	margin-bottom: 0
}

footer .footer-bottom .scrool-to-top p {
	margin-bottom: 0;
	text-align: right;
}

footer .footer-bottom .scrool-to-top p a {
	font-size: 20px;
	color: #969595;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

footer .footer-bottom .scrool-to-top p a:hover,
footer .footer-bottom .scrool-to-top p a:focus {
	color: #5CCBFF;
	outline: none;
}


/* ======================
   About Us Page
   ======================
   ================================================== */

.pages-header {
	background: rgba(0, 0, 0, 0.3);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 170px 0;
	margin-left: 60px;
}

.page-header-image h2.page-header-title {
	font-family: "Microsoft YaHei",微软雅黑;
	margin-bottom: 0px;
	margin-top: 25px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 45px;
	letter-spacing: 3px;


	/* text-shadow: #000 0.1em 0.1em 0.2em; */
}

.page-header-image p.page-header-subhead {
	text-align: center;
	color: #ffffff;
	font-size: 37px;
	margin-top: 5px;
	/* text-shadow: #000 0.1em 0.1em 0.2em; */
}

.page-header-image ol {
	background: none;
	text-align: center;
	padding: 0;
}

.page-header-image ol li a {
	color: #fff;
	font-weight: 600;
}

.about-information {
	padding: 100px 0 0 0;
	background: #0E1324;
}

.about-information h2 {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 0;
}

.about-information p {
	margin: 20px 0 50px 0
}

.about-information h3 {
	color: #333;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 30px;
}

.about-information a.view-more {
	background: #5CCBFF;
	padding: 10px 15px;
	color: #fff;
	border-bottom: 3px solid #337AB7;
	margin-bottom: 3px;
	border-radius: 3px;
	display: inline-block;
}

.about-information a.view-more:hover {
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 3px;
	border-bottom-color: #5CCBFF;
}

.about-services {
	border-bottom: 2px solid #5CCBFF;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.about-services a {
	margin-right: 20px;
	font-size: 35px;
	color: #969595;
}

.about-services h4 {
	margin-top: 8px;
	margin-bottom: 27px;
}

.about-services p {
	float: none
}

.about-page-services {
	padding-top: 100px
}

.our-story {
	padding: 150px 0
}

#story-carousel .owl-pagination .owl-page {
	border: 1px solid #969595;
	display: inline-block;
	height: 15px;
	margin-right: 15px;
	text-indent: -9999px;
	width: 15px;
	position: relative;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

#story-carousel .owl-pagination .owl-page.active {
	border-color: #5CCBFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#story-carousel .owl-pagination .owl-page:last-child {
	margin-right: 0
}

#story-carousel .owl-pagination {
	margin-top: 50px;
	text-align: center;
}


/* ==========================================
    Contact Us Page
   ==========================================
   ================================================== */

.contact-main {
	margin: 100px 0
}

.contact-header {
	background: url(../images_1/nb1.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.contact-header>h2 {
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 30px 0;
	text-transform: uppercase;
	background: #fff;
}

.contact-form .form-group>input,
.contact-form .form-group>textarea {
	border: 1px solid #ddd;
	border-radius: 3px;
	height: 50px;
	padding: 0 15px;
	width: 100%;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	margin-bottom: 15px;
}

.contact-form .form-group>textarea {
	height: 135px;
	padding: 15px;
}

.contact-form .submit-btn {
	background: #5CCBFF none repeat scroll 0 0;
	border-color: #337AB7;
	border-radius: 3px;
	border-style: none none solid;
	border-width: 0 0 3px 0;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 20px 7px 20px;
	text-transform: uppercase;
	margin-bottom: 3px;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

.contact-form .submit-btn:hover {
	margin-bottom: 0;
	margin-top: 3px;
	border-bottom-color: #5CCBFF;
}

.info-items {
	margin-top: 25px
}

.cobtact-info-box ul li {
	margin: 54px 0;
}

.cobtact-info-box ul li:last-child {
	margin-bottom: 0
}

.cobtact-info-box ul li .icon-box,
.cobtact-info-box ul li .text-box {
	display: table-cell;
	vertical-align: top;
}

.cobtact-info-box ul li .text-box {
	padding-left: 20px
}

.cobtact-info-box ul li .icon-box .inner-box {
	background: #5CCBFF none repeat scroll 0 0;
	color: #fff;
	font-size: 20px;
	height: 50px;
	padding-top: 10px;
	text-align: center;
	width: 50px;
}

.cobtact-info-box ul li .text-box h3 {
	margin-top: 0
}

#map {
	width: 100%;
	height: 400px;
}

#map .info-window h3 {
	margin: 10px 0
}


/* ==========================================
    Blog Page
   ==========================================
   ================================================== */

.blog-header {
	background: url(../images_1/nb2.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

.blog-posts {
	margin: 100px 0
}

.post-image img.img-responsive {
	width: 100%;
}

/* .post-item {
	margin-bottom: 50px
} */

.post-title h3 {
	margin-top: 0
}

.post-title h3 a {
	color: #333;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	font-weight: 600;
}

.post-title h3 a:hover {
	text-decoration: none;
	color: #5CCBFF;
}

.post-info {
	margin: 15px 0;
	opacity: 0.5;
}

.post-info a {
	color: inherit
}

.post-info a:hover {
	color: #5CCBFF;
	text-decoration: none;
}

.post-description .post-read-more a {
	color: #333;
	text-transform: uppercase;
	font-weight: 600;
}

.post-read-more {
	margin: 15px 0
}

.post-description {
	margin-bottom: 15px
}

.post-description .post-read-more a:hover {
	color: #5CCBFF;
	text-decoration: none;
}

.post-meta .post-date,
.post-meta .post-comments,
.post-meta .post-shares {
	display: table-cell;
	vertical-align: top;
	padding-right: 15px;
}

.post-meta .post-comments a,
.post-meta .post-shares a {
	color: inherit
}

.post-meta .post-comments a:hover,
.post-meta .post-shares a:hover {
	color: #5CCBFF;
	text-decoration: none;
}

.blog-pagination {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%);
}

.blog-pagination ul li {
	display: inline
}

.blog-pagination ul li a {
	font-weight: 600;
	/* border: 1px solid #D7D7D7; */
	padding: 10px 15px;
	margin-left: -1px;
	color: #000;
	border-radius: 5px;
	background-color: #D7D7D7;
}

.blog-pagination ul li a:hover,
.blog-pagination ul li.active a {
	background: #31a3d7;
	/* border-color: #5CCBFF; */
	color: #fff;
	text-decoration: none;
}

/* .blog-pagination ul li:first-child a {
	border-radius: 3px 0 0 3px
}

.blog-pagination ul li:last-child a {
	border-radius: 0 3px 3px 0
} */

.blog-sidebar {
	margin-top: 100px
}

.blog-sidebar .sidebar-widget .widget-title h2 {
	margin-top: 0;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.blog-sidebar .sidebar-widget .widget-title h2:before {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background: #5CCBFF;
	left: 0;
	bottom: 0;
}

.recent-posts li {
	margin-bottom: 15px
}

.recent-posts a {
	display: block;
	color: #969595;
	font-size: 15px;
	padding-bottom: 5px;
}

.recent-posts a:hover {
	color: #5CCBFF;
	text-decoration: none;
}

.recent-posts small {
	font-style: italic;
	color: #A8A8A8;
	font-size: 12px;
}

.sidebar-widget {
	margin-bottom: 50px
}

.services-widget li,
.category-widget li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}

.services-widget li:before,
.category-widget li:before {
	position: absolute;
	content: "\f105";
	top: 0;
	left: 0;
	font-family: 'FontAwesome';
	color: #969595;
}

.services-widget li a,
.category-widget li a {
	color: #969595;
	font-size: 15px;
}

.services-widget li a:hover,
.category-widget li a:hover {
	text-decoration: none;
	color: #5CCBFF;
}

.contact-widget li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
	color: #969595;
}

.contact-widget li i {
	position: absolute;
	left: 0;
	top: 3px;
	width: 20px;
}

.contact-widget li a {
	color: #969595
}

.contact-widget li a:hover {
	text-decoration: none;
	color: #5CCBFF;
}

.blockquote-widget blockquote {
	border-left: 0
}

.widget-content.search-widget input {
	border: 2px solid #ddd;
	height: 40px;
	padding: 0 10px;
	width: 80%;
	display: table-cell;
}

.widget-content.search-widget button {
	background: #5CCBFF none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	height: 40px;
	padding: 0 20px;
	margin-left: -2px;
	display: table-cell;
	width: 20%;
}

.widget-content {
	text-align: center;
}

.widget-content p {
	color: #fff;
	text-align: left;
	font-size: 15px;
}

.widget-content p span {
	color: #fff;
	font-size: 14px;
}

.haoyicode {
	display: none;
	position: absolute;
	top: 65px;
	width: 80px !important;
	left: 32%;
}

.haoyicode2 {
	display: none;
}

.tags-widget ul li a {
	border: 1px solid #969595;
	text-transform: uppercase;
	color: #969595;
	padding: 5px 10px;
	margin-bottom: 15px;
	font-size: 12px;
	display: inline-block;
}

.tags-widget ul li a:hover {
	text-decoration: none;
	background: #5CCBFF;
	color: #fff;
	border-color: #5CCBFF;
}


/* ==========================================
    Single Post Page
   ==========================================
   ================================================== */

.blog-content {
	height: 300px;
}

/* 产品中心列表 */

.llop {
	list-style-type: none;
	list-style: none;
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	bottom: -170px;
	width: 1200px;
	padding: 0;
	padding-left: 15px;
}

/* .lloplist button {
	width: 30%;
	float: left;
	background-color: #fff;
	border: none;
	border-radius: 0;
	padding: 10px 27px;
	color: #000000;
} */

.lloplist button.active {
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
	color: #FFFFFF;
}

.llop .lloplist {
	width: 1200px;
	margin: 0;
}

.llop .lloplist button {
	width: 600px;
	float: left;
	background-color: #fff;
	border: none;
	border-radius: 0;
	padding: 10px 0px;
}





.single-blog {
	margin-top: 100px
}

.post-content h2.post-title {
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 0;
	position: relative;
}

.post-meta {
	text-align: right;
	margin-top: 15px;
}

.post-meta .date {
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	font-weight: 600;
}

.post-meta h6 {
	margin-top: 0;
	color: #969595;
	font-weight: 300;
}

.day.colored {
	color: #5CCBFF;
	display: block;
	font-size: 55px;
	margin-bottom: 5px;
}

.post-meta .details {
	color: #969595
}

.post-meta .details ul li {
	padding-bottom: 15px
}

.post-meta .details ul li a {
	color: #969595
}

.post-meta .details ul li a:hover {
	text-decoration: none;
	color: #5CCBFF;
}

.post-meta .details ul li i {
	padding-left: 5px
}

.post-content p {
	margin: 20px 0;
	line-height: 1.8em;
}

.post-content blockquote {
	color: #969595
}

.post-content blockquote small {
	padding-top: 20px
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	font-family: "Lora", sans-serif
}

.post-content ul li {
	color: #969595;
	padding-bottom: 15px;
	line-height: 1.8em;
}

.post-comments {
	margin-top: 100px
}

.post-comments h3 {
	font-family: "Lora", sans-serif;
	font-weight: 600;
	padding-bottom: 15px;
	margin-bottom: 30px;
	margin-top: 0;
	border-bottom: 1px solid #ddd;
}

.post-comments p {
	margin-bottom: 30px;
	font-size: 12px;
}

.post-comments form .form-group .form-control {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.post-comments form .form-group textarea.form-control {
	min-height: 200px;
	max-height: 200px;
	padding-top: 10px;
}

.post-comments form .form-group input.form-control {
	height: 40px
}

.post-comments form .btn.btn-primary {
	background: #5CCBFF none repeat scroll 0 0;
	border: 2px solid #5CCBFF;
	border-radius: 0;
	padding: 8px 25px;
	text-transform: uppercase;
	margin-top: 10px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.post-comments form .btn.btn-primary:hover {
	background: none;
	color: #969595;
}

.post-image img {
	margin-bottom: 20px
}


/* ===========================
   Team Page Styles
   ===========================
   ================================================== */

.team-one-header {
	text-align: center;
	padding: 100px 0;
}

.team-one-header h2 {
	font-family: "Lora", sans-serif;
	font-size: 35px;
	font-weight: 600;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.team-one-header p {
	max-width: 700px;
	margin: 0 auto;
}

.image-box-description>h4 {
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 15px;
}

.social-icons>ul {
	padding: 0;
	margin-top: 20px;
}

.social-icons>ul li {
	display: inline;
	list-style: outside none none;
}

hr.line {
	border-color: #eee;
	-webkit-border-image: none;
	-o-border-image: none;
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	height: 0;
}

.social-icons ul li>a {
	border: 1px solid #eee;
	color: #5CCBFF;
	display: inline-block;
	height: 32px;
	padding-top: 6px;
	text-align: center;
	width: 32px;
}

.social-icons ul li>a:hover {
	background: #5CCBFF;
	color: #fff;
	border-color: #5CCBFF;
}

.team-two {
	padding: 0 0 100px 0
}

.team-two-header {
	text-align: center;
	padding: 20px 0 100px 0;
}

.team-two-header h2 {
	font-family: "Lora", sans-serif;
	font-size: 35px;
	font-weight: 600;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.team-two-header p {
	max-width: 700px;
	margin: 0 auto;
}

.image-circle.image-small {
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	width: 120px;
}

.image-circle.image-small img {
	border-radius: 100px;
	border: 5px solid #eee;
}

.image-box-description {
	margin-bottom: 80px
}

.team-recruit {
	background: #f6f6f6 none repeat scroll 0 0;
	padding: 100px 0;
	text-align: center;
}

.team-recruit h2 {
	margin: 0 0 20px 0;
	font-family: "Lora", sans-serif;
	font-size: 35px;
	font-weight: 600;
}

.team-recruit p {
	font-size: 20px;
	font-weight: 300;
}

.team-recruit .team-reg-button {
	background: #5CCBFF none repeat scroll 0 0;
	border-bottom: 2px solid #337AB7;
	color: #fff;
	display: inline-block;
	margin-top: 15px;
	padding: 10px 30px;
	text-transform: uppercase;
	font-weight: 600;
}

.team-recruit .team-reg-button:hover {
	text-decoration: none
}


/* =================
   Helper classes
   =================
   ================================================== */

.hidden {
	display: none !important
}

.nopadding {
	padding-left: 0;
	padding-right: 0;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden
}

.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both
}

.list-input {
	line-height: 45px;
	border: none;
	border-radius: 30px;
	font-size: 15px;
	width: 100%;
}

.list-inline li {
	width: 15%;
}

.list-inline li input {
	padding: 0 10px;
}

.list-inline li a {
	width: 80%;
	border-radius: 30px !important;
}

.clients-logos .row {
	font-size: 0;
	list-style: none;
}

.clients-logos .row li {
	display: inline-block;
	width: 10.5%;
	margin: 10px 1%;
}

.clients-logos .row li img {
	opacity: 0.5;
	width: 100%;
	height: 157px;
}

.clients-logos {
	display: block;
}


/* 关于我们 */
#footerRow {
	display: flex;
	width: 58%;
}

.footer-widget {
	flex: 1;
	float: left;
}

.aboutWarp .ser_sel1 {
	/* background: url(http://qn.pfkweb.com/aboutB1.png) no-repeat; */
	background-size: cover;
	background-position: center;
}

.aboutWarp .ser_sel1 .numWarp {
	font-size: 0;
	position: relative;
	margin-bottom: 0;
	/* padding-top: 130px;
    padding-bottom: 50px; */
}

.aboutWarp .ser_sel1 .numWarp li {
	display: inline-block;
	width: 25%;
	font-size: 72px;
	margin-bottom: 50px;
	border-right: 1px solid #CACACA;
	vertical-align: middle;
}

.aboutWarp .ser_sel1 .numWarp li .num {
	color: white;
	font-size: 72px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

.aboutWarp .ser_sel1 .numWarp li .msg {
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.aboutWarp .ser_sel1 .numWarp li .num span:nth-child(2) {
	font-size: 17px;
}

.aboutWarp .ser_sel1 .numWarp li:nth-child(1) {
	font-size: 26px;
	border-right: 0;
	text-align: left;
}

.aboutWarp .ser_sel1 .numWarp li:nth-child(n+2) {
	text-align: center;
}

.aboutWarp .ser_sel1 img {
	width: 25%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5;
}

.ser_sel1 .h_52,
.ser_sel1 .h_36 {
	font-size: 37px;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	line-height: 150%;
	text-align: center;
	padding: 2.84rem 0 0.73rem;
}

.ser_sel1 .h_36 {
	font-size: 26px;
	padding: 0;
}

.ser_sel1 .title_warp {
	display: none;
}

.h_16 {
	color: white !important;
	width: 90%;
	margin: 0 auto !important;
	padding-bottom: 21px;
}

.ab1 {
	background: url(../images/ab1.png) no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 100px;
}

.ab2 {
	background: url(../images/ab2.png) no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 100px;
}

.ab3 {
	background: url(../images/ab3.png) no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 100px;
}

#adv img {
	width: 100%;
}


.hab {
	padding: 100px 0;
}

.ha-txt {
	float: left;
}

.ha-txt h2 {
	font-size: 30px;
	color: #333;
	text-transform: uppercase;
	line-height: 50px;
}

.ha-txt h2:after {
	display: block;
	width: 30px;
	height: 2px;
	background: #121212;
	content: '';
}

.ha-txt h5 {
	font-size: 20px;
	line-height: 30px;
	margin: 15px 0;
}

.ha-txt p {
	font-size: 15px;
	margin-bottom: 10px;
	color: #555;
}

.ha-txt a.hbtn {
	display: block;
	margin-top: 30px;
	min-height: 45px;
}

.ha-txt a .ic2 {
	display: none;
	opacity: 0;
	transition: all .3s;
}

.ha-txt a:hover .ic1 {
	display: none;
}

.ha-txt a:hover .ic2 {
	display: block;
	opacity: 1;
	transition: all .3s;
}

.video-box1 {
	width: 45%;
	float: right;
	height: auto;
	overflow: hidden;
	cursor: pointer;
	background: #fff;
	position: relative;
}

.video-box1 .video {
	width: 100%;
	height: 100%;
	opacity: 1;
	visibility: visible;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.video-box1 video {
	width: 100%;
	max-height: 620px;
	height: auto;
}

.video-box1 .btnx {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 60%;
	margin-left: -25px;
	z-index: 3;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.video-box1 .btnx {
	border-radius: 50%;
	display: block;
	-webkit-animation: ripple-white 1s linear infinite;
	animation: ripple-white 1s linear infinite;
	-webkit-transition: .5s;
}

@-webkit-keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
	}

	100% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
	}
}

@keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
	}

	100% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
	}
}

.video-box1 .imga {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.video-box1.cur .btnx {
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	opacity: 0;
	visibility: hidden;
}

.video-box1.cur .imga {
	-webkit-transform: translate(0, 20px);
	-ms-transform: translate(0, 20px);
	transform: translate(0, 20px);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	opacity: 0;
	visibility: hidden;
}

.introLeft {
	padding: 90px 0 0 8%;
}

.introLeft ul {
	list-style: none;
	margin-top: 80px;
	padding: 0;
}

.introLeft ul li {
	margin-bottom: 58px;
}

.introLeft ul li p {
	color: #595959;
	font-size: 15px;
	margin-bottom: 13px;
}

.introLeft ul li h3 {
	font-family: Gilroy;
	font-size: 15px;
	color: #595959;
	font-weight: normal;
}

.introLeft ul li .counter {
	font-size: 46px;
	color: #31a3d7;
}

.introLeft ul li font {
	color: #31a3d7;
	font-size: 30px;
}

.introRight {
	padding: 8% 15% 9% 90px;
	border-left: 1px solid #ccc;
	font-size: 16px;
}

.culture {
	width: 100%;
	height: 485px;
	background: url(../images_1/culture_bg.jpg) no-repeat center;
}

#cultureCon p {
	color: #737373;
	font-size: 15px;
	line-height: 40px;
	/* text-align: left; */
}

.history {
	padding: 100px 0;
	width: 100%;
	position: relative;
	background: url(../images_1/bg8.jpg) no-repeat center;
}


#portfolio-container .content {
	margin-top: 50px;
	padding: 0 10%;
	list-style: none;
}

#portfolio-container .content li {
	margin: 50px auto;
}

#portfolio-container .content .text {
	margin: 50px;
}

#portfolio-container .content h3 {
	color: #000000;
	font-size: 24px;
	font-weight: normal;
}

#portfolio-container .content p {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #666;
	margin: 30px 0;
}

#portfolio-container .content a {
	display: block;
	width: 140px;
	line-height: 45px;
	font-size: 16px;
	color: #fff;
	background: #31a3d7;
	text-align: center;
	transition: all .3s;
	border: none;
	text-decoration: none;
}

.brand h3:nth-child(2) {
	font-weight: bold;
}

.brand h3:nth-child(2) span {
	color: #2556a0;
}

.honor h3:nth-child(2) {
	font-weight: bold;
}

.honor h3:nth-child(2) span {
	color: #2556a0;
}

#portfolio-container .content a:hover {
	color: #31a3d7;
	background: #fff;
	transition: all .3s;
	border: #31A3D7 1px solid;
}

#portfolio-container .content .imageBox {
	/* width: 45%;
	float: left; */
	overflow: hidden;
	padding: 0;
}

#portfolio-container .content .imageBox img {
	transition: all .3s;
	width: 100%;
}

#portfolio-container .content .imageBox:hover img {
	transform: scale(1.1);
	transition: all .3s;
}

.research-header {
	background: url(../images_1/nb2.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

.media-header {
	background: url(../images_1/nb4.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

.join-header {
	background: url(../images_1/nb6.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

.skill-header {
	background: url(../images_1/nb5.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

#reserch {
	margin: 0 10%;
}

#reserch h3 {
	position: relative;
	font-size: 32px;
	line-height: 40px;
	color: #000;
	text-align: center;
	padding-bottom: 35px;
	border-bottom: 1px solid rgba(27, 27, 27, .08);
}

#reserch p {
	font-size: 14px;
	line-height: 1.5;
	color: #4c4c4c;
}

#reserch p img {
	width: 100%;
}

#reserch .backList {
	/* margin-top: 100px; */
	padding-top: 40px;
	border-top: 1px solid rgba(27, 27, 27, .08);
}

#reserch .backList a {
	float: right;
	width: 150px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 20px;
	background-color: #31a3d7;
	border: 2px solid #31a3d7;
	transition: all .3s;
	display: block;
	font-size: 0;
	text-decoration: none;
}

#reserch .backList a span {
	display: inline-block;
	display: inline;
	zoom: 1;
	padding-left: 24px;
	font-size: 14px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 17px;
	background-image: url(../images_1/back-icon.png);
	transition: all .3s;
}

#reserch .backList a:hover {
	background-color: #fff;
}

#reserch .backList a:hover span {
	color: #31a3d7;
	background-image: url(../images_1/back-icon2.png);
}


.mediaList li a .img img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-webkit-transform: scale(1) translate3d(0, 0, 0);
	transform: scale(1) translate3d(0, 0, 0);
}

.mediaList {
	padding: 0;
	list-style: none;
	margin: 50px 5%;
	display: flex;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.mediaList li a .img {
	width: 100%;
	max-height: 350px;
	overflow: hidden;
}

.mediaList li {
	position: relative;
	width: 26%;
	margin: 30px;
	height: 450px;
}

.mediaList li a {
	text-decoration: none;
	color: #333;
}

.mediaList li a .text {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.mediaList li a .text h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	line-height: 26px;
	color: #333;
	/* height: 50px; */
	overflow: hidden;
	font-family: "gilroy-regular";
	transition: all .3s;
}


.mediaList li a .text .time {
	float: left;
	font-size: 12px;
	line-height: 15px;
	color: #999;
	font-family: "gilroy-regular";
	transition: all .3s;
	float: left;
}

.mediaList li a .text .rightArrows {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 12px;
	line-height: 20px;
	color: #999;
	padding-right: 0;
	position: relative;
	transition: all .3s;
	float: right;
}

.mediaList li a:hover .text h3,
.mediaList li a:hover .text span {
	color: #31a3d7;
}

.mediaList li a:hover img {
	transform: scale(1.08, 1.08);
	transition: all .3s;
}

.mediaList li .rightArrows:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 15px;
	height: 15px;
	background-color: #31a3d7;
	border-radius: 100%;
	background-image: url(../images_1/news-arrow.jpg);
	background-position: center;
	margin-top: -7px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}

.mediaList li a:hover .rightArrows {
	padding-right: 25px;
}

.mediaList li a:hover .rightArrows:before {
	opacity: 1;
}

.team {
	width: 100%;
	height: 589px;
	background: url(../images_1/jogbg.jpg) no-repeat center;
}

.team p {
	font-size: 16px;
}

#itemBtn50 .dlMax {
	overflow: hidden;
	color: #fff;
	background: #aeaeae;
	font-size: 16px;
	/* padding: 0 20px; */
	line-height: 50px;
	height: 50px;
	display: flex;
	margin: 0 10%;
	padding-right: 0;
}

#itemBtn50 .dl {
	color: #333333;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	padding: 0 20px;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
	display: flex;
	margin: 0 10%;
}

#itemBtn50 .dtMax {
	font-weight: 400;
	float: left;
	line-height: 50px;
	display: inline-block;
	text-align: center;
}

#itemBtn50 .ddMax {
	font-weight: 400;
	float: left;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	color: #000000;
	background-color: #fff;
}

#itemBtn50 .post h5 {
	font-size: 15px;
	line-height: 1;
	color: #333;
	margin-bottom: 8px;
	font-weight: bold;
}

#itemBtn50 .post p {
	font-size: 14px;
	color: #666;
}


#itemBtn50 .email {
	float: right;
	display: inline-block;
	height: 42px;
	background: #31a3d7;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 0 25px;
	line-height: 42px;
}


#portfolio-container .staff {
	margin: 50px 10%;
	font-size: 16px;
	font-weight: normal;
	word-break: normal;
	word-wrap: break-word;
	font-style: normal;
	padding: 0px;
	text-decoration: none;
	outline: none;
	-moz-outline: none;
	font-family: "SOURCEHANSANSCN-EXTRALIGHT";
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

#portfolio-container .staff li {
	/* float: left; */
	width: 30%;
	margin: 0 2% 40px 0;
	border: 1px solid #d4d4d4;
	min-height: 200px;
	cursor: pointer;
}

#portfolio-container .staff li img {
	/* height: 260px; */
	width: 100%;
	overflow: hidden;
}

#portfolio-container .staff li .text {
	padding: 5%;
}

#portfolio-container .staff li a {
	text-decoration: none;
}

#portfolio-container .staff li a:hover span {
	color: #337ab7;
}

#portfolio-container .staff li h3 {
	color: #595959;
	font-size: 16px;
	display: -webkit-box;
	height: 48px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

#portfolio-container .staff li .text span {
	color: #8c8c8c;
	font-size: 14px;
}

#portfolio-container .staff li .text .rightArrows {
	float: right;
	background: url(../images_1/more_r.png) no-repeat center;
	width: 29px;
	height: 9px;
	display: inline-block;
	margin-top: 8px;

}

#portfolio-container .flow {
	margin: 50px 10%;
}

#portfolio-container .flow p {
	font-size: 18px;
	line-height: 50px;
	display: -webkit-box;
	overflow: hidden;
	height: 50px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#portfolio-container .data,
#portfolio-container .FAQ {
	margin: 50px 10%;
}

#portfolio-container .data p,
#portfolio-container .FAQ .title {
	color: #000;
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}

#portfolio-container .FAQ ul li img {
	width: 100%;
}

#portfolio-container .data .resource {
	margin: 50px 10%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 60px;
	padding: 0 20px 0 30px;
	margin: 0 auto 10px;
	background-color: #f2f2f2;
}

#portfolio-container .data .resource_title {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: .6px;
	text-align: left;
	color: #2e91be;
}

#portfolio-container .data .resource_size,
#portfolio-container .data .resource_type {
	margin-left: 30px;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: .6px;
	text-align: left;
	color: #666;
}

#portfolio-container .data .resource_qr,
#portfolio-container .data .resource_download {
	display: block;
	margin-left: 20px;
}

#portfolio-container .data .qr_code {
	display: none;
}

#portfolio-container .data .resource_qr:hover .qr_code {
	width: 73px;
	position: absolute;
	display: block;
	margin-left: -20px;
	margin-top: -115px;
}

#portfolio-container .data .resource:hover .resource_title {
	color: #31a3d7;
}

#portfolio-container .FAQ ul {
	list-style: none;
	padding: 0;
}

#portfolio-container .FAQ ul li {
	background: #f3f3f3;
	width: 100%;
	/* height: 195px; */
	overflow: hidden;
	margin-bottom: 20px;
	padding: 30px;
}

#portfolio-container .FAQ ul li p.p1 {
	text-align: left;
	font-size: 18px;
	color: #31a3d7;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 20px;
}

#portfolio-container .FAQ ul li p.p1:after {
	content: '';
	display: block;
	margin-top: 12px;
	width: 32px;
	height: 2px;
	background: #31a3d7;

}

.cultureImg {
	position: absolute;
	transform: translate(-50%);
	left: 50%;
}

.cultureImg img {
	width: 124px;
}

#vacancy {
	color: #000;
	font-size: 20px;
	letter-spacing: 3px;
	text-align: center;
	margin: 50px 10%;
	width: 100%;
}

.inspect {
	display: flex;
	padding: 0 35%;
	justify-content: center;
}

.inspect button {
	width: 160px;
	text-align: center;
	border-radius: 8px;
	border: 2px solid #31a3d7;
	color: #31a3d7;
	line-height: 46px;
	transition: all .3s;
	margin: 40px 10px;
	background-color: #fff;
}

.inspect .active {
	color: #fff;
	background: #31a3d7;
}

.certification {
	margin: 0 10%;
	list-style: none;
	text-align: center;
}

.certification button {
	background-color: #fff;
	border: none;
}

.certification a {
	color: #000000;
	text-decoration: none;
}

.certification li {
	width: 30%;
	height: 300px;
	margin-left: 24px;
	float: left;
	margin-bottom: 50px;
}

.certification h3 {
	font-size: 16px;
}

.certification li img {
	/* width: 100%; */
	height: 260px;
	border: 1px solid #eee;
}

.contact {
	margin: 50px 10%;
	justify-content: space-between;
}

.contact .contactLeft {
	display: inline-block;
}

.contact .contactLeft span {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #e10000;
	margin: 20px 0;
}

.contact .contactRight {
	float: right;
	margin: 40px 130px;
}

.developmentListBox {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.developmentListBox .swiper-slide {
	width: 32%;
	margin-right: 40px;
}

.developmentListBox .swiper-slide h3 {
	color: #31a3d7;
	font-family: Gilroy;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
}

.developmentListBox .swiper-slide p {
	font-size: 16px;
}

.developmentListBox .swiper-slide img {
	display: block;
	margin: 34.5px 0;
	position: relative;
	z-index: 9999;
}

.blueLine,
.blueLineC {
	display: inline-block;
	width: 50px;
	height: 1px;
	background-color: #31a3d7;
	position: relative;
}

.blueLine::after {
	content: '';
	width: 25px;
	height: 1px;
	background-color: #31a3d7;
	position: absolute;
	bottom: -5px;
	left: 0;
	display: block;
}

.blueLineC {
	display: block;
	left: 48%;
	top: 10px;
}

.blueLineC::after {
	content: '';
	width: 25px;
	height: 1px;
	background-color: #31a3d7;
	position: absolute;
	bottom: -5px;
	left: 12px;
	display: block;
}

.axleWire {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #c3c4c4;
	bottom: 42.5%;
	z-index: 2;
}

#itemBtn33 .swiper-button-next {
	background: url(../images_1/jj_right.png) no-repeat center;
	width: 44px;
	height: 44px;
	right: 8%;
	top: 57.5%;
	z-index: 2;
}

#itemBtn33 .swiper-button-next:hover {
	background: url(../images_1/jj_righta.png) no-repeat center;
}

#itemBtn33 .swiper-button-prev {
	background: url(../images_1/jj_left.png) no-repeat center;
	width: 44px;
	height: 44px;
	left: 8%;
	top: 57.5%;
	z-index: 2;
}

#itemBtn33 .swiper-button-prev:hover {
	background: url(../images_1/jj_lefta.png) no-repeat center;
}

.developmentList {
	list-style: none;
}

.developmentList li {
	margin: 50px 0;
}

.goods {
	margin: 50px auto;
	display: flex;
}

.goodsImg {
	width: 35%;
}

.goodsImg img {
	width: 100%;
}

.goodsInfo {
	width: 50%;
	margin-left: 10%;
}

.goodsInfo h2 {
	font-size: 36px;
}

.goodsInfo p {
	font-size: 16px;
}

.goodsInfo div {
	margin: 40px 0;
}

.goodsBtn {
	padding: 0.9em 2.666666666666667em;
	display: inline-block;
	color: #fff;
	background-color: #31a3d7;
	font-size: 0.9375em;
}

.goodsBtn:hover {
	color: #fff;
}

.goodsBtn span {
	padding-left: 20px;
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images_1/img6.png);
}

.goodsDIFF {
	background-color: #eff0f5;
	position: relative;
	border-bottom: 4px #f3f6f9 solid;
	float: left;
	width: 31%;
	margin: 10px;
	height: 350px;
}

.goodsDIFF a {
	text-decoration: none;
}

.goodsDIFF .img {
	width: 77%;
	max-height: 18.375em;
	margin: 30px auto 0;
}

.goodsDIFF .img img {
	transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.goodsDIFF a:hover img {
	transform: scale(1.08, 1.08);
}

.goodsDIFF .txt {
	position: absolute;
	bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	margin-top: 0.5em;
	font-size: 14px;
	line-height: 26px;
	color: #666;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
}

.goodsDIFF h2 {
	font-size: 1.125em;
	color: #000;
	margin-top: 0;
}

.goodsOne a {
	text-decoration: none;
}

.goodsOne .img {
	height: auto;
	width: 100% !important;
}

.goodsOne .img .arrow {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 33px;
	height: 33px;
	background: #31a3d7 url(../images_1/icon_arrow.png) 0% 0% repeat;
	background-size: 100%;
	-webkit-transition: background-position 500ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: background-position 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.goodsOne .txt {
	background: #f6f6f6;
	padding: 30px;
	height: 165px;
	overflow: hidden;
	color: #666;
}

.goodsOne .txt h2 {
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}

.goodsOne .txt p {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
}

.goodsOne a:hover .img img {
	-webkit-transform: scale(1.05) translate3d(0, 0, 0);
	transform: scale(1.05) translate3d(0, 0, 0);
}

.goodsOne a:hover .arrow {
	background-color: #2f91bf;
	background-position: 33px 0;
}

.goodsOne a:hover .txt h2 {
	color: #31a3d7;
}

.home_sy {
	position: fixed;
	right: 1.5%;
	bottom: 15%;
	z-index: 9999999999;
	display: none;
}

.home_sy_2 ul {
	list-style: none;
}

.home_sy_2 ul li {
	width: 45px;
	height: 45px;
	background-color: #8c8c8c;
	margin-bottom: 8px;
	cursor: pointer;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.home_sy_2 ul li:hover {
	background-color: #31a3d7;
}

.home_sy_2a {
	background: url(../images_1/ys_top.png) no-repeat center;
}

.home_sy_2b {
	background: url(../images_1/sy_bot.png) no-repeat center;
}

/****************视频****************/
.video-list {
	display: flex;
	/* justify-content: space-between; */
	width: 95%;
	flex-wrap: wrap;
	margin: 0 8%;
	padding: 0;
}

.video-list li {
	width: 30%;
	padding: 0 25px 0 0;
	float: left;
	list-style: none;
	/* margin: 0 10%; */
}

.videos {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}

.videos .img-box {
	display: block;
	background-color: #000;
	/* height: 285px; */
}

.video-list .item p {
	font-size: 18px;
	line-height: 50px;
	display: -webkit-box;
	overflow: hidden;
	height: 50px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.videos .img-box img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	opacity: .9;
}

.videos .video-box {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
}

.videos .play {
	position: absolute;
	display: block;
	width: 59px;
	height: 59px;
	background: url(../images_1/play-btn1.png) center no-repeat;
	background-size: cover;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

#homeVideo .videos .play {
	background: url(../images_1/play.png) center no-repeat;
	border-radius: 50%;
	top: 67%;
}

#homeVideo .videos .play {
	border-radius: 50%;
	display: block;
	-webkit-animation: ripple-white 1s linear infinite;
	animation: ripple-white 1s linear infinite;
	-webkit-transition: .5s;
}

@-webkit-keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
	}

	100% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
	}
}

@keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
	}

	100% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
	}
}

.videos .iframe {
	display: none;
	width: 100% !important;
	height: 100% !important;
}

.video-list .item:hover .videos .img-box img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: .7;
}

.video-list .item:hover p {
	color: #31a3d7;
}

.release {
	width: 100%;
	position: absolute;
	left: 50%;
	bottom: -5px;
	transform: translate(-50%);
	font-size: 13px;
}

#pagination {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%);
}

.croItem {
	padding: 50px 0;
}

.croItem p {
	text-align: center;
}

.third p {
	text-align: center;
}

/* 富文本编辑器样式 */
.ql-align-center {
	text-align: center;
}

.ql-size-small {
	font-size: 10px;
}

.ql-size-large {
	font-size: 18px;
}

.ql-size-huge {
	font-size: 32px;
}

.fancybox-slide--iframe .fancybox-content {
	height: 40% !important;
}

/* 侧边栏 */
.sidebar {
	width: 60px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 999;
	background-color: #fff;
	text-align: center;
}

.logo {
	position: absolute;
	left: 50%;
	top: 3%;
	transform: translate(-50%);
}

.iconBar {
	z-index: 999;
	width: 30px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.iconBar {
	cursor: pointer;
}

.iconBar span {
	position: absolute;
	width: 1px;
	height: 32px;
	background-color: #707070;
	transition: all 0.6s;
}


.span_transform_one {
	left: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg) ;    /* for Chrome || Safari */
	-moz-transform: rotate(0deg) ;       /* for Firefox */
	-ms-transform: rotate(0deg) ;        /* for IE */
	-o-transform: rotate(0deg) ; 
}

.span_transform_one1 {
	transform: rotate(45deg);
	left: 50%;
	-webkit-transform: rotate(45deg) ;    /* for Chrome || Safari */
	-moz-transform: rotate(45deg) ;       /* for Firefox */
	-ms-transform: rotate(45deg) ;        /* for IE */
	-o-transform: rotate(45deg) ;         /* for Opera */
}

.span_transform_two {
	opacity: 1;
}

.span_transform_three {
	right: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg) ;    /* for Chrome || Safari */
	-moz-transform: rotate(0deg) ;       /* for Firefox */
	-ms-transform: rotate(0deg) ;        /* for IE */
	-o-transform: rotate(0deg) ; 
}

.span_transform_three1 {
	transform: rotate(-45deg);
	right: 50%;
	-webkit-transform: rotate(-45deg) ;    /* for Chrome || Safari */
	-moz-transform: rotate(-45deg) ;       /* for Firefox */
	-ms-transform: rotate(-45deg) ;        /* for IE */
	-o-transform: rotate(-45deg) ;         /* for Opera */
}

.sidebar p {
	position: absolute;
	left: 50%;
	bottom: 7%;
	transform: translate(-50%);
	font-size: 12px;
	color: #000000;
	writing-mode: tb;
	text-transform: uppercase;
}

.downIcon {
	position: absolute;
	left: 50%;
	bottom: 3%;
	transform: translate(-50%);
}

/* 首页产品 */
.line {
	position: absolute;
	top: 11%;
	right: 10%;
	
}

.itemLogo {
	height: 60px;
	position: absolute;
	left: 7%;
	top: 9%;
}

.project {
	height: 100vh;
	width: 100%;
	background: url(../images/project_bg.jpg) no-repeat;
	background-position: 86% top;
	position: relative;
}

.project h2,
.news h2,
.about h2 {
	width: 137px;
	margin: 0;
	color: #FFFFFF;
	background: transparent;
	font-size: 28px;
	line-height: 28px;
	position: absolute;
	left: 24%;
	top: 9%;
	font-family: PingFang SC;
	font-weight: 600;
}

.project ul {
	padding: 0;
	margin: 0;
	display: flex;
	list-style: none;
	position: absolute;
}

.project .tabBar {
	left: 50%;
	top: 23%;
	transform: translate(-50%);
}

.project .tabBar li {
	margin: 0 10px;
}

.project .tabBar li button {
	box-sizing: border-box;
	height: 45px;
	width: 110px;
	border-radius: 5px;
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.project .tabBar li button.active {
	border: none;
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
}

.project .goodsList {
	left: 50%;
	top: 43%;
	transform: translate(-50%);
}

.project .goodsList li {
	background-color: #fff;
	border-radius: 10px;
	margin: 0 10px;
	padding: 20px 36px 58px 36px;
	position: relative;
}

.project .goodsList li:hover {
	cursor: pointer;
}

.project .goodsList li img {
	height: 200px;
}

.project .goodsList li p {
	text-align: center;
	background-color: #ECECEC;
	color: #303030;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	border-radius: 0 0 10px 10px;
	height: 40px;
	line-height: 30px;
}

.project .goodsList li span {
	width: 40px;
	height: 2px;
	background-color: #303030;
	position: absolute;
	bottom: 3%;
	left: 50%;
	transform: translate(-50%);
}

.showMore {
	text-align: center;
	line-height: 56px;
	height: 56px;
	width: 196px;
	border: none;
	border-radius: 5px;
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	font-size: 18px;
	transform: translate(-50%);
	bottom: 8%;
	text-decoration: none;
}

.showMore:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.showMore span {
	background: url(../images/dian.png) no-repeat;
	width: 5px;
	height: 11px;
	margin: 0 10px;
	display: inline-block;
}

/* 产品中心 */
.project-header {
	background: url(../images/projectPage_bg.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	position: relative;
}

#tabItem {
	padding: 0;
	margin: 0;
	display: flex;
	list-style: none;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%);

}

#tabItem li button {
	background-color: #fff;
	border: none;
	border-radius: 0;
	padding: 10px 27px;
	width: 500px;
}

.tabItem button {
	width: auto !important;
	padding: 10px 22px !important;
}

.contact-tab button {
	width: 300px !important;
}

#tabItem li button.active {
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
	color: #fff;
}

.project-content #pages .pages_ul ._jumper {
	display: none;
}

.project-content #pages .pages_ul ._page_container ._pages_1 li {
	width: 187px;
	height: 65px;
	line-height: 65px;
}

.project-content {
	padding: 80px 0 0;
	background-color: #f8f7f7;
	padding-bottom: 100px;
	overflow: hidden;
	padding-left: 60px;
}

.project-header .pages-header .page-header-image .container .tabItem {
	width: 1200px;
	display: flex;
	margin-left: 30px !important;
}

.project-header .pages-header .page-header-image .container .tabItem li {
	flex: 1;
}

.project-header .pages-header .page-header-image .container .tabItem li button {
	width: 100% !important;
}

.about-content .introduction span {
	color: #2556a0;
}

.project-content .goodsList {
	padding: 0;
	list-style: none;
	display: flex;
	width: 1200px;
	margin: 0 auto;





}

.project-content .goodsList li:nth-child(2) {
	margin: 0px 5px;
}

.project-content .goodsList li {
	width: 33%;
	text-align: center;
	background-color: #fff;
	margin: 0px;
	padding: 10px 40px 50px 40px;
	position: relative;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.project-content .goodsList li img {
	width: 100%;
	max-width: 240px;
	max-height: 266px;
	margin: 10px 0 0 0;
}

.project-content .goodsList li p {
	text-align: center;
	background-color: #ECECEC;
	color: #303030;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	height: 35px;
	line-height: 35px;
}

.project-content .goodsList li:hover p {
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
	color: #fff;
}

.project-content #pages {
	bottom: 10px;
	margin-top: 20px;
}


/* 首页新闻 */
.news {
	height: 100vh;
	width: 100%;
	background: url(../images/news_bg.jpg) no-repeat 60% 70%;
	/* background-position: 67% top; */
	position: relative;
	background-size: 120%;
}

.newsList {
	height: 35vh;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.newsBox .rightNews {
	position: absolute;
	right: 19%;
	top: 23%;
	height: 280px;
}

.newsBox .rightNews img {
	height: 100%;
}

.newsBox .leftNews {
	position: absolute;
	top: 32%;
	left: 13%;
	width: 32%;
	height: 27.5%;
}

.newsBox .leftNews h2 {
	width: 100%;
	color: #000000;
	left: 0;
	top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newsBox .leftNews p {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	top: 10%;
	margin-top: 10%;
}

.newsBox .leftNews a {
	text-align: center;
	color: #333;
	text-decoration: none;
	position: absolute;
	right: 0;
	bottom: 0%;
}

.newsBox .leftNews a div {
	width: 8px;
	height: 8px;
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	bottom: -4px;
}

.newsBox .leftNews a span {
	display: block;
	width: 86px;
	background-color: #333;
	height: 1px;
	margin-top: 5px;
}

.newsBox .newest {
	position: absolute;
	top: 20%;
	left: 13%;
}

.newsBox .newest h3 {
	font-weight: 600;
	margin-bottom: 20px;
}

.newsBox .newest span {
	display: block;
	background: #000000;
	height: 2px;
	width: 42px;
}

/* 首页了解依云 */
.about {
	height: 100vh;
	width: 100%;
	background: url(../images/bg1.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	display: block;
}

.about h1 {
	color: #fff;
	position: absolute;
	font-family: PingFang SC;
	font-size: 60px;
	left: 6%;
	top: 8%;
	margin: 0;
}

.about .aboutUs {
	background-color: rgba(7, 130, 200, 0.5);
	width: 400px;
	height: 435px;
	position: absolute;
	left: 15%;
	top: 30%;
}

.aboutUs .line {
	background: #fff;
	height: 1px;
	width: 90%;
	left: 50%;
	transform: translate(-51%);
}

.aboutUs p:nth-child(2) {
	margin-top: 30px;
}

.aboutUs .line {
	display: none;
}

.aboutUs p {
	height: 300px;
	width: 90%;
	font-family: Regular;
	font-size: 16px;
	color: #fff;
	position: initial;
	left: 50%;
	top: 15%;
	transform: none;
	line-height: 26px;
	height: initial;
	margin: 0px 0 0 20px;
}

.knowMore {
	text-align: center;
	padding: 5px 15px;
	border: none;
	border-radius: 5px;
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
	color: #FFFFFF;
	position: absolute;
	font-size: 16px;
	bottom: 5%;
	left: 5%;
	text-decoration: none;
	margin-left: 5%;
}

.knowMore:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.knowMore span {
	background: url(../images/dian.png) no-repeat;
	width: 5px;
	height: 11px;
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
}


.newsList {
	display: flex;
	justify-content: space-evenly;

}



/* 走进依云 */
.about-header {
	background: url(../images/aboutPage_bg.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	/* background-attachment: fixed; */
	position: relative;
	padding-left: 16%;
}

.about-header .about-header-title {
	font-weight: 700;
	color: #FFFFFF;
}

.about-header .about-header-span {
	background-color: #fff;
	height: 5px;
	width: 60px;
	position: absolute;
}


.about-header #tabItem li button {
	padding: 10px 76px;
	width: 283px;
}

.about-content,
.contact-content {
	margin-left: 60px;
	background: #f7f7f7;
}

.about-content .introduction {
	padding: 30px 18%;
	background: #f7f7f7;
	position: relative;
}

.contact-content .leave-word {
	padding: 30px 19% 80px;
}

.contact-content .manner,
.contact-content .leave-word {
	padding: 75px 19%;
	left: -24px;
	background: #f7f7f7;
	position: relative;
}

.about-content .introduction h3,
.contact-content .manner h3,
.contact-content .leave-word h3 {
	padding: 5px 0;
	font-size: 18px;
	margin: 0;
}

.contact-content .manner h3,
.contact-content .leave-word h3 {
	font-weight: 600;
}

.contact-content .manner h3 span,
.contact-content .leave-word h3 span {
	color: #0e71b5;
}

.about-content .introduction img {
	width: 412px;
	margin: 10px 0;
	display: inline-block;
	vertical-align: middle;
}

.about-content .introduction div {
	display: inline-block;
	width: 31%;
	position: absolute;
	right: 15%;
	top: 56%;
	transform: translate(0, -50%);
}

.contact-content {
	margin-left: 60px;
	background: #f7f7f7;
	padding-bottom: 40px;
}

.about-content .introduction div p {
	margin: 0;
	line-height: 18px;
	color: #000;
	font-size: 14px;
}

.about-content .brand,
.about-content .honor {
	background: #f7f7f7;
	margin-top: 20px;
}

.about-content .brand h3,
.about-content .honor h3 {
	padding: 5px 18%;
	font-size: 18px;
	margin: 0;
}

.about-content .brand .brand-content {
	position: relative;
	background: url(../images/brandTracing.png) no-repeat;
	height: 390px;
}

.about-content .brand .brand-content div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.about-content .brand p {
	color: #fff;
}

.about-content .honor-content {
	position: relative;
	background: url(../images/aboutPage_ry.jpg) no-repeat;
	height: 880px;
	background-position: 100%;
	background-size: 120%;
}

.about-content .honor-content ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	left: 14%;
	top: 10%;
}

.about-content .honor-content li {
	width: 25%;
	padding: 5px 5px 50px;
	background-color: #FFFFFF;
	margin: 10px;
	position: relative;
}

.about-content .honor-content li img {
	width: 100%;
}

.about-content .honor-content li p {
	text-align: center;
	width: 100%;
	line-height: 50px;
	position: absolute;
	bottom: 0px;
	margin: 0;
	left: 0;
	color: #000000;

}

.about-content .honor-content li:hover p {
	color: #0b70b4;
}

.carousel-inner .plate-img {
	position: absolute;
}

.click-background {
	display: flex;
	position: fixed;
	z-index: 99;
	transition: all 0.6s ease;
	overflow: hidden;
	left: 0;
	bottom: 0;
	width: 0%;
	top: 0;
	right: 0;
}

.click-background li {
	flex: 1;
	list-style: none;
	color: #fff;
	padding-left: 30px;
	white-space:nowrap;
}

.background-black {
	padding-top: 200px;
}

 .click-background li:nth-child(1) {
	background-color: rgba(0, 0, 0, 0.5);
}

.click-background li:nth-child(3) {
	background-color: rgba(0, 0, 0, 0.5);
}

.click-background li:nth-child(2) {
	background-color: rgba(0, 0, 0, 0.75);
}

.click-background li:nth-child(4) {
	background-color: rgba(0, 0, 0, 0.75);
} 

.background-black .footer-widget h2 {
	font-size: 32px;
	padding-left: 40px;
	margin-bottom: 40px;
}

.background-black .footer-widget h2 a {
	color: #fff;
}

.background-black .footer-widget .widget-content {
	text-align: left;
}

.background-black .footer-widget .widget-content ul {
	padding-left: 20px;
}

.background-black .footer-widget .widget-content a {
	text-align: left;
	color: #fff;
	font-size: 18px;
}

.background-black .footer-widget .widget-content .clearfix2 {
	margin-bottom: 20px;
}

.manner-content {
	background-color: #fff;
	display: flex;
}

#map {
	width: 70%;
	height: 400px;
	border: 1px solid #CCCCCC;
	display: inline-block;
}

.address {
	height: 400px;
	width: 30%;
	display: inline-block;
	padding: 5% 0 0 3%;
}

.address h4 {
	color: #0e71b5;
	margin-bottom: 25px;
}

.address p {
	margin-bottom: 25px;
	font-size: 17x;
	color: #000000;
}

.address p span img {
	width: 32px;
	margin-right: 10px;
	/* height: 32px; */
}

.form {
	text-align: center;
}

.form .form-group {
	position: relative;
}

.form .form-group span {
	position: absolute;
	left: 2%;
	top: 34%;
	color: #ff0000;
}

.form .formHeader {
	display: flex;
	justify-content: space-between;
}

.form .formHeader .form-group {
	width: 32%;
}

.form .formHeader .form-control {
	height: 45px;
	padding: 6px 20px;
}

.form .form-control {
	line-height: 2;
}

.formBtn {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	margin-bottom: 40px;
}

.about-content .introduction h3:nth-child(2) {
	font-weight: bold;
}

.formBtn button {
	height: 60px;
	width: 180px;
	border: none;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	margin: 0 10px;
}

.formBtn .btn-default {
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
}

.formBtn .btn-light {
	background: #dcdadb;
}

.formBtn button:hover {
	color: #fff;
}



.text {
	display: flex;
	flex-wrap: wrap;
	z-index: 99;
	height: 80%;
	height: 100%;
	list-style-type: none;

	margin-left: 10%;
	margin-top: 2%;
}

.lists {
	position: relative;
	float: left;
	width: 48%;
	background-color: #fff;
	/* padding-left: 10px; */
	margin-left: 10px;
	margin-top: 10px;

}

.lists img {
	width: 30%;
	
	float: left;
}
.lists .timeImg {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../images/icon/calendar.png);
	vertical-align: middle;
}

.held {
	width: 70%;
	height: 220px;
	padding: 15px;
	float: left;
}

.held p:nth-child(1) {
	font-size: 14px;

}

.lists:hover {
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
}

.lists:hover p {
	color: #fff !important;
}

.lists:hover span {
	color: #fff;
}
.lists:hover .timeImg{
	vertical-align: middle;
	background: url(../images/icon/calendar_h.png);
}

.goodslist {
	display: flex;
	flex-wrap: wrap;
	z-index: 99;
	height: 80%;
	height: 100%;
	list-style-type: none;
	margin-left: 10%;
	margin-top: 2%;
}

.nepsList {
	width: 80%;
	list-style: none;
	margin-left: 60px;
	margin: auto;
	overflow: hidden;
	padding-left: 10px;
}

.newsTime {
	text-indent: 10px !important;
	font-size: 14px !important;
	color: #5f5f5f !important;
}


.newsFooter {
	position: absolute;
	bottom: 2%;
	width: 50%;
	display: flex;
	justify-content: space-between;
}

.fonts {
	/* position: relative; */
	margin-top: 35px;
	list-style-type: none;
}

a:hover {
	text-decoration: none
}

.goodfont a {
	color: white;
	border-radius: 5px;
	font-size: 15px;
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
	padding: 10px 20px;
	line-height: 40px;
	position: relative;
	top: 50px;

}

li {
	list-style-type: none;
}

.textlist {
	color: white;
	font-size: 15px;
	padding-left: 20px;
	line-height: 40px;
	/* margin-top: -43px; */
	/* position: relative; */
	/* border: red 1px solid; */
	padding-right: 120px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.font {
	position: relative;
	left: 4%;
}

.font ul {
	list-style-type: none;
	position: relative;
	top: 26px;
	left: -40px;
	transform: translateY(-50%);
	top: 40%;
}

.font li {
	width: 540px;
	height: 40px;
	line-height: 40px;
	/* border: 1px solid white; */
	color: white;
	/* margin-bottom: 35px; */
	position: relative;
	left: -2px;
	top: 15px;
	margin-bottom: 10px;
}

.year {
	color: white;
	text-align: center;
	width: 110px;
	height: 45px;
	padding-left: 0px;
	/* border: red 1px solid; */
	position: absolute;
	right: 2%;
	line-height: 45px;
	top: 0px;

}


/* 小三角*/
.img {
	position: absolute;
	top: 18px;
	left: 5px;

}

/*页面分割线*/
.ist {
	width: 1px;
	height: 25%;
	background-color: white;
	position: absolute;
	left: 51%;
	top: 73%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, 0%);
}

.projectInfo-contents {
	background-color: #f9f9f9;
	padding: 80px 0;
}

.projectInfoBox {
	width: 60%;
	background-color: #fff;
	position: relative;
	left: 50%;
	transform: translate(-50%);
	padding-bottom: 20px;
}

.projectInfoBox img {
	margin: 50px;
	/* border: red 1px solid; */

}

.projectInfoBox .goodsTitle {
	width: 50%;
	position: absolute;
	right: 27%;
	top: 5%;
	left: 40%;
	border: none;
}



/* 返回列表按钮 */
.listnnt {
	/* height: 100px; */
	/* padding-left: 20%; */

	/* border: 1px solid red; */

	/* float: left; */
	display: flex;
	justify-content: center;
}

.listnnt li {
	text-align: center;
	align-items: center;
	justify-content: center;
	/* border: #000000 1px solid; */

}

.buttonnest {
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
}

/* 新闻详情页 */
.blog-contents .rows {
	background-color: #f8f6f7;
}

.bofs {
	padding-left: 60px;
	padding-top: 50px;
	margin-bottom: 0;
}

.bofs .bofsted {
	width: 1200px;
	margin: auto;
	padding: 0;
	background-color: #fff;
}

.bofs .bofsted .bofsted-top {
	padding-left: 5.5%;
}

.bofs .bofsted h2 {
	font-size: 28px;
}

.bofs .bofsted .bofsted-top .newsTime {
	font-size: 15px;
	color: #a9a9;
	margin-bottom: 5px;
}

.bofs .bofsted .testwb {
	margin-top: 35px;
	background-color: #fff;
	padding-bottom: 30px;
	padding: 0 0 35px 0;
}

.bofs .bofsted .testwb p {
	width: 1122px;
	color: #000;
	margin: auto;
}

.bofs .bofsted .testwb p:nth-child(2) {
	margin-bottom: 10px;
}

.bofs .bofsted .testwb p:nth-child(1) {
	padding-top: 17px;
	border-top: 1px solid #eaeaea;

	width: 100%;
}

.bofs .bofsted .testwb p img {
	width: 1122px;
	margin-top: 10px;
}

.bofs .bofsted .bofsted-top .bofsend {
	padding-top: 30px;
	font-weight: 600;
	margin-bottom: 5px;

}

.listnnt button {
	width: 187px;
	height: 65px;
	line-height: 40px;
	color: white;
	background-color: #dddddd;
	border-radius: 5px;
	border: none;
	margin-left: 10px;
	margin-right: 10px;
	transition: all 0.6s;
	margin-bottom: 100px;
	margin-top: 51px;
}

.buttonnest {
	background-image: linear-gradient(to right, #1A50A3, #05A4E4);
}


/* 产品样式 */
.goodsInfoHeader .barticleUrlImgBox {
	text-align: center;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 25px;
}

.goodsInfoHeader .goodsInfoNav {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	border-bottom: 4px solid #f9f9f9;
	padding: 0 10px ;
	color:#666;
	line-height: 35px;
}

.goodsInfoHeader .goodsInfoNav p{
	margin: 0;
	line-height: 35px;
}

.goodsInfoHeader .goodsInfoNav p a{
	margin: 0 5px;
	color: #666;
}

.goodsInfoHeader .barticleUrlImgBox span {
	font-size: 26px;
	margin: 0 10px;
	vertical-align: middle;
}

.goodsInfoHeader .barticleUrlImgBox span.active {
	color: #05A4E4;
	border: none !important;
}

.goodsInfoHeader .barticleUrlImgBox span:hover {
	cursor: pointer;
}

.goodsInfoHeader .barticleUrlImgBox .barticleUrlImg {
	border: 1px solid #797979;
	border-radius: 5px;
	display: inline-block;
	padding: 0px 35px;
	margin: 0 10px;
}

.goodsInfoHeader .barticleUrlImgBox .active {
	border: 1px solid #05A4E4;
}

.goodsInfoHeader .barticleUrlImgBox .barticleUrlImg img {
	width: 70px;
	height: 87px;
	margin: 0;
}


.goodsbis {
	padding-left: 0%;
}

.goodsbis img {
	width: 85%;
	margin: 2% 0 0 2%;
	/* border: red 1px solid; */
}



.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 10% !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 10% !important;
	
}

.bannerWrapper .swiper-slide img {
	width: 100%;
	height: 100%;
	/* position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	display: block; */
}

.bannerFooter {
	right: 20%;
	bottom: 10%;
}

.plate-one .active {
	display: inline-block;
}

.about-content {
	position: relative;
}

.about-content #pages {
	position: absolute;
	bottom: 1%;
	margin: 0 auto;
	transform: translateX(-50%);
	left: 50%;
}

.about-content #pages .about-content #pages .pages_ul {
	padding: 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-content #pages .pages_ul ._jumper {
	display: none;
}

.about-content #pages .pages_ul ._page_container {
	height: 65px;

}

.about-content #pages .pages_ul ._page_container ._pages_1 {
	height: 65px;

}

.about-content #pages .pages_ul ._page_container li {
	width: 187px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	color: #fff;
	margin: 10px;
	border-radius: 5px;
	background-color: #dddddd;
	cursor: pointer;

}

/* .pages_ul ._page_container ._jumper {
	width: 187px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	color: #fff;
	margin: 10px;
	border-radius: 5px;
	background-color: #dddddd;
	cursor: pointer;
	display: none;
	
} */
.about-content li {}

.newsicon {
	text-indent: 1px;
}

.project-header .page-header-image .container .row .tabItem {
	width: 62%;
	left: 48.3% !important;
}

.project-header .page-header-image .container .row .tabItem li {
	width: 50%;
	flex: 1;
}

.project-header .page-header-image .container .row .tabItem li button {
	width: 100% !important;
}
.finxd{
	position: fixed;
	bottom: 10%;
	left: 10%;
	z-index: 100;
	color: #fff;
	transition: 0.4s all;
	opacity: 0;
	display: none;
	font-size: 24px;
	cursor: default;
}
.finxd .yinwen{
	cursor: pointer;
}