#fp-nav ul li, .fp-slidesNav ul li {
	margin: 10px 0;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
	border: 1px solid #fff;
	width: 14px;
	height: 14px;
	border-radius: 100% !important;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background-color: #fff;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	border-radius: 100% !important;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
	background-color: #fff;
	border-radius: 100% !important;
}

.fp-tooltip {
	margin-top: -3px;
	padding: 0 15px;
	background: #000;
	border-radius: 15px !important;
}

/**
 * == 预加载遮罩 ======================================================================
 */

.load-wrap {
	margin-top: 0;
	opacity: 1;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../img/load-logo.png) center 30% no-repeat #d13828;
	z-index: 9999999;
	transition: all 2.5s ease 0s;
	-o-transition: all 2.5s ease 0s;
	-moz-transition: all 2.5s ease 0s;
	-webkit-transition: all 2.5s ease 0s;
}

.load-wrap.ding {
	margin-top: -100%;
	opacity: 0.4;
}

.yemian {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#pre-load {
	position: absolute;
	top: 50%;
	height: 1px;
	background: #fff;
}

#pre-load span {
	position: absolute;
	background: #fff;
	width: 10px;
	height: 1px;
	-webkit-border-radius: 100%;
	-webkit-box-shadow: #007519 1px 0 1px 0px;
	opacity: 0;
	right: -10px;
	-webkit-animation: pulse 2s ease-out 0s infinite
}

@-webkit-keyframes pulse {
	30% {
		opacity: .6
	}
	60% {
		opacity: 0
	}
	to {
		opacity: .6
	}
}
@media(max-width: 767px){
	.load-wrap.ding{
		top:-200%;
	}
}
/**
 * 全屏滚动公共样式
 */
.section {
	overflow: hidden;
}

.section-background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	z-index: 10;
}

