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,
button,
input,
select,
textarea {
	font-size: 12px;
}
body{
	line-height: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

* {
	outline: none!important;
}
@font-face {
    font-family: 'baskervilletworegular';
    src: url('../fonts/baskervilletwo-regular-webfont.eot');
    src: url('../fonts/baskervilletwo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/baskervilletwo-regular-webfont.woff2') format('woff2'),
         url('../fonts/baskervilletwo-regular-webfont.woff') format('woff'),
         url('../fonts/baskervilletwo-regular-webfont.svg#baskervilletworegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: auto;
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

li {
	list-style: none;
}

ul {
	list-style-type: none;
}

html,
body {
	font-family: "Microsoft YaHei";
}

header,
section,
footer,
article,
nav {
	display: block;
}

.clearfix::after {
	clear: both;
	line-height: 0;
	height: 0;
	display: block;
	font-size: 0;
	content: "";
}

.clearfix::before {
	clear: both;
	line-height: 0;
	height: 0;
	display: block;
	font-size: 0;
}

.show {
	display: block !important;
	visibility: visible !important;
	
}
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before{
	display: block;
	content:'';
	height: 0;
	width: 0;
}
.fl {
	float: left;
}

.fr {
	float: right;
}



.zh_container {
	width: 100%;
	height: auto;
}


#banner{
	width: 100%;
	min-width: 1200px;
}

.carousel-indicators{
	width: 130px;
	margin-left: -65px;
}
.carousel-indicators li {
	width: 12px;
	height: 12px;
	text-indent: -999px;
	cursor: pointer;
	margin: 0 9px;
	background-color: rgba(0,0,0,0);
	border-radius: 10px;
	border: 1px solid #d19d3d;
	background: #d19d3d;
	display: block;
	float: left;
}


.carousel-indicators .active {
	width: 40px;
	border: 1px solid #d19d3d;
	height: 12px;
	margin: 0 9px;
	transition: 0.6s;
	background-color: #d19d3d;
	
}
.carousel .carousel-inner .item{
	width: 100%;
	height: 500px;
}
.carousel .carousel-inner .item a{
	display: block;
	width: 100%;
	height: 500px;
}
.carousel-control{
	background-image:none !important;
}
#banner .glyphicon{
	width: 50px;
	height: 50px;
	border-radius:50%;
	background: #d19d3d;
	display: none;
	line-height: 40px;
}
#banner .glyphicon:before{
	font-size: 0;
}
#banner:hover .glyphicon{
	display: block;
}
#banner .glyphicon-chevron-right:hover,
#banner .glyphicon-chevron-left:hover{
	background: #9e9f9e;
}
/*内容部分开始*/
.content_section{
	padding-top: 40px;
	padding-bottom: 80px;
}
/*广告区块*/
.ad_show{
	padding-bottom: 105px;
}
.adbg{background: url("../images/jinse.jpg") no-repeat scroll left top;background-size:1200px;}
.line_first,.line_second{
	overflow: hidden;
}
.big_ad{
	width: 674px;
	height: auto;
}
.small_ad{
	width: 498px;
	height: auto;
}
.line_second .small_ad,
.line_first .big_ad{
	margin-right: 26px;
}
.line_second .small_ad{
	width: 529px;
}
.line_second .big_ad{
	width: 643px;
}
.line_first{
	margin-bottom: 20px;
}
/*视频区块*/
.video_layer{
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(67,67,67,.8);
	width: 100%;
	height: 100%;
	z-index: 1000000000;
	overflow: hidden;
	display: none;
}
.video_box{
	position: relative;
	width: 600px;
    height: 450px;
    margin: 0 auto;
}
.video_box .chahao{
	position: absolute;
	right: 8px;
	top: 4px;
	font-size: 20px;
	color: #CCCCCC;
	cursor: pointer;
}
.video_box .chahao:hover{
	color: #d19d3d;
}
/*明星产品区块*/
.bestSellers h3{
	text-align: center;
	font-size: 30px;
	font-family: "baskervilletworegular";
	margin-bottom: 22px;
	line-height: 22px;
	color:#fff;
}
.bestSellers h3 span{
	margin-left: 15px;
}
.bestSellers ul{
	text-align: center;
	overflow: hidden;
	width: 405px;
	margin: 0 auto;
	padding-bottom: 75px;
}
.bestSellers li{
	float: left;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	cursor: pointer;
	letter-spacing: 3px;
}
.bestSellers li:hover{
	color: #d19d3d;
}
.bestSellers li span{
	margin: 0 32px;
	color: #fff;
}
.bestSellers .active{
	color: #d19d3d;
}
.bestSeller_section{
	position: relative;
	padding-top: 75px;
	padding-bottom: 75px;
	background: #000;
}
.bestSeller_content{
	position: relative;
	width: 1190px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 1000;
	display: none;
}
.bestSeller_content .picList{
	height: 448px;
	overflow: hidden;
}
.bestSeller_content .picList li{
	float: left;
	width:270px;
	margin-right: 35px;
}
.bestSeller_content .picList li:hover{
	animation: shadow 0.2s;
	animation-delay: 0.25s;
	animation-fill-mode: forwards;
}

