@charset "utf-8";
/* CSS Document */
.header{
	border-bottom:1px solid #eee;
}
.header .nav {
	margin-top: 45px;
}
.header .nav ul li {
	float: left;
}
.header .nav ul li a {
	font-size: 14px;
	color: #333;
	padding: 0 25px;
	line-height: 24px;
}
.header .nav ul li a:hover, .header .nav ul li a.active{
	
	padding-bottom: 22px;
    border-bottom: 4px solid #b29675;
}
.header .language {
	float: right;
	border: 1px solid #bbbbbb;
	padding: 3px 15px;
	border-radius: 20px;
	margin-top: 38px;
}
.header .language a {
	font-size: 12px;
	color: #333;
	line-height: 24px;
	position: relative;
	padding-left: 24px;
}
.header .language a:hover{
	color:#b29675;
}
.header .language a i {
	width: 15px;
	height: 15px;
	background: url(../images/language-icon.png);
	content: "";
	display: block;
	position: absolute;
	top: 1px;
}
.header .search .search-box li{ float:left;}
.header .search span{
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-top: 35px;
    margin-left: 20px;
	
}
.header .search span.one{
	background: url(../images/img01.png) #fff no-repeat  center;
}

.seek-bg{
	width: 100%;
	height: 100%;
	
	background: url(../images/seek_bg.png) repeat-y center;
	background-size: cover;
	position: fixed;
	top:0;
	display: none;
	left:0;
	z-index: 9999999999999;
}
.seek-bg-box{
	width: 620px;
	height: 50px;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	left:50%;
	display: none;
	line-height: 50px;
	z-index: 999999999999999999;
	margin-left:-310px;
	top:177px;
}
.seek-bg-box .submit{
	padding-right: 28px;
	width: 16px;
	height: 50px;
	border:none;
	background: url(../images/img02.png) no-repeat left center;
}
.seek-bg-box .s-txt{
	padding-left: 21px;
	width: 500px;
	border:none;
	font-size: 14px;
	    height: 50px;
    vertical-align: top;
	border-radius: 4px;
	color: #a3a3a3;
}
/*banner*/
#slider-container {
	margin: 0px;
	width: 1903px;
	height: 630px;
	overflow: hidden;
	clear: both !important;
	position: relative;
}
.nivoSlider {
	
	margin-bottom: 10px;
	position: relative;
}
.nivoSlider img {
	left: 0px;
	top: 0px;
	display: none;
	position: absolute;
}
.nivoSlider a {
	border: 0px currentColor;
	display: block;
}
.nivo-directionNav a {
	border: 0px currentColor;
	width: 22px;
	height: 24px;
	text-indent: -9999px;
	display: block;
}
#slider {
	margin: 0px auto;
	width: 938px;
	height: 408px;
	overflow: hidden;
	position: relative;
	z-index: 9;
}
#slider h1 {
	color: rgb(255, 255, 255);
	font-size: 24px;
}
#slider .sdate {
	padding-bottom: 10px;
	display: block;
}
#slider hr {
	margin: 0px 0px 20px;
	padding: 0px;
	border-bottom-color: rgb(137, 137, 137);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/*f-content*/
