/*----- Common css ------*/
.wd1200 {
	width: 1200px;
	margin: 0 auto;
}

p {
	margin: 0;
}

.di {
	_display: inline;
}

.fwn {
	font-weight: normal;
}

.dib {
	*display: inline;
	_zoom: 1;
	_display: inline;
	_font-size: 0px;
}

/*头部样式*/

.top-head.scroll{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    box-shadow: 1px 1px 2px #999
}
.top_head {
	position: relative;
	line-height: 32px;
	background: #3f3a39;
	font-size: 14px;
	color: #f9f9f9;


}

.top_head a {
	font-size: 14px;
	color: #f9f9f9;
}

.top_cc {
	position: relative;
	height: 80px;
	background: #fff;
}

.logo {
	float: left;
	margin-top: 20px;
}

.top_cc.scroll {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9999;
	background: #fff;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2)
}
.top-head.scroll .top_head{
    display: none;
}
#menu {
	float: right;
	width: 800px;
}


.x-logo {
	float: left;
	width: 15.3125%;
}

.x-logo a {
	display: block;
}

.x-header-right {
	float: right;
	margin-left: 10px;
	text-align: center;
	position: relative;
}

.x-header-right .ss_btn {
	width: 32px;
	height: 80px;
	background: url(../image/sss.png) no-repeat right center;
	cursor: pointer;
}

.x-header-right #formsearch,
.x-header-right .x-login {
	display: inline-block;
	vertical-align: middle;
}

.x-header-right #formsearch {
	position: absolute;
	top: 72px;
	right: -20px;
	z-index: 9999;
	width: 302px;
	height: 45px;
	display: none;
	background: #ffffff;
	border-top: 1px solid #e5e5e5;
	padding: 0 10px;
	padding-left: 10px;
	color: #cccccc;
	box-sizing: border-box;
	font-size: 16px;
	color: #cccccc;
}

.x-header-right #formsearch #s_btn {
	float: right;
	outline: none;
	border: none;
	width: 45px;
	height: 35px;
	font-size: 16px;
	color: #cccccc;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 -210px;
}

.x-header-right #formsearch #keyword {
	float: left;
	background: none;
	outline: none;
	border: none;
	width: calc(100% - 35px);
	width: 210px;
	margin-top: 0px;
	height: 34px;
	/* padding-left: 5px; */
	font-size: 16px;
	color: #cccccc;
	border-bottom: 1px solid #d9d9d9;
}

.x-header-right #formsearch ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #cccccc;
}

.x-header-right #formsearch ::-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #cccccc;
}

.x-header-right #formsearch ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #cccccc;
}

.x-header-right #formsearch ::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #cccccc;
}



.x-header-right .x-login {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	line-height: 30px;
}

.x-header-right .x-login .username {
	max-width: 75px;
	vertical-align: -10px;
	display: inline-block;
}

.x-header-right .x-login a {
	color: #000;
}

.x-header-right .x-login a:hover {
	color: #ab001a;
}

/*热门搜索*/
.search {
	text-align: left;
	height: 39px;
	background-color: #d4d4d4;
	font: 500 12px/39px "微软雅黑";
}

#formsearch {
	width: 260px;
	height: 24px;
	float: right;
	background: #fff;
	margin-top: 7px;
	position: relative;
}

.hotSearch {
	width: 400px;
	float: left;
	height: 39px;
	line-height: 39px;
	font-weight: normal;
}




/*banner*/
.Banner-container {
	height: 79vh;
	min-height: 600px;
	max-height: 1600px;
	width: 100%;
}

