* {

	margin: 0;

	padding: 0;

	list-style: none;

	text-decoration: none;

	font-family: "微软雅黑";

}



img {

	border: 0;

}



h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

}



body {

	overflow-x: hidden;

}



.clear {

	clear: both;

}



.hade-bg {

	background-color: #FFFFFF;

	height: 100px;

	box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1);

	-webkit-box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1);

	z-index: 100;

	position: relative;

}



.hade-box {

	width: 1200px;

	margin: 0 auto;

}



.head-logo {

	float: left;

	height: 100px;

	display: flex;

	align-items: center;

}



.head-logo img {

	max-height: 100px;

}



.nva-list {

	font-size: 15px;

	float: right;

	font-weight: 400;

}



.nva-list li {

	float: left;

	margin: 0 17px;

	line-height: 100px;

}



.nva-list li a {

	text-decoration: none;

	color: #333;

	line-height: 98px;

	display: block;

}



.nva-list .nva-active {

	border-bottom: 2px solid #cc0033;

}



.nva-list .nva-active a {

	color: #CC0000;

}



.nva-list li:hover {

	border-bottom: 2px solid #cc0033;

}



.nva-list li:hover ul li {

	border: none;

}



.nva-list li:hover a {

	color: #CC0000;

}



.nva-list li:hover ul a {

	color: #fff;

}



.nva-list li {

	position: relative;

}



.nva-list li ul {

	position: absolute;

	left: 0;

	width: 100px;

	background-color: #333333;

	padding: 10px 0;

	top: 100px;

}



.nva-list li ul li {

	float: none;

	line-height: 0;

	margin-left: 0;

	width: 100%;

}



.nva-list li ul li a {

	line-height: 30px;

	color: #fff;

	border-bottom: 1px solid #444;

	padding: 5px;

}



.nva-list li ul li:hover a {

	background-color: #444;

}



.banner-box {

	overflow: hidden;

	position: relative;

}



.banner li img {

	width: 100%;

	display: block;

}



.banner-dian {

	overflow: hidden;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	bottom: 22px;

}



.banner-dian li {

	width: 12px;

	height: 12px;

	background-color: #ccc;

	border-radius: 100%;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	float: left;

	margin: 0 5px;

	cursor: pointer;

}



.banner-dian .dian-active {

	background-color: #CC0033;

}



.prev-banner, .next-banner {

	width: 67px;

	height: 116px;

	border: 1px solid #f7f7f7;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	cursor: pointer;

}



.prev-banner {

	left: 10%;

	background: url(../images/tb_01-1.png) no-repeat;

	background-position: 50%;

}



.next-banner {

	right: 10%;

	background: url(../images/tb_01.png) no-repeat;

	background-position: 50%;

}



.next-banner:hover {

	background: #CC0033 url(../images/tb_01.png) no-repeat;

	background-position: 50%;

	border: 1px solid #CC0033;

}



.prev-banner:hover {

	background: #CC0033 url(../images/tb_01-1.png) no-repeat;

	background-position: 50%;

	border: 1px solid #CC0033;

}



.product-box {

	width: 1200px;

	height: 800px;

	margin: 0 auto;

	padding-top: 60px;

}



.product-title {

	background-color: #CC0000;

	width: 229px;

	padding-top: 42px;

	padding-bottom: 20px;

	float: left;

}



.product-title h2 {

	font-size: 24px;

	color: #fff;

	margin-left: 30px;

}



.product-title h3 {

	font-size: 13px;

	color: #eee;

	font-family: arial;

	margin-left: 30px;

	margin-top: 18px;

}



.product-title span {

	width: 1px;

	height: 66px;

	background-color: #990000;

	display: block;

	margin-left: 30px;

	margin-top: 30px;

}



.cp-box {

	height: 80px;

	position: relative;

	overflow: hidden;

	margin: 15px;

}



.cp-title {

	position: absolute;

	top: 0;

	left: 50%;

	width: 70%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

}



.cp-title li {

	font-size: 14px;

	float: left;

	border: 1px solid #999;

	margin: 2px 10px;

}



.cp-title li a {

	color: #666;

	padding: 7px;

	display: block;

}



.cp-title li:hover, .cp-title .cp-active {

	border-color: #CC0000;

	background-color: #CC0000;

}



#product {

	overflow: hidden;

}



.cp-title li:hover a, .cp-title .cp-active a {

	color: #fff;

	text-decoration: none;

}



