body,
form,
div,
span,
ul,
ol,
li,
p,
pre,
dl,
dt,
dd,
em,
a,
fieldset,
legend,
address,
label,
textarea,
select,
input,
button,
figure,
table,
th,
td,
b,
i {
	margin: 0;
	padding: 0;
	font-family: Arial,"思源雅黑";
}

fieldset,
img {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

ul,
li {
	list-style: none;
}

em,
i {
	font-style: normal;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #000;
}

input,
select,
img {
	vertical-align: middle;
}

hr {
	border: 1px solid #333;
}

.clear {
	zoom: 1;
}

.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.wp {
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
}

.index-head {
	width: 100%;
	position: relative;
	height: 770px;
}

.header {
	/* width: 100%;
	position: absolute;
	top: 0px;
	z-index: 9999; */
}

.top {
	width: 100%;
	height: 45px;
	background: rgba(135, 149, 182, 0.5);
	color: #FFF;
	line-height: 45px;
	font-size: 15px;
}

.top a {
	color: #FFF;
	margin-left: 5px;
	margin-right: 5px;
}

.top a:hover {
	color: #f42400;
}

.top b {
	font-size: 18px;
}

.head {
	width: 100%;
	height: 90px;
	background: #FFF;
	-moz-box-shadow: 0 6px 10px #FFF;
	/*firefox*/
	-webkit-box-shadow: 0 6px 10px #FFF;
	/*safari或chrome*/
	box-shadow: 0 6px 10px #FFF;
	/*opera或ie9*/
}

.box-top {
	-moz-box-shadow: 0 6px 10px #FFF;
	/*firefox*/
	-webkit-box-shadow: 0 6px 10px #FFF;
	/*safari或chrome*/
	box-shadow: 0 6px 10px #FFF;
	/*opera或ie9*/
}

.address {
	height: 400px;
	background: url(../images/bg4.jpg) right no-repeat;
	margin-top: 300px;
}

.address dl {
	padding-top: 50px;
}

.address dl dt h3 {
	color: #a10000;
}

.address dl dt p {
	line-height: 30px;
	margin-top: 20px;
}

.address dl dd {
	margin-top: 10px;
}

.address dl dd i {
	margin-right: 5px;
}

.address dl dd i.ad1 {
	color: #f42400;
}

.address dl dd i.ad2 {
	color: #517eb7;
}

.address dl dd i.ad3 {
	color: #f1ab2c;
}

.pd-top {
	width: 100%;
	height: 135px;
	background: #f0f1f5;
}

.pd-top dl dt {
	width: 50%;
	float: left;
	line-height: 135px;
	text-align: center;
	font-size: 33px;
	color: #666;
	cursor: pointer;
}

.pd-top dl dt.on {
	background: #FFF;
}

.pd-top dl dt a {
	display: block;
	color: #666;
}

.pd-tabl {
	width: 275px;
	height: 100%;
	background: url(../images/cat.jpg);
	text-align: center;
	color: #FFF;
	padding: 53px 0;
	filter: grayscale(1);
}

.pd-tabl h3 {
	font-size: 24px;
}

.pd-tabl p {
	margin-top: 13px;
}

.pd-tabr {
	flex: 1;
}

.pd-tabr dl {
	display: flex;
	height: 100%;
}

.pd-tabr dl dt {
	flex: 1;
	height: 100%;
	border-bottom: 3px solid #a8a8a8;
	text-align: center;
	padding-top: 30px;
	float: left;
	margin-left: 1px;
	cursor: pointer;
}

.pd-tabr dl dt img {
	width: 56px;
	height: 56px;
	border: 3px solid #333333;
	border-radius: 50%;
}

.pd-tabr dl dt h3 {
	margin-top: 15px;
	color: #333333;
}

.pd-tabr dl dt p {
	margin-top: 5px;
}

.pd-tabr dl dt:nth-child(1) {
	margin-left: 0px;
}

.pd-tabr dl dt.on {
	border-bottom: 3px solid #333333;
}

.product-list {
	margin-top: 50px;
}

.product-list .row {
	display: block;
	flex: 1;
	box-sizing: content-box;
}

.product-list dl {
	margin-bottom: 20px;
}

.product-list dl dt {
	width: 100%;
	height: 150px;
	overflow: hidden;
	position: relative;
}

.product-list dl dt img {
	width: 100%;
	height: 150px;
	position: absolute;
	z-index: 1;
}

.product-list dl dt div {
	width: 100%;
	height: 55px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 9;
	bottom: 0px;
	line-height: 55px;
	color: #FFF;
	font-size: 18px;
}

.product-list dl dt div span {
	float: left;
	margin-left: 20px;
}

.product-list dl dt div i {
	width: 30px;
	height: 100%;
	float: right;
	line-height: 57px;
	text-align: center;
	font-size: 20px;
	display: block;
	background: #333333;
}

.product-list dl dd {
	border: 1px solid #666;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}

.product-list dl dd a {
	display: block;
}

.product-list dl:nth-child(1) {
	margin-left: 0px;
}

.product-list dl dd:hover {
	background: #333333;
	border: 1px solid #333333;
}

.product-list dl dd:hover a {
	color: #FFF;
}

.product-list dl dd.on {
	background: #333333;
	border: 1px solid #333333;
}

.product-list dl dd.on a {
	color: #FFF;
}

/*产品详情*/
.notice {
	width: 100%;
	height: 55px;
	background: #333333;
	text-align: center;
	line-height: 55px;
	color: #FFF;
	font-size: 18px;
}

.pd-gallery {
	width: 550px;
	margin-top: 50px;
}

.mr_frbox {}

.mr_frBtnL {
	float: left;
	margin-top: 160px;
	margin-right: 10px;
	cursor: pointer;
	display: inline;
}

.mr_frUl {
	float: left;
	width: 450px;
}

.mr_frBtnR {
	float: right;
	margin-top: 160px;
	cursor: pointer;
}

.mr_frUl ul li {
	float: left;
	width: 450px;
	overflow: hidden;
	text-align: center;
}

.mr_frUl ul li img {
	max-width: 450px;
}

.pd-right {
	width: 520px;
	margin-top: 50px;
}

.pd-right h1 {
	border-bottom: 1px solid #CCC;
	color: #333333;
	line-height: 60px;
}

.tempWrap {
	width: 560px;
}

.canshu {
	line-height: 35px;
	margin-top: 20px;
}

.pd-title {
	width: 100%;
	height: 45px;
	background: #e3e2e2;
	line-height: 45px;
	margin-top: 30px;
}

.pd-title span {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-left: 20px;
}

.pd-des {
	padding: 10px 20px;
	line-height: 30px;
}

.ys {
	margin-top: 50px;
}

.ys-title {
	height: 55px;
	background: url(../images/pd-line.png) left bottom no-repeat;
	background-size: 100%;
}

.ys-title span {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-left: 20px;
}

.ys-list dl dt {
	position: relative;
	margin-top: 30px;
}

.ys-list dl dt img {
	width: 100%;
}

.ys-list dl dt .cover {
	position: absolute;
	padding: 20px 30px 20px 30px;
	bottom: 0;
}

.ys-list dl dt p {
	margin-top: 20px;
	line-height: 25px;
	font-size: 14px;
}

.ys-list dl dt h3 {
	font-size: 22px;
}

.ys-list dl dt:nth-child(1) {
	margin-left: 0px;
}

.ly {
	margin-top: 50px;
}

.ly-list {
	margin-top: 30px;
	height: 181px;
	overflow: hidden;
}

.ly-list ul li {
	width: 145px;
	float: left;
	margin-left: 14px;
}

.ly-list ul li:nth-child(1) {
	margin-left: 0px;
}

.ly-list ul li img {
	width: 145px;
	height: 145px;
	border-radius: 50%;
}

.ly-list ul li p {
	text-align: center;
	margin-top: 15px;
	color: #333333;
}

#iframeId {
	margin-top: 50px;
	margin-bottom: 30px;
}

.ly-gallery {
	width: 100%;
	height: 725px;
	background: url(../images/bg10.jpg) center no-repeat;
	padding-top: 40px;
}

.imgnav {
	width: 1100px;
}

#content {
	margin: 0px auto;
	line-height: 19px;
}

