* {
	padding: 0;
	margin: 0;
}

* {
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
}

img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}

body {
	font: normal 14px/18px "microsoft yahei";
	background: #FFF;
	color: #676767;
}

ul,
ol {
	list-style-type: none;
}

input,
select {
	font-size: 14px;
}

button {
	border: none;
	cursor: pointer;
	font-size: 14px;
	background-color: transparent;
}

.clear:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clear {
	*zoom: 1;
}

a {
	outline: none;
	display: block;
	noFocusLine: expression(this.onFocus=this.blur())
}

a:link,
a:visited {
	text-decoration: none;
	color: #676767;
}

a:hover,
a:active {
	text-decoration: underline;
	color: #21685a;
}

.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.break {
	word-break: break-all;
	word-wrap: break-word
}

.nobreak {
	word-break: break-all;
	word-wrap: normal
}

.unline {
	text-decoration: underline
}

.fl {
	float: left
}

.fr {
	float: right
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

.f-red {
	color: #db0000;
}

.red:link,
.red:visited {
	text-decoration: none;
	color: #db0000;
}

.red:hover,
.red:active {
	text-decoration: underline;
	color: #db0000;
}

.f-white {
	color: #db0000;
}

.white:link,
.white:visited {
	text-decoration: none;
	color: #ffffff;
}

.white:hover,
.white:active {
	text-decoration: underline;
	color: #ffffff;
}

/*==Indexflash End==*/

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

.top {
	height: 114px;
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 999;
	background: #FFFFFF;
}

.header {
	display: flex;
	align-items: center;
	height: 114px;
}

.menu {
	flex: 1;
	padding-right: 40px;
	border-right: #ddd 1px solid;
	margin-right: 40px;
}

.menu ul {
	display: flex;
	justify-content: flex-end;
}

.menu ul li {
	font-size: 16px;
	margin-left: 50px;
	position: relative;
}
.menu ul li  ul{width: 150px; position: absolute; z-index: 99; padding: 10px 0; background: #FFFFFF; border-radius: 5px;
box-shadow: 0 0px 5px 0px #f4f4f4; left: 50%; margin-left: -75px; flex-wrap: wrap;
}
.menu ul li  ul li{ line-height: 30px;  text-align: center;margin-left: 0!important; width: 150px;}
.menu ul li  ul li a{padding: 0 0 !important;color: #999;
    font-size: 14px;}
.menu ul li.active:before {
	content: '';
	position: absolute;
	background: #ff0000;
	width: 100%;
	border-radius: 5px;
	height: 5px;
	bottom: -10px;
}

.menu ul li a:hover {
	text-decoration: none;
	color: #FF0000;
}

.menu ul li a { padding: 10px 0;
	text-decoration: none;
}

.search {
	background: url(../images/searchbt.png) center center no-repeat;
	background-size: 18px;
	width: 18px;
	height: 32px;
	display: block;
	margin-right: 10px;
}
.search  a{width: 18px;
	height: 32px; display: block;}

.banner {
	padding-top: 114px;
}

.about {
	padding: 50px;
	display: flex;
	justify-content: space-between;
}

.a-left {
	width: 577px;
	padding-right: 144px;
}

.a-left h1 {
	font-size: 30px;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	line-height: 1;
}

.a-left h2 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	line-height: 1;
	margin-bottom: 50px;
}

.a-left p {
	line-height: 24px;
}

.about-c {
	padding-top: 40px;
}

.a-right {
	width: 623px;
}

.pro {
	background: url(../images/probg.jpg) center center no-repeat;
	height: 848px;
}

.title {
	padding-top: 50px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
	line-height: 1.2;
}

.line {
	width: 50px;
	height: 2px;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 auto;
	display: block;
	margin-top: 25px;
	margin-bottom: 25px;
}

.catlog {
	color: #FFFFFF;
	display: flex;
	justify-content: center;
}

.catlog a {
	color: #FFFFFF;
	text-decoration: none;
}

.catlog a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.catlog span {
	padding: 0 10px;
}

.pro ul {
	width: 100%;
	padding-top: 76px;
	display: block;
	margin-bottom: 40px;
}

