body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;list-style-type:none;}
body,html,input{font-size:14px; line-height:26px;}
html{background:#FFFFFF;}
body{background:#FFFFFF;min-width:1000px;width:expression_r(width<1000?"1000px":width+"px");}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{ color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}

input{border:1px solid #A9A9A9;}
textarea{border:1px solid #A9A9A9;}

.import_list {
	width: 729px;
	height: 498px;
	position: absolute;
	top: 42px;
	left: 210px;
	display: none;
	background: #FFF;
	z-index: 3000
}


.biaoqianxuanze :has(> :nth-child(2)) {
	display:none;
}

.import_list dt {
	font-size: 14px;
	color: #000;
	line-height: 30px;
	height: 30px;
	margin-top: 7px;
	text-indent: 20px
}

.import_list dd {
	margin-left: 20px;
	border-bottom: 1px dashed #f3f3f3
}

.import_list dd a {
	font-size: 14px;
	color: #666;
	padding-left: 6px;
	padding-right: 6px
}

.import_list dd a:hover {
	color: #FF0036
}

.advertisement {
	width: 250px;
	height: 300px;
	position: absolute;
	top: -480px;
	right: 0;
	z-index: 3000;
	background: #fff;
	opacity: 1
}

.advertisement h4 {
	font-size: 14px;
	color: #333;
	font-weight: 100;
	line-height: 50px;
	border-bottom: 1px dashed #cccccc;
	width: 230px;
	margin: 0 auto
}








.notice_new {
	width: 230px;
	height: 90px;
	margin: 0 auto;
}

.notice_new a {
	font-size: 12px;
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
	line-height: 30px;
	transition: 0.6s;
}

.notice_new p {
	display: block;
	width: 230px;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	perspective: 1200px
}

.notice_new p:hover a {
	color: #FF0036;
	transform: rotatex(360deg)
}

.notice_img {
	width: 230px;
	height: 158px;
	margin: 0 auto;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	perspective: 1200px;
	overflow: hidden;
	position: relative
}

.notice_img img {
	display: block;
	width: 230px;
	height: 158px;
	transition: 1.6s;
	position: absolute;
	top: 0;
	left: 0
}


.sping_car {
	width: 120px;
	height: 34px;
	float: right;
	margin-top: 18px;
	line-height: 34px;
	margin-left: 83px;
	color: #666;
	padding-left: 22px;
	overflow: hidden;
	border: 1px solid #FF0036;
}

.sping_car b {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin-top: 11px;
	overflow: hidden;
	background: url(/upload/img/1/20221028/1666951273595736.png) no-repeat center;
}

.sping_car em {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-left: 3px;
	transition: 0.1;
	cursor: pointer
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	zoom:1; position: relative;
	z-index: 10;
	margin-top:0px
}

.flexslider .slides li {
	width: 100%;
	height: 100%
}

.flex-direction-nav a {
	width: 50px;
	height: 50px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(/upload/img/1/20221028/1666951548523917.jpg) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px
}

.flex-direction-nav .flex-next {
	background-position: 0 -50px;
	right: 0
}

.flex-direction-nav .flex-prev {
	left: 0
}

.flexslider:hover .flex-next {
	opacity: .8;
	filter: alpha(opacity=25)
}

.flexslider:hover .flex-prev {
	opacity: .8;
	filter: alpha(opacity=25)
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50)
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 38px;
	text-align: center
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom:1}

.flex-control-paging li a {
	background:#fff;
	display: block;
	height: 12px;
	overflow: hidden;
	text-indent: -99em;
	width: 12px;
	cursor: pointer;
	border-radius:50%;
}

.flex-control-paging li a.flex-active,.flex-control-paging li.active a {
	background:#FF0036;
}

.flexslider .slides a img {
	width: 100%;
	height: 300px;
	display: block
}

.sping_car:hover em {
	color: #FF0036
}

.sping_car:hover b {
	background: url(/upload/img/1/20221028/1666945855897360.jpg) no-repeat center
}

aside {
	width: 210px;
	height: 300px;
	background: rgba(255,255,255,0.8);
	position: absolute;
	/* top: -480px; */
	left: 0;
	display: block;
	z-index: 2000;
	/* opacity: 0; */
	/* box-shadow: 0 0 6px rgba(0,0,0,0.3); */
}
aside ul li.yanses {
	background: rgba(235,78,1,0.2)
}

aside ul li {
	overflow: hidden;
	margin-top: 10px
}

aside ul li.li_color {
	background:
}

aside ul li h3 {
	font-size: 14px;
	color: #000;
	text-indent: 10px;
	font-weight: 100;
	height: 30px;
	line-height: 30px
}

aside ul li p {
	display: block;
	width: 200px;
	height: auto;
	margin-left: 10px
}

aside ul li p a {
	display: block;
	font-size: 14px;
	line-height: 20px;
	float: left;
	padding-right: 10px;
	color: #666
}

aside ul li p a:hover {
	color: #FF0036
}


.seck {
	width: auto;
	max-width:1200px;width:expression_r(width>1200?"1200px":width+"px");
	height: 42px;
	margin: 0 auto
}

top {
	width: 100%;
	height: 42px;
	background: #f9f9f9;
	display: block;
	border-bottom: 1px solid #eee;
}

.register_login {
	height: 42px;
	float: left;
	line-height: 42px
}

.register_login em {
	font-size: 12px;
	color: #666
}

.register_login a {
	font-size: 12px;
	color: #666;
	padding-left: 6px;
	padding-right: 6px
}

.register_login a:hover {
	color: #FF0036
}

.vip_center {
	height: 42px;
	float: right;
	line-height: 42px
}

.vip_center a {
	font-size: 12px;
	color: #666;
	padding-left: 6px;
	padding-right: 6px
}

.vip_center a:hover {
	color: #FF0036
}
.maxbj1 .logo-size{
	width: 160px;
}

.maxbj1 .logo-size img{
	width:100%;
	height:auto;
	display:block;
	border:none;
}

header {
	width: auto;
	max-width:1200px;width:expression_r(width>1200?"1200px":width+"px");
	/* height: 54px; */
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
}

.logo {
	display: block;
	width: 302px;
	/* height: 46px; */
	float: left;
	margin-top: 4px;
	overflow: hidden;
}

.logo img {
	display: block
}

search {
	display: block;
	width: 50%;
	height: 34px;
	background: #f5f5f5;
	float: left;
	overflow: hidden;
	margin-top: 15px;
	border: 2px solid #FF0036;
	margin-left: 50px;
}

search .searchbutton {
	width: 118px;
	height: 34px;
	background: #FF0036;
	color:#FFFFFF;
	border:none;
	cursor: pointer;
	font-size: 14px
}

search .searchbutton:hover {
	background: #FF0036
}



.dao_hang {
	width: 100%;
	max-width:1200px;width:expression_r(width>1200?"1200px":width+"px");
	height: 42px;
	margin: 0 auto;
	background: #000
}

.dao_hang.fixed_dh {
	position: fixed;
	top: 0;
	z-index: 7000;
	margin-top: 0;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2)
}

.dao_hang nav {
	width: 1200px;
	height: 30px;
	margin: 0 auto;
	position: relative
}

.dao_hang nav .important {
	display: block;
	width: 210px;
	height: 42px;
	background: #FF0036;
	color: #fff;
	font-size: 12px;
	line-height: 42px;
	cursor: pointer;
	float: left;
	position: relative
}
.dao_hang nav .important h3 a{
	font-size:18px;
}
.dao_hang nav .important li{
	border-bottom:dashed #CCCCCC 1px;
}

.dao_hang nav .important p a{
	font-size:12px;
	text-decoration:underline;
}

.dao_hang nav .important img {
	display: block;
	float: left;
	margin-left: 44px;
}

.dao_list {
	float: left;
	height: 30px;
	margin-left: 15px;
	perspective: 100px
}

.dao_list a {
	display: block;
	float: left;
	font-size: 12px;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 42px;
	height: 42px;
	position: relative;
	margin-right: 10px
}

.dao_list a:hover {
	background: #FF0036
}

.dao_list a.color {
	background: #FF0036;
	color: #fff
}


.zi_com {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.zi_com .zi_left {
	width: 209px;
	float: left;
}

.zi_com .zi_left .top {
	background: #F44336;
	padding: 30px 0px 20px;
	text-align: center;
}

.zi_com .zi_left .top span {
	display: block;
	color: #fff;
	font-weight: 500;
}

.zi_com .zi_left .top .span1 {
	font-size: 20px;
}

.zi_com .zi_left .top .span2 {
	font-size: 14px;
	font-family: arial;
}

@media (max-width: 480px) {
	.zi_com .zi_left .top {
		padding: 15px 0px 10px;
	}
}

.zi_com .zi_left ul {
	background: #F44336;
	padding-bottom: 20%;
}

.zi_com .zi_left ul li {
	border-top: 1px solid #fff;
}

.zi_com .zi_left ul li a {
	height: 50px;
	line-height: 50px;
	color: #fff;
	display: block;
	background: #F44336;
	padding-left: 28%;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	padding-right: 5px;
}

.zi_com .zi_left ul li a:hover {
	background: #F44336;
	font-size: 16px;
	font-weight: 700;
}

.zi_com .zi_left ul li .er {
	padding: 0px 0px;
}

.zi_com .zi_left ul li .er a {
	background: rgba(244, 54, 54, 0.74);
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	font-weight: 500;
	width: 100%;
	padding-right: 0px;
	overflow: hidden;
}

.zi_com .zi_left ul li .er a:hover {
	color: #F44336;
	background-color: #fff;
	font-weight: 500;
	font-size: 12px;
}

@media (max-width: 480px) {
	.zi_com .zi_left ul li a {
		line-height: 40px;
		height: 40px;
		font-size: 12px;
	}
}

@media (max-width: 412px) {
	.zi_com .zi_left ul li a {
		padding-left: 7%;
	}
}

.zi_com .zi_left ul .active {
text-align:center;

}

.zi_com .zi_left ul .active a {
	background: #F44336;
	font-size: 16px;
	font-weight: 700;
	margin:0px;
	padding:0px;
}

@media (max-width: 480px) {
	.zi_com .zi_left ul {
		padding-bottom: 5%;
	}
}

.zi_com .zi_left .lian {
	border: 1px solid #e6e6e6;
	padding: 10px 20px 10px 20px;
	margin: 20px 0px;
}

.zi_com .zi_left .lian .lian_t {
	background: url(../images/zi_dian.png) no-repeat left top;
	padding-left: 60px;
}

.zi_com .zi_left .lian .lian_t span {
	display: block;
}

.zi_com .zi_left .lian .lian_t .span1 {
	color: #fe9d00;
	font-size: 20px;
}

.zi_com .zi_left .lian .lian_t .span2 {
	color: #999999;
	font-size: 13px;
}

.zi_com .zi_left .lian p {
	line-height: 16px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px dashed #dfdfdf;
	padding: 10px 0px;
}

.zi_com .zi_left .lian p a:hover {
	color: #F44336;
}

.zi_com .zi_right {
	width: 100%;
	float: right;
}

.zi_com .zi_right .bar {
	border-bottom: 1px solid #eaeaea;
	padding: 30px 0px 10px;
}

.zi_com .zi_right .bar .b_tt {
	float: left;
	font-size: 20px;
	color: #1f1f1f;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 20%;
	overflow: hidden;
}

.zi_com .zi_right .bar .curbar {
	float: right;
	text-align: right;
	font-size: 12px;
	color: #6e6e6e;
	width: 78%;
	vertical-align: middle;
	margin-top: 12px;
}

.zi_com .zi_right .bar .curbar a {
	max-width: 100px;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	display: inline-block;
	vertical-align: top;
}

.zi_com .zi_right .bar .curbar a:hover {
	color: #0083c7;
}

.zi_com .zi_right .bar .curbar i {
	font-style: normal;
	max-width: 100px;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 640px) {
	.zi_com .zi_right .bar .b_tt {
		width: 100%;
	}
	.zi_com .zi_right .bar .curbar {
		width: 100%;
		text-align: left;
	}
}

@media (max-width: 1024px) {
	.zi_com .zi_left {
		width: 21%;
	}
	.zi_com .zi_right {
		width: 76%;
	}
	.zi_com .zi_right .bar {
		padding: 10px 0px 10px;
	}
}

@media (max-width: 768px) {
	.zi_com .zi_left {
		width: 25%;
	}
	.zi_com .zi_right {
		width: 74%;
	}
	.zi_com .zi_right .bar {
		padding: 10px 0px 10px;
	}
	.zi_com .zi_left .top .span1 {
		font-size: 18px;
	}
	.zi_com .zi_left ul li a {
		font-size: 10px;
	}
	.zi_com .zi_left ul .active a {
		font-size: 10px;
	}
}

@media (max-width: 767px) {
	.zi_com .zi_left .lian {
		display: none;
	}
}


.pro_ul {
	padding: 5% 0px;
	overflow: hidden;
}

.pro_ul li {
	width: 29.4%;
	float: left;
	margin-right: 5.9%;
	position: relative;
	cursor: pointer;
	margin-top: 20px;
}

.pro_ul li .pic {
	position: relative;
	overflow: hidden;
}

.pro_ul li .pic i {
	display: block;
	padding-bottom: 130%;
}

.pro_ul li .pic .zhe_a {
	background: url(/upload/img/1/20221028/1666955509544314.jpg);
	position: absolute;
	width: 60%;
	height: 80%;
	top: 10%;
	left: 20%;
	display: none;
}

.pro_ul li:nth-child(3n+3) {
	margin-right: 0px;
}

.pro_ul li:nth-child(3n+3):after {
	display: none;
}

.pro_ul li:after {
	content: "";
	border-right: 1px dashed #ccc;
	height: 100%;
	position: absolute;
	top: 0px;
	right: -9.95%;
}

.pro_ul li:before {
	content: "";
	border-bottom: 1px dashed #ccc;
	width: 120%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.pro_ul li .text {
	padding: 3% 0px 10%;
}

.pro_ul li .text h4 {
	color: #606a71;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	width: 98%;
	overflow: hidden;
}

.pro_ul li .text span {
	height: 1px;
	background: #c9c9c9;
	width: 104px;
	display: block;
	vertical-align: top;
	margin: 15px 0px 20px;
	width: 37%;
}

.pro_ul li .text .more {
	background: #fe9d00;
	color: #fff;
	font-size: 12px;
	font-family: arial;
	width: 75px;
	display: block;
	height: 28px;
	line-height: 28px;
	/*border: 1px solid #8c8c8c;*/
	position: relative;
	text-align: center;
}

.pro_ul li .text .more:after {
	width: 71px;
	height: 24px;
	/*border: 1px solid #333;*/
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
}

.vcenter {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 90%;
	display: block;
	vertical-align: middle;
	margin: auto;
}

.pro_ul li:hover .pic .zhe_a {
	display: block;
}

.pro_ul li:hover .text span {
	background: #F44336;
}

.pro_ul li:hover .text .more {
	background: #F44336;
	border: 0px solid #F44336;
}

.pro_ul li:hover .text .more:after {
	border: 0px solid #F44336;
}

@media (max-width: 640px) {
	.pro_ul li {
		width: 48%;
		margin-right: 4%;
	}
	.pro_ul li:nth-child(3n+3) {
		margin-right: 4%;
	}
	.pro_ul li:nth-child(3n+3):after {
		display: block;
	}
	.pro_ul li:nth-child(2n+2) {
		margin-right: 0px;
	}
	.pro_ul li:nth-child(2n+2):after {
		display: none;
	}
	.pro_ul li:after {
		content: "";
		border-right: 1px dashed #ccc;
		height: 100%;
		position: absolute;
		top: 0px;
		right: -3.95%;
	}
}


.home_about {
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 1% 0px 2%;
}

.home_about .about_com {
	max-width: 1200px;
	width: 98%;
	margin: auto;
}

.home_about .about_com .a_left {
	width: 47%;
	float: left;
	position: relative;
}

.home_about .about_com .a_left .ab_bg {
	/*background: url(../images/about_a_bg.jpg) no-repeat;*/
	position: relative;
}

.home_about .about_com .a_left .ab_bg i {
	display: block;
	padding-bottom: 5%;
}

.home_about .about_com .a_left .pic {
	position: absolute;
	z-index: 999;
	width: 50%;
	top: 5px;
	left: 20px;
}

.home_about .about_com .a_left .pic i {
	display: block;
	padding-bottom: 73.38403041825094%;
}

.home_about .about_com .a_left .pic img {
	z-index: 999;
}

.home_about .about_com .a_right {
	width: 48%;
	float: left;
	margin-left: 3%;
	color: #fff;
	padding-top: 0%;
}

.home_about .about_com .a_right .span_y {
	font-size: 34px;
	width: 98%;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	color: #F44336;
}

.home_about .about_com .a_right .span_z {
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	width: 98%;
	overflow: hidden;
	color: #fff;
}

.home_about .about_com .a_right p {
	line-height: 24px;
	/* height: 48px;*/
	overflow: hidden;
	width: 98%;
	margin: 10px auto;
	color: #fff;
}

.home_about .about_com .a_right .more {
	color: #fff;
	font-size: 14px;
	height: 40px;
	width: 150px;
	background: #F44336;
	display: block;
	text-align: center;
	line-height: 40px;
}

.home_about .about_com .a_right .more:hover {
	font-weight: 700;
}

@media (max-width: 768px) {
	.home_about .about_com .a_left {
		width: 100%;
	}
	.home_about .about_com .a_left .pic {
		top: 0px;
		left: 0px;
	}
	.home_about .about_com .a_right {
		width: 100%;
		margin-left: 0px;
	}
	.home_about .about_com .a_right .span_y {
		font-size: 24px;
	}
	.home_about .about_com .a_right .span_z {
		font-size: 18px;
	}
	.home_about .about_com .a_right p {
		margin: 10px auto;
	}
}


.home_pro {
	background: url(/upload/img/1/20221028/1666964655239884.jpg);
	padding: 4% 0px;
}

.home_pro .pro_nei {
	max-width: 1200px;
	width: 98%;
	margin: auto;
}

.pro_com {
	padding-top: 3%;
}

.pro_com .p_left {
	width: 49.5%;
	float: left;
	position: relative;
}

.pro_com .p_left i {
	display: block;
	padding-bottom: 79.3103448275862%;
}

.pro_com .p_left .zhe_a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(/upload/img/1/20221028/1666964708273653.jpg);
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	padding: 0% 0px;
	display: none;
}

.pro_com .p_left .zhe_a img {
	max-width: 100%;
	margin-top:5%;
	margin-bottom:5%;
	max-height: 100%;
}

.pro_com .p_left .zhe_a span {
	display: block;
	color: #fff;
	width: 98%;
	margin: auto;
}

.pro_com .p_left .zhe_a .zw {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	margin-top: 5%;
}

.pro_com .p_left .zhe_a .yw {
	font-family: AvantGardeBook;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.pro_com .p_left:hover .zhe_a {
	display: block;
}

.pro_com .p_right {
	width: 49.8%;
	float: right;
}

.pro_com .p_right ul li {
	width: 49.5%;
	float: left;
	margin-right: 1%;
	margin-bottom: 0.7%;
	position: relative;
}

.pro_com .p_right ul li:nth-child(2n+2) {
	margin-right: 0px;
}

.pro_com .p_right ul li .pic {
	position: relative;
}

.pro_com .p_right ul li .pic i {
	display: block;
	padding-bottom: 79.3103448275862%;
}

.pro_com .p_right ul li .zhe_a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(/upload/img/1/20221028/1666964708273653.jpg);
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	padding: 0% 0px;
	display: none;
}

.pro_com .p_right ul li .zhe_a img {
	max-width: 100%;
	max-height: 100%;
	margin-top:5%;
	margin-bottom:5%;
}

.pro_com .p_right ul li .zhe_a span {
	display: block;
	color: #fff;
	width: 98%;
	margin: auto;
}

.pro_com .p_right ul li .zhe_a .zw {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	margin-top: 5%;
}

.pro_com .p_right ul li .zhe_a .yw {
	font-family: AvantGardeBook;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.pro_com .p_right ul li:hover .zhe_a {
	display: block;
}

@media (max-width: 768px) {
	.pro_com .p_left {
		width: 100%;
		margin-bottom: 10px;
	}
	.pro_com .p_right {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.pro_com .p_right {
		width: 100%;
	}
	.pro_com .p_right ul li {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
}

.home_news {
	background: #ffffff;
	padding: 3% 0px 1%;
}

.home_news .top_all {
	margin-bottom: 3%;
}

.home_news .news_com {
	max-width: 1200px;
	margin: auto;
	width: 98%;
}

.home_news .news_com .n_left {
	width: 44.5%;
	float: left;
	position: relative;
}

.home_news .news_com .n_left .imgd {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

.home_news .news_com .n_left .imgd i {
	display: block;
	padding-bottom: 25.89118198874296%;
}

.home_news .news_com .n_left .imgd img {
	transition: 0.3s;
}

.home_news .news_com .n_left .imgd img:hover {
	transform: scale(1.1);
}

.home_news .news_com .n_left .imgd .ri {
	position: absolute;
	background: #F44336;
	z-index: 9999;
	top: 0px;
	left: 0px;
	color: #fff;
	font-family: AvantGardeITCbyBT-Book;
	padding: 5px 10px;
	max-width: 99px;
}

.home_news .news_com .n_left .imgd .ri i {
	font-style: normal;
	font-size: 40px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	width: 98%;
	margin: auto;
	display: block;
	text-align: center;
	overflow: hidden;
}

.home_news .news_com .n_left .imgd .ri time {
	font-size: 13px;
	width: 98%;
	margin: auto;
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

@media (max-width: 480px) {
	.home_news .news_com .n_left .imgd .ri i {
		font-size: 20px;
		height: 25px;
		line-height: 25px;
	}
	.home_news .news_com .n_left .imgd .ri time {
		font-size: 10px;
	}
}

.home_news .news_com .n_left h4 {
	color: #333333;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	width: 100%;
}

.home_news .news_com .n_left h4 a:hover {
	color: #F44336;
}

.home_news .news_com .n_left p {
	font-size: 14px;
	max-height: 80px;
	color: #666;
	line-height: 20px;
	margin: 10px 0px;
	overflow: hidden;
}

.home_news .news_com .n_left .more {
	width: 160px;
	height: 36px;
	background: #fe9d00;
	display: block;
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-size: 12px;
	margin-top: 20px;
	transition: 0.3s;
}

.home_news .news_com .n_left .more:hover {
	background: #F44336;
}

.home_news .news_com .n_right {
	width: 52.5%;
	float: right;
}

.home_news .news_com .n_right ul li {
	border-bottom: 1px solid #ededed;
	padding: 10px 0px;
}

.home_news .news_com .n_right ul li .ri {
	width: 15%;
	float: left;
	max-width: 90px;
	color: #F44336;
	font-weight: 500;
	text-align: center;
}

.home_news .news_com .n_right ul li .ri i {
	font-style: normal;
	font-size: 50px;
	font-weight: 700;
	height: 48px;
	line-height: 48px;
	width: 98%;
	margin: auto;
	display: block;
	overflow: hidden;
	margin-bottom: 3px;
}

.home_news .news_com .n_right ul li .ri time {
	font-size: 17px;
	width: 98%;
	margin: auto;
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color: #333;
}

.home_news .news_com .n_right ul li .wen_nei {
	width: 84%;
	float: right;
}

.home_news .news_com .n_right ul li .wen_nei h4 {
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	color: #333333;
	margin-bottom: 6px;
	overflow: hidden;
	width: 100%;
}

.home_news .news_com .n_right ul li .wen_nei p {
	color: #666;
	font-size: 12px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}

.home_news .news_com .n_right ul li:last-child {
	border-bottom: none;
}

.home_news .news_com .n_right ul li:hover .wen_nei h4 {
	color: #F44336;
}

@media (max-width: 768px) {
	.home_news .news_com .n_left {
		width: 100%;
		margin-bottom: 10px;
	}
	.home_news .news_com .n_right {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.home_news .news_com .n_right ul li .ri {
		width: 20%;
	}
	.home_news .news_com .n_right ul li .ri i {
		font-size: 36px;
		height: 40px;
		line-height: 40px;
	}
	.home_news .news_com .n_right ul li .ri time {
		font-size: 12px;
	}
	.home_news .news_com .n_right ul li .wen_nei {
		width: 79%;
	}
}

.footer {
	background: #353535;
	width: 100%;
	margin-top: 2%;
}

@media (max-width: 768px) {
	.footer {
		padding-bottom: 90px;
	}
}

.footer_com {
	max-width: 1200px;
	width: 98%;
	margin: auto;
	padding: 3% 0px;
}

.footer_com .di_nav {
	width: 55%;
	float: left;
}

.footer_com .di_nav li {
	width: 20%;
	float: left;
	border-left: 1px solid #4a4a4a;
	padding-left: 15px;
}

.footer_com .di_nav li a {
	display: block;
	color: #959595;
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	width: 100%;
}

.footer_com .di_nav li a:hover {
	color: #F44336;
}

.footer_com .di_nav li .tit {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	width: 100%;
	color: #fff;
	margin-bottom: 10px;
}

.footer_com .er_right {
	width: 40%;
	float: right;
}

.footer_com .er_right .er {
	width: 22%;
	float: left;
}

.footer_com .er_right .er .pic {
	position: relative;
}

.footer_com .er_right .er .pic i {
	display: block;
	padding-bottom: 100%;
}

.footer_com .er_right .er .pic img {
	padding: 10px;
	border: 1px solid #606060;
	box-sizing: content-box;
}

.footer_com .er_right .er .text {
	color: #fff;
	text-align: center;
	margin-top: 20px;
	padding-left: 10px;
}

.footer_com .er_right .er .text span {
	display: block;
	line-height: 25px;
	height: 25px;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
}

.footer_com .er_right .er .text span:last-child {
	color: #aeaeae;
	font-size: 12px;
}

.footer_com .er_right .dian {
	width: 65%;
	float: right;
	padding-left: 52px;
}

.footer_com .er_right .dian p {
	display: block;
	color: #fff;
	font-size: 16px;
}

.footer_com .er_right .dian span {
	padding-right: 3%;
}

@media (max-width: 768px) {
	.footer_com .di_nav {
		display: none;
	}
	.footer_com .er_right {
		width: 100%;
		padding: 5% 0px;
	}
	.footer_com .er_right .er {
		width: 40%;
	}
	.footer_com .er_right .er .pic i {
		padding-bottom: 31.25%;
	}
	.footer_com .er_right .dian {
		width: 60%;
	}
}

@media (max-width: 480px) {
	.footer_com .er_right .er {
		width: 100%;
	}
	.footer_com .er_right .er .text {
		padding-left: 0px;
	}
	.footer_com .er_right .dian {
		width: 100%;
		display: none;
	}
	.footer_com .er_right .dian span {
		font-size: 14px;
	}
	.footer_com .er_right .dian a {
		font-size: 18px;
	}
}
.copy {
	max-width: 1200px;
	width: 98%;
	margin: auto;
	border-top: 1px solid #484848;
	padding: 5px 0px;
	color: #7a7a7a;
	font-size: 12px;
}

.copy span {
	margin: auto;
	text-align: center;
	width: 100%;
	display: inline-block;
}

.copy a:hover {
	color: #F44336;
}



.side {
	position: fixed;
	width: 50px;
	height: 275px;
	right: 0;
	top: 250px;
	z-index: 100;
}

.side ul li {
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	margin-bottom: 2px;
}

.side ul li .sidebox {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 5px 0 0 5px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	background: #000022;
	color: #fff;
	overflow: hidden;
}

.side ul li a:hover .sidebox {
	width: 175px;
	line-height:50px;;
}

.side ul li .sidetop {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	background: #000;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	transition: all 0.3s;
}

.side ul li .sidetop:hover {
	background: #e4392a;
}

.side ul li img {
	float: right;
}

.side ul li .sidebox1 {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 5px 0 0 5px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	background: #000022;
	color: #fff;
	overflow: hidden;
}
.side ul li a .sidebox2 {
	position: fixed;
	z-index:99;
	display:none;
	right:50px;
}
.side ul li a:hover .sidebox2 {
	width: 300px;
	height: 300px;
	display:block;
}
.side ul li a:hover .sidebox2 img{
	width: 300px;
	height: 300px;
}
@media (max-width: 767px) {
	.side {
		display: none;
	}
}


.clearfix {
	_zoom: 1;
}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}

.chanpinimg,.yuguishanpinimg {
	max-width: 100%;
	max-height: 100%;
	margin-top:0%;
	margin-bottom:0%;
}
.chanpinimg1,.yuguishanpinimg1 {
	max-width: 50%;
	max-height: 50%;
	margin-top:0%;
	margin-bottom:0%;
}



.yuguichanpindaohang {
	padding: 5% 0px;
	overflow: hidden;
}

.yuguichanpindaohang li {
	position: relative;
	cursor: pointer;
	margin-top: 20px;
}

.yuguichanpindaohang li .pic {
	position: relative;
	overflow: hidden;
}

.yuguichanpindaohang li .pic i {
	display: block;
}

.yuguichanpindaohang li .pic .zhe_a {
	background: url(/upload/img/1/20221028/1666955509544314.jpg);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
}


.yuguichanpindaohang li:after {
	border-right: 1px dashed #ccc;
	height: 100%;
	position: absolute;
	top: 0px;
}

.yuguichanpindaohang li:before {
	content: "";
	border-bottom: 1px dashed #ccc;
	width: 120%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}



.yuguichanpindaohang li:hover .pic .zhe_a {
	display: block;
}







.cart-list-item{
	display: block;
	width: 100%;
	height: 100px;
	margin-top: 1rem;
	background: #fafafa;
}

.cart-list-item .check{
	width:10px;
	height:5px;
	float: left;
}

.cart-list-item .check .xz{
	width: 2.4rem;
	height: 2.4rem;
	margin-top: 0.8rem;
	margin-left: 0.15rem;
	display: block;
	background-image: url(img/check.png);
	background-size: 1.4rem 1.4rem;
}

.cart-list-item .spt{
	display: block;
	width: auto;
	height: 100px;
}

.cart-list-item .mid{
	height:auto;
	margin-left: 0.18rem;
	margin-top: 0.16rem;
}

.cart-list-item .mid .name{
	display:block;
	font-size: 1.02rem;
	color: #333;
	height:auto;
	padding-top: 0.1rem;
	padding-bottom:6px;
}

.cart-list-item .mid .color{
	font-size: .8rem;
	color: #8a8a8a;
	display: block;
	margin-top:3px;
}

.cart-list-item .mid .jj{
	width: 1.5rem;
	height: 0.4rem;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	margin-top: 0.1rem;
}

.cart-list-item .mid .jj .jia{
	display: block;
	font-size: 0.4rem;
	text-align: center;
	line-height: 0.4rem;
	width: 0.49rem;
	height: 0.4rem;
}

.cart-list-item .mid .jj .num{
	display: block;
	float: left;
	text-align: center;
	line-height: 0.4rem;
	width: 0.48rem;
	height: 0.4rem;
	font-size: 0.24rem;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.cart-list-item .mid .jj .jian{
	display: block;
	font-size: 0.28rem;
	text-align: center;
	line-height: 0.4rem;
	width: 0.49rem;
	height: 0.4rem;
	float: right;
}

.cart-list-item .jgq{
	margin-right: 0.18rem;
}

.cart-list-item .jgq .price{
	height: 2.34rem;
	font-size: 1.24rem;
	display: block;
	margin-top: 0.26rem;
}
.cart-list-item .jgq .price p{
}
.cart-list-item .jgq .price p span{
	font-size:15px;
	line-height:24px;
	color:#F83E16;
	font-weight: bold;
}

.cart-list-item .jgq .del{
	display: block;
	width:26px;
	height:40px;
	font-size:22px;
	line-height:40px;
	cursor:pointer;
	top:46px;
    /* left: 0.8rem; */
    right: 0;
	color:#999;
}

#qx{
	width: 0.4rem;
	height: 0.4rem;
	margin-top: 0.8rem;
	margin-left: 0.2rem;
	display: block;
	background-image: url(img/check.jpg);
	background-size: 0.4rem 0.4rem;
	margin-left: 0.2rem;
	margin-top: 0.2rem;
		line-height: 0.8rem;
}

.fix_bottom{
	position: fixed;
	width: 100%;
	max-width:700px;width:expression_r(width>700?"700px":width+"px");
	height: 3.8rem;
	background: #fafafa;
	bottom: 0;
	font-size: 2.24rem;
	color: #333;

	
}



.fix_bottom .zjq{
	width: 100%;
	height: 2.8rem;
	margin-left: 0.4rem;
}

#zj{
	color: #e90327;
	font-size: 1.26rem;
	line-height: 1.2rem;
}

.fix_bottom .zjq .p1{
	font-size: 1.26rem;
	line-height: 1.2rem;
}

.fix_bottom .zjq .p2{
	font-size: 0.8rem;
	line-height: 1.0rem;
}

#js{
	display: block;
	width: 150px;
	height:3.8rem;
	background:#fa5555;
	color: #fff;
	font-size: 1.28rem;
	text-align: center;
	line-height: 3.8rem;
}