.vertical-align {
	vertical-align: middle;
}

body {
	overflow-x: hidden;
	font-family: "Microsoft yahei";
}

.navbar-default {
	background: rgba(255, 255, 255, 0.8) !important;
}

.top-header-box {
	padding: 0 50px;
}

.top-header-box .navbar-right .btn {
	margin-top: 12px;
	margin-left: 20px;
	border-radius: 50px 50px;
	-ms-border-radius: 50px 50px;
	padding-left: 20px;
	padding-right: 20px;
}

.top-header-box .navbar-right .btn:active,
.top-header-box .navbar-right .btn:focus {
	outline: none;
}

.top-header-box .top-title-desc {
	border-left: 1px solid #dedede;
	margin-top: 20px;
	margin-left: 10px;
	padding-left: 20px;
	font-size: 1.6rem;
	color: #666666;
	float: left;
}

@media screen and (max-width: 768px) {
	.top-header-box {
		padding: 0 10px 0 25px;
	}
}

.back-to-top {
	display: block;
	position: fixed;
	padding: 1.4rem;
	bottom: 2rem;
	right: 2rem;
	background: #2c7df6;
	color: #fff;
	z-index: 999;
	font-size: 1.4rem;
	opacity: 0.9;
}

.back-to-top:hover {
	color: #fff;
	background-color: #0a62e5;
	border-color: #095edb;
}

.footer {
	padding: 5rem 5rem 4rem 5rem;
	background-color: #333;
	color: #c9c9c9;
}

.footer .luculent-link {
	color: #fff !important;
}

@media screen and (max-width: 768px) {
	.footer {
		padding: 5rem 0rem;
	}

	.footer .copy-right a {
		display: block;
		margin-top: 1rem;
	}

	.footer img {
		margin-bottom: 3rem;
	}
}

@media screen and (min-width: 1200px) {
	.footer .container-fluid {
		padding-left: 18rem;
		padding-right: -15px;
	}
}

@media screen and (min-width: 1366px) {
	.footer .row .col-xs-12 .col-xs-12 {
		padding: 0;
	}
}

.copy-right {
	margin-top: 2rem;
	text-align: center;
}

.copy-right a {
	color: #888;
	font-size: 13px;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-ms-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.btn-primary {
	background-color: #2c7df6;
	border-color: #2c7df6;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent !important;
	color: #2c7df6;
}

@media screen and (max-width: 768px) {
	.carousel {
		margin-top: 60px;
	}

	.lsb {
		float: right;
	}

	.lsb button {
		margin-left: 0 !important;
		margin-right: 20px;
	}

	.carousel-inner .slide-img {
		height: 28rem !important;
		max-width: none !important;
	}

	.carousel-inner .btn {
		margin-top: 0 !important;
	}

	#pc {
		display: none;
	}

	#mobile {
		display: inline-block;
	}
}

@media screen and (min-width: 768px) {
	#pc {
		display: inline-block;
	}

	#mobile {
		display: none;
	}
}

.section-box {
	margin-bottom: 4rem;
}

.section-box h1 {
	font-size: 3.6rem;
	color: #333333;
	margin: 2.4rem 0;
	font-family: "Microsoft yahei";
	text-align: center;
}

@media screen and (max-width: 768px) {
	.section-box h1 {
		font-size: 2.8rem;
	}
}

.section-box h6 {
	padding: 0 4%;
	/* font-size: 1.7rem;
  color: #999999;
  line-height: 3.6rem;
  margin-bottom: 6rem;
  font-weight: normal; */
	/*  text-align: center; */
}

@media screen and (max-width: 768px) {
	.section-box h6 {
		padding: 0 0;
		text-align: justify;
		line-height: 3rem;
		font-size: 1.6rem;
	}
}

.carousel {
	/* margin-top: 6rem; */
	position: relative;
}

.carousel .btn {
	border-radius: 5rem 5rem;
	-ms-border-radius: 5rem 5rem;
	padding-left: 6rem;
	padding-right: 6rem;
	font-size: 1.7rem;
	padding: 1rem 6rem;
	margin-top: 4rem;
}

/* @media screen and (max-width: 768px) {
  .carousel .btn {
    position: absolute;
    bottom: 1rem;
    left: 0;
    margin-left: 50%;
    transform: translateX(-50%);
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1.4rem;
  }
} */
.carousel .carousel-caption {
	top: 15%;
}

.carousel .carousel-caption h1 {
	font-size: 4rem;
	margin-bottom: 4rem;
	color: #333;
	text-shadow: none;
}

@media screen and (max-width: 768px) {
	.carousel .carousel-caption h1 {
		font-size: 2.4rem;
		margin-bottom: 2rem;
	}
}

.carousel .carousel-caption p:nth-child(2) {
	font-size: 1.6rem;
	line-height: 2.8rem;
	color: #777;
	text-shadow: none;
}

@media screen and (max-width: 768px) {
	.carousel .carousel-caption p:nth-child(2) {
		font-size: 1.6rem;
		margin-bottom: 2rem;
		/* text-align: justify; */
	}
}

@media screen and (max-width: 768px) {
	.carousel .carousel-caption {
		left: 5%;
		right: 5%;
		top: 1rem !important;
	}
}

@media screen and (max-width: 1200px) {
	.carousel img {
		height: 50rem !important;
	}
}

@media screen and (max-width: 768px) {
	.carousel img {
		height: 25rem !important;
	}
}

