@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, big, em, font, img, strong, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,  caption, tbody, tfoot, thead, tr, th, td, input {
	padding:0;
	margin: 0;
	}
body {
	font-family: Microsoft YaHei, Arial,"宋体";
	color:#000;
	font-size:12px;
	background:url(../images/big_bg.jpg); 
	}
address, caption, cite, code, dfn, em, strong, th, var { 
    font-weight:normal; 
    font-style:normal;
	}
fieldset, img {
	border:0;
	}
h1, h2, h3, h4, h5, h6 {
	 font-weight:normal;
	 font-size:100%;
	 }
a {
	cursor:pointer;
	text-decoration:none;
	}
ul,ol,li {
	list-style-position:outside;
	list-style:none;
	}
textarea {
	resize:none;
	}
.fl {
	float:left;
	display:inline;
	}
.fr {
	float:right;
	display:inline;
	}
/*链接*/a {color:inherit;text-decoration:none;}
/*已访问*/a:visited {color:inherit;text-decoration:none;}
/*悬停*/a:hover {color:inherit;text-decoration:none;}
/*激活*/a:active {color:inherit;}
/*img{ max-width:100%;}*/
	
/*--------------  index  ----------------------*/
#big_bg{ width:100%; overflow:hidden;background:url(../images/left_bg2.png) no-repeat; background-position: top left; }
#left_bg{ /*width:100%; overflow:hidden;background:url(../images/left_bg.png) no-repeat; background-position: bottom left;*/}
#right_bg{ width:100%; overflow:hidden; background:url(../images/right_bg.png) no-repeat;background-position: top right}
.common_k{ width:900px; margin:0 auto; overflow:hidden;}
.logo{ width:100%; overflow:hidden; height:60px; margin:0 0 10px 0;}
.logo img{ display:block; margin:0 auto; max-width:100%;}
.nav{ width:100%;  height:32px; margin: 0 0 0px 0;border-radius: 10px 10px 0 0;}
.nav ul{ display:block; padding:0 0px;}
.nav li{ width:8.13%; text-align:center; height:32px; line-height:32px; float:left; border-right: 1px solid #000000; border-left: 1px solid #555555;border-radius: 10px 10px 0 0;}
.nav li a{ font-size:12px; color:#f3c869; font-weight:600; display: block;border-radius: 10px 10px 0 0;background:#333;}
.nav li a.on, .nav li a:hover{ background: #000; border-radius: 10px 10px 0 0;}
.banner{ width:100%; overflow:hidden; overflow:hidden; }
.banner img { width:100%;}
.slide{ margin:12px; width:876px; height:382px; position:relative;}
.main{ width:100%; background:url(../images/tj.png) no-repeat center center; padding: 100px 0 0 0}
.footer2{ width:100%;  /*background:url(../images/footer_bg.png) */no-repeat center bottom; overflow:hidden;/* height:240px;*/ padding-bottom:15px; background-size: auto 100%;}
.foot2{ color:#e5e4a3;  text-align:center; padding:15px 0px; line-height: 24px;}
.footer{ width:100%; background:url(../images/footer_bg.png) no-repeat center bottom; overflow:hidden; height:73px;}
.foot{ color:#fff; text-align:center; padding-top:38px;}

/*.main li{ width:33.33%; float:left;}
.main li a{ display:block;}
.main li img{ max-width:100%; margin:0 auto; display:block;}*/

.flex{display: flex; align-items: center; flex-wrap: wrap;}
.main .box ul{justify-content: space-between;} 
.main .box ul li{width:32.33333%; margin:0.5%; float: left; }
.main .box ul li .pic{  display: block;}
.main .box ul li .pic img{ width: 100%}
.main .box ul li .pic em{ text-align: center; display: block;line-height: 300%; color: #f4c763;}
.main .box ul li:hover .pic em{}


/*--------------  about  ----------------------*/
#right_bg{ width:100%; overflow:hidden; background:url(../images/right_bg2.png) no-repeat 100% 25%;}
.location{ width:100%;  overflow:hidden; padding:2%; font-size:12px; color: #e5e4a3}
.about{ width:100%; overflow:hidden;}
h6.bt_ny{ width:100%; border-bottom:1px dashed #ffedc6;  color: #f3c869; font-weight: bold; padding:2% 0; text-align:center; font-size:15px; margin-bottom:2%;}
.article{ width:100%;font-size:13px; color: #ffe4a8; line-height: 200% }
.article img{max-width:100%;}
.article p{ margin-bottom:5%;}
/*--------------  product  ----------------------*/
.product{ width:100%; overflow:hidden;}
.product ul{ display:block; overflow:hidden; }
.product ul li:nth-child(4n){ margin-right:0;}
.product ul li{ width:23%; float:left; margin:0px 1%;}
.product ul li a{  display: block;}
.product ul li a img{ max-width:100%; max-height:100%; margin: auto auto;  display:block;}
.product ul li p{ display:block; line-height:300%; width:100%; text-align:center; font-size:12px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color: #f4c763}
span.page{ display:block; margin-bottom:30px;text-align: center; width:100%;}
span.page a{ display:inline-block; padding:5px  15px; border:1px solid #a6a6a6; margin:0 5px;}
/*--------------  new  ----------------------*/
.new{ overflow:hidden; width:100%; m}
.new ul{display:block; overflow:hidden; margin-bottom:3%;}
.new li{ width:94%; padding:2.9%; border:1px solid #f3cc79;margin-bottom:3%;}
.new li h6{ color:#f3cc79; font-size:13px; margin-bottom:1%; display:block; width:100%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.new li h5{ line-height:2em; text-indent:2em; font-size:12px; color:#fde6b6; margin-bottom:1%;}
.new li h4{ color:#e0d9c8; font-size:12px; }
.new li h6:hover, .new li h5:hover{ text-decoration:underline; color:#f3cc79; }
.page {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 10px;
}
.page a, .page span{
	font-size:12px;
	display:inline-block;
	padding:4px 6px;
	color: #FFFBC9;
	margin:0 5px;
}
.page .current {
	color: #FFF;
	background-color: #e60000;
}
@media (max-width:768px){
	
#big_bg{ width:100%; overflow:hidden;background:url(../images/left_bg2.png) no-repeat; background-position: top left; background-size: 40% auto }
#left_bg{ width:100%; overflow:hidden;/*background:url(../images/left_bg.png) no-repeat; */background-position: bottom left; background-size: 40% auto}
#right_bg{ width:100%; overflow:hidden; background:url(../images/right_bg.png) no-repeat;background-position: top right; background-size: 40% auto}
	
	
	.common_k{ max-width:640px; width:100%;}
	.logo { height:auto; margin-bottom: 0}
	.logo img{ max-width:70%;}
	.nav{ margin:1% 0; border-radius: 0px;  height: 72px;  }
	.nav ul{ padding:0; border-radius: 10px;}
	.nav ul li {width: 19.2%; height: 36px;line-height: 36px; }
	.banner{ height:auto; background-size:100% auto;}
	.slide{ width:97.4%; margin:1.3%; height:auto;}
	.slide img{ max-width:640%; width:100%;}
/*	.main li{ width:100%; padding:2%;}
	.main li img{ max-width:40%;}*/
	
.flex{display: flex; align-items: center; flex-wrap: wrap;}
.main .box ul{justify-content: space-between;} 
.main .box ul li{width:49%; margin:1% 0.5% 0 0.5%; float: left;height:auto; }
.main .box ul li .pic{/* position: relative;*/ display: block;}
.main .box ul li .pic img{ width: 100%}
.main .box ul li .pic em{/*position: absolute; */bottom: 0; left: 0; width: 100%;  text-align: center; line-height: 22px; color: #fff;}
.main .box ul li:hover .pic em{background:#e60000;}
	
	.foot{ padding-top:7.8%;}
	.footer2 { margin-top: 10px}
	h6.bt_ny{ font-size:1.4em;}
	.location{ font-size:12px;}
	.article{ width:90%; margin:0 auto; line-height:28px;}
	
	.product ul li{ width:45.5%; float:left; margin-left:3%; margin-bottom:3%; height:auto; margin-right:0;}
	.product ul li a{ width:100%; padding-top:5%; height:auto;}
	
	.new li{ width:88%; display:block; margin:0 auto 3%;}
	}