.pro ul li {
	float: left;
	width: 250px;
	height: 191px;
	margin-right: 66px;
	
	margin-bottom: 30px;overflow: hidden;position: relative;
}

.pro ul li span {
	position: absolute;
	height: 35px;
	width: 250px;
	background: rgba(0, 0, 0, 0.5);
	line-height: 35px;
	bottom: 0;
	
}
.pro ul li  img{width: 250px;
	height: 191px; object-fit: cover;}
.pro ul li a {
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

.pro ul li:nth-child(4n) {
	margin-right: 0px !important;
}

.more {
	width: 120px;
	border: #FFFFFF 2px solid;
	text-align: center;
	line-height: 35px;
	 
}

.more a {
	color: #FFFFFF;
	text-decoration: none;
}

.equ {}

.equ-title {
	padding-top: 50px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
	line-height: 1.2;
}

.equ ul {
	width: 100%;
	padding-top: 76px;
	display: block;
	margin-bottom: 40px;
}

.equ ul li {
	float: left;
	width: 250px;
	margin-right: 66px;
	
	margin-bottom: 30px;
	
}
.equ ul li:nth-child(4n){margin-right: 0!important;}
.equ ul li img {
	width: 250px;
	height: 191px;
}

.equ ul li span {
	height: 35px;
	width: 250px;
	line-height: 35px;
	
}

.equ ul li a {position: relative;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	text-align: center;
	box-shadow: 0px 3px 5px #ddd;
 

}
.equ ul li a:hover{
 box-shadow:0px 5px 13px #999;
}

.texing {
	background: url(../images/pbg.png) center center no-repeat;
	height: 644px;
}

.texing-title {
	text-align: center;
	padding-top: 82px;
	font-size: 30px;
	color: #FFFFFF;
}

.texing-title p {
	line-height: 1;
	padding-top: 10px;
}

.protexing ul li {
	width: 20%;
	float: left;
	text-align: center;
	height: 105px;
	margin-bottom: 80px;
}

.protexing ul {
	padding-top: 105px;
}


.footer {
	position: absolute;
	bottom: 0;
	background: #595757;
	left: 0;
	right: 0;
	color: #f8c499;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footersub {

	background: #000000;
	width: 100%;
	color: #FFFFFF;
	height: 313px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footerc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1200px;
}

.footer-l a {
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 36px;
}

.footer-l a span {
	opacity: 0.5;
	padding-left: 10px;
	font-family: "arial, helvetica, sans-serif";
}

.title-f {
	font-size: 18px;
	border-bottom: #FFFFFF 1px solid;
	padding-bottom: 20px;
}

.address {
	padding: 30px 0;
}

.daohang {
	display: flex;
}

.daohang a {
	color: #FFFFFF;
	text-decoration: none;
}

.erweima {
	padding: 20px 0;
}

.guide {
	background: url(../images/mapico.png) 20px center no-repeat;
	border: #FFFFFF 1px solid;
	border-radius: 25px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding-left: 20px;
	margin-right: 15px;
}

.website {
	background: url(../images/homeico.png) 20px center no-repeat;
	border: #FFFFFF 1px solid;
	border-radius: 25px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding-left: 20px;
}

.bannersub {
	margin-top: 114px;
	background: #333333;
}

.bannersub img {
	display: block;
}

.aboutsub {
	padding: 50px 0;
}



.neiye {
	width: 1200px;
	margin: 0 auto;
	height: 100%;
}

.subnav-wrapper {
	display: flex;
	width: 1200px;
	margin: 0 auto;
}

.subnav {
	position: relative;
	background: #f4f4f4;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	width: 100%;
	height: 63px;
}

.sub-title {
	min-width: 30%;
	width: 30%;
	font-size: 22px;
	color: #ff0000;
	line-height: 63px;
}

.sub-title span {
	font-size: 18px;
	color: #999;
}

.sub-menuitem {
	width: 100%;
	line-height: 63px;
	font-size: 15px;

	text-align: right;
	position: relative;
}

.sub-menuitem a {
	display: inline-block;
	color: #7f7f7f;
	text-decoration: none;
	margin: 0 15px;
}

.sub-menuitem a:hover {
	display: inline-block;
	color: #FF0000;
	margin: 0 15px;
}

.table td {
	border: #f1f1f1 1px solid;
	padding: 2px 5px;
}
.table {
	border-collapse: collapse;
	margin: auto;
}
.content{    padding: 50px 0;
    font-size: 16px;
    line-height: 30px;}
/*==Index End==*/
.input {
	border: #333333 1px solid;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	color: #333;
	font-size: 12px;
}

 

/*==Form style End==*/
.newslist ul li {
	line-height: 30px;
	border-bottom: #e4e4e4 1px dashed;
	background: url(../images/libg.gif) left center no-repeat;
	padding-left: 10px;
}

.newslist ul li span {
	float: right;
	line-height: 30px;
}

.imglist ul li {
	text-align: center;
	float: left;
	display: inline;
	width: 190px;
	height: 172px;
	border: #e4e4e4 1px solid;
	margin: 5px 15px;
	overflow: hidden;
}

.imglist ul li img {
	background: #FFFFFF;
}

.imglist ul li span {
	line-height: 24px;
	height: 24px;
	display: block;
	background: #F3F3F3;
}


#subleft {
	width: 209px;
	float: left;
	margin-right: 34px;
	overflow: hidden
}