#content p {
	text-indent: 2em;
	color: #333;
}

.imgnav {
	position: relative;
	margin: 0 auto;
	width: 1100px;
}

#img {
	z-index: 10;
	position: relative;
	margin-top: 40px;
}

#img li {
	position: relative;
	display: none;
}

#img dl dt {
	width: 800px;
	height: 520px;
	position: absolute;
	z-index: 2;
	left: 0px;
}

#img dl dd {
	width: 485px;
	height: 380px;
	position: absolute;
	z-index: 9;
	right: 0px;
	top: 50px;
	background: #FFF;
	color: #000;
	padding-left: 55px;
	padding-top: 50px;
	padding-right: 20px;
}

.ly-lines {
	width: 85px;
	height: 3px;
	display: inline-block;
	background: #0c70ac;
	float: left;
	margin-top: 15px;
	margin-right: 10px;
	background:
}

#img dl dd h3 {
	color: #0c70ac;
	font-weight: normal;
	font-size: 22px;
}

#img dl dd h1 {
	font-weight: normal;
	color: #0c70ac;
	margin-top: 15px;
}

#img dl dd h5 {
	font-weight: normal;
	color: #0c70ac;
	margin-top: 10px;
}

#img dl dd div {
	font-size: 15px;
	line-height: 30px;
	margin-top: 20px;
}