.gd {

	margin-left: 30px;

	margin-top: 30px;

}



.gd a {

	color: #ddd;

	font-size: 15px;

	width: 145px;

	height: 46px;

	border: 1px solid #fff;

	display: block;

	line-height: 48px;

	position: relative;

}



.gd a p {

	margin-left: 17px;

}



.gd a::before {

	content: "";

	width: 58px;

	height: 7px;

	background: url(../images/tb_07.png) no-repeat;

	position: absolute;

	right: 0;

	margin-right: -30px;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

}



.gd a:hover {

	background-color: #fff;

	color: #CC0000;

}



.gd a:hover::before {

	margin-right: -40px;

}



.prodict-1 {

	width: 321px;

	height: 302px;

	position: relative;

	float: left;

	margin-left: 34px;

}



.prodict-1 a img {

	width: 321px;

	display: block;

}



.prodict-1 a p, .product-2 a p, .product-y-t p {

	font-size: 15px;

	color: #333333;

	font-weight: 600;

	position: absolute;

	width: 90%;

	height: 68px;

	text-align: center;

	line-height: 68px;

	bottom: 30px;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	background: rgba(250, 250, 250, .8);

}



.prodict-1:hover p, .product-2:hover p, .product-y-t:hover a {

	color: #CC0000;

}



.product-2 {

	width: 584px;

	height: 246px;

	position: relative;

	margin-top: 34px;

}



.product-2 img {

	width: 584px;

	display: block;

}



.product-right {

	width: 582px;

	float: left;

	margin-left: 34px;

}



.product-left {

	float: left;

}



.product-y-t {

	width: 582px;

	height: 582px;

	position: relative;

	overflow: hidden;

}



.carousel-inner {

	position: absolute;

	width: 100%;

	height: 537px;

	top: 0;

	left: 0;

}



.carousel-item {

	float: left;

	height: 537px;

}



.carousel-btn {

	position: absolute;

	width: 109px;

	height: 90px;

	bottom: 0;

	cursor: pointer;

}



.carousel-prev-btn {

	left: 8px;

	background: #CC0000 url(../images/tb_07.png) no-repeat;

	background-position: 50%;

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

}



.carousel-next-btn {

	left: 8px;

	margin-left: 109px;

	background: #f7f7f7 url(../images/tb_11.png) no-repeat;

	background-position: 50%;

}



.product-y-t p {

	bottom: 123px;

}



.product-y-t a {

	width: 100%;

	height: 100%;

	display: block;

	color: #333;

}



.about-box {

	margin-top: 60px;

	height: 100%;

	position: relative;

	background-color: #F7F7F7;

	overflow: hidden;

}



.about-left, .about-right {

	width: 50%;

	float: left;

	overflow: hidden;

}



.about-img img {

	display: block;

}



.about-right {

	background-color: #f7f7f7;

	padding-top: 108px;

}



.about-right h4, .about-right p {

	margin-left: 10%;

	margin-right: 10%;

}



.about-right h4 {

	margin-top: 40px;

	font-size: 15px;

	color: #333;

	font-weight: 600;

	padding-bottom: 18px;

	position: relative;

}



.about-right h4::before {

	content: '';

	position: absolute;

	width: 36px;

	height: 1px;

	background-color: #CC0000;

	left: 0;

	bottom: 0;

}



.about-right p {

	font-size: 15px;

	color: #999;

	line-height: 20px;

	margin-top: 15px;

}



.about-right a {

	font-size: 14px;

	color: #999;

	margin-left: 10%;

	width: 145px;

	height: 46px;

	display: block;

	border: 1px solid #999;

	line-height: 46px;

	position: relative;

	margin-top: 36px;

	text-align: center;

	text-decoration: none;

}



.about-right a::before {

	content: "";

	width: 58px;

	height: 7px;

	background: url(../images/tb_07-1.png) no-repeat;

	position: absolute;

	right: 0;

	margin-right: -30px;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

}



.about-right a:hover {

	background-color: #CC0000;

	border: 1px solid #CC0000;

	color: #fff;

}



.about-right a:hover::before {

	background: url(../images/tb_007.png) no-repeat;

	margin-right: -40px;

}



.about-title {

	width: 50%;

	background-color: #fff;

	position: absolute;

	top: 0;

	right: 0;

	padding-top: 18px;

	padding-bottom: 18px;

	z-index: 100;

}