.banner-background {
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.banner-slide {
	display: flex;
	flex-flow: column;
	justify-content: center;
	overflow: hidden;
}

.banner-text {
	margin: 0 auto;
	width: 90%;
	max-width: 1400px;
	transform: translate3d(0, 0, 0);
	will-change: transform;
}

.banner-text h1 {
	 font-weight: 600;
	font-size: 24px;
	margin-bottom: 10px;
	color: #000;
	background: #f7c51e;
	width: 750px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.banner-text h3{
    color: #ede9e9;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0;
}

.banner-text h2 {
	position: relative;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	font-family: arial;
}

.banner-text h2 span {
	font-size: 18px;
	display: inline-block;
	margin-top: 15px;
}

.banner-text i {
	display: block;
	line-height: 48px;
	width: 155px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	margin-top: 3.125%;
	font-style: inherit;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
}

.banner-bg-ss {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.1);
}

.banner-text {
	z-index: 10;
}

.banner-text:before {
	content: "";
	position: absolute;
	width: 300px;
	height: 400px;
	display: block;
	border: 10px solid rgba(255, 255, 255, 0.2);
	top: 4.5rem;
	margin-top: -200px;
	left: -6rem;
	display: none;
}

.small-title {
	position: relative;
	color: #fff;
	font-size: 40px;
	padding-bottom: 30px;
	font-weight: bold;
}




/*.banner-warpper.swiper-wrapper {
  transition-timing-function: cubic-bezier(0.75, 0.22, 0.25, 1);
  }
  .banner-warpper.swiper-wrapper .banner-background {
  transition-timing-function: cubic-bezier(0.75, 0.22, 0.25, 1);
  will-change: transform;
  }*/
.banner-switch {
	position: absolute;
	z-index: 30;
	right: auto;
	bottom: 0;
	height: 70px;
	left: 0;
	color: #fff;
	display: flex;
	margin-top: 0px;
	background: rgba(207, 19, 18, .8);
	width: 45%;
	justify-content: flex-end;
	align-items: center;
	text-transform: uppercase;
}

.banner-switch>div>* {
	display: inline-block;
	vertical-align: middle;
}

.sL_icon {
	background-size: contain;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
}

.banner-switch>div>span {
	margin: 0 0.5rem;
	font-size: 0.825rem;
}

.banner-switch>div {
	margin: 0.3rem 2rem;
}

.banner-switch>div {
	cursor: pointer;
	transition: 0.5s;
}

.swiper-button-disabled {
	opacity: 0.4;
}

.Scroll-tip {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100px;
	color: #fff;
	text-align: center;
	display: none
}

.Tipss {
	text-transform: uppercase;
	font-size: 0.825rem;
}

.tip_anim {
	display: inline-block;
	margin: 0.75rem 0;
	height: 30px;
}

.Tipss span {
	display: block;
}

.tip_anim span {
	display: inline-block;
	width: 1px;
	height: 100%;
	background: #fff;
	animation-name: scrollTip;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 1);
}

.Banner-A1 {
	z-index: 1;
}



@keyframes scrollTip {
	0% {
		transform: scale(1, 0);
		transform-origin: top;
	}

	49% {
		transform: scale(1, 1);
		transform-origin: top;
	}

	51% {
		transform: scale(1, 1);
		transform-origin: bottom;
	}

	100% {
		transform: scale(1, 0);
		transform-origin: bottom;
	}
}

.banner-background {
	transition: 1s 2.5s;
	transform: perspective(1000px) translate3d(0, 0, 100px);
}

.swiper-slide.banner-slide.swiper-slide-active .banner-background {
	transition: 5s 0s;
	transform: perspective(1000px) translate3d(0, 0, 0px);
}

.banner-text:before {
	transition-delay: 2s;
	transition-duration: 2s;
	transform: translate3d(-80px, 0, 0);
	opacity: 0;
}

.swiper-slide.banner-slide.swiper-slide-active .banner-text:before {
	transition-delay: 1.3s;
	transform: translate3d(0px, 0, 0);
	opacity: 1;
}

.swiper-slide.banner-slide.swiper-slide-active .banner-text *:nth-child(1) {
	transition-delay: 0.5s;
}

.swiper-slide.banner-slide.swiper-slide-active .banner-text *:nth-child(2) {
	transition-delay: 0.7s;
}

.swiper-slide.banner-slide.swiper-slide-active .banner-text *:nth-child(3) {
	transition-delay: 0.9s;
}

.swiper-slide.banner-slide.swiper-slide-active .banner-text *:nth-child(4) {
	transition-delay: 1.2s;
}

.banner-text * {
	transition-delay: transform 2s, opacity 0s;
	transition-duration: 2s;
	transform: translate3d(0, 80px, 0);
	opacity: 0;
}

.swiper-slide.banner-slide.swiper-slide-active .banner-text * {
	transform: translate3d(0, 0px, 0);
	opacity: 1;
}

@media screen and (max-width: 1600px) {
	.banner-text {
		max-width: 1000px;
		width: 80%;
	}
}