#front {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	cursor: pointer;
	width: 394px;
	height: 578px;
}

#front a {
	position: absolute;
	left: 20px;
	top: 224px;
	display: block;
	width: 104px;
	height: 104px;
	display: none;
}

#next {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
	cursor: pointer;
	width: 394px;
	height: 578px;
}

#next a {
	position: absolute;
	right: 20px;
	top: 224px;
	display: block;
	width: 104px;
	height: 104px;
	display: none;
}

#cbtn {
	position: relative;
	height: 122px;
}

#cbtn ul {
	position: relative;
	width: 10000px;
	height: 122px;
}

#cbtn ul li {
	float: left;
	width: 245px;
	height: 105px;
	cursor: pointer;
	text-align: center;
	margin-right: 5px;
	position: relative;
	/* background: #e6e6e6; */
	background: #999;
	text-align: center;
	color: #FFF;
}

#cbtn ul li div {
	width: 245px;
	height: 40px;
	padding-top: 20px;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}

#cbtn ul li p {
	margin-top: 10px;
}

#cbtn li.hov {
	background: #a10000;
}

.ctrl div {
	clear: both;
}

#cSlideUl {
	width: 990px;
	height: 116px;
	overflow: hidden;
	position: relative;
	top: 10px;
	margin: 0 auto;
}

.picSildeLeft {
	width: 40px;
	height: 40px;
	display: block;
	background: #ffffff;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 28px;
	cursor: pointer;
	position: absolute;
	top: 42px;
	left: 0px;
	z-index: 9;
}

.picSildeRight {
	width: 40px;
	height: 40px;
	display: block;
	background: #ffffff;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 28px;
	cursor: pointer;
	position: absolute;
	top: 42px;
	right: 0px;
	z-index: 9;
}

.picSildeLeft:hover,
.picSildeRight:hover {
	background: #a3a7b0;
}

.ny4 {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 700px;
	padding: 0px;
}

.img-show {
	position: absolute;
	top: 610px;
	text-align: center;
}

.img-show img {
	max-width: 1100px;
}

/*联系我们*/
#dituContent {
	height: 700px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.list-lx {
	position: absolute;
	right: 10%;
	width: 361px;
	height: 700px;
	z-index: 11;
	top: 0;
}

.contact-tips {
	margin-top: 97px;
	width: 361px;
	height: 502px;
	float: right;
}

.contact-tips .tips-box {
	width: 322px;
	height: 459px;
	padding: 42px 20px 0;
	background: url(../images/bg_shadow06.png) no-repeat;
	line-height: 26px;
	font-size: 14px;
}

.contact-tips h2 {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	padding-bottom: 10px;
	background: url(../images/bg_line10.png) no-repeat left bottom;
	margin-bottom: 10px;
}

.contact-tips .line {
	height: 1px;
	margin: 10px auto 10px;
	background: #dfdfdf;
}

.contact-tips p.pl32 {
	padding-left: 32px;
	line-height: 34px;
	font-size: 14px;
	background: url(../images/bg_sign21.png) no-repeat 0 2px;
}

.contact-tips p.se {
	background-position: 0 -32px;
}

.contact-tips p.th {
	background-position: 0 -66px;
}

.contact-tips p.fo {
	background-position: 0 -100px;
}

.contact-tips p.nobg {
	background: none;
}

.contact-tips p.mobile {
	background: url(../images/bg_mobile.png) left no-repeat;
}

.contact-tips p.date {
	background: url(../images/bg_date.png) left no-repeat;
}

.contact-tips a {
	color: #666;
}

.contact-tips .fr {
	width: 322px;
	font-size: 14px;
	color: #333;
	background: url(../images/bg_shadow06.png) no-repeat;
}

@media(max-width:768px) {
	.wp {
		display: block;
	}

	.pd-tabl {
		width: 100%;
		padding: 15px 0;
	}

	.pd-tabl p {
		margin-top: 6px;
		font-size: 14px;
	}

	.pd-tabl h3 {
		font-size: 16px;
	}

	.pd-tabr {
		width: 100%;
	}

	.pd-tabr dl dt h3 {
		margin-top: 10px;
		font-size: 16px;
	}

	.pd-tabr dl dt {
		padding-top: 10px;
	}

	.product-list {
		margin-top: 20px;
	}

	.product-list dl dt,
	.product-list dl dt img {
		height: 120px;
	}

	.product-list dl dt div span {
		margin-left: 15px;
		font-size: 14px;
	}

	.product-list dl dt div {
		height: 40px;
		line-height: 40px;
	}

	.product-list dl dt div i {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.product-list dl dd {
	    line-height: 35px;
	    font-size: 14px;
	}
}