.about-title h2 {

	font-size: 24px;

	color: #333;

	margin-left: 36px;

}



.about-title h3 {

	font-size: 13px;

	color: #ccc;

	font-family: arial;

	margin-left: 36px;

	margin-top: 26px;

}



.case-bg {

	background: rgba(250, 250, 250, .85);

	position: relative;

	margin-top: 60px;

}



.case-bg::before {

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	background: url(../images/case-bg.png) no-repeat;

	background-size: 100%;

	z-index: -1;

	background-attachment: fixed;

}



.case-box {

	padding-top: 48px;

	padding-bottom: 48px;

	width: 1200px;

	margin: 0 auto;

}



.titlie {

	text-align: center;

}



.titlie h2 {

	font-size: 24px;

	color: #333;

}



.titlie h3 {

	font-size: 13px;

	color: #999;

	font-family: arial;

	margin-top: 14px;

}



.case-list {

	margin-top: 24px;

	position: relative;

	overflow: hidden;

	height: 317px;

}



.case-list ul {

	position: absolute;

	top: 0;

	left: 0;

	width: 9999px;

}



.case-list ul li, .case-ny ul li {

	width: 260px;

	float: left;

	margin: 0 20px;

}



.case-ny ul li {

	margin-top: 20px;

}



.case-list ul li:hover p, .case-ny ul li:hover p {

	color: #CC0000;

}



.case-img {

	width: 260px;

	height: 260px;

	display: flex;

	justify-content: center;

	align-items: center;

}



.case-img img {

	max-width: 100%;

	max-height: 100%;

	display: block;

}



.case-list p, .case-ny p {

	font-size: 15px;

	color: #666;

	text-align: center;

	line-height: 57px;

	background-color: #fff;

}



.case-al {

	position: absolute;

	top: 50%;

	margin-top: -25px;

	width: 50px;

	height: 50px;

	cursor: pointer;

}



.pre {

	background: rgba(0, 0, 0, .7) url(../images/tb_15-1.png) no-repeat;

	background-position: 50%;

	left: 0;

}



.next {

	background: rgba(0, 0, 0, .7) url(../images/tb_15.png) no-repeat;

	background-position: 50%;

	right: 0;

}



.pre:hover {

	background: #CC0000 url(../images/tb_15-1.png) no-repeat;

	background-position: 50%;

}



.next:hover {

	background: #CC0000 url(../images/tb_15.png) no-repeat;

	background-position: 50%;

}



.news-box {

	width: 1200px;

	margin: 0 auto;

	padding-top: 60px;

}



.news-box .titlie h2 {

	color: #CC0000;

}



.news-box .titlie h3 {

	color: #CC6666;

}



.news-left, .news-right {

	width: 570px;

	margin-top: 26px;

	float: left;

}



.news-right {

	margin-left: 60px;

}



.news-img {

	width: 570px;

	height: 221px;

}



.news-img img {

	width: 570px;

	display: block;

}



.news-sj span {

	font-size: 20px;

	color: #ccc;

	display: block;

}



.news-sj b {

	font-size: 13px;

	color: #666;

	font-weight: normal;

	margin-top: 10px;

	display: block;

}



.news-nr h2 {

	font-size: 15px;

	color: #666;

	font-weight: 600;

}



.news-nr p {

	font-size: 14px;

	color: #999;

	line-height: 20px;

	margin-top: 15px;

}



.news-right .news-list .news-nr p, .news-left .news-list .news-nr p {

	display: inline-block;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.news-sj {

	float: left;

	padding: 20px 13px 19px 0;

	text-align: right;

	position: relative;

	height: 75px;

}



.news-sj::before {

	content: "";

	position: absolute;

	right: 0;

	top: 0;

	width: 1px;

	height: 100%;

	background-color: #ebebeb;

}



.news-sj::after {

	content: "";

	position: absolute;

	right: 0;

	top: 30px;

	width: 2px;

	height: 20px;

	background-color: #333;

}



.news-nr {

	float: left;

	padding: 20px 0 19px;

	margin-left: 16px;

}



.news-right .news-nr, .news-left .news-nr {

	width: 447px;

}



.news-list li {

	overflow: hidden;

	padding: 0 17px;

}



.news-list li:hover {

	background-color: #F7F7F7;

	box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1);

}



.news-list li:hover .news-nr h2 {

	color: #CC0000;

}



.news-list li:hover .news-sj::before {

	background-color: #CC0000;

}