.f-content{
	padding:30px 0;
}
.f-content .grid{
	padding:50px 35px;
	width:330px;
	height:310px;
}
.f-content .grbg-1{
	background:url(../images/grbg-1.jpg)
}
.f-content .grbg-2{
	background: #e6e6e6; /* 一些不支持背景渐变的浏览器 */
	background: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(#e6e6e6));
	background: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
}
.f-content .grbg-3{
	background:url(../images/grbg-2.jpg)
}
.f-content .grbg-1 h4,.f-content .grbg-2 h4{
	font-size:24px;
	color:#b29675;
	font-weight:300;
	margin-bottom:25px;
}
.f-content .grbg-1 p{
	font-size:14px;
	color:#d0d0d0;
	line-height:24px;
	text-align:justify;
	text-justify:newspaper;
}
.f-content .grbg-1 .button{
	width:114px;
	height:37px;
	border-radius:5px;
	text-align:center;
	background: #a2835f; /* 一些不支持背景渐变的浏览器 */
	background: -moz-linear-gradient(top, #DEC09D, #725a3e);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DEC09D), to(#725a3e));
	background: -o-linear-gradient(top, #DEC09D, #725a3e);
	margin-top:40px;
}
.f-content .grbg-1 .button:hover{
	background:#9b7b54;
}
.f-content .grbg-1 .button a{
	color:#eeeeee;
	font-size:16px;
	line-height:35px;
}
/*grbg-2*/
.swiper-container {
        width: 300px;
        height: 300px;
		position:relative;
    }
.swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 300px;
		text-align:center;
    }
.swiper-slide span{
	font-size:16px;
	color:#292929;
}
.swiper-slide p{
	font-size:12px;
	color:#818181;
}
/*grbg-3*/
.f-content .grbg-3 h4{
	font-size:24px;
	color:#dedede;
	font-weight:300;
	margin-bottom:15px;
}
.f-content .grbg-3 span{
	font-size:12px;
	color:#7a7a7a;
}
.f-content .grbg-3 h2{
	font-size:34px;
	color:#b29675;
	font-weight:300;
	margin-bottom:30px;
	margin-top:25px;
}
.f-content .grbg-3 ul li{
	font-size:14px;
	color:#dedede;
	line-height:24px;
	margin:5px 0;
}
.f-content .grbg-3 ul li a{
	font-size:14px;
	color:#dedede;
	line-height:24px;
}
.f-content .grbg-3 ul li a:hover{
	color:#b29675;
}

/*footer*/
.footer {

}
.footer .copyright {
	text-align: center;
	padding: 30px 0;
}
.footer .copyright p {
	color: #838282;
	font-size: 12px;
	margin: 0;
}

/*n-banner*/
.n-banner{
	width:1903px;
}
.n-banner img{
	width:100%;
}


/*content*/
.content{
	padding:60px 0;
}
/*pageleft*/
.pageleft{
	width:250px;
}
.pageleft h4{
	background:#000;
	color:#fff;
	font-size:18px;
	font-weight:300;
	padding:20px;
}
.pageleft ul{
	border:1px solid #e4e4e4;
}
.pageleft ul li{
	padding:6px 10px 6px 20px;
	border-bottom:1px solid #e4e4e4;
}
.pageleft ul li a{
	font-size:14px;
	color:#484848;
	display:block;
}
.pageleft ul li:hover{
	background:#CCC;

}
.pageleft ul li:hover, .pageleft ul li.active{
	background:#CCC;

}
/*contant*/
.contant{
	float:right;
	width:900px;
}
/*breadment*/
.breadment{
	padding-bottom:10px;
	border-bottom:1px solid #e4e4e4;
	margin-bottom:40px;
}
.breadment ul li{
	float:left;
	font-size:14px;
	color:#484848;
	margin-right:5px;
	line-height:12px;
}
.breadment ul li a{
	font-size:14px;
	color:#484848;
	line-height:12px;
}
.breadment ul li a:hover{
	color:#da251d;
}

/*about*/
.about p{
	font-size:14px;
	color:#484848;
	line-height:28px;
	margin-bottom:30px;
}
.about p span{
	color:#b29675;
}


/*product*/
.product {
	padding: 0;
}
.product li.plist1 {
	padding: 2px 10px 15px 10px;
	width: 200px;
	float: left;
	overflow: hidden;
	display: block;
	z-index: -100;
	line-height: normal;
}
.product li.plist1 a {
	border: 1px solid #E9E7EA;
	box-shadow: 0 0 3px #E0DFE0;
	display: block;
	color: #666;
	line-height:
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.product li.plist1 a:hover {
	border: 1px solid #e6e7e9;
	background: #e6e7e9;
	box-shadow: 0 0 3px #E0DFE0;
	display: block;
	color: #666;
}
.product li.plist1 a:hover img {
}
.product li.plist1 dl dt {
}
.product li.plist1 dl dd {
	width: 100%;
}
.product li.plist1 dl dd span{
	font-size:14px;
	padding:0 10px;
	margin:5px 0;
	display:block;
	color:#000;
	text-align:center;
}
.product li.plist1 img {
	width: 100%;
}
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#fff; background: #b29675; border-color:#b29675; text-decoration: none;}
/*feedback*/
.feedback-box{
	width:800px;
	margin:auto;
}
.feedback-box p{
	font-size:14px;
	color:#484848;
	line-height:24px;
	margin-bottom:30px;
	margin-top:10px;
}
.feedback {
  
}
.feedback .feed-tip {
    font-size: 0.75em;
    line-height: 2em;
    color: #7A7A7A;
    text-align: center;
}
.feedback .feed-msgwrap {
    
}
.feedback ul {
    width: 100%;
}
.feedback ul li {
    
    float: left;
    width: 48%;
    margin: 0 1% 0;
}
.feedback ul li label {
    
   
    display: block;
   
    font-size: 14px;
    line-height: 48px;
    color: #484848;
}
.feedback ul li input {
    width: 100%;
    height: 35px;
    background-color: #FFF;
    border: 1px solid #CDCDCD;
    text-indent: 2em;
    font-size: 14px;
    line-height: 35px;
    color: #484848;
}
.feedback ul li.feed-tel input {
    text-indent: 6.5em;
}
.cf:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
}
.feedback .feed-msg ,.feedback .feed-title, .feedback .feed-add {
    position: relative;
    width: 98%;
    margin: 0 auto;
}
.feedback .feed-title label, .feedback .feed-add label {
    display: block;
    font-size: 14px;
    line-height: 48px;
    color: #484848;
}
.feedback .feed-title input , .feedback .feed-add input {
    width: 100%;
    height: 35px;
    background-color: #FFF;
    border: 1px solid #CDCDCD;
    text-indent: 2em;
    font-size: 14px;
    line-height: 35px;
    color: #484848;
}
.feedback .feed-btn {
    width: 100%;
    margin: 4% auto 0;
    text-align: center;
}
.feedback .feed-msg label {
    
    display: block;
    
    font-size:14px;
    line-height: 48px;
    color: #484848;
}
.feedback .feed-msg textarea {
    display: block;
    width: 90%;
    padding: 12px 8% 12px 2%;
    margin: 0 auto;
    background-color: #FFF;
    border: 1px solid #CDCDCD;
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    text-indent: 6.5em;
}
.feedback .feed-btn button {
    width: 108px;
    height: 35px;
    background-color:#b29675;
    margin: 0 auto;
    border: medium none;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
}

/*contact*/
.contact .con-logo{
	background:#efefef;
	border-radius:5px;
	padding:15px 35px;
	margin-bottom:20px;
}
.contact ul li{
	font-size:14px;
	color:#555;
	line-height:35px;
	background:#efefef;
	border-radius:5px;
	padding:4px 35px;
	margin-bottom:20px;
}
.contact ul li span{
	border-right:2px solid #b29675;
	padding-right:10px; 
	margin-right:20px;
	width: 50px;
    display: inline-block;
}

#mapContainer{
			height:400px;
			margin-top:20px;
			
		}
		
		#btnDiv{
			position:absolute;
			bottom:20px;
			right:20px;
		}
		
		#btnDiv input{
			height:28px;
			line-height:28px;
			background-color: #0D9BF2;
			color:#FFF;
			border:0;
			outline:none;
			padding-left: 5px;
			padding-right:5px;
			border-radius:3px;
			cursor:pointer;
		}