.bestSeller_content .pic{
	width: 270px;
	height: 270px;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.bestSeller_content .pic .whiteBackground{
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 34px;
	background: #FFFFFF;
}
.bestSeller_content .pic img{
	width: 270px;
	height: 270px;
}
.bestSeller_content .title{
	position: relative;
	cursor: pointer;
	width: 270px;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 26px;
}
.bestSeller_content .bg_color{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: -1;
}

.bestSeller_content li:hover .bg_color{
	animation: heightAuto .3s;
	animation-fill-mode: forwards;
}
@keyframes heightAuto{
	from{
		height: 0;
	}
	to{
		height: 172px;
	}
}
.bestSeller_content li:hover{
	box-shadow: 3px 3px 3px 6px 3px;
}
.bestSeller_content li:hover .price{
	color: #000;
}
.bestSeller_content .title p{
	padding: 0 10px;
	width: 250px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	padding-bottom: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bestSeller_content li:hover .detail{
	color: #000;
}

.bestSeller_content .title .buyButton{
	position: relative;
	color: #FFFFFF;
	background: #d19d3d;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 0;
}
.bestSeller_content .title .buyButton span{
	position: absolute;
	width: 100px;
	top: 0;
	left: 0;
	height: 30px;
	background: rgba(0,0,0,0);
	z-index: 10000;
}
.bestSeller_content .title .buyButton .bdColor{
	width: 0;
	z-index: 9999;
	background: #000;
}
.bestSeller_content .title .buyButton:hover .bdColor{
	width: 100px\9;
	animation: fillColor 0.5s;
	animation-fill-mode: forwards;
}
/*.bestSeller_content li:hover .bdColor{
	animation: fillColor 0.5s;
	animation-fill-mode: forwards;
}*/
@keyframes fillColor{
	from{
		width: 0;
	}
	to{
		width: 100px;
	}
}
.bestSeller_section .act_next,
.bestSeller_section .act_prev,
.bestSeller_content .next,
.bestSeller_content .prev{
	cursor: pointer;
	position: absolute;
	width: 17px;
	height: 32px;
	left: -34px;
	top: 215px;
	z-index: 1000;
}
.bestSeller_content .next{
	left: auto;
	right: -34px;
}
.bestSeller_section .act_prev{
	top: 294px;
	left: 50%;
	margin-left: -642px;
}
.bestSeller_section .act_next{
	top: 294px;
	left: 50%;
	margin-left: 622px;
}
.allProducts{
	padding-top: 35px;
	padding-bottom: 60px;
}
.title h3{
	color: #fff;
	font-size: 30px;
	line-height: 22px;
	font-family: "baskervilletworegular";
	margin-bottom: 17px;
	text-align: center;
}
/*全部产品*/
.allProducts h3 span{
	margin-right: 13px;
}
.allProducts p{
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	padding-bottom: 65px;
	letter-spacing: 3px;
}
.productContent{
	width: 100%;
	height: 500px;
	background: url("../images/jinse.jpg") no-repeat scroll left top;background-size:1200px;
	padding: 8px;
}
.productContent .contentLeft{
	width: 348px;
	padding-top: 122px;
}
.productContent .pic_product{
	width: 127px;
	margin: 0 auto;
	overflow: hidden;
}
.contentLeft ul{
	width: 78px;
	margin: 42px auto 0;
}
.contentLeft li{
	width: 100%;
	font-size: 18px;
	padding-bottom: 24px;
	cursor: pointer;
}
.contentLeft li a{
	color: #000;
}
.productContent span{
	display: block;
	margin: 0 auto;
	visibility: hidden;
	width: 58px;
	height: 1px;
	margin-top: 10px;
}
.productContent .active a{
	color: #fff;
}
.productContent .active span{
	visibility: visible;
	background: #d19d3d;
}
.productContent .contentRight{
	width: 836px;
	height: 484px;
}
.contentRight li{
	position: relative;
	width: 836px;
	height: 484px;
	overflow: hidden;
	display: none;
}
.contentRight img{
	width: 100%;
	height: auto;
}
.contentRight span{
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 100px;
	height: 30px;
	background: rgba(241,241,241,.8);
	font-size: 16px;
	font-family: "microsoft yahei";
	/*visibility: visible;*/
	line-height: 30px;
	margin-left: -50px;
	text-align: center;
	color: #4D4D4D;
	margin: 0;
	
}
/*博客区域*/
.blogs{
	padding-top: 80px;
	background: #000;
	padding-bottom: 100px;
}
.blogs h3{
	letter-spacing: 3px;
}
.blogs h3 span{
	margin-right: 12px;
}
.blogs .title p{
	text-align: center;
	margin-top: 20px;
	letter-spacing: 4px;
	margin-bottom: 90px;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
}
.blog_list{
	position: relative;
	overflow: hidden;
}
.blog_list .act_next,
.blog_list .act_prev{
	width: 17px;
	height: 32px;
	position: absolute;
	left: 50%;
	margin-left: -635px;
	top: 50%;
	margin-top: -16px;
	cursor: pointer;
}
.blog_list .act_next{
	margin-left:620px;
}
.blog_content{
	width: 1180px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.blog_content .blog_items li{
	position: relative;
	float: left;
	width: 280px;
	height: 280px;
	margin-right: 20px;
	cursor: pointer;
}
.blog_content .blog_items li .pic{
	width: 280px;
	height: 280px;
}
.blog_items li img{
	width: 280px;
	height: 280px;
}
.blog_items li:nth-child(even){
	margin-top: 30px;
}
.mengceng{
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 280px;
	background: rgba(67,67,67,0);
	overflow: hidden;
}
.line_border{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 244px;
	height: 244px;
	background: rgba(0,0,0,0);
	margin-left: -122px;
	margin-top: -122px;
}
.line_border div{
	position: absolute;
	background: #FFFFFF;
}
.line_border .top{
	height: 1px;
	top: 0;
}
.line_border .topLine{
	animation: topLine 0.5s;
	animation-fill-mode: forwards;
}
@-moz-keyframes topLine{
	from{
		width: 0;
	}
	to{
		width: 244px;
	}
}
@-ms-keyframes topLine{
	from{
		width: 0;
	}
	to{
		width: 244px;
	}
}
@-webkit-keyframes topLine{
	from{
		width: 0;
	}
	to{
		width: 244px;
	}
}
@keyframes topLine{
	from{
		width: 0;
	}
	to{
		width: 244px;
	}
}
.line_border .left{
	width: 1px;
	left: 0;
}
.line_border .leftLine{
	animation: leftLine 0.5s;
	animation-fill-mode: forwards;
} 
@-moz-keyframes leftLine{
	from{
		height: 0;
	}
	to{
		height: 244px;
	}
}
@-ms-keyframes leftLine{
	from{
		height: 0;
	}
	to{
		height: 244px;
	}
}
@-webkit-keyframes leftLine{
	from{
		height: 0;
	}
	to{
		height: 244px;
	}
}
@keyframes leftLine{
	from{
		height: 0;
	}
	to{
		height: 244px;
	}
}
.line_border .bottom{
	bottom: 0;
	height: 1px;
}
.line_border .bottomLine{
	animation: bottomLine 0.5s;
	animation-fill-mode: forwards;
}
@-moz-keyframes bottomLine{
	from{
		width: 0;
	}
	to{
		width: 244px;
	}
}
@-ms-keyframes bottomLine{
	from{
		width: 0;
	}
	to{
		width: 244px;
	}
}
@-ms-keyframes bottomLine{
	from{
		width: 0;
	}
	to{
		width: 244px;
	}
}
@keyframes bottomLine {
	from{
		width: 0;
	}
	to{
		width: 244px;
	}
} 
.line_border .right{
	width: 1px;
	right: 0;
}
.line_border .rightLine{
	animation: rightLine 0.5s;
	animation-fill-mode: forwards;
} 
@-moz-keyframes rightLine{
	from{
		height: 0;
	}
	to{
		height: 244px;
	}
}
@-ms-keyframes rightLine{
	from{
		height: 0;
	}
	to{
		height: 244px;
	}
}
@-webkit-keyframes rightLine{
	from{
		height: 0;
	}
	to{
		height: 244px;
	}
}
@keyframes rightLine {
	from{
		height: 0;
	}
	to{
		height: 244px;
	}
} 
.mengceng p{
	position: absolute;
	width: 170px;
	left: 50%;
	margin-left: -85px;
	line-height: 22px;
	top: 115%;
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
}
.mengceng:hover{
	animation: fade .5s;
	animation-fill-mode: forwards;
}
.mengceng:hover p{
	animation: text 0.5s;
	animation-fill-mode: forwards;
}
@-moz-keyframes fade{
	from{
		background: rgba(67,67,67,0);
	}
	to{
		background: rgba(67,67,67,0.8);
	}
}
@-ms-keyframes fade{
	from{
		background: rgba(67,67,67,0);
	}
	to{
		background: rgba(67,67,67,0.7);
	}
}
@-webkit-keyframes fade{
	from{
		background: rgba(67,67,67,0);
	}
	to{
		background: rgba(67,67,67,0.8);
	}
}
@keyframes fade{
	from{
		background: rgba(67,67,67,0);
	}
	to{
		background: rgba(67,67,67,0.8);
	}
}
@-moz-keyframes text{
	from{
		top: 110%;
	}
	to{
		top: 50%;
	}
}
@-ms-keyframes text{
	from{
		top: 110%;
	}
	to{
		top: 50%;
	}
}
@-webkit-keyframes text{
	from{
		top: 110%;
	}
	to{
		top: 50%;
	}
}
@keyframes text{
	from{
		top: 110%;
	}
	to{
		top: 50%;
	}
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #4d4d4d inset;
	border: 1px solid #CCC!important;
	color: #FFFFFF !important;
	text-shadow: none !important;
}
.carousel-control:hover, .carousel-control:focus{
	opacity: 0.5;
}