.news-list li:hover .news-sj::after {

	background-color: #990000;

}



.foot-bg {

	background-color: #333;

	margin-top: 60px;

	padding-top: 39px;

}



.foot-box {

	width: 1200px;

	margin: 0 auto;

}



.foot-left {

	float: left;

}



.foot-nva {

	margin-left: 8px;

}



.foot-nva li {

	float: left;

	margin-right: 30px;

}



.foot-nva li a {

	font-size: 15px;

	color: #999;

}



.foot-nva li:hover a, .foot span:hover a {

	color: #CC0000;

}



.foot-lx {

	overflow: hidden;

	margin-left: 8px;

	margin-top: 16px;

}



.foot-lx dd {

	font-size: 14px;

	color: #999;

	float: left;

	margin-right: 40px;

}



.foot-img {

	width: 360px;

	float: right;

	margin-right: 52px;

	overflow: hidden;

}



.foot-img img {

	float:left;

	margin-left: 20px;

}



.foot-img p {

	margin-left: 20px;

	text-align: center;

	width: 100px;

	float: left;

	font-size: 15px;

	color: #999;

	margin-top: 10px;

}



.foot {

	padding-left: 10px;

	font-size: 13px;

	color: #999;

	border-top: 1px solid #222;

	overflow: hidden;

	margin-top: 22px;

	line-height: 56px;

}



.xf_box {

	position: fixed;

	width: 54px;

	right: 0;

	top: 400px;

	z-index: 100;

}



.xf_box ul li {

	width: 54px;

	height: 54px;

	float: left;

	position: relative;

	border-bottom: 1px solid #444;

}



.xf_box ul li .xf {

	position: absolute;

	width: 54px;

	height: 54px;

	top: 0;

	right: 0;

	transition: all 0.3s;

	background: #000;

	opacity: 0.8;

	filter: Alpha(opacity=80);

	color: #fff;

	font: 14px/54px "微软雅黑";

	overflow: hidden;

}



.xf_box ul li .xf-top {

	width: 54px;

	height: 54px;

	line-height: 54px;

	display: inline-block;

	background: #000;

	opacity: 0.8;

	filter: Alpha(opacity=80);

	transition: all 0.3s;

}



.xf_box ul li .xf-top:hover {

	background: #CC0000;

	opacity: 1;

	filter: Alpha(opacity=100);

}



.xf_box ul li img {

	float: left;

}



.xf_box ul li:last-child {

	border: none;

}



.ny-banner-box {

	position: relative;

}



.ny-banner-box::after {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(250, 250, 250, .5);

}



.ny-banner-box img {

	display: block;

	width: 100%;

}



.dq-box {

	width: 1200px;

	margin: 0 auto;

}



.dq-box ul {

	padding: 20px 10px;

	overflow: hidden;

	border-bottom: 1px solid #ccc;

}



.dq-box ul li {

	float: left;

	font-size: 15px;

	color: #666;

	margin: 0 3px;

}



.dq-box ul li a {

	color: #666;

}



.title-list {

	width: 1200px;

	margin: 0 auto;

	padding-top: 20px;

}



.title-list dl dd, .title-list dl dt {

	float: left;

	margin: 5px 3px;

	font-size: 15px;

	color: #666;

	display: inline-block;

}



.title-list dl dd a {

	color: #666;

	padding: 6px;

	display: inline-block;

	text-decoration: none;

}



.title-list dl dd {

	border: 1px solid #ccc;

	margin: 5px 8px;

}



.title-list dl dt {

	padding: 6px;

}



.title-list dl dd:hover, .page-box ul li:hover {

	border-color: #CC0000;

	background-color: #CC0000;

}



.title-list dl dd:hover a, .page-box ul li:hover a {

	color: #fff;

}



.title-list .title-active, .page-box ul .page-active {

	border-color: #CC0000;

	background-color: #CC0000;

}



.title-list .title-active a, .page-box ul .page-active a {

	color: #fff;

}



.nr-box {

	width: 1200px;

	margin: 30px auto 0;

}



.about-wb, .contact-box {

	padding: 30px;

	font-size: 15px;

	color: #333;

	line-height: 30px;

	overflow: hidden;

}



.about-wb img {

	max-width: 1200px;

	display: block;

	margin: 5px auto;

}



.product-list ul li {

	float: left;

	margin: 20px;

	

}