@media screen and (max-width: 1200px) {
	.banner-text:before {
		content: "";
		position: absolute;
		width: 300px;
		height: 400px;
		display: block;
		border: 10px solid rgba(255, 255, 255, 0.2);
		top: 4.5rem;
		margin-top: -200px;
		left: 50%;
		margin-left: -150px;
		display: none;
	}

	.banner-text h2:before {
		left: calc((100% - 100px)/2);
	}

	.banner-text {
		text-align: center;
	}

	.banner-text h2 {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 769px) {
	.banner-switch {
		top: auto;
		bottom: 2rem;
		left: 5%;
		right: 5%;
		justify-content: center;
		align-items: center;
		display: none;
	}

	.banner-text h2:before {
		left: calc((100% - 60px)/2);
		width: 60px;
	}

	.banner-text h1 {
		font-size: 36px;
		line-height: 1.2;
	}

	.banner-text h2 {
		font-size: 14px;
		line-height: 1.4;
	}

	.small-title {
		font-size: 2rem;
	}

	.banner-text:before {
		opacity: 0;
	}

	.Scroll-tip {
		bottom: 72px;
	}


}

/*banner*/

/*主体样式*/
#container {
	width: 1200px;
	margin: 0 auto;
	margin-top: 10px;
}

.container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.menu_cate {
	width: 220px;
	float: left;
}