#subleft-title {
	font-size: 16px;
	font-weight: bold;
	color: #616161;
	background: url(../images/left_01.jpg) left center no-repeat;
	font-family: "微软雅黑";
	height: 35px;
	text-align: center;
	padding-top: 10px;
}

#subleft-title span {
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
	color: #333;
}

#subleft ul {
	list-style: none;
}

#subleft ul li {
	color: #333;
	line-height: 39px;
	height: 39px;
	display: block;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
}

#subleft ul li a {
	color: #333;
	background: url(../images/libg.jpg) left top no-repeat;
	text-decoration: none;
	display: block;
	line-height: 39px;
	height: 39px;
}

#subleft ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/libg.jpg) left bottom no-repeat;
	display: block;
	line-height: 39px;
	height: 39px;
}

#subright {
	width: 220px;
	float: left;
	overflow: hidden
}

.subtitle {
	background: url(../images/title.jpg) left bottom no-repeat;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	font-size: 14px
}

/*==Sub End==*/

h3 {
	border-bottom: #e2e2e2 1px dashed;
	display: block;
	margin-bottom: 30px;
	text-align: center;
	line-height: 24px;
	padding: 30px 0;
}

.pnpage {
	background: #fff5e8;
	border-top: #c08742 2px solid
}

 .fenlei{ font-size: 16px; box-shadow: 0 0 5px #e5e5e5;}
 .fenlei ul{display: flex; width: 100%; height: 60px; line-height: 60px;}
.fenlei ul li a{text-decoration: none;}
 .fenlei ul li{width: 100%; text-align: center; border-right: #e5e5e5 1px solid; position: relative;}
 .fenlei ul li :before{content: '';position: absolute; border-style: solid; border-width: 5px; border-color: #aaaaaa transparent transparent transparent; right: 10px; top: 26px;}

/*==Page Start==*/
.page {
	text-align: center;
}

.page A {
	border: #eeeeee 1px solid;
	BACKGROUND: #fff;
	COLOR: #666;
	MARGIN-RIGHT: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	TEXT-DECORATION: none;
	padding: 8px 14px;
	display: inline;
}

.page A:hover {
	border: #eeeeee 1px solid;
	BACKGROUND: #fff;
	COLOR: #666;
	MARGIN-RIGHT: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	TEXT-DECORATION: none
}

.page A:active {
	border: #eeeeee 1px solid;
	BACKGROUND: #fff;
	COLOR: #666;
	MARGIN-RIGHT: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	TEXT-DECORATION: none
}

.page SPAN.current {
	BACKGROUND: #FF0000;
	COLOR: #FFFFFF;
	font-weight: bold;
	padding: 8px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right: 5px;
	TEXT-DECORATION: none;
}

.page SPAN.disabled {
	BACKGROUND: #ddd;
	COLOR: #FFFFFF;
	font-weight: bold;
	padding: 8px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right: 5px;
	TEXT-DECORATION: none;
}

.first,
.prev,
.next {
	margin-right: 0 !important
}

.end {
	margin-left: 0 !important
}

/*==Page End==*/
/*==Details End==*/
#demo {
	/*background: #FFF;*/
	overflow: hidden;
	/*border: 1px dashed #CCC;*/
	width: 1200px;
	margin-bottom: 40px;

}

#demo img {
	/*border: 3px solid #F2F2F2;*/
	width: 250px; height: 191px;

}

#indemo {
	float: left;
	width: 800%;
}

