/*  *,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
} */

 html {
  font-size: 63%;
}



body{
	margin: 0;
	background-image: url(../images/background.jpg);
	color: #898989;	
	position: relative;
}
.clear {
	DISPLAY: block; CLEAR: both; WIDTH: 100%; HEIGHT: 1px; OVERFLOW: hidden
}
.kefu{
	position: fixed;
	right: -120px;
	top: 30%;
	z-index: 1000;
	width: 140px;
	height: 430px;
	background-color: rgba(20,4,4,0.85);
	text-align: center;
}
.kefu-close{
	position: absolute;
	width: 21px;
	top: -10px;
	left: 60px;
	cursor: pointer;
}
.kefu-link{
	width: 130px;
	margin: 0 auto;
	height: 137px;
	background-image: url(../images/kefu-back.jpg);
	background-repeat: no-repeat;
	padding-top:100px; 
}
.kefu-jd{
	margin-top: 35px;
}
.kefu-code{
	margin-top: 20px;
}
a{
	color: #898989;
	text-decoration: none;
}
a:hover{
	color: #000;
}
.bigger:hover img{
	transform: scale(1.05);
    transition: all 0.2s ease 0s;
    -webkit-transform: scale(1.05);
    -webkit-transform: all 0.2s ease 0s;
    box-shadow: 0 0 10px gray;
}
.bigger-1{
	overflow: hidden;
}
.bigger-1:hover img{
	transform: scale(1.05);
    transition: all 0.2s ease 0s;
    -webkit-transform: scale(1.05);
    -webkit-transform: all 0.2s ease 0s;    
}
.hidden{
	display: none;
}
.main img{
	max-width: 100%;
	height: auto;
	
}


.top-bg{
	width: 100%;
	min-height: 37px;
	position: fixed;
	top: 0;
	background-color: #5A0000;
	z-index: 1;
}

.slider{
	position: relative;
	margin-top: -50px;
}
.slider-logo{
	position: absolute;
	z-index: 100;
	width: 100%;
	text-align: center;
}
.slider-logo img{
	display: inline-block;
	margin: 0 auto;
	width: 200px;
	margin-top: -82px;
}
.sp-slide{
	filter: blur(5px);
    -webkit-filter:blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);	
}

.sp-selected{
	 filter: blur(0);
    -webkit-filter:blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);	
}
.main{
	width: 60%;
	max-width: 1000px;	
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.main-ind-1{
	width: 100%;
	min-height: 250px;
	margin-top: 60px;
}
.main-ind-1-img {
	width: 30%;
	
	display: block;
	float: left;
	text-align: center;
}

.main-ind-1-img-c{
	margin-left: 5%;
	margin-right: 5%;
}

.main-ind-2{
	width: 100%;
	min-height: 97px;
	text-align:center;
	margin-top: 100px;
	margin-bottom: 66px;
}



.main-ind-3{
	width: 100%;
	min-height: 600px;
	background-color: #fff;	
	margin-bottom: 135px;
}
.news-comment{
	width: 100%;
	box-sizing:border-box;
	padding: 54px 50px;
}
.news-comment > .left{
	width: 47%;
	padding: 0
}
.news-comment > .left > img{
	width: 100%;
}
.news-comment > .right{
	width: 49%;
	position: relative;
}
.news-comment > .right > h3{
	font-size: 1.8rem;
	color: #a12125;
	margin-top: 0;
}
.news-comment > .right > p{
	font-size: 1.6rem;
	line-height: 1.7;
	}
.see-more{	
	display: block;
	position: absolute;
	right: 0;
	margin-top: 20px;
}
.see-more img{	
	right: 0;
	bottom: 0;
}
.main-news{	
	min-height: 100px;
	width: 100%;
	padding: 50px 50px;
	display: block;	
	box-sizing:border-box;
	background-color: #c8c2a6;
}


.ind-news-1-img{
	width: 25%;
	height: 170px;
	overflow: hidden;
	display: block;
	float: left;
	text-align: center;
	
}
.ind-news-1-img img{
	width: 100%;
	height: 100%;
}
.img-scale{
	width: 95%;
	height: 95%;
	display: inline-block;
	margin: 0 auto;
	position: relative;
}
.img-mask{	
	position: absolute;
	z-index: 10;
	bottom: 0;
	right: 0;	
	width: 100%;
	height: 100%;	
	background-color: rgba(149,97,52,0.7);	
}
.img-mask-text{
	position: absolute;
	z-index: 20;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing:border-box;
	padding: 10%;
	text-align: left;
	line-height: 1.5;	
}
.img-mask-text h3{
	font-size: 1.6rem;
}
.img-mask-text a{
	color: #fff;
}









.foot-1{
	width: 100%;
	background-color: #870000;
	height: 230px;
}
.footer{
	text-align: center;
	width:20%;
	float: left;
	
	margin-top:20px;
	color: #ddd;
}

.footer h3 {
	font-size: 1.58rem;
}
.footer > ul {
	list-style: none;
	
	padding-left: 0;
}
.footer > ul > li {
	line-height: 25px;
	height: 25px;
}
.footer a{
	color: #ddd;
}
.footer a:hover{
	color: #fff;
}
.foot-2{
	width: 100%;
	height: 70px;
	line-height: 70px;
	background-color: #5C0000;
	padding-top: 10px;
}
.foot-2  p{
	line-height: 1.5;
	font-size: 12px;
	text-align: left;
	color: #ddd;
}
.foot-link{
	margin-top: 15px;
}
.foot-links{
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 30px;
	border-right: 1px solid #fff;

}
.foot-links:last-child{
	padding-right: 0;
	border-right: 0;
}



.t-a-l{
	text-align: left;
}
.t-a-r{
	text-align: right;
}
.left{
	float: left;
}
.right{
	float: right;
}