@charset "utf-8";
/* CSS Document */


	*{ margin:0; padding:0; font-family:"微软雅黑";}
	li{ list-style:none;}
	a{ text-decoration:none;}
	img{ display:block;}
	h1{ font-size:30px; font-weight:normal; color:#333333;}
	p{ font-size:16px; color:#333333;}
	html{ width:100%; overflow-x:hidden;}
	
	
	.banner{ width:100%; height:100%; }
	.banner ul li img{ width:100%; height:100%;}
	.slogan{text-align:center;margin: 0 auto;width:90%;max-width: 1100px;}
	.slogan .slogan_p1{ color:#333333; font-size:30px; font-weight:bold; margin-top:100px;}
	.slogan .slogan_p2{ font-size:16px; color:#333333; margin-top:12px;}
	
	.gngw{ width:100%; margin:0 auto; margin-top:100px; position:relative;}
	.gngw_bg{ width:1167px; margin:0 auto; background:url(../images/hxmenubg.jpg) no-repeat center center;}
	.hbcuxiao{ position:absolute; right:-36px; top:0;}
	.gnzj_box,.gwzj_box{  left:220px; top:0; width:650px;}
	.gnzj dt{ cursor:pointer; width:224px; height:72px; background:url(../images/yzj_bg2.png) no-repeat left center;}
	.gnzj dt:hover{ background:url(../images/yzj_bg.png) no-repeat left center;}
	.gwzj dt{cursor:pointer;width:224px;height: 80px;margin-top:10px;background:url(../images/jz_tab2.png) no-repeat left center;}
	.gwzj dt:hover{ background:url(../images/jz_tab1.png) no-repeat left center;}
	
	
	.gnzj dt{ font-size:20px; padding-left:90px; line-height:72px;color:#333333;}
	.gwzj dt{ font-size:20px; padding-left:90px; line-height:72px; color:#333333;}
	.gnzj_box dd,.gwzj_box dd{ float:left; margin-left:50px; margin-top:20px; border-radius:20px; padding:6px 0;}
	.gwzj_box dd:nth-child(5){ margin-left:38px;}
	.gnzj_box dd a,.gwzj_box dd a{ border:#ff6a3d solid 1px; border-radius:20px; padding:6px 16px; color:#333333;}
	.gnzj_box dd a:hover,.gwzj_box dd a:hover{ background-color:#f06238; color:white;}
	
	.yfuwu_center{ width:1164px; margin:0 auto;}
	.yfuwu_center dl{ width:1164px; margin:0 auto; margin-top:100px;}
	.yfuwu_center dl dt{ font-size:24px; color:#000000;}
	
	.good{ display:none;}
	.goods_box{ position:relative;margin-top:100px;}
	.goods img{ position:relative;}
	.goods ul{ position:absolute; left:150px; top:54px;}
	.goods ul li{ line-height:30px; color:#333333; }
	.goods h2{ position:absolute; left:50px; top:50%; margin-top:-25px; color:#333333;}
	.goods h3{ position:absolute; left:110px; top:5px; color:#f15f32;}
	.goods{ border:#f15f32 solid 1px; height:456px; width:300px; margin-left:15px; margin-top:50px; border-radius:16px;float:left;}
	.goods:hover{ transform:scaleX(1) translate(0,-5px) skewX(0deg); box-shadow:0 3px 25px 1px rgba(0,0,0,0.3); transition:transform 0.5s;}
	.money{ font-size:22px; font-weight:normal; text-align:center; margin-top:20px;}
	.money span{ font-size:30px; font-weight:bold; color:#f15f32;}
	.button{ font-size:14px; border:#f15f32 solid 1px; border-radius:8px; padding:10px; font-weight:bold; margin-left:35%; }
	.button_box{ margin-top:30px;}
	.button_box a{ background-color:#f15f32; color:white;}
	.goods_box h1{width: 100%;text-align: center;position:absolute;/* left:0; */top:0;font-size:22px;/* margin-left:33%; */margin-top:-60px;}
	.good{ width:1253px; margin:0 auto;}
	
	.table_buy{ font-size:14px; text-align:center; width:1200px; margin:0 auto; margin-top:100px;}
	.table_buy td{ border:#ebebeb solid 1px; border-bottom:none; border-right:none; color:#4c4c4c; padding:20px 0;}
	.table_buy table { border:#ebebeb solid 1px; border-left:none; border-top:red solid 3px;}
	.table_buy table td span{ color:#ff8800; font-size:18px; font-weight:bold;}
	.table_buy table td a{ background:none; outline:none; border:none; cursor:pointer; padding:6px 10px; border:#ff764d solid 1px; border-radius:4px; background-color:#ff764d; color:white;display: block;width: 94px;margin-left: 22px;}
	.table_buy table td a:hover{ background-color:#f06238; border:#eb7d00 solid 1px;}
	.hot{ background:url(../images/hot.png) no-repeat left top; text-align:right;}
	.hot2{ background:url(../images/hot2.png) no-repeat left top; text-align:right;}
	.hot3{ background:url(../images/hot3.png) no-repeat left top; text-align:right;}
	.hot4{ background:url(../images/hot4.png) no-repeat left top; text-align:right;}
	.table_buy .hot_border{ border:red solid 1px; border-right:none; border-left:none;}
	
	.center_text3{width: 485px;margin:0 auto;margin-top:100px;position:relative;background-image:url(../images/center_solid2.png);background-position:center 20px;background-repeat:no-repeat;}
	.center_text3.telText{background-image:initial}
	.center_text3 h1{ text-align:center; font-weight:bold; color:#333333;}
	.center_text3 p{ margin-top:10px; text-align:center; color:#333333;}

	.demo{ padding:0 0 40px 0; padding-bottom:80px;}
	.boxjf{position: relative;perspective: 1000px;}
	.boxjf .boxjf-img{
		transform: rotateY(0);
		transition: all 0.50s ease-in-out 0s;
		/* height: 400px; */
	}

.boxjf-img.clearfix {}
	.boxjf:hover .boxjf-img{
		transform: rotateY(-90deg);
	}
	.boxjf .boxjf-img img{
		width: 100%;
		height: 250px;
	}
	.boxjf .boxjf-content{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		padding: 60px 20px;
		text-align: center;
		background: rgba(0,0,0,0.7);
		transform: rotateY(90deg);
		transition: all 0.50s ease-in-out 0s;
	}
	.boxjf:hover .boxjf-content{
		transform: rotateY(0);
	}
	.boxjf .title{
		font-size: 20px;
		color: #fff;
		text-transform: uppercase;
	}
	.boxjf .description{
		font-size: 14px;
		line-height: 24px;
		color: #fff;
	}
	.boxjf .title:after,
	.boxjf .description:after{
		content: "";
		width: 80%;
		display: block;
		border-bottom: 1px solid #fff;
		margin: 15px auto;
	}
	.boxjf .social-links{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.boxjf .social-links li{
		display: inline-block;
		margin: 0 10px;
	}
	.boxjf .social-links li a{
		font-size: 20px;
		color: #a6a6a6;
	}
	.boxjf .social-links li a:hover{
		text-decoration: none;
		color: #fff;
	}
	@media only screen and (max-width: 990px) {
		.boxjf{  margin-bottom:20px; }
	}
	@media only screen and (max-width: 479px) {
		.boxjf .boxjf-content{ padding: 20px; }
	}
	
	
	
	.center_text2{ width:385px; margin:0 auto; margin-top:50px; background-color:#FFFFFF; position:relative;}
	.center_text2 h1{ padding-left:120px; font-weight:bold; margin-right:110px;}
	.solids_left2{ float:left; border:#666666 solid 1px; width:100px; position:absolute; left:0; top:22px;}
	.solids_right2{ float:right; border:#666666 solid 1px; width:100px; position:absolute; right:0; top:22px;}
	.center_text2 p{ margin-top:10px; text-align:center;}
	
	
	.side-bar a,.chat-tips i {
	background-image:url(../images/gdt-img.png);
	background-repeat: no-repeat;
}
/*右侧悬浮icon*/
.side-bar a,.chat-tips i { background-image:url(../images/gdt-img.png); background-repeat: no-repeat;}
	.side-bar { width: 66px; position: fixed; bottom: 20px; right: 25px; font-size: 0; line-height: 0; z-index: 100;}
	.side-bar a { width: 66px; height: 66px; display: inline-block; background-color: rgba(0,0,0,0.3); margin-bottom: 4px; border-radius:8px;}
	.side-bar a:hover { background-color: #f56d43;}
	.side-bar .icon-qq { background-position: 0 -62px;}
	.side-bar .icon-chat { background-position: 0 -130px; position: relative;}
	.side-bar .icon-blog { background-position: 0 -130px; position: relative;}
	
	.side-bar .icon-chat:hover .chat-tips { display: block;}
	.side-bar .icon-qq:hover .chat-tips { display: block;}
	.side-bar .icon-blog:hover .chat-tips { display: block;}
	
	.side-bar .icon-blog { background-position: 0 -198px;}
	.side-bar .icon-mail { background-position: 0 -266px;}
	.side-bar .icon-totop { background-position: 0 -334px;}
	.icon-qq .chat-tips { border: 1px solid #d1d2d6; border-radius:4px; position: absolute; right: 78px; top: -55px;background-color: #ffffff; display: none;}
	.icon-blog .chat-tips { border: 1px solid #d1d2d6; border-radius:4px; position: absolute; right: 78px; top: -55px;background-color: #ffffff; display: none;}
	.icon-chat .chat-tips { border: 1px solid #d1d2d6; border-radius:4px; position: absolute; right: 78px; top: -55px;background-color: #ffffff; display: none;}
	.icon-chat .chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 80px; background-position:-88px -350px;}
	.icon-qq .chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 80px; background-position:-88px -350px;}
	.icon-blog .chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 85px; background-position:-88px -350px;}
	
	
	
	.all{ width:100%; margin:0 auto;}
	.clearfix{ clear:both;}
/*phone*/
/*windows*/