.slide-box-bar {
	position: relative;
	width: 100%;
	height: 6.5rem;
	line-height: 6.5rem;
	text-align: center;
	background-color: #fff;
	margin-top: -2rem;
	box-shadow: 0.2rem 0.5rem 2.5rem 0 #deebfe;
	margin-bottom: 4rem;
}

.slide-box-bar a {
	font-size: 1.8rem;
	color: #333333;
	text-decoration: none;
	padding-left: 0.2rem;
}

.slide-box-bar .slide-icon {
	transition: all 0.2s ease;
}

.slide-box-bar .slide-icon-1 {}

.slide-box-bar .slide-icon-1.active,
.slide-box-bar .slide-icon-1:hover {

	color: #5cb85c;
}

.slide-box-bar .slide-icon-2 {}

.slide-box-bar .slide-icon-2.active,
.slide-box-bar .slide-icon-2:hover {

	color: #5cb85c;
}

.slide-box-bar .slide-icon-3 {}

.slide-box-bar .slide-icon-3.active,
.slide-box-bar .slide-icon-3:hover {

	color: #5cb85c;
}

.slide-box-bar .slide-icon-4 {}

.slide-box-bar .slide-icon-4.active,
.slide-box-bar .slide-icon-4:hover {

	color: #5cb85c;
}

.slide-box-bar .slide-icon-5 {}

.slide-box-bar .slide-icon-5.active,
.slide-box-bar .slide-icon-5:hover {

	color: #5cb85c;
}

.slide-box-bar .slide-icon-6 {}

.slide-box-bar .slide-icon-6.active,
.slide-box-bar .slide-icon-6:hover {

	color: #5cb85c;
}

@media screen and (max-width: 768px) {
	.slide-box-bar {
		margin-top: 1rem;
		/*  height: 33.5rem; */
		text-align: left;
	}

	.slide-box-bar a {
		font-size: 1.6rem;
	}
}

.section-1-box .s1-img-1 {
	margin: -20rem 0 -13rem 20rem;
}

@media screen and (max-width: 768px) {
	.section-1-box .s1-img-1 {
		margin-top: 0;
		margin-left: 0;
		display: inline-block;
	}
}

.section-2-box {
	text-align: center;
}

.section-2-box img {
	margin-bottom: -10rem;
	display: inline-block;
}

.section-2-box .s2-img-1 {
	margin-right: -26rem;
	margin-bottom: -50rem;
}

.section-2-box .s2-img-3 {
	margin-left: -26rem;
	margin-bottom: -50rem;
}

@media screen and (max-width: 768px) {
	.section-2-box img {
		margin: 0 !important;
	}

	.section-2-box img:not(:first-child) {
		margin-top: -50rem;
	}

	.section-2-box .s2-img-2 {
		margin-top: -20rem;
	}
}

.section-3-box img {
	margin-bottom: -10rem;
	display: inline-block;
}

.section-4-box {
	text-align: center !important;
}

.section-4-box img {
	display: inline-block;
	margin-bottom: 4rem;
}

.section-4-box .s4-img-1 {
	margin-right: 4rem;
}

.section-4-box .s4-img-2 {
	margin-bottom: -13rem;
	margin-left: -18.5rem;
	position: relative;
	z-index: 888;
}

@media screen and (max-width: 768px) {
	.section-4-box .s4-img-2 {
		margin-left: 0;
		margin-top: -2rem;
		display: inline-block;
	}
}

.section-5-box {
	text-align: center !important;
}

.section-5-box img {
	display: inline-block;
	margin-bottom: -10rem;
}

.section-5-box .s5-img-1 {
	margin-right: -26rem;
	margin-bottom: -48rem;
}

.section-5-box .s5-img-2 {
	margin-bottom: -7rem;
}

.section-5-box .s5-img-3 {
	margin-left: -26rem;
	margin-bottom: -48rem;
}

@media screen and (max-width: 768px) {
	.section-5-box img {
		margin: 0 !important;
	}
}




.modal-dialog {
	margin-top: 150px;
}

.help-block {
	text-align: left;
}

.alert {
	color: #Red;
}

#myModal .title {
	color: #5cb85c;
	font-weight: bold;
	/* border-bottom: 1px solid #eee; */
	margin-bottom: 20px;
	background: #f8f8f8;
	padding: 5px 10px;
}

#myModal .row {
	padding: 0 15px;
	position: relative;
	margin-bottom: 15px;
}

#myModal .row label {
	width: 20% !important;
	float: left;
	line-height: 34px;
}

#myModal .row .form-control {
	width: 80%;
}

#myModal .row span.false {

	color: #C62B26;
}

#myModal .row.fendian span.false {
	margin-left: 4%;
	color: #C62B26;
}

.carousel-caption {
	text-shadow: none;
	color: #5cb85c;
}

h6 {
	text-align: center;
	font-size: 1.7rem;
	color: #999999;
	line-height: 3.6rem;
	margin-bottom: 30px;
}

.carousel-inner .item .APP_banner {
	max-width: 100%;
}

@media (max-width:768px) {

	.banner {
		margin: 0 -150px;
		width: 150%;
	}

	.container .carousel-caption p {
		text-shadow: 1px 1px 0px #fff !important;
		color: #000000 !important;
	}

	.carousel .carousel-caption p:nth-child(2) {
		font-size: 1.4rem;
	}
}