.cate_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "微软雅黑";
	background: url(../image/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.about {
	width: 460px;
	float: left;
	margin-left: 12px;
	padding-bottom: 5px;
}

.about_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "微软雅黑";
	background: url(../image/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.about .content {
	padding: 5px;
	padding-bottom: 12px;
	text-indent: 20px;
}

.navigation {
	float: right;
	width: 100px;
}

.index-title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "微软雅黑";
	background: url(../image/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.index-table td {
	border: solid #add9c0;
	border-width: 0px 1px 1px 0px;
	padding: 10px 5px;
}

.index-table {
	border: solid #add9c0;
	border-width: 1px 0px 0px 1px;
	margin-top: 10px;
}


.cont1 {
	background: #f2f2f2;
	height: 422px;
	position: relative;
	margin-top: -37px;
}

.tit1 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.tit1 h2 {
	color: #181818;
	font: 500 22px/30px "微软雅黑";
	background: url(../image/bj2.jpg) no-repeat left;
	padding-left: 14px;
}

.tit1 h2 span {
	color: #1b6ebc;
	font: 600 40px/40px "微软雅黑";
}

.bodd1 {
	width: 400px;
	color: #929292;
}

.bodd1 img {
	width: 400px;
	height: 220px;
}

.bodd1 h2 a {
	color: #000000;
	font: 500 13px/30px "微软雅黑";
}

.bodd1 span {
	font: 500 12px/19px "微软雅黑";
}

.bodd1 h3 {
	font: 500 12px/20px "宋体";
}

.bodd2 {
	width: 492px;
	margin-left: 30px;
	margin-top: 1px;
}

.news_listt1 .news_list1 {
	margin-bottom: 26px;
	border-bottom: 1px dashed #c9c9c9;
	padding-bottom: 13px;
	padding-left: 40px;
}

.news_list1 dd {
	width: 62px;
	text-align: center;
	font: 600 27px/30px "微软雅黑";
	color: #fff;
	float: left;
	height: 56px;
	padding-top: 6px;
	background: #2e8cda;
}

.news_list1 dd span {
	display: block;
	font: 400 12px/22px "微软雅黑";
}

.news_list1 dt {
	width: 370px;
	float: left;
	border-left: none;
	padding-left: 20px;
}

.news_list1 dt a {
	color: #1e1e1e;
	font: 500 13px/26px "微软雅黑";
}

.news_list1 dt span {
	display: block;
	color: #959494;
	font: 400 12px/18px "宋体";
}

.news_list1 dt span a {
	color: #3e3a39;
	display: inline;
	font: 400 14px/24px "宋体";
	float: right;
	margin-right: 53px;
}

.bodd3 {
	background: url(../image/bj3.jpg) no-repeat center;
	width: 240px;
	height: 469px;
	position: absolute;
	right: 0px;
	top: -118px;
	z-index: 99;
	color: #fff;
}

.bodd3 p {
	font: 500 12px/30px "微软雅黑";
	padding-left: 12px;
}

.bodd3 p:nth-child(1) {
	font: 600 18px/20px "微软雅黑";
	padding-left: 20px;
	padding-top: 32px;
}

.bodd3 p:nth-child(2) {
	font: 500 12px/20px "微软雅黑";
	padding-left: 20px;
	padding-top: 6px;
}

.bodd3 p:nth-child(3) {
	padding-top: 34px;
}

.bodd3 p:nth-child(8) {
	padding: 33px 0px 0px;
}

.bodd3 p:nth-child(9) {
	font-family: "宋体";
}

.cont2 .bodd4 {
	margin-top: 7px;
}

.cont3 {
	background: #f2f2f2;
	height: 920px;
	margin-top: 70px;
	padding-top: 30px;
}

.titl1 {
	width: 202px;
	height: 62px;
	background: #1b6ebc;
	color: #fff;
	font: 500 18px/62px "微软雅黑";
	text-align: center;
	position: absolute;
	top: -62px;
}

.abouttitle {
	padding-top: 0;
	padding-bottom: 0;
}


/*k_banner2*/
.w3cFocus {
	width: 100%;
	position: relative;
}

.w3cFocus .prev,
.w3cFocus .next {
	position: absolute;
	display: block;
	top: 376px;
	width: 13px;
	height: 23px;
}

.w3cFocus .next {
	right: 10px;
	background: url(../image/right1.png) no-repeat center;
}

.w3cFocus .prev {
	left: 951px;
	background: url(../image/left1.png) no-repeat center;
}

.w3cFocusIn {
	width: 1200px;
	height: 417px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.w3cFocusIn .bd li {
	vertical-align: middle;
}

.w3cFocusIn .bd li img {
	width: 1200px;
	height: 417px;
	display: block;
}

.w3cFocusIn .hd {
	position: absolute;
	right: 0px;
	bottom: 8px;
	height: 44px;
	background: rgba(0, 0, 0, 0.5);
}

.w3cFocusIn .hd ul {
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	overflow: hidden;
	zoom: 1;
	padding: 6px 40px 0;
}

.w3cFocusIn .hd ul li {
	position: relative;
	float: left;
	display: inline;
	filter: alpha(opacity=80);
	opacity: 0.8;
	cursor: pointer;
	margin-right: 10px;
}

.w3cFocusIn .hd ul li:last-child {
	margin-right: 0px;
}

.w3cFocusIn .hd ul li img {
	width: 80px;
	height: 26px;
	border: 2px solid #fff;
	display: block;
}

.w3cFocusIn .hd ul li.on {
	/*border-color: #1b6ebc;*/
}

.w3cFocusIn .hd ul li.on img {
	border: 2px solid #a8a8a8;
}

/*kbanner2 end*/
.cont3 .jingxin {
	margin-top: 44px;
}

.zone6 {
	margin-top: 33px;
}

.cont4 {
	background: url(../image/bj5.jpg) no-repeat center;
	height: 469px;
	overflow: hidden;
}

.tit_tt1 h2 {
	margin-top: -74px;
}

.spbf1 p {
	color: #fff;
	font: 500 18px/66px "微软雅黑";
}

.gsjj1 {
	width: 606px;
	padding-right: 14px;
}

.gsjj1 p {
	color: #7c7c7d;
	font: 500 12px/30px "宋体";
}

.gsjj1 p:first-child {
	color: #1b6ebc;
	font: 500 18px/30px "微软雅黑";
	margin-top: 23px;
	margin-bottom: 25px;
}

.gsjj1 p a {
	color: #1b6ebc;
	font: 500 12px/30px "微软雅黑";
}

.pingpai ul {
	padding-left: 12px;
	margin-top: 20px;
}

.pingpai li {
	float: left;
	width: 92px;
	margin-right: 40px;
}

.sorll_li a.img1 {
	display: block;
	width: 92px;
	height: 92px;
	margin-left: 0px;
	background-position: center top;
	background-repeat: no-repeat;
}

.sorll_li:hover a.img1 {
	background-position: 0px -92px;
}


.tzgg {
	position: relative;
	width: 100%;
	height: 46px;
	background: rgba(0, 0, 0, 0.8);
	top: -37px;
}

.tzgg .container {
	position: absolute;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	z-index: 99;
}

.tzgg .tzgg_tit {
	display: inline-block;
	background: url(../image/sd11.png) left center no-repeat;
	padding-left: 25px;
	color: #fff;
	line-height: 46px;
	vertical-align: middle;
	margin-right: 10px;
}

.tzgg .tzgg_tx {
	display: inline-block;
	width: 730px;
	vertical-align: middle;
	overflow: hidden;
}

.tzgg .tzgg_tx .bd li {
	float: left;
	background: url(../image/sd2.png) left center no-repeat;
	width: 233px;
	padding-left: 10px;
	padding-right: 20px;
	line-height: 46px;
}

.tzgg .tzgg_tx .bd li a {
	color: #fff;
}

.news-more {
	position: absolute;
	right: 257px;
	bottom: 8px;
	width: 88px;
	height: 26px;
	background-color: rgba(252, 200, 3, 1);
	border: 1px solid rgba(252, 200, 3, 1);
	border-radius: 3px 3px 3px 3px;
	text-align: center;
	line-height: 26px;
	color: #000;
	cursor: pointer;
}

.news-more:hover {
	background-color: #0061b0;
	background-image: none;
	border: 1px solid #0061b0;
	color: #fff;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}

/*----- Common css ------*/
.fl {
	float: left;
}

.fr {
	float: right;
}

.di {
	_display: inline;
}

.fwn {
	font-weight: normal;
}

.dib {
	*display: inline;
	_zoom: 1;
	_display: inline;
	_font-size: 0px;
}

/*首页新闻*/
.news_company {
	width: 280px;
	float: right;
}

.news1_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "微软雅黑";
	background: url(../image/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.news_company .content {
	padding: 5px;
}

/*首页左侧联系我们*/
.contact {
	width: 218px;
	float: left;
	padding-bottom: 5px;
	margin-top: 10px;
}

.contact_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "微软雅黑";
	background: url(../image/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.contact .content {
	padding: 5px;
	padding-left: 8px;
}

/*工程案例*/
.case {
	width: 460px;
	float: left;
	margin-left: 12px;
	padding-bottom: 5px;
	margin-top: 10px;
}

.case_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "微软雅黑";
	background: url(../image/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.case .content {
	padding: 5px;
	padding-bottom: 12px;
	text-indent: 20px;
}

.news2_company {
	margin-top: 10px;
}

/*产品推荐*/
.recommend_product {
	margin-top: 10px;
	width: 692px;
	float: left;
}

.recommend_product .title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "微软雅黑";
	background: url(../image/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.recommend_product .content {
	padding-top: 15px;
	padding-bottom: 14px;
}

.roll_product li {
	padding-bottom: 0px;
}




/*友情链接*/
.f_link1 {
	background-color: #f7c51e;
	padding: 12px 0;
	font-size: 16px;
	color: #333333;
}

.f_link1 a {
	color: #333333;
}

.f_link {
	width: 1200px;
	margin: 0 auto;
}

/*页面底部*/
#footer {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 8px;
}

#footer a {
	color: #666;
}

#footer a:hover {
	color: #e87518;
	text-decoration: none;
}

.nav_foot {
	text-align: center;
	line-height: 24px;
	color: #666;
}

.copyright {
	text-align: center;
	line-height: 24px;
}


.foot-bg {
	background: #333333;
	padding-top: 50px;
	box-sizing: border-box;
}

.flogo {
	color: #e5e5e5;
	font-size: 16px;
	line-height: 27px;
	margin-right: 80px;
}

.flogo p img {
	margin-bottom: 10px;
}

.foot-index {
	border-bottom: 1px solid #999999;
	padding-bottom: 50px;
}

.foot-index dl {
	float: left;
	width: 200px;
}

.foot-index dl dt {
	font-size: 16px;
	color: #e5e5e5;
	font-weight: bold;
	padding-bottom: 10px;
}


.foot-index dl dd a {
	display: block;
	color: #e5e5e5;
	font-size: 16px;
	line-height: 34px;
}

.foot-index .erq {
	text-align: center;
	color: #e5e5e5;
	font-size: 16px;
	line-height: 40px;
}

.cop-bg {
	background: #1a1a1a;
	padding: 15px 0;
	color: #e5e5e5;
	font-size: 16px;
}

.cop-bg a {
	color: #e5e5e5;
}




/*------------内页-------------------*/
.left .box {
	margin-bottom: 10px;
}

.left .box h3 {
	line-height: 31px;
	font-weight: normal;
	font-family: "微软雅黑";
	background: #1b6ebc;
	font-size: 24px;
	color: #fff;
	height: 75px;
	text-align: center;
	padding-top: 15px;
}

.left .box h3 span {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
}

.left .box .content {
	padding: 5px 0px;
}

.prodescription {
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	line-height: 24px;
	padding: 10px;
	margin-bottom: 15px;
	text-indent: 20px;
}

.n_banner {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: #fff7eb;
	overflow: hidden;
}

.n_banner img {
	width: 1920px;
	margin: 0 auto
}

.left {
	width: 240px;
	float: left;
}

.sort_menu {}

.sort_menu h3 {
	background-color: #ececec;
	line-height: 28px;
	padding-left: 15px;
	font-weight: bold;
}

.sort_product {
	margin-top: 10px;
}

.sort_product h3 {
	background-color: #ececec;
	line-height: 28px;
	padding-left: 15px;
	font-weight: bold;
}

.n_contact {
	margin-top: 10px;
}

.n_contact h3 {
	background-color: #ececec;
	line-height: 28px;
	padding-left: 15px;
	font-weight: bold;
}

.n_contact .content {
	padding: 5px;
	line-height: 24px;
}

.right {
	width: 940px;
	float: right;
	padding-bottom: 10px;
}

.sitemp {
	background: url(../image/nav1.jpg) repeat-x bottom center;
	height: 50px;
}

.sitemp h2 {
	width: 340px;
	float: left;
	line-height: 31px;
	text-align: center;
	text-align: left;
	color: #000;
	font-size: 14px;
}

.sitemp .site {
	float: right;
	line-height: 31px;
}

.right .content {
	padding: 20px;
	overflow: hidden;
	line-height: 24px;
	background: #fff;
	margin-top: 10px;
}

.right .content1 {
	padding: 20px;
	overflow: hidden;
	line-height: 24px;
	background: #fff;
	margin-top: 10px;
	height: 289px;
}


.n_img1 {
	width: 460px;
	overflow: hidden;
	margin-top: 10px;
}

.n_img2 {
	width: 460px;
	overflow: hidden;
	margin-top: 10px;
}




/* banner小图标 */
.btub {
	margin: 0 auto;
	background: #e6e6e6;
	height: 100px;
	position: relative;
/*	margin-top: -50px;*/
	z-index: 9999;
	width: 1200px;
}

.btub ul {
	box-sizing: border-box;
	height: 100px;
}

.btub ul li {
	float: left;
	width: 25%;
	background: url(../image/bxian.png) right center no-repeat;
	display: flex;
	justify-content: center;
	height: 100px;
	padding-top: 26px;
	box-sizing: border-box;
}

.btub ul li:last-child {
	background: none;
}

.btub ul li .btule {
	width: 51px;
	height: 51px;
	margin-right: 15px;
}

.btub ul li .bturi h3 {
	font: 600 18px/20px MicrosoftYaHei;
	color: #333333;
}

.btub ul li .bturi span {
	font: 500 16px/30px MicrosoftYaHei;
	color: #333333;
}

.btub ul li:hover {
	background: #f7c51e;
}

/*pro*/
.bj1 {
	background: #f5f5f5;
	padding-bottom: 75px;
	box-sizing: border-box;
}

.pro-index {
	background: #fff;
	padding: 0 20px;
	padding-top: 50px;
}

.ptitle {
	text-align: center;
	padding-bottom: 50px;
}

.ptitle b {
	display: block;
	color: #333333;
	font-size: 24px;
	font-weight: normal;
}

.ptitle span {
	display: block;
	width: 75px;
	height: 2px;
	background: #f7c51e;
	margin: 0 auto;
}

.ptitle p {
	font-size: 18px;
	color: #333333;
}

.pro-con .prol {
	width: 855px;
	height: 512px;
	box-sizing: border-box;
}

.pro-con .pror {
	width: 305px;
}

.pro-con .pror ul {
	border: 1px solid #e6e6e6;
	background: #f2f2f2;
}

.pro-con .pror ul li {
	border-bottom: 1px solid #e6e6e6;
	height: 102px;
	padding-left: 30px;
	padding-top: 30px;
	box-sizing: border-box;
	position: relative;
}

.pro-con .pror ul li:last-child {
	border-bottom: none;
}

.pro-con .pror ul li a {
	display: block;
	background: url(../image/m1.png) no-repeat 200px center;
}

.pro-con .pror ul li a .a1 {
	color: #333333;
	font-size: 16px;
}

.pro-con .pror ul li a .a2 {
	color: #333333;
	font-size: 16px;
}

.pro-con .pror ul li.cur {
	background: #f7c51e;
}

.pro-con .pror ul li.cur::before {
	content: "";
	position: absolute;
	left: -11px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #f7c51e;
	border-bottom: 10px solid transparent;
	top: 50%;
	margin-top: -5px;
	z-index: 999;
}

.tt {
	display: none;
}

.p-list1 li .img {
	width: 856px;
	height: 358px;
	overflow: hidden;
}

.p-list1 li .img img {
	width: 100%;
	height: auto;
}

.p-list1 li .zi {
	background: #ffffff;
	border: 1px solid #e6e6e6;
	height: 154px;
	box-sizing: border-box;
	text-align: center;
	padding: 0 34px;
}

.p-list1 li .zi h3 {
	text-align: center;
	font-size: 18px;
	color: #333333;
	border-bottom: 2px solid #f7c51e;
	display: inline-block;
	padding-top: 10px;
}

.p-list1 li .zi h4 {
	text-align: left;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 48px;
	overflow: hidden;
}

.p-list1 li .zi .zy {
	background: #f7c51e;
	height: 31px;
	color: #1a1a1a;
	font-size: 15px;
	line-height: 31px;
}

/*bj2*/
.bj2 {
	margin-top: 74px;
}

.ys-con {}

.ys-con .hd ul {
	text-align: center;
	margin-top: 20px;
}

.ys-con .hd ul li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #4a4a4a;
	background: #fff;
	text-indent: -10000px;
	margin: 0 10px;
}

.ys-con .hd ul li.on {
	border: 1px solid #4a4a4a;
	background: #f7c51e;
}

.ys-con .bd ul li {
	float: left;
	border: 1px solid #dfdfdf;
	margin: 0 9px;
	width: 226px !important;
	box-sizing: border-box;
	height: 247px;
	padding: 0 12px;
}

.ys-con .bd ul li .img1 {
	width: 62px;
	height: 62px;
	margin: 0 auto;
	margin-top: 30px;
}

.ys-con .bd ul li .img1 img {
	width: 62px;
	height: 62px;
}

.ys-con .bd ul li b {
	display: block;
	color: #333333;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	background: url(../image/t1.png) no-repeat bottom center;
	line-height: 30px;
}

.ys-con .bd ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin-top: 15px;
}

/**/
.bj3 {
	background: #f5f5f5;
	padding: 50px 0;
	box-sizing: border-box;
	margin-top: 70px;
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}

.about-index .abl {
	width: 960px;
	height: 437px;
}

.about-index .abr {
	margin-left: 40px;
	width: 560px;
	height: 438px;
	overflow: hidden;
}

.about-index .abr h2 b {
	color: #333333;
	font-size: 24px;
	display: block;
}

.about-index .abr h2 span {
	display: block;
	width: 74px;
	height: 2px;
	background: #f6d257;
}

.about-index .abr h2 i {
	font-size: 18px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 15px;
}

.about-index .abr p {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 28px;
	text-align: justify;
}

.about-index .abr a {
	display: block;
	width: 124px;
	height: 38px;
	border: 1px solid #f7c51e;
	background: #333333;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	float: right;
	margin-top: 20px;
}

.about-index .abr .ab-img {
	margin-top: 32px;
}

.about-index .abr .ab-img .bd ul li {
	float: left;
	border: 1px solid #d6d6d6;
	margin: 0 4px;
	width: 182px;
	height: 138px;
}

.about-index .abr .ab-img .bd ul li .img img {
	
	width: 180px;
	height: 136px;
}


/**/
.bj4 {
	margin-top: 70px;
}

.honor-con {
	position: relative;
	overflow: hidden;
}

.honor-con .hd a {
	display: block;
}

.honor-con .hd a.next {
	position: absolute;
	background: url(../image/left.png) no-repeat top center;
	width: 28px;
	height: 64px;
	left: 8px;
	top: 140px;
	z-index: 999;
}

.honor-con .hd a.prev {
	position: absolute;
	background: url(../image/right.png) no-repeat top center;
	width: 28px;
	height: 64px;
	right: 0;
	top: 140px;
	z-index: 999;
}

.honor-con .bd ul li {
	float: left;
	margin: 0 8px;
	border: 1px solid #dfdfdf;
	position: relative;
}

.honor-con .bd ul li .img1 img {
	width: 285px;
	height: 385px;
}

.honor-con .bd ul li .wz {
	background: url(../image/t2.png) no-repeat top center;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #333333;
	font-style: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}



/* news_index */

.news_index {
	position: relative;
	height: 735px;
	background: url(../image/news_bg.png) no-repeat center;
	padding-top: 45px;
	box-sizing: border-box;
	margin-top: 70px;
}

.ttt4 {
	text-align: center;
}

.ttt4 h3 {
	color: #000;
	font-size: 24px;
	font-weight: 400;
	padding-top: 10px;
}

.ttt4 p {
	color: #000;
	font-size: 16px;
	font-weight: 400;
}

.box_news {
	position: relative;
	height: 410px;
}

.news_left {
	width: 580px;
}

.news_right {
	width: 580px;
}

.news_left img {
	width: 100%;
}

.news_list2 {
	/* border: 1px solid #ebebeb; */
	height: 379px;
	width: 580px;
}

.news_list2 h3 a {
	display: block;
	font: 600 18px/18px "Microsoft Yahei";
	color: #222222;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-left: 19px;
}

.news_list2 span {
	display: block;
	font: 400 14px/25px "Microsoft Yahei";
	color: #666666;
	padding-left: 19px;
	padding-right: 19px;
}

.news_list2 span a {
	color: #f7c51e;
}

.news_list2 li a.imgs {
	display: block;
	width: 580px;
	height: 220px;
	overflow: hidden;
}

.news_list2 li a.imgs img {
	transition: all 0.8s;
	width: 580px;
	height: 220px;
}

.news_list2 li:hover a.imgs img {
	transform: scale(1.04, 1.04);
}

.news_list3 {
	position: relative;
}

.news_list3 li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #d2d2d2;
}

.news_list3 .times {
	text-align: center;
	width: 81px;
	height: 97px;
	background-color: #3f3a39;
	border-radius: 5px;
}

.news_list3 .times span {
	display: block;
	font: 400 48px/48px "Arial";
	color: #fff;
	margin-top: 16px;
}

.news_list3 .times span a {
	color: #1a1a1a;
}

.news_list3 .times p {
	font: 400 16px/16px "Arial";
	color: #fff;
}

.n_list {
	width: 426px;
	margin-left: 48px;
}

.n_list h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.n_list h3 a {
	font: bold 16px/16px "Microsoft Yahei";
	color: #1a1a1a;
}

.n_list span {
	font: 400 14px/24px "Microsoft Yahei";
	color: #666666;
	height: 47px;
	overflow: hidden;
	display: block;
}

.n_list span a {
	color: #f7c51e;
}

.news_box {
	margin-top: 40px;
}

.news_list4 li {
	float: left;
	width: 490px;
	height: 120px;
	background: #f4f4f4;
	margin: 0 13px;
}

.news_list4 li h3 {
	padding-top: 20px;
}

.news_list4 li h3 a {
	display: block;
	padding-left: 72px;
	font: 600 15px/28px "Microsoft Yahei";
	color: #444444;
	background: url(../image/wen.png) no-repeat 34px center;
}

.news_list4 li span {
	display: block;
	padding-left: 72px;
	font: 400 14px/24px "Microsoft Yahei";
	color: #666666;
	background: url(../image/da.png) no-repeat 34px 6px;
	width: 384px;
}

.wenda {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 0px;
}

.wenda .hd {
	width: 192px;
}

.wenda .bd {
	width: 1008px;
}

.wenda .hd h3 {
	font: 600 20px/30px "Microsoft Yahei";
	color: #383838;
}

.wenda .hd p {
	font: 400 14px/24px "Microsoft Yahei";
	color: #b4b4b4;
	margin-bottom: 25px;
}

.wenda .hd {
	font-size: 0;
}

.wenda .hd a {
	display: inline-block;
	width: 54px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	background: #333333;
}

.wenda .hd a:hover {
	background: #f7c51e;
}