.product-list ul li a {

	display: flex;

	justify-content: center;

	

	width: 360px;

	height: 300px;

	position: relative;

	overflow: hidden;

}



.product-list ul li img {

	max-height: 78%;

	display: block;

}



.product-list ul li p {

	position: absolute;

	font-size: 15px;

	color: #333;

	font-weight: 600;

	text-align: center;

	width: 100%;

	padding: 23px 0;

	bottom: 0;

	

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	background: rgba(250, 250, 250, 1);

	box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1);

}



.product-list ul li:hover p {

	color: #CC0000;

}



.product-list ul li:hover {

	box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1);

}



.page-box {

	height: 44px;

	margin-top: 30px;

	text-align: center;

}



.page-box a {

	display: inline-block;

	margin: 5px;

	padding: 5px 12px;

	border: 1px solid #ccc;

	line-height: 24px;

	font-size: 15px;

	color: #666;

	text-decoration: none;

	cursor: pointer;

	transition: 0.5s;

}



.page-box span {

	display: inline-block;

	margin: 5px;

	padding: 5px 12px;

	border: 1px solid #CC0000;

	line-height: 24px;

	font-size: 15px;

	background-color: #CC0000;

	color: #FFFFFF;

	text-decoration: none;

	cursor: pointer;

}



.page-box a:hover {

	border-color: #CC0000;

	background-color: #CC0000;

	color: #FFFFFF;

}



.xq-title h1 {

	font-size: 24px;

	color: #333;

	text-align: center;

}



.xq-content {

	padding: 20px;

	overflow: hidden;

}



.xq-content table, .xq-content div, .xq-content tr, .xq-content td {

	max-width: 100% !important;

}



.xq-content img {

	display: block;

	margin: 0 auto;

	max-width: 99%;

	height: auto !important;

}



.xq-sj {

	overflow: hidden;

	position: relative;

	height: 40px;

	margin: 10px 0;

	border-bottom: 1px dashed #ddd;

}



.xq-sj ul {

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

}



.xq-sj ul li {

	float: left;

	font-size: 13px;

	color: #999;

	margin: 5px;

}



.sx {

	margin: 20px 0;

}



.sx li {

	font-size: 15px;

	color: #333;

	margin-top: 6px;

}



.sx li a {

	color: #666;

}



.sx li a:hover {

	color: #CC0000;

	border-bottom: 1px solid #CC0000;

}



.news-ny {}



.news-ny li .news-sj {

	width: 379px;

	overflow: hidden;

	height: 142px;

}



.news-ny li .news-sj img {

	width: 379px;

	height: 179px;

	display: block;

}



.news-ny .news-nr {

	width: 750px;

}



.news-ny .news-nr span {

	font-size: 13px;

	color: #ccc;

	margin-top: 15px;

	display: block;

}



.news-ny .news-nr p {

	line-height: 28px;

	margin-top: 10px;

	color: #666;

	display: inline-block;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.news-ny .news-nr a {

	font-size: 14px;

	color: #999;

	margin-top: 5px;

	display: block;

	text-decoration: none;

}



.news-ny li:hover .news-nr a {

	color: #CC0000;

}



.contact-box dl dt {

	color: #CC0000;

	font-size: 24px;

}



.contact-box img {

	width: 100%;

	display: block;

	margin: 10px auto;

}



.contact-box h2 {

	font-size: 24px;

	color: #333;

	text-align: center;

	margin-top: 15px;

	display: block;

}



.contact-box form {

	overflow: hidden;

	margin-top: 20px;

}



.contact-box form input, .contact-box form textarea {

	font-size: 15px;

	color: #333;

	display: block;

	outline: none;

	border: 1px solid #ccc;

}



.contact-box form input:focus, .contact-box form textarea:focus {

	border-color: #CC0000;

}



.contact-box form input[type="text"] {

	width: 508px;

	padding: 10px 5px;

	float: left;

	margin: 20px 40px;

}



.contact-box form textarea {

	width: 1110px;

	height: 100px;

	padding: 10px 5px;

	margin: 20px 40px;

}



.contact-box form input[type="submit"] {

	width: 1120px;

	padding: 10px 5px;

	margin: 20px 40px;

	color: #666;

	background-color: #eee;

	border-color: #eee;

	cursor: pointer;

}



.contact-box form input[type="submit"]:focus, .contact-box form input[type="submit"]:hover {

	background-color: #CC0000;

	color: #fff;

	border-color: #CC0000;

}