﻿html,body{
	padding: 0;
	margin: 0;
	background: #e5e5e5;
	font-family: "microsoft yahei";
}
.wrap{
	max-width: 1200px;
	margin: 0 auto;
}
ul li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.fp-tableCell{
	vertical-align: top;
}
a,
a:hover,
a:focus {
	text-decoration: none;
	/*-o-transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-ms-transition: all .1s;
	transition: all .1s;*/
	outline: none;
}
img{
	max-width: 100%;
}
button:focus{
	outline: none;
}
/*顶部菜单*/
.index .navbar{
	position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar {
	background: #fff;
	margin-bottom: 0;
	border: 0;
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	padding: 0 15px;
	border-bottom: 1px solid #e0e0e0;
    z-index: 1031;
}
ul.navbar-nav {
	font-size: 14px;
	color: #4f4f4f;
	text-transform: uppercase;
	/*font-weight: bold;*/
}

ul.navbar-nav>li>a {
	position: relative;
	padding: 0;
	height: 75px;
	line-height: 75px;
	color: #000;
	margin: 0 16px;
}
ul.navbar-nav>li>a:hover {
	background: none;
	border-bottom: 3px solid #f89828;
}

ul.navbar-nav>li>a:focus,
ul.navbar-nav>li>a.isActive{
	background: none;
	border-bottom: 3px solid #f89828;
}
.navbar>.container .navbar-brand {
	margin-left: 0;
}
.navbar-brand {
	width: 157px;
	height: 75px;
	background: url(../img/logo.png) left center no-repeat;
	background-size:100% auto;
	text-indent: -99999px;
}
.navbar-right{
	margin-right: -10px;
}
.searchDiv{
	line-height: 75px;
	margin-left: 50px;
}
.searchDiv .search-icon{
	cursor: pointer;
	width: 41px;
	height: 41px;
}


.drop-menu form button{
	border: 0;
	background: transparent;
	
}
.drop-menu form button img{
	position: relative;
	top: -2px;
}
/*banner*/
.banner1{
	width: 100%;
	height: 100%;
	background: url(../img/banner1.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.banner1 .wrap{
	height: 100%;
	position: relative;
}
.banner1 img{
	position: absolute;
	right: 0;
	top:33%;
	color: #FFFFFF;
}

/*关于我们*/
.banner2{
	width: 100%;
	height:100%;
	background: url(../img/banner2.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.banner2 .wrap{
	height: 100%;
	position: relative;
}
.banner2 .textDiv{
	position: absolute;
	right: 70px;
	color: #fff;
	max-width: 40%;
	top: 50%;
	transform:translateY(-50%);
	text-align: justify;
}
.banner2 .textDiv h2{
	font-size: 41px;
	font-weight: bold;
	margin: 0;
}
.banner2 .textDiv p{
	font-size: 14px;
	line-height: 34px;
	margin: 60px 0 100px;
}
.banner2 .textDiv a.moreBtn{
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	padding: 8px 20px;	
	display: inline-block;
}
.banner2 .textDiv a.moreBtn:hover{
	text-decoration: none;
	border: 1px solid #ff8a01;
	background: #ff8a01;
}

/*产品*/
.banner3{
	width: 100%;
	height:100%;
	background: url(../img/banner3.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.banner3 .wrap{
	height: 100%;
	position: relative;
}
.banner3 .banner3-content{
	width: 100%;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	text-align: justify;
}

.banner3 h2{
	font-size: 41px;
	font-weight: bold;
	color: #606060;
	text-align: center;
	margin: 0 0 55px;
}
.banner3 .row{
	margin: 0 -5px;
}
.banner3 .row>div{
	padding: 0 5px;
	margin-bottom: 15px;
}
.banner3 .row .conDiv{
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
}
.banner3 .row a:hover .conDiv{
	box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
}
.banner3 .row>div .imgDiv{
	background: #fff;
	text-align: center;
	padding-bottom: 20px;
	max-height: 165px;
	display:flex;
    justify-content:center;
    align-items:center;
}
.banner3 .row>div img{
	max-width: 90%;
	max-height: 90%;
}
.banner3 .row>div .textDiv{
	padding: 15px 15px;
	background: #fafafa;
}
.banner3 .row>div .textDiv h4{
	color: #606060;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	text-align: center;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.banner3 .row a:hover .textDiv h4{
	color: #F89828;
}
.banner3 .moreDiv{
	text-align: center;
	margin: 25px 0 0px;
}
.banner3 a.moreBtn{
	font-size: 14px;
	color: #585858;
	border: 1px solid #a1a1a1;
	padding: 8px 20px;	
	display: inline-block;
}
.banner3 a.moreBtn:hover{
	color: #fff;
	text-decoration: none;
	border: 1px solid #a1a1a1;
	background: #585858;
}


/**联系我们**/
.banner4{
	width: 100%;
	height:100%;
	background: url(../img/banner4.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.banner4 .wrap{
	height: 100%;
	position: relative;
}
.banner4 .contact{
	/*padding: 120px 0;*/
	width: 100%;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	text-align: justify;
}
.banner4 h2{
	font-size: 41px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0 0 55px;
}
.banner4 .row{
	margin: 0 -5px;
}
.banner4 .row>div{
	padding: 0 5px;
}
.banner4 .row a:hover>div{
	box-shadow: 0px 0px 12px rgba(255,255,255,0.5);
}
.banner4 .row>div img{
	width: 100%;
}
.banner4 .row>div .textDiv{
	padding: 25px 20px;
	background: rgba(255,255,255,.36);
}
.banner4 .row>div .textDiv h4{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: "microsoft yahei";
}
.banner4 .row>div .textDiv span{
	color: #606060;
	font-size: 14px;
}
.banner4 .row>div .textDiv p{
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px;
	margin-bottom: 0;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.banner4 .row a:hover .textDiv h4{
	color: #F89828;
}
/*.banner4 .contact>span{
	font-size: 21px;
	display: block;
	margin: 50px 0 35px;
}
.banner4 .contact .textDiv div{
	margin-bottom: 20px;
	overflow: hidden;
}
.banner4 .contact .textDiv div img{
	float: left;
	width: 24px;
	margin-right: 15px;
}
.banner4 .contact .textDiv div span{
	display: inline-block;
	float: left;
	font-size: 14px;
}
.banner4 .contact .textDiv div:nth-child(2) img{
	position: relative;
	top: 4px;
}*/


.index .footer{
	position: fixed;
	bottom: 0;
	left: 0;
}
.index .footer .bottomDiv{
	padding: 5px 10px;
}
.footer{
	background: #262626;
	width: 100%;
	text-align: center;
}
.footer .bottomDiv{
	background: #191919;
	color: rgba(255,255,255,.48);
	font-size: 12px;
	padding: 10px;
	text-transform: uppercase;
}

/********************* 内页 *******************/
.nyContent{
	padding-top: 77px;
}
.nyContent .mainTitle{
	overflow: hidden;
	color: #8f8f8f;
	font-size: 12px;
	padding: 25px 0;
	border-bottom: 1px solid #d3d3d3;
}
.nyContent .mainTitle h2{
	font-weight: bold;
	color: rgba(3,3,3,.62);
	font-size: 28px;
	margin: 0;
}
.nyContent .mainTitle .position{
	margin-top: 0px;
	line-height: 30px;
}
.nyContent .mainTitle .position a{
	color: #8f8f8f;
}
.nyContent .mainTitle .position a:hover{
	color: #ef8305;
}
.nyContent .tabDiv ul{
	overflow: hidden;
	padding: 0;
	margin: 40px 0;
}
.nyContent .tabDiv ul li{
	float: left;
	margin-right: 20px;
}
.nyContent .tabDiv ul li a{
	width: 380px;
	height: 42px;
	line-height: 42px;
	display: inline-block;
	border: 1px solid #c9c9c9;
	border-radius: 50px;
	background: #fff;
	color: #5e5e5e;
	font-size: 14px;
	text-align: center;
}
.nyContent .tabDiv ul li a.active{
	background: #EF8305;
	border: 1px solid #EF8305;
	color: #fff;
}
.nyContent .tabContent{

	padding-bottom: 65px;
}
.nyContent .tabContent .row{
	display: none;
}
.nyContent .tabContent .row .imgDiv{
	max-height: 577px;	
}
.nyContent .tabContent .row .imgDiv img{
	height: 100%;
}
.nyContent .tabContent .row .textDiv{
	padding: 40px 65px 40px 30px;
}
.nyContent .tabContent .row .textDiv h2{
	margin: 0 0 50px;
	font-weight: bold;
	font-size: 28px;
	color: rgba(3,3,3,.68);
}
.nyContent .tabContent .row .textDiv p{
	margin: 0;
	font-size: 14px;
	color: rgba(3,3,3,.81);
	line-height: 34px;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 12;
	overflow: hidden;
}
.nyContent .yy-main {
	padding-bottom: 62px;
}
.nyContent .yy-main .textDiv{
	margin: 40px 0;
}
.nyContent .yy-main .textDiv p{
	margin: 0;
	font-size: 14px;
	color: rgba(3,3,3,.81);
	line-height: 30px;
}
.nyContent .yy-main .row{
	margin: 0 -4px;
}
.nyContent .yy-main .row>div{
	padding: 0 4px;
	margin-bottom: 8px;
}
.nyContent .yy-main .row>div .imgDiv{
	position: relative;
}
.nyContent .yy-main .row>div .imgDiv img{
	width: 100%;
}
.nyContent .yy-main .row>div .text{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: rgba(0,0,0,.74);
	font-size: 14px;
	color: rgba(255,255,255,.81);
	padding: 17px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nyContent .zz-main .tabContent{
	padding-bottom: 30px;
}
.nyContent .zz-main .row>div{
	margin-bottom: 30px;
}
.nyContent .zz-main .row .conDiv{
	border: 1px solid #bfbfbf;
}
.nyContent .zz-main .row .conDiv .imgDiv{
	background: #fff;
	text-align: center;
}
.nyContent .zz-main .row .conDiv .text{
	background: #8c8c8c;
	color: #fff;
	text-align: center;
	padding: 12px;
	font-size: 16px;
}
.nyContent .pro-main .tabContent{
	padding-bottom: 20px;
}
.nyContent .pro-main .row>div{
	padding: 0 20px;
	margin-bottom: 40px;
}
.nyContent .pro-main .row .conDiv .imgDiv{
	background: #fff;
	text-align: center;
	padding: 35px 0;
	border: 1px solid #bfbfbf;
	height: 343px;
	display:flex;
    justify-content:center;
    align-items:center;
}
.nyContent .pro-main .row .conDiv .text{
	background: #f5f5f5;
	padding: 25px;
	border: 1px solid #cecece;
	border-top: 0;
}
.nyContent .pro-main .row .conDiv .text h3{
	margin: 0;
	color: #404040;
	font-size: 18px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nyContent .pro-main .row .conDiv .text p{
	font-size: 14px;
	color: #858585;
	line-height: 24px;
	margin: 15px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.nyContent .pro-main .row .conDiv .text span{
	color: #ef8305;
	font-size: 12px;
}
.nyContent .pro-main .row a:hover .conDiv{
	box-shadow: 0 0 15px #bfbfbf;
}

.nyContent .fw-main .tabCon{
	display: none;
}

.nyContent .fw-main .tabCon .media{
	background: #fff;
	padding: 10px;
	margin-top: 25px;
	border-radius: 5px;
}
.nyContent .fw-main .media-left{
	padding-right: 20px;
}
.nyContent .fw-main .media-left img{
	width: 206px;
	max-width: initial;
}
.nyContent .fw-main .media-body .media-heading{
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: rgba(3,3,3,.81);
	margin: 20px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.nyContent .fw-main .media-body p{
	font-size: 14px;
	color: rgba(94,94,94,.81);
	line-height: 24px;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.nyContent .fw-main .tabCon .media:hover {
	box-shadow: 0 0 10px #bfbfbf;
}
.nyContent .fw-main .tabCon .media:hover .media-heading{
	color: #EF8305;
}
.nyContent .rl-main{
	width: 100%;
	overflow-x: auto;
}
.nyContent .rl-main table{
	margin: 40px 0;
	width: auto;
	min-width: 1199px;
}
.nyContent .rl-main table tbody{
	border-radius: 10px;
}
.nyContent .rl-main table tr{
	border-radius: 10px;
}
.nyContent .rl-main table tr th{
	padding: 22px 0;
	text-align: center;
	font-size: 17px;
	color: #fff;
	font-weight: normal;
	background: #EF8305;
	border-bottom: 1px solid #dfdfdf;
}
.nyContent .rl-main table tr th:first-child{
	border-top-left-radius: 5px;
}
.nyContent .rl-main table tr th:last-child{
	border-top-right-radius: 5px;
}
.nyContent .rl-main table tr:nth-of-type(even){
	background: #fff;
}
.nyContent .rl-main table tr:nth-of-type(odd){
	background: #f7f5f3;
}
.nyContent .rl-main table tr td{
	padding: 22px 25px;
	text-align: center;
	font-size: 14px;
	color: #5e5e5e;
	font-weight: normal;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.nyContent .rl-main table tr td a{
	color: #5e5e5e;
}
.nyContent .rl-main table tr td a:hover{
	color: #EF8305;
}
.nyContent .rl-main table tr td:first-child{
	text-align: left;
}
.nyContent .rl-main table tr:last-child td,
.nyContent .rl-main table tr td:last-child{
	border-right: 0;
}
.nyContent .rl-main table tr:last-child td:first-child{
	border-bottom-left-radius: 5px;
}
.nyContent .rl-main table tr:last-child td:last-child{
	border-bottom-right-radius: 5px;
}
.nyContent .lx-main{
	margin: 30px 0;
}
.nyContent .lx-main>.row{
	margin: 0;
}
.nyContent .lx-main .imgDiv{
	padding: 0;
	width: 65%;
	height: 498px;
}
.nyContent .lx-main .imgDiv img{
	width: 100%;
	height: 100%;
}
.nyContent .lx-main .textDiv{
	background: #fff;
	padding: 0 35px;
	height: 498px;
	width: 35%;
}
.nyContent .lx-main .textDiv .lxText{
	padding: 20px 0 15px;
}
.nyContent .lx-main .textDiv .lxText h3{
	font-size: 23px;
	color: #343434;
	margin-bottom: 25px;
}
.nyContent .lx-main .textDiv .lxText div{
	font-size: 14px;
	color: #343434;
	margin-bottom: 10px;
}
.nyContent .lx-main .textDiv .lxText div span{
	margin-left: 0px;
	display: inline-block;
}
.nyContent .lx-main .formDiv{
	border-top: 1px solid #d1d1d1;
	padding: 20px 0;
}
.nyContent .lx-main .formDiv p{
	font-size: 12px;
	color: #484848;
	padding-right: 40px;
	line-height: 20px;
	margin-bottom: 20px;
}
.nyContent .lx-main .groupDiv{
	overflow: hidden;
	margin-bottom: 7px;
}
.nyContent .lx-main .groupDiv div{
	display: inline-block;
	width: 78px;
	margin-right: 20px;
	line-height: 35px;
	font-size: 12px;
	color: #1f1f1f;
}
.nyContent .lx-main .groupDiv div span{
	float: right;
} 
.nyContent .lx-main .groupDiv input{
	width: 215px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #e1e1e1;
	padding: 0 10px;
	color: #1f1f1f;
}
.nyContent .lx-main .formDiv .subBtn{
	background: #EF8305;
	border:1px solid #EF8305;
	color: #fff;
	border: 0;
	padding: 12px 35px;
	display: block;
	margin: 15px 0 0 68px;
	font-size: 16px;
}
.nyContent .lx-main .formDiv .subBtn:hover{
	color: #EF8305;
	border:1px solid #EF8305;
	background: #fff;
}
.nyContent .lx-main .listDiv .title{
	background: #ef8305;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	font-size: 28px;	
	margin-bottom: 15px;
}
.nyContent .lx-main .listDiv .row{
	margin: 0 -3px;
}
.nyContent .lx-main .listDiv .row>div{
	padding: 0 3px;
}

.nyContent .lx-main .listDiv .row>div img{
	width: 100%;
}
/**滚动圆圈**/
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: rgba(255,255,255,1);
	width: 12px;
	height: 12px;
	margin: -2px 0 10px -2px;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{
	margin: -3px 0 0 -3px;
	background: transparent;
	border: 2px solid #F89828;
	width: 14px;
	height: 14px;
}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span {
    width: 14px;
    height: 14px;
	background: rgba(255,255,255,0);
	border: 2px solid #F89828;
    margin: -3px 0 0 -3px;
}
#fp-nav ul li, .fp-slidesNav ul li{margin: 10px;}

/**轮播图**/
.footer .swiper-container {
  width: 100%;
  height: 100%;
  /*max-width: 1200px;*/
  /*margin-top: 25px;*/
}
.footer .swiper-wrap{
	position: relative;
}
.footer .swiper-slide img{
	max-width: 100%;
	
	filter:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><feColorMatrix type="matrix" values="0.3333" 0.3333="" 0="" 10=""></feColorMatrix></filter></svg>#grayscale'); /* Firefox 3.5+, IE10 */

	filter:gray; /* IE6-9 */

	-webkit-filter: grayscale(100%); /* Chrome 19+ &amp; Safari 6+ */

	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */

	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.footer .swiper-slide img:hover{
	filter: none;

	-webkit-filter: grayscale(0%);
}
.footer .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer .swiper-button-next,.footer .swiper-button-prev{
	width: 11px;
	height: 18px;
	background-size:11px 18px;
	margin-top: -9px;
}
.footer .swiper-button-prev, .footer .swiper-container-rtl .swiper-button-next{
	background-image:url(../img/left-arrow_.png);
	left: -15px;
}
.footer .swiper-button-prev:hover, .footer .swiper-container-rtl .swiper-button-next:hover{
	background-image:url(../img/left-arrow.png);
}
.footer .swiper-button-next, .footer .swiper-container-rtl .swiper-button-prev{
	background-image:url(../img/right-arrow_.png);
	right: -15px;
}
.footer .swiper-button-next:hover, .footer .swiper-container-rtl .swiper-button-prev:hover{
	background-image:url(../img/right-arrow.png);
}