.section-background div {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.section-background div video {
	max-width: 100%;
}

.section-background div img {
	width: 100%;
	animation: zhuan 10s linear infinite;
}

@-webkit-keyframes zhuan {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

@media (min-width: 768px) {
	.section-background .mo {
		display: none;
	}
}

@media (max-width: 767px) {
	.section-background .pc {
		display: none;
	}
}

.section-content {
	position: relative;
	z-index: 20;
}

.section-content .more {
	position: absolute;
}

.section-content .more a {
	display: inline-block;
	padding: 5px 40px;
	background-color: #333;
	font-size:16px;
	color: #fff;
	text-decoration: none;
}

.section-content .more a:hover {
	background-color: #d13828;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.35) inset
}

.index-about h3, .index-product h3, .indexnews h3 {
	margin: 0 0 10px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}

.index-about h2, .index-product h2, .index-news h2 {
	margin: 0 0 40px;
	font-size: 40px;
	font-weight: 800;
	color: #d13828;
}

@media (max-width: 767px) {
	.index-about h2, .index-product h2, .index-news h2{
		margin: 0 0 20px;
	}
	.index-about h3 {
		margin: 0 0 5px;
	}
	.section-content .more a{
		background-color: #fff;
		color:#000;
	}
}

/**
 * 导航
 */
.navbar-wp {
	position: fixed;
	z-index: 110;
	width: 100%;
	height: 100%;
	display: table;
	transition: all 1s;
}

.navbar {
	position: relative;
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.navbar nav {
	margin: 0 auto;
	width: 200px;
	text-align: center;
}

.navbar nav li {
}

.navbar nav li a {
	display: block;
	padding: 10px 15px;
	color: #fff;
	font-size: 24px;
}
@media(min-width: 768px){
	.navbar-wp {
		top: 0;
		left: -100%;
		background-color: #001d3c;
	}
	.navbar-wp.open {
		left: 0;
	}
	.navbar-wp a:hover{
		background-color: #d13828;
		text-decoration: none;
	}

}
@media(max-width: 767px){
	.navbar-wp {
		top: -100%;
		left:0;
		background-color: #d13828;
	}
	.navbar-wp.open {
		top: 0;
	}
}
/**
 * 首页
 */

.index-intro h2 {
	margin-bottom: 40px;
	font: bold 48px 'Microsoft YaHei';
	letter-spacing: 4px;
	color: #d13828;
	text-shadow: 2px 2px 5px #00000050;
	text-align: center;
}

.index-intro .desc {
	margin-top: 50px;
	background-color: #d13828;
	display: inline-block;
	padding: 10px 100px;
}

.index-intro .desc p {
	margin: 0;
	padding: 0;
}

.index-intro .desc .c {
	font-size: 20px;
	color: #fff;
	width: 100%;
	text-align: center;
	letter-spacing: 5px;
}

.index-intro .desc .e {
	margin-top: 3px;
	width: 100%;
	font-size: 12px;
	color: #fff;
	font-family: 'Helvetica-45-L';
	line-height: 1;
}

.index-intro {
	margin: 0 auto;
	text-align: center
}

.index-intro .cd-headline {
	font-size: 6rem
}


@media (min-width: 768px) {
	.index-intro .cd-headline {
		font-size: 4.4rem;
		font-weight: 300
	}
}

@media (max-width: 767px) {

	.index-intro .desc {
		display: none;
	}

	.index-intro h2 {
		display: none;
	}

	.index-intro .cd-words-wrapper b {
		display: block;
		color: #fff;
		text-align: center
	}

	.index-intro .cd-words-wrapper b:nth-child(1) {
		font-weight: bold;
		font-size: 28px;
		color: #d13828
	}

	.index-intro .cd-words-wrapper b:nth-child(2) {
		font-size: 18px;
		line-height: 3;
		color: #fff
	}

	.index-intro .cd-words-wrapper b:nth-child(3) {
		font-size: 32px;
		color: #fff
	}
}

/**
 * 关于我们
 */

.index-about .item {
	display: none;
	margin-top: 80px;
	width: 100%;
	font-size:14px;
}

.index-about .item.active {
	display: inline-block;
}

.index-about .tabs a {
	display: block;
	position: relative;
	margin: 10px 0;
	padding: 20px;
	background: #000;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.index-about .tabs a:hover {
	color: #fff;
}

.index-about .tabs a.active {
	background-color: #d13828;
}


.index-about h1 {
	position: relative;
	margin: 0 0 25px;
	padding-bottom: 25px;
	font-size: 34px;
	font-weight: bold;
	color: #d13828
}

.index-about h1:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 2px;
	background-color: #d13828;
}

.index-about .item {
	color: #000;
	line-height: 2;
	text-align: justify;
}

.index-about .more {
	right: 15px;
}


.index-about .point {
	margin-top: 30px;
}

.index-about .point p {
	margin: 0;
}

.index-about .point p span {
	display: inline-block;
	min-width: 160px;
	font-size: 16px;
	font-weight: bold;
}

.index-about .point p span:before {
	content: '';
	width: 0;
	height: 0;
	font-size: 0;
	border: solid transparent;
	border-width: 8px 15px;
	border-left-color: #d13828;
	vertical-align: 6px;
}

.index-about .slides-wp {
	position: relative;
	text-align: center;
}

.index-about .slides-wp .swiper-container {
	padding-bottom: 30px;
}

.index-about .slides-wp .swiper-pagination-bullet {
	border-radius: 100% !important;
}

.index-about .slides-wp .swiper-pagination-bullet-active {
	background-color: #d13828;
}

.index-about .slides-wp .swiper-button-prev, .index-about .slides-wp .swiper-button-next {
	background-color: #00000050;
	border-radius: 5px !important;
	width: 37px;
	height: 54px;
}

.index-about .slides-wp img{
	max-width:100%;
}


@media (min-width: 768px) {

	.index-about {
		padding: 50px;
		background-color: #ffffff99;
	}

	.index-about .tabs a.active:after {
		content: '';
		position: absolute;
		top: 50%;
		right: -40px;
		margin-top: -10px;
		width: 0;
		height: 0;
		border: solid transparent;
		border-width: 10px 20px;
		border-left-color: #d13828;
	}

	.index-about .item {
		min-height: 382px;
	}

	.index-about .slides-wp {
		padding: 0 60px;
		margin-right: 150px;
	}

	.index-about .item:nth-child(1) .more {
		top: 50px;
	}

	.index-about .item:nth-child(2) .more, .index-about .item:nth-child(3) .more {
		top: 50%;
	}
}

@media (max-width: 767px) {

	.index-about h1, .index-about .point {
		display: none;
	}

	.index-about .tabs {
		overflow: hidden;
		margin-left: -1rem;
		margin-right: -2rem;
	}

	.index-about .tabs a {
		display: inline-block;
		width: 33.33%;
	}

	.index-about .tabs a:not(:first-child) {
		margin-left: -5px;
	}

	.index-about .item {
		padding: 0 25px 50px;
		color: #fff;
	}

	.index-about .slides-wp img {
		max-width: 100%;
	}

	.index-about .more {
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
	}
}

/**
 * 产品列表
 */
.index-product p {
	font-size: 16px;
	line-height: 2;
	color: #000;
}

.index-product .pro-cats {
	margin-bottom: 30px;
	text-align: center;
}

.index-product .pro-cats a {
	display: inline-block;
	margin: 0 2px;
	padding: 8px 10px;
	background-color: #333;
	color: #fff;
	text-decoration: none;
}

.index-product .pro-cats a:hover {
	background-color: #d13828;
}

.index-product .slides-wp {
	position: relative;
	padding: 0 60px;
}

.index-product .slides-wp .swiper-container {
	padding-bottom: 30px;
}

.index-product .slides-wp .swiper-slide {
	text-align: center;
}

.index-product .slides-wp .swiper-slide img {
	max-width: 100%;
}

.index-product .slides-wp .swiper-pagination-bullet {
	width: 30px;
	background-color: #fff;
	opacity: 1;
}

.index-product .slides-wp .swiper-pagination-bullet-active {
	background-color: #d13828;
}

.index-product .slides-product .item a{
	display:inline-block;
	padding:1px;
	background:#fff;
}
.index-product .slides-product .item h4{
	margin:0;
	border-top:1px solid #f3f2f1;
	font-size:16px;
	line-height:2;
	text-decoration: none;
}
.index-product .slides-product .item a:hover{
	background-color: #d13828;
	text-decoration: none;
}
.index-product .slides-product .item a:hover h4{
	color:#fff;
	text-decoration: none;
}

@media (min-width: 768px) {
	.index-product {
		padding: 50px;
		background-color: #ffffff99;
	}
	.index-product .slides-product .item h4{
		padding:8px;

	}
}
@media(max-width:767px){
	.index-product .desc, .index-product .pro-cats{
		display: none;
	}
	.index-product .slides-wp{
		margin:0;
		padding:0;
	}
}
/**
 * 新闻资讯
 */
.index-news .title h2 {
	display: inline-block;
}


.index-news .content .img {
	position: relative;
}

.index-news .content .img img {
	width: 100%;
}

.index-news .content .headline figure{
	margin:0;
}
.index-news .content .headline img{
	vertical-align: middle;
}
.index-news .content .headline .date {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
}
.index-news .content .headline .txt{
	position: relative;
	padding:20px;
}

.index-news .content .headline .txt h4,
.index-news .content .headline .txt p{
	position: relative;
	z-index:2;
	transition: color .5s .2s;
	margin:0 0 10px;
}
.index-news .content .headline .txt:before{
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;
	z-index:2;
	width:0;
	background-color: #d13828;
	transition: all .5s;
}

.index-news .content .headline .txt .view{
	margin-top:10px;
	position: relative;
	display:inline-block;
}
.index-news .content .headline .view a{
	display:inline-block;
	height:40px;
}
.index-news .content .headline .view a .ic{
	position: relative;
	display:inline-block;
	padding: 9px 25px 11px 11px;
	z-index: 4;
	color:#111;
}
.index-news .content .headline .view a .ic i{
	margin-right:12px;
	padding:0 2px;
	border-radius: 100%;
	border:1px solid #123456;
	color:#123456;
}

.index-news .item {
	overflow: hidden;
	position: relative;
}

.index-news .item .txt{
	position: relative;
	z-index:2;
}
.index-news .item .txt h4 {
	margin:0;
	padding: 0;
	font-size: 16px;
	color: #111;
	font-weight:300;
	transition: color .5s .2s;
}
.index-news .item .txt h4 a{
	color: #111;
}
.index-news .item .txt p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #333;
	text-align: justify;
	transition: color .5s .2s;
}
.index-news .item .txt p a{
	color: #333;
}

@media(min-width:768px){

	.index-news .more{
		margin:10px 0 0 60px;
	}
	.index-news .content {
		background-color: #ffffff99;
		padding: 40px;
		text-align: left;
	}

	.index-news .date {
		display: inline-block;
		padding: 10px 20px;
		text-align: right;
	}

	.index-news .date .m-d {
		color: #111;
		font-size: 20px;
		font-weight: bold;
	}

	.index-news .date .y {
		display: block;
		font-size: 12px;
	}
	.index-news .content .headline:hover .txt:before{
		width:100%;
	}
	.index-news .content .headline:hover .txt h4,
	.index-news .content .headline:hover .txt p{
		color:#fff;
	}
	.index-news .content .headline .txt .view:after{
		content: '';
		position: absolute;
		top:0;left:0;
		width:40px;height:40px;
		border-radius: 20px;
		z-index: 3;
		background-color: #fff;
		transition: all .5s;
	}
	.index-news .content .headline:hover .txt .view:after{
		width:100%;
	}
	.index-news .item{
		margin:1px 0;
		padding:20px 20px 20px 120px;
	}
	.index-news .item .txt h4{
		margin:0 0 10px;
	}
	.index-news .item:after{
		content:'';
		position: absolute;
		top:0;bottom:0;left:100px;
		z-index:1;
		width:0;
		background-color: #d13828;
		overflow: hidden;
		transition: width 1s;
	}
	.index-news .item:hover:after{
		width: 100%;
	}
	.index-news .item:hover h4 a, .index-news .item:hover p a{
		color:#fff;
	}
	.index-news .item .img{
		display:none;
	}
	.index-news .item .date {
		position: absolute;
		top:0;left:-120px;
		padding-top:0;
	}
	.index-news .item .date .line{
		display:none;
	}
	.index-news .item .date .y{
		margin-top:30px;
	}
	.index-news .item .date .m-d{
		display:block;
		margin-top:-50px;
	}

}
@media(max-width:767px) {
	.index-news{
		padding-bottom:50px;
	}
	.index-news .title{
		text-align:center;
	}
	.index-news .more{
		left:0;
		bottom:0;
		width:100%;
	}
	.index-news .item{
		margin-left:-32px;
		margin-right:-32px;
		padding:8px;
		background-color: #ffffff99;
		border-bottom:1px solid #e1e2e3;
	}
	.index-news .item .date .line {
		display: inline-block;
	}
	.index-news .item .img{
		float:left;
		width:25%;
		margin-right:6px;
	}
	.index-news .item .img img{
		border:1px solid #e1e2e3;
	}
	.index-news .item .txt h4{
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.index-news .item .txt p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
}
/**
 * 联系我们
 */


.index-contact{
	color:#fff;
	text-align:left;
}
.index-contact dl{
	padding-top:30px;
}
.index-contact dt{
	margin-bottom:5px;
	font-size:12px;
	font-weight:0;
	text-transform: uppercase;
}
.index-contact dd{
	font-size:18px;
}
.index-contact .sp{
	padding-top:0;
}
.index-contact .sp dt{
	color:#fff;
	font-size:18px;
}
.index-contact .sp dd{
	font-size:28px;
}

.foot-feed-back form{
	width:100%;
}
.foot-feed-back .fc-form-body{
	overflow: hidden;
}
.foot-feed-back .form-group{
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin:0;
}
.foot-feed-back .form-group [class*='col-']{
	width:100%;
	max-width: 100% !important;
}
.foot-feed-back .form-group input{
	width:100%!important;
	background-color: transparent;
	color:#e1e2e3;
	line-height:1.45;
	border-width:0 0 1px 0;
}
.foot-feed-back .form-group .fc-code{
	background-color: #fff;
}
.foot-feed-back .form-group .help-block{
	position: absolute;
	top:0;left:20px;
}
.foot-feed-back .form-group:nth-child(1){
	width:35%;
}
.foot-feed-back .form-group:nth-child(2){
	width:15%;
}
.foot-feed-back .form-group:nth-child(3){
	width:15%;
}
.foot-feed-back .form-group:nth-child(4){
	width:20%;
}
.foot-feed-back .form-group:nth-child(5){
	width:10%;
}
.foot-feed-back .control-label{
	display: none;
}
.foot-feed-back .form-group .btn{
	width:100%;
	background:#fff;
	color:#123456;
	border-radius:5px!important;
}
.foot-feed-back .form-group .btn:hover{
	background-color: #f3f2f1;
	color:#111;
}
@media(min-width: 768px){
	.section[data-id='contact'] .fp-tableCell{
		vertical-align: top;
	}
	.section[data-id='contact'] .section-content{
		margin-top:10%;
	}
}
@media(max-width: 767px){
	.index-contact{
		padding-bottom:100px;
	}
	.index-contact dl{
		padding:15px 15px 0;
	}
	.index-contact .foot-feed-back{
		display:none;
	}
	.index-contact .btn{
		background:#f3f2f1;
		margin:15px;
		padding:5px 50px;
		color:#000;
	}
}


.section-footer{
	height:200px;
	background-color: #111;
	color:#fff;
}
.section-footer .section-other{
	padding:50px 0;
	text-align:center;
}
.section-footer .section-other a{
	color:#fff;
	margin:0 10px;
}