* {
	margin: 0;
	padding: 0;
}

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
}
body {
	font-family: 'Microsoft Yahei', 'Simsun', Arial, Helvetica, sans-serif;
	-webkit-text-size-adjusst: none;
	font-size: 14px;
	color: #666666;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}
address, cite, dfn, em, var, i {
	font-style: normal
}
code, kbd, pre, samp {
	font-family: courier new, courier, monospace
}
form {
	display: inline
}
small {
	font-size: 14px
}
ul, ol, li {
	list-style: none
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:link,a:visited,a:hover{
 text-decoration:none;  /*超链接无下划线*/
}


img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic
}
input, select {
	outline: medium;
	border: none;
	list-style-type: none;
}
button {
	background: none;
	list-style-type: none;
}
.clear {
	clear: both;
}
a:hover, a:focus {
	text-decoration: none !important;
}
p{
	word-wrap:break-word
}

.clearfix{
	clear: both;
}


/*在ie8/ie9时，input 的placeholder值 也显示*/
/*:-moz-placeholder { Mozilla Firefox 4 to 18
    color: #999; opacity:1;
}

::-moz-placeholder { Mozilla Firefox 19+
    color: #999;opacity:1;
}*/
 
input:-ms-input-placeholder{
    color: #999;opacity:1;
}
 
input::-webkit-input-placeholder{
    color: #999;opacity:1;
}  
/*在ie8/ie9时，input 的placeholder值 也显示      结束*/
.mt60{margin-top: 60px;}
.mb60{margin-bottom: 60px;}
/*nav*/
.active{color: #e6d0aa !important;}
/*pc banner*/
.banner {
	width: 100%;
	height: 760px;
	background-color: aqua;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.imgbox {
	width: 100%;
	height: 760px;
	position: relative;
	background-color: #222222;
	overflow: hidden;
}
.img {
	position: absolute;
	display: none;
	left: 50%;
	margin-left: -960px;
}
.im {
	display: block;
}
.change {
	height: 100px;
	display: block;
	position: absolute;
	z-index: 20;
	opacity: 0.4;
	transition: 0.4s;
	top: 50%;
	margin-top: -50px
}
.change:hover {
	opacity: 1;
}
.pre {
	left: 1%;
}
.next {
	right: 1%;
}
.cirbox {
	width: 100%;
	position: absolute;
	bottom: 40px;
	z-index: 10;
	cursor: pointer;
	text-align: center;
}
.cir {
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	margin: 0 5px 0 5px;
	display: inline-block;
	cursor: pointer;
	behavior: url(PIE.htc);
}

.cr {
	background: #e6d0aa;
	border-radius: 20px;
	width: 50px;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
/*pc banner end*/
/*手机banner*/
.lunbo1{
	overflow:hidden;
	height:320px;
}
.lunbo1>a>img{
	position:relative;
	left:50%;
	margin-left:-496px;
}
.xuanxiang1{
	margin-top:-34px;
	width:100%;
	text-align: center;
	z-index: 1;
	position: relative;
}
.xuanxiang1>li{
	display: inline-block;
	background-color:#fff;
	width:20px;
	height:4px;
	margin-left:10px;
}
/*手机banner end*/
/*About*/
.about{
	width: 100%;
	height: auto;
}
.about>p{
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #d1b483;
}
.about h2{
	line-height: 36px;
	padding: 20px 0 ;
	font-size: 36px;
	color: #333;
	float: left;
	cursor:hand;
}
.about h2 span{
	float: left;
}
.about h2 img{
	height: 36px;
	margin-left: 10px;
	float: left;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    transform: rotate(0deg);
    
}
.about h2:hover img{
	transform: rotate(360deg);
}

.about_nr{
	margin-top: 37px;
	width: 100%;
	height: auto;
}
.about_nr_p{
	line-height: 24px;
	height: 168px;
	color: #888484;
	font-size: 16px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 7;
  	-webkit-box-orient: vertical;

}
.about_nr a{
	line-height: 62px;
	font-size: 14px;
	color: #d1b483;
}
.about_video{
	width: 100%;
	height: 100%;
	position: relative;
	height: 380px;
}
.about_video img{
	width: 400px;
	height: 300px;
	box-shadow: 0px 0px 20px #cbc8c8;
	behavior: url(PIE.htc);
}
.video_bg1{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: ppbh2 1.5s forwards;
    -webkit-animation-play-state: paused;
    animation: ppbh2 1.5s forwards;
    animation-play-state: paused;
}
.video_bg2{
	display: block;
    position: absolute;
    top: 40px;
    right: 0;
    -webkit-animation: ppbh3 2s forwards;
    -webkit-animation-play-state: paused;
    animation: ppbh3 2s forwards;
    animation-play-state: paused;
}
.video{
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 80px;
	width: 400px;
	height:300px;
}
@media(max-width:992px){
	.video{
width:240px;
height:180px}
}
@media(min-width: 1200px) {
	.about_video:hover .video_bg1{
	-webkit-animation-play-state: running;
    animation-play-state: running;
	}
	.about_video:hover .video_bg2{
		-webkit-animation-play-state: running;
	    animation-play-state: running;
	}
}


@keyframes ppbh2{
	0%{
		top:0;left:0;
	}100%{
		top:40px;left:152px;
	}
}
@-webkit-keyframes ppbh2{
	0%{
		top:0;left:0;
	}100%{
		top:40px;left:152px;
	}
}

@keyframes ppbh3{
	0%{
		top:40px;right: 0;
	}100%{
		top:0;right: 152px;
	}
}
@-webkit-keyframes ppbh3{
	0%{
		top:40px;right: 0;
	}100%{
		top:0;right: 152px;
	}
}


#border-radius {-webkit-animation:border-radius 1s ease 0s alternate none infinite;}
#border-radius {-moz-animation:border-radius 1s ease 0s alternate none infinite;}
#border-radius {animation:border-radius 1s ease 0s alternate none infinite;}
@-webkit-keyframes border-radius { from{border-radius: 0; } to{border-radius: 50%; } }
@-moz-keyframes border-radius { from{border-radius: 0; } to{border-radius: 50%; } }
@keyframes border-radius { from{border-radius: 0; } to{border-radius: 50%; } }




@media (max-width: 500px) {
	.about_video img{
	width: 240px;
	height: 180px;
	}
	.video{
	margin-left: -120px;
	}
	.about_video{
		height: 260px;
	}
}
/*Product*/
.product_bg{
	width: 100%;
	height: auto;
	background: url(../images/pro_bg.jpg) no-repeat center;
	background-size: cover;
}
.product_title{
	width: 100%;
	height: auto;
	margin: 40px auto;
	text-align: center;
	cursor:hand;
}
.product_title p{
	line-height: 12px;
	font-weight: bold;
	font-size: 12px;
	color: #d1b483;
}
.product_title h2{
	line-height: 76px;
	color: #fff;
	font-size: 36px;
}
.product_title h2 img{
	height: 36px;
	margin-left: 10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    transform: rotate(0deg);
}
.product_title:hover img{
	transform: rotate(360deg);
}


.pro{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 114px;
}
.pro_left{
	float: left;
	width: 25.44%;
	height: auto;
}
.pro_left a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.pro_left img{
	width: 100%;
	height: auto;
}

.pro_zz{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: rgba(0,0,0,0); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
    
}
.pro_left a:hover .pro_zz{
	display: block;
	background: rgba(0,0,0,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000,endColorstr=#77000000);
    
    transition: all 0.3s ease-out;
}
.pro_right a:hover .pro_zz{
	display: block;
	background: rgba(0,0,0,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000,endColorstr=#77000000);    
    transition: all 0.3s ease-out;
}
.btn-1{
  	position: relative;
  	
  	opacity: 0;
  	display: block;
  	width: 86%;
  	height: 52px;
  	line-height: 52px;
  	
  	margin: 0 auto;
  	margin-top: 80px;
  	font-size: 18px;
  	text-align: center;
  	color: #e6d0aa;
  	text-transform: uppercase;
  	border: 0px solid currentColor;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-ms-transition:0.5s ease;
	-o-transition:0.5s ease;
	transition:0.5s ease;
}
.pro_right a:hover .btn-1{opacity: 1;}
.pro_left a:hover .btn-1{opacity: 1;}
.line{
	display:inline-block;
	position:absolute;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-ms-transition:0.5s ease;
	-o-transition:0.5s ease;
	transition:0.5s ease;
}
/*左上*/
.line_top{height:2px;width:0;left:-30%;top:0px;background: #e6d0aa;}
.pro_left a:hover .line_top{width:40px;left:-10px;}
.pro_right a:hover .line_top{width:40px;left:-10px;}
/*右上*/
.line_right{height:0;width:2px;top:-50%;right:0px;background: #e6d0aa;}
.pro_left a:hover .line_right{height:40px;top:23px;}
.pro_right a:hover .line_right{height:40px;top:23px;}
/*左下*/
.line_bottom{width:2px;height:0;bottom:-50%;left:0px;background: #e6d0aa;}
.pro_left a:hover .line_bottom{height:40px;bottom:20px;}
.pro_right a:hover .line_bottom{height:40px;bottom:20px;}
/*右下*/
.line_left{height:2px;width:0;right:-30%;bottom:0px;background: #e6d0aa;}
.pro_left a:hover .line_left{width:40px;right:-10px;}
.pro_right a:hover .line_left{width:40px;right:-10px;}
.pro_right{
	float: left;
	width: 74.56%;
	height: auto;
	position: relative;
}
.pro_right img{
	float: left;
	width: 100%;
}
.pro_right a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
}
@media(max-width:768px){
	.pro_left,.pro_right{width: 100%;}
	.pro_right>div{width: 100% !important;}
	.pro{margin-bottom: 40px;}
	.btn-1{display: none;}
}
/*新闻资讯*/
/*tab*/
.tab{width:100%;}
.tab ul.menu{text-align:right;height:38px;position:relative;margin: 65px 0;}
.tab ul.menu li{display:inline-block;margin-left:40px;height:36px;line-height:36px;list-style:none;font-size:18px;cursor:pointer;color: #666;}
.tab ul.menu li.active{color:#d1b483;border-bottom: 2px solid #d1b483;}
.con1,.con2{height:auto;}
.con2{display:none;}
/*end tab*/

.news_title{
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 99;
	width: auto;
}
@media(max-width:768px){
	.news_title{position: relative;}
	.tab ul.menu{text-align: center;}
	.tab ul.menu li{margin-left: 20px;margin-right: 20px;}
}
.news_ul{
	width: 100%;
	height: auto;
	position: relative;
}
.news_ul li{
	float: left;
	width: 32%;
	padding: 16px 1.5% 20px 1.5%;
	background: #fff;
	box-shadow: 0px 0px 20px #cbc8c8;
	margin-top: 20px;
	position: relative;
	behavior: url(PIE.htc);
}
.mr2{
	margin-right: 2%;
}
.news_ul_title{
	width: 100%;
	height: 24px;
	line-height: 24px;
	color: #000;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_ul_date{
	width: 100%;
	height: 46px;
	line-height: 46px;
	color: #999;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_ul_nr{
	width: 100%;
	height: 72px;
	line-height: 24px;
	color: #666;
	font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.con1>p,.con2>p{
	width: 100%;
	text-align: right;
	height: 55px;
	line-height: 55px;
}
.con1>p a,.con2>p a{
	color: #d1b483;
	font-size: 14px;
}
.news_ul a:hover .news_ul_title{
	color: #d1b483;
}

.news_ul_title:after{
	position: absolute;
	bottom:0; left:0;
	width:0; height:2px;
	background:#d1b483;
	content:"";
	transition:all 0.8s;
}
.news_ul a:hover .news_ul_title:after{
	width:100%;left:0;
}
@media (max-width: 768px) {
	.news_ul li{width: 100%;margin-right: 0 !important;}
}
/*友情链接*/
#marquee1{
	width:100%;
	height:63px;
	overflow:hidden;
}

#marquee1 ul li{
	float:left;
	margin-right: 22px;
}

#marquee1 ul li img{
	display:block;
}
		
/*footer*/
.footer_bg{
	margin-top: 40px;
	height: auto;
	width: 100%;
	background: url(../images/footer_bg.jpg) no-repeat center;
	background-size: cover;
}
.footer_nav{
	width: 100%;
	padding: 20px 0;
	height: auto;
	float: left;
}
.footer_nav li{
	float: left;
	line-height: 14px;
}
.footer_nav li a{
	font-size: 14px;
	color: #fff;
}
.footer_nav li a:hover{
	color: #e6d0aa;
}
.footer_nav span{
	float: left;
	line-height: 14px;
	font-size: 14px;
	color: #fff;
	margin: 0 4.1%;
}
.footer_nav_bg{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #454544;
}
@media (max-width: 1200px) {
	.footer_nav span{margin: 0 3.5%;}
}
@media (max-width: 992px) {
	.footer_nav span{display: none;}
	.footer_nav li{margin-bottom: 20px;width: 25%;text-align: center;}
}
.footer_bot_bg{
	width: 100%;
	height: auto;
	border-top: 1px solid #454544;
}
.footer_bot{
	line-height: 56px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.footer_bot a{
	color: #fff;
	font-size: 14px;
	margin-right: 5px;
}

.ewm{
	text-align: right;
	margin-top: 25px;
}
.ewm img{
	width: 100px;
	height: 100px;
	margin-left: 10%;
}
.footer_logo{
	text-align: center;
}
.footer_logo img{
	margin-top: 25px;
}
.footer_logo p{
	line-height: 60px;
	color: #fff;
	font-size: 18px;
}
.footer_left h2{
	line-height: 41px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}
.footer_left p{
	line-height: 43px;
	color: #fff;
	font-size: 14px;
}
@media(max-width:992px){
	.ewm{text-align: center;}
	.footer_bot_bg{margin-top: 20px;}
}
@media(max-width:364px){
	.footer_left h2{font-size: 16px;}
}
@media(max-width:768px){
	.footer_bot span{
		display: block;
	}
}
/*二级页面banner*/
.ej_banner{
	width: 100%;
	height: auto;
}
.banner_pc{
	width: 100%;
	height: 460px;
	overflow: hidden;
	position: relative;
}
.banner_pc img{
	width: 1920px;
	height: 460px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.banner_sj{
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
	display: none;
}
.banner_sj img{
	width: 992px;
	height: 180px;
	position: absolute;
	left: 50%;
	margin-left: -496px;
}
@media (max-width: 992px) {
	.banner_sj{display: block;}
	.banner_pc{display: none;}
}
.ej_bg{
	width: 96%;
	max-width: 1440px;
	background: #fff;
	box-shadow: 0px 0px 20px #cbc8c8;
	margin: 0 auto;
	margin-top: -60px;
	position: relative;
	padding-bottom: 10px;
}
.ej_nr{
	width: 100%;	
}
.ej_title{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 1px solid #e2e2e2;
}
.ej_title_left{
	line-height: 99px;
	float: left;
}

.ej_title_left li{
	float: left;
	line-height: 99px;
	margin-right: 28px;
	
}
.ej_title_left li a{
	color: #666;
	font-size: 16px;
	line-height: 97px;
	display: block;
}
.ej_title_left li a:hover{
	color: #d1b483 !important;
	font-weight: bold;
	border-bottom: 2px solid #d1b483;
}
.ac{
	color: #d1b483 !important;
	font-weight: bold;
	border-bottom: 2px solid #d1b483;
}
.ej_content{
	width: 100%;
	height: auto;
	float: left;
}
.ej_title_right{
	line-height: 99px;
	height: 99px;
	float: right;
	font-size: 14px;
	color: #999;
}
.ej_title_right a{
	font-size: 14px;
	color: #999;
}
.ej_title_right span{
	font-size: 14px;
	color: #d1b483;
}
.ej_content_title{
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 20px 0;
}
.ej_content_title h2{
	height: 60px;
	line-height: 60px;
	color: #d1b483;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.ej_content_title p{
	height: 20px;
	line-height: 20px;
	color: #999;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
@media(max-width:992px){
	.ej_title_left{line-height: 50px;}
	.ej_title_left li{height: 50px;}
	.ej_title_left li a{line-height: 48px;}
	.ej_title_right{height: 50px;line-height: 50px;}
	.ej_bg{margin-top: 0;}
}
/*荣誉资质*/
.honour{
	width: 100%;
	height: auto;
	float: left;
}
.honour li{
	float: left;
	width: 23.5%;
	border: 1px solid #eee;
	margin-right: 2%;
	margin-top: 40px;
	box-shadow: 0px 0px 20px #e3e3e3;
}
.honour_img{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.honour li a:hover .honour_img>img{
	transform: scale(1.1);
}
.honour_img>img{
	width: 100%;
	height: auto;
	transition: all 0.5s;
}

.honour_hover{
	position: relative;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #666;
	border-top: 1px solid #eee;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.honour_hover:after{
	position:absolute;
	content:"";
	right:0;top:0;
	width:0;height:100%;
	background-color:#d1b483;
	z-index: -1;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.honour li a:hover .honour_hover{
	color:#fff;
}
.honour li a:hover .honour_hover:after{
	width:100%;left:0;right:auto;
}
@media(max-width:992px){
	.honour li{width: 46%;margin-left: 2%;margin-right: 2%;}
}
@media(max-width:415px){
	.honour li{width: 100%;margin-left: 0;margin-right:0;}
}
.ej_content_nr img{
	max-width: 100%;
}
/*page*/
.page{
	width: 100%;
	margin: 40px 0;
	text-align: center;
	height: auto;
	float: left;
	line-height: 30px;
	color: #999;
	font-size: 14px;	
}
.page a{
	font-size: 14px;
	color: #999;
	padding: 7px 17px;
	margin: 0 5px;
	border: 1px solid #eee;
}
.page span,.page a:hover{
	font-size: 14px;
	color: #fff;
	padding: 7px 17px;
	margin: 0 5px;
	border: 1px solid #d1b483;
	background: #d1b483;
}
.page font{
	margin-right: 28px;
}
@media(max-width:768px){
	.page a{padding: 7px;}
	.page font{display: block;margin-right: 0;margin-bottom: 10px;}
}
/*上一篇下一篇*/
.sx{
	width: 100%;
	height: auto;
	
}
.sx a{
	display: block;
	width: 25%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 38px;
	line-height: 38px;
	text-align: left;
	padding: 0 1%;
	font-size: 14px;
	color: #999;
	border: 1px solid #eee;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-ms-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
	position: relative;
	margin: 20px 0;
}
.sx a:after{
	position:absolute;
	content:"";
	right:0;top:0;
	width:0;height:100%;
	background-color:#d1b483;
	z-index: -1;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-ms-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
}
.sx a:hover{
	color:#fff;
}
.sx a:hover:after{
	width:100%;left:0;right:auto;
}
@media(max-width:992px){
	.sx a{width: 100%;}
}

/*news*/
.news{
	width: 100%;
	height: auto;
	float: left;
}
.news li{
	float: left;
	height: auto;
	width: 100%;
	background: #fcfcfc;
	margin-top: 40px;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-ms-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
}
.news_img{
	float: left;
	padding: 15px;
	width: 25%;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-ms-transition:0.5s ease;
	-o-transition:0.5s ease;
	transition:0.5s ease;
}
.news_img img{
	width: 100%;
	height: auto;
}
.news_nr{
	width: 63%;
	float: left;
	padding: 15px;
}
.news_nr h2{
	width: 100%;
	height: 68px;
	line-height: 68px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	font-size: 18px;
	color: #333;
}
.news_nr p{
	line-height: 26px;
	height: 104px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 4;
  	-webkit-box-orient: vertical;
  	color: #666;
  	font-size: 16px;
}
.news_date{
	padding: 15px;
	float: right;
	width: 10%;
}
.news_date h2{
	color: #9999a5;
	font-size: 24px;
	margin-top: 35px;
}
.news_date p{
	color: #9999a5;
	font-size: 14px;
}
.more_img2{
	display: block;
	margin: 5px auto;
}
.more_img1{
	display: block;
	margin: 5px auto;
}
.more_img2{
	display: none;
	position: relative;
	z-index: 2;
	margin: 5px auto;
}
.news_more{
	width: 63px;
	height: 18px;
	text-align: center;
	border: 1px solid #d1b483;
	border-radius: 10px;
	margin-top: 60px;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	position: relative;
	z-index: 2;
}
.news_more:after{
	position:absolute;
	content:"";
	right:0;top:0;
	width:0;height:100%;
	border-radius: 10px;
	background-color:#d1b483;
	z-index: 1;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.news li a:hover .news_more{
	color:#fff;
}
.news li a:hover .news_more:after{
	width:100%;left:0;right:auto;
}
.news li:hover .news_img{
	background: #d1b483;
}
.news li:hover .news_nr h2{
	color: #d1b483;
}
.news li:hover{
	box-shadow: 0px 5px 20px #cbc8c8;
	behavior: url(PIE.htc);
}
.news li:hover .more_img2{
	display: block;
}
.news li:hover .more_img1{
	display: none;
}
@media (max-width: 1200px) {
	.news_date{display: none;}
	.news_nr{width: 73%;}
}
@media (max-width: 992px) {
	.news_date,.news_img{display: none;}
	.news_nr{width: 100%;}
	
}
/*在线留言*/
.online_bg{
	width: 100%;
	height: auto;
	margin: 20px 0;
	border: 1px solid #d1b483;
	float: left;
}
.online_form{
	width: 50%;
	margin: 0 auto;
}
.online_child{
	width: 100%;
	height: auto;
	float: left;
}
.online_inp1{
	width: 45%;
	float: left;	
	height: auto;
	margin-top: 20px;
}
.online_inp2{
	width: 100%;
	float: left;	
	height: auto;
	margin-top: 20px;
}
.online_inp1:first-child{
	margin-right: 10%;
}
.online_inp1 p,.online_inp2 p{
	line-height: 56px;
	width: 100%;
	text-align: left;
	color: #e6d0aa;
	font-size: 16px;
	font-weight: bold;
}
.online_inp1 input,.online_inp2 input{
	width: 100%;
	padding: 0 10px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #eee;
}
.online_inp2 textarea{
	width: 100%;
	padding: 0 10px;
	height: 200px;
	line-height: 44px;
	border: 1px solid #eee;
	resize:none;
}
.online_inp2 .yzm{
	width: 30%;
	margin-right: 10%;
}
.online_inp2 .yzm img{
	width: 141px;
	height: 46px;
}
.online_bot{
	width: 100%;
	text-align: center;
	margin: 40px 0;
}
.online_bot a{
	padding: 14px 45px;
	font-size: 18px;
	margin: 0 15px;
}
.online_bot .a1{
	color: #fff;
	background: #e6d0aa;
	padding: 14px 45px;
	font-size: 18px;
	margin: 0 15px;
}
.online_bot .a2{
	color: #666;
	background: #eee;
	padding: 14px 45px;
	font-size: 18px;
	margin: 0 15px;
}
@media(max-width:992px){
	.online_form{width: 90%;}
}
@media(max-width:768px){
	
}
@media(max-width:500px){
	.online_inp1{width: 100%;}
	.online_bot a{padding: 15px 20px;font-size: 16px;    margin: 0 5px;}
}
.online_inp1 input::-webkit-input-placeholder ,.online_inp2 input::-webkit-input-placeholder, .online_inp2 textarea::-webkit-input-placeholder { 
    color:    #666;
}
.online_inp1 input:-moz-placeholder, .online_inp2 input::-webkit-input-placeholder, .online_inp2 textarea:-moz-placeholder { 
    color:    #666;
}
.online_inp1 input::-moz-placeholder, .online_inp2 input::-webkit-input-placeholder, .online_inp2 textarea::-moz-placeholder { 
    color:    #666;
}
.online_inp1 input:-ms-input-placeholder, .online_inp2 input::-webkit-input-placeholder, .online_inp2 textarea:-ms-input-placeholder { 
    color:    #666;
}
/*联系我们*/
.contact{
	width: 100%;
	height: auto;
}
.contact_map{
	width: 100%;
	padding: 10px;
	border: 1px solid #eeeeee;
	margin: 20px 0;
}
.contact_map img{
	max-width: 100%;
}
.contact_lx{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.contact_lx h2{
	line-height: 74px;
	font-size: 26px;
	color: #d1b483;
}
.contact_lx p{
	line-height: 30px;
	font-size: 16px;
	color: #666;
}
@media (max-width: 400px) {
	.contact_lx h2{font-size: 18px;line-height: 40px;}
	.contact_lx p{font-size: 12px;line-height: 20px;}
}

/*job*/
.job{
	width: 100%;
	padding: 15px;
	border: 1px solid #d1b483;
	margin-top: 40px;
}
.job p{
	line-height: 30px;
	font-size: 16px;
	color: #666;
}
.job span{
	display: block;
	position: relative;
	margin: 20px auto;
	width: 300px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	color: #666;
	border: 1px solid #d1b483;
}
@media(max-width:768px){
	.job span{width: 80%;}
}
.job span:after{
	position: absolute;
	bottom:0; left:0;
	width:0; height:100%;
	background:#d1b483;
	content:"";
	z-index: -1;
	transition:all 0.8s;
}
.job a:hover span{color: #fff;}
.job a:hover span:after{
	width:100%;left:0;
}
.job:hover{
	box-shadow: 0px 5px 20px #cbc8c8;
}
/*job_page*/
.job_xq{
	width: 100%;
	height: auto;
	border: 1px solid #d1b483;
	margin: 20px 0;
}
.job_xq h2{
	line-height: 40px;
	height: 40px;
	width: 100%;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #d1b483;
	display: block;
	border-bottom: 1px solid #d1b483;
}
.job_xq_div{
	width: 100%;
	padding: 0 10px;
	border-bottom: 1px solid #d1b483;
}
.job_xq_div_child{
	width: 100%;
	height: 30px;
	margin: 10px 0;
}
.job_xq_div_child>span{
	width: 7%;
	float: left;
	line-height: 30px;
	display: block;
	color: #666;
	font-size: 16px;
}
.job_xq_div_child p{
	height: 28px;
	line-height: 28px;
	border: 1px solid #eee;
	width: 15%;
	padding: 0 10px;
	text-align: left;
	display: block;
	float: left;
}
.job_xq_div_child input{
	height: 28px;
	line-height: 28px;
	border: 1px solid #eee;
	width: 15%;
	padding: 0 10px;
	float: left;	
}
.job_xq_div_child input[type="radio"]{
	width: 15px;
	height: 15px;
	margin-top: 7px;
}
.job_xq_div_child font{
	float: left;
	line-height: 30px;
	padding: 0 10px;
}
.job_text{
	width: 100%;
	padding: 0 10px;
}
.job_text textarea{
	resize:none;
	width: 100%;
	height: 150px;
	line-height: 25px;
	border: 1px solid #eee;
	margin: 10px 0;
}
.job_xq_div_child img{
	margin-left: 20px;
}
.job_a{
	display: block;
	margin: 40px auto;
	width: 300px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #d1b483;
	position: relative;
	
}
.job_a:hover{
	color: #fff;
}
.job_xq_div_child img{height: 30px;}
@media(max-width:1200px){
	.job_xq_div_child>span{width: 15%;}
	.job_xq_div_child input{width: 25%;}
	.job_xq_div_child p{width: 25%;}
}
@media(max-width:768px){
	.job_xq_div_child>span{width: 30%;}
	.job_xq_div_child input{width: 50%;}
	.job_xq_div_child p{width: 50%;}
	.yzm_input{width: 25% !important;height: 28px;}
	.job_a{width: 80%;}
}



/*right*/
@media(max-width:768px){
	.right{display: none;}
}
.right{
	width: 150px;
	height: auto;
	position: fixed;
	right: 0;
	bottom: 10%;
	z-index: 999;
}
.right_close{
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
}
.right_img{
	display: block;
	width: 148px;
	border: 1px solid #eee;
}
.right_img img{
	width: 148px;
	height: 148px;
}