#demo1 {
	float: left;
}

#demo2 {
	float: left;
}

/*==横向滚动菜单==*/
.indexCol_banner {
	overflow: hidden;
	margin: 0 auto
}

/*.indexCol_banner .slider .nivo-controlNav{ display:none;}*/
.nivo-directionNav a {
	background: url(arrows.png) no-repeat 0 0;
	border: 0 none;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 30px;
}

a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}

a.nivo-prevNav {
	left: 15px;
}

.nivoSlider {
	position: relative;
}

.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 60;
	display: none;
}

.nivo-slice {
	display: block;
	position: absolute;
	z-index: 50;
	height: 100%;
}

.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #ff0000;
	color: #ffff00;
	opacity: 0.8;
	width: 100%;
	z-index: 89;
}

.nivo-caption p {
	padding: 5px;
	margin: 0;
}

.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 99;
	cursor: pointer;
}

.nivo-prevNav {
	left: 0px;
}

.nivo-nextNav {
	right: 0px;
}

.nivo-controlNav {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 20px;
	width: 100%;
	overflow: hidden;
	padding-right: 3px;
	text-align: right;
	background: #fffff;
	color: #FF0;
	filter: alpha(style=1, opacity=5, finishOpacity=80);
	z-index: 500;
}

.nivo-controlNav a {
	padding: 1px 10px;
	border-left: #cccccc 1px solid;
	height: 20px;
	line-height: 20px;
	font-size: 9px;
	color: #fff;
	cursor: pointer;
	font-family: sans-serif;
	background-color: #666;
}

.nivo-controlNav a.active {
	background-color: #999;
}

/*==首页切换大图==*/

.prolist ul {
	width: 100%;
	 
	display: block;
	margin-bottom: 40px;
}

.prolist ul li {
	float: left;
	width: 250px;
	height: 191px;
	margin-right: 66px;
	position: relative;
	margin-bottom: 30px;
}

.prolist ul li span {
	position: absolute;
	height: 35px;
	width: 250px;
	background: rgba(0, 0, 0, 0.5);
	line-height: 35px;
	bottom: 0;
}

.prolist ul li a {
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	box-shadow: 0px 3px 5px #999;
	 
}
.prolist ul li a:hover{	 box-shadow:0px 3px 10px #666;
	
}

.prolist ul li:nth-child(4n) {
	margin-right: 0px !important;
}
.prolist ul li img{width: 250px;
    height: 191px;object-fit: cover;}
	
	
	.newslistn {
		width: 1200px;
		margin: 0 auto;
	}
	
	.newslistn ul li a {
		display: flex;
		padding: 15px 15px;
		border-bottom: #eee 1px solid;
		text-decoration: none;
	}
	
	.newslistn ul li a:hover {
		display: flex;
		padding: 15px;
		border-bottom: #eee 1px solid;
		text-decoration: none;
		background: #f4f4f4
	}
	
	.newslistnitem01 {
		flex: 0 0 200px;
		margin-right: 20px;
	}
	
	.newslistnitem02 {
		flex: 1;
	}
	
	.newslistnitem02 h2 {
		font-weight: normal;
		color: #333;
		padding: 10px 0;
		font-size: 18px;
	}
	
	.newslistnitem02 p {
		line-height: 18px;
		color: #676767;
		padding-bottom: 10px;
	}
	
	.newslistnitem02 span {
		display: block;
		margin-bottom: 10px;
		font-size: 14px;
	}
	
	.newslistnitem02 div.more {
		background: #ff0000;
		width: 130px;
		 
		line-height: 35px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
	}