gusucode.com > 【dema52】响应式精品包装白酒类网站织梦模板(自适应手机端) > 【dema52】响应式精品包装白酒类网站织梦模板(自适应手机端)/skin/css/style.css

    /* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
body {
	font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	color: #666;
	background: #efefef;
}
p {
	margin: 0;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, figure {
	color: #444;
}
::-webkit-selection {
color: #fff;
background: #323232;
}
::-moz-selection {
color: #fff;
background: #323232;
}
::selection {
	color: #fff;
	background: #323232;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase, .initialism {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
.float_bg {
	background: url(../images/qq_3.gif) repeat-y
}
a {
	color: #313131;
	text-decoration: none
}
a:focus, a:hover {
	color: #d80808;
}
.bg-main {
	background: #d80808;
	border: 1px solid #d80808 !important
}
.bg-main:hover, .bg-main:focus {
	border: 1px solid #026d9a !important;
	background: #c00 !important
}
.button.bg-main {
	border-color: #d80808 !important
}
.button.bg-main:hover {
	border-color: #c00 !important;
}
.passcode {
	border-left: 1px solid #ddd;
	border-radius: 0 4px 4px 0;
	height: 32px;
	line-height: 32px;
	margin: 1px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}
.detail h2, .detail h3 {
	line-height: 180%
}
.detail h3, .detail h1 {
	font-size: 18px;
	color: #5a5a5a;
	;
	font-weight: bold
}
.layout {
	overflow: hidden;
	width: 100%;
}
header .layout, footer .layout {
	overflow: visible;
	width: 100%;
}
{
overflow:visible;
width: 100%;
}
.not-animated {
	opacity: 0
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none
}
.line-small {
	margin-left: -5px;
	margin-right: -5px
}
.line-small .x1, .line-small .x2, .line-small .x3, .line-small .x4, .line-small .x5, .line-small .x6, .line-small .x7, .line-small .x8, .line-small .x9, .line-small .x10, .line-small .x11, .line-small .x12, .line-small .xl1, .line-small .xl2, .line-small .xl3, .line-small .xl4, .line-small .xl5, .line-small .xl6, .line-small .xl7, .line-small .xl8, .line-small .xl9, .line-small .xl10, .line-small .xl11, .line-small .xl12, .line-small .xs1, .line-small .xs2, .line-small .xs3, .line-small .xs4, .line-small .xs5, .line-small .xs6, .line-small .xs7, .line-small .xs8, .line-small .xs9, .line-small .xs10, .line-small .xs11, .line-small .xs12, .line-small .xm1, .line-small .xm2, .line-small .xm3, .line-small .xm4, .line-small .xm5, .line-small .xm6, .line-small .xm7, .line-small .xm8, .line-small .xm9, .line-small .xm10, .line-small .xm11, .line-small .xm12, .line-small .xb1, .line-small .xb2, .line-small .xb3, .line-small .xb4, .line-small .xb5, .line-small .xb6, .line-small .xb7, .line-small .xb8, .line-small .xb9, .line-small .xb10, .line-small .xb11, .line-small .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px
}
.line-middle {
	margin-left: -7px;
	margin-right: -7px
}
.line-middle .x1, .line-middle .x2, .line-middle .x3, .line-middle .x4, .line-middle .x5, .line-middle .x6, .line-middle .x7, .line-middle .x8, .line-middle .x9, .line-middle .x10, .line-middle .x11, .line-middle .x12, .line-middle .xl1, .line-middle .xl2, .line-middle .xl3, .line-middle .xl4, .line-middle .xl5, .line-middle .xl6, .line-middle .xl7, .line-middle .xl8, .line-middle .xl9, .line-middle .xl10, .line-middle .xl11, .line-middle .xl12, .line-middle .xs1, .line-middle .xs2, .line-middle .xs3, .line-middle .xs4, .line-middle .xs5, .line-middle .xs6, .line-middle .xs7, .line-middle .xs8, .line-middle .xs9, .line-middle .xs10, .line-middle .xs11, .line-middle .xs12, .line-middle .xm1, .line-middle .xm2, .line-middle .xm3, .line-middle .xm4, .line-middle .xm5, .line-middle .xm6, .line-middle .xm7, .line-middle .xm8, .line-middle .xm9, .line-middle .xm10, .line-middle .xm11, .line-middle .xm12, .line-middle .xb1, .line-middle .xb2, .line-middle .xb3, .line-middle .xb4, .line-middle .xb5, .line-middle .xb6, .line-middle .xb7, .line-middle .xb8, .line-middle .xb9, .line-middle .xb10, .line-middle .xb11, .line-middle .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 7px;
	padding-left: 7px
}
#fh5co-wrapper {
	overflow-x: hidden;
}
#fh5co-page {
	position: relative;
	z-index: 2;
	background: #fff;
	overflow-x: hidden;
}
.fh5co-heading {
	position: relative;
	z-index: 1
}
.fh5co-heading h2 {
	font-size: 30px;
	text-align: center;
	margin: 0px 0px 30px; /*height: 165px;*/
	background-position: center;
	background-image: url(../images/title_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.fh5co-heading h2 img {
	max-width: 100%;
}
.zoomimgs {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 87.72%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/
}
.artzoomimgs {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 77.19%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/
}
/*顶部导航 begin*/
.main-top {
	position: relative;
	width: 100%;
	background: #fff;
}
#fh5co-header { /*position:absolute;top:0;left:0;right:0;*/
	width: 100%;
	height: 90px;
	z-index: 6;
	background: #fff;
}
#fh5co-header .header-box {
	position: static;
}
.header-box.fixed.fixed-top {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	width: 100%;
	z-index: 6;
	background: rgba(255, 255, 255, 0.9);
}
#fh5co-header .navbar {
	border: none;
}
#fh5co-header .navbar-head {
	padding: 10px 0px 0 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -95px;
	z-index: 3;
}
#fh5co-header .navbar-head img {
	width: 180px;
}
#fh5co-header .navbar-body .nav li {
	margin: 0;
	padding: 0;
	display: inline;
	padding: 0 10px 0 0;
}
#fh5co-header .navbar-body .nav li a {
	color: #362f2f;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 90px;
	padding: 0 27px;
}
{
color: #d21e1e;
}
#fh5co-header .navbar-body .nav li a.four {
	margin-right: 205px;
}
#fh5co-header .navbar-body .nav>li:first-child>a {
	padding-left: 0;
}
#fh5co-header .navbar-body .nav li:last-child a {
	padding-right: 0;
}
#fh5co-header .navbar-body .nav li a:hover, #fh5co-header .navbar-body .nav li:hover a.first-level, #fh5co-header .navbar-body .nav li.current>a {
	color: #d21e1e;
}
#fh5co-header .navbar-body .nav li ul {
	border: none;
	left: 0px;
	border-radius: 0;
	margin: 0;
	padding: 0;
	min-width: 140px;
	z-index: 4;
	border: none;
	top: 80px;
	box-shadow: none;
	background: rgba(0,0,0,.6);
}
#fh5co-header .navbar-body .nav li ul li {
	margin: 0;
	padding: 0;
	height: auto;
	display: block;
	height: auto;
}
#fh5co-header .navbar-body .nav li ul li a {
	display: block;
	width: 100%;
	padding: 0px 10px;
	margin: 0;
	text-align: left;
	min-width: 140px;
	line-height: 45px;
	transition: background 0.5s ease 0s;
	color: #fff;
	background: none;
	text-indent: 5px;
}
#fh5co-header .navbar-body .nav li ul li a:hover {
	background: #000;
	color: #fff;
}
#fh5co-header .navbar-body .nav li ul li ul {
	top: 0
}
/*顶部导航 end*/

/*手机版顶部导航 begin */
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
}
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
	position: relative;
}
#fh5co-page {
	z-index: 2;
}
#fh5co-offcanvas {
	display: none;
	right: 0;
	overflow-y: hidden;
	position: fixed;
	z-index: 8;
	top: 10px;
	width: 160px;
	background: #fff;
	padding: 0px 0px 10px 40px;
	border: 0;
}
.offcanvas-visible #fh5co-offcanvas {
	display: block;
}
#fh5co-offcanvas ul {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	border-radius: 0
}
#fh5co-offcanvas ul li {
	list-style: none;
	position: static;
	width: 100%;
	margin: 0;
	padding: 0;
}
#fh5co-offcanvas ul li:hover, #fh5co-offcanvas ul li.current {
}
#fh5co-offcanvas ul li a {
	font-size: 12px;
	color: #333;
	text-decoration: none !important;
	display: block;
	position: relative;
	line-height: 34px;
	margin: 0;
	padding: 0px 0 0 2px;
}
#fh5co-offcanvas ul li a:hover, #fh5co-offcanvas ul li.current a {
	color: #d80808;
}
#fh5co-offcanvas ul li a::after {
	background: #eee;
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0;
	right: 0;
	height: 1px;
}
#fh5co-offcanvas ul li ul {
	margin: 0;
	padding: 0;
	z-index: 6;
	position: relative;
	width: 100%;
	border: 0;
	box-shadow: 0
}
#fh5co-offcanvas ul li ul li {
	margin: 0;
	padding: 0;
	display: block;
	border: none;
	line-height: 28px;
}
#fh5co-offcanvas ul li ul li a, #fh5co-offcanvas ul li.current ul li a {
	background: #fff;
	color: #666;
	display: block;
	padding: 0px 20px 0px 20px;
	margin: 0;
	text-align: left;
	width: 100%;
	font-size: 12px;
	line-height: 28px;
	transition: none
}
#fh5co-offcanvas ul li ul li a:hover {
	background: #d80808;
	color: #fff;
	transition: none
}
#fh5co-offcanvas ul li ul li a::before, #fh5co-offcanvas ul li ul li a::after {
	background: none;
	height: 0;
	padding: 0
}
#fh5co-offcanvas ul li ul li ul {
	top: 0
}
.fh5co-nav-toggle {
	cursor: pointer;
	text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
	background: #fff;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
	outline: none;
	border-bottom: none !important;
}
.fh5co-nav-toggle i {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
*display: inline;
	width: 28px;
	height: 4px;
	color: #d80808;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #76838f;
	transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
	content: '';
	width: 28px;
	height: 4px;
	background: #76838f;
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.fh5co-nav-toggle i::before {
	top: -9px;
}
.fh5co-nav-toggle i::after {
	bottom: -9px;
}
.fh5co-nav-toggle:hover i::before {
	top: -10px;
}
.fh5co-nav-toggle:hover i::after {
	bottom: -10px;
}
.fh5co-nav-toggle.active i {
	background: none;
}
.fh5co-nav-toggle.active i::before {
	background: none
}
.fh5co-nav-toggle.active i::after {
	background: none
}
.fh5co-nav-toggle {
	position: fixed;
	top: 25px;
	right: 10px;
	z-index: 9;
	display: block;
	display: none;
	cursor: pointer;
}
.fh5co-nav-toggle.active {
	right: 129px !important;
	top: 15px !important;
	background: url(../images/coo.gif) no-repeat left top;
	width: 20px;
	height: 23px;
}
/*手机版顶部导航 end */

/* 底部 begin*/
footer .foot-bot {
	background: url(../images/footer_bg.png) no-repeat bottom center;
	color: #666;
	padding: 20px 0 10px;
	line-height: 2;
}
footer .foot-bot .foot-link {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
footer .foot-bot .foot-link span {
	color: #5f130a;
	font-size: 16px;
	margin-right: 10px;
}
footer .foot-bot .foot-link a {
	margin: 0 10px;
}
footer .foot-bot .copyright {
	padding-top: 15px;
}
footer .foot-bot .copyright .foot-nav {
	text-align: right;
}
footer .foot-bot .copyright .foot-nav li {
	display: inline-block;
	padding: 0 10px;
}
footer .foot-bot .copyright .foot-nav li:last-child {
	padding-right: 0;
}
footer .foot-bot a {
	color: #666
}
footer .foot-bot a:hover {
	color: #d80808;
	text-decoration: underline
}
/* 底部 end*/

/*首页轮换图片 begin*/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flexslider {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 600px;
}
.flexslider .slides li .overlay {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	bottom: 0;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flex-control-nav {
	position: absolute;
	bottom: 15px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	cursor: pointer;
	width: 8px;
	height: 8px;
	float: left;
	text-indent: -2000px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%
}
.flex-control-nav .flex-active {
	background: rgba(255, 255, 255, 0.5);
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 50%;
}
.flex-direction-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -999em;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 40px;
	height: 60px;
	line-height: 60px;
	font-size: 0px;
	padding: 0;
	margin: 0;
	opacity: 1;
	text-align: left;
	border-radius: 0;
	color: #ddd;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.1);
}
.flex-direction-nav li a:hover {
	background: #D80808;
	color: #fff
}
.flex-direction-nav li a:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	line-height: 60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 36px;
	cursor: pointer
}
.flex-direction-nav li a.flex-prev {
	left: 0px;
	text-indent: 6px;
}
.flex-direction-nav li a.flex-prev:before {
	content: "\f104";
}
.flex-direction-nav li a.flex-next {
	right: 0px;
	text-indent: 7px;
}
.flex-direction-nav li a.flex-next:before {
	content: "\f105"
}
#fh5co-hero .flexslider .container {
	position: relative
}
#fh5co-hero .flexslider .slider-text {
	display: table;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 3%;
	text-align: left;
	text-shadow: 0 0 15px rgb(0, 0, 0);
}
#fh5co-hero .flexslider li:nth-child(2n) .slider-text {
	text-align: right;
	padding-right: 70px;
}
#fh5co-hero .flexslider li:nth-child(3n) .slider-text {
	left: 30%;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
	opacity: 0;
	font-size: 30px;
	font-weight: 300;
	color: #fff;
	line-height: 100%;
	text-shadow: 0 0 15px rgb(0, 0, 0);
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-txt {
	opacity: 0;
	font-size: 36px;
	font-weight: 300;
	color: #fff;
	padding: 12px 0 0px;
	line-height: 180%
}
/*首页轮换图片 end*/


/* 关于我们 begin*/
#fh5co-about-us .bg-about {
	background: url(../images/about_bg.jpg) no-repeat bottom center;
}
#fh5co-about-us .show-list {
	padding: 60px 0 70px;
}
#fh5co-about-us .intro {
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;/*IE*/
	height: 330px;
	float: right;
	line-height: 3;
}
#fh5co-about-us .intro h3 {
	font-size: 30px;
	font-weight: 300;
	margin-left: 20px;
	line-height: 1;
}
#fh5co-about-us .intro .content {
	color: #221819;
	font-size: 16px;
}
#fh5co-about-us .intro .content p {
	line-height: 3;
}
#fh5co-about-us .intro a.more {
	display: inline-block;
	background: url(../images/about_more.png) no-repeat top center;
	color: #fff;
	padding: 8px 3px 25px;
	text-decoration: none;
	transition: all 0.25s linear 0s;
	font-size: 14px;
}
/* 首页产品展示 begin*/
#fh5co-product-list .bg-product {
	padding: 0px 0 0px
}
#fh5co-product-list .owl-carousel-carousel {
	z-index: 5
}
#fh5co-product-list .item a {
	position: relative;
	overflow: hidden;
	display: block;
	cursor: pointer
}
#fh5co-product-list .item a .zoomimgs {
	display: block;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
	width: 100%;
	overflow: hidden
}
#fh5co-product-list .item:hover a .zoomimgs {/*-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);*/
	-webkit-transition: .5s;
	-ms-transition: .5s;
	transition: .5s
}
#fh5co-product-list .item .overlay {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: 0 35px; /*height: 35%;*/
	padding: 5%;
	background: rgba(199,31,31,.84);
	z-index: 3;
	opacity: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}
#fh5co-product-list .item .overlay h3 {
	color: #fff;
	font-size: 20px;
	width: 100%;
	line-height: 1.6;
	margin-bottom: 8px;
}
#fh5co-product-list .item .overlay p {
	color: #fff;
	font-size: 14px;
	width: 100%;
}
#fh5co-product-list .item {
	margin-top: 10px;
}
#fh5co-product-list .right .item .overlay {
	bottom: 20px;
	margin: 0 15px;
}
#fh5co-product-list .right .item .overlay h3 {
	margin-bottom: 2px;
}
#fh5co-product-list .item a:hover .overlay {
	opacity: 1;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	transition: .5s
}
/* 产品展示 begin*/
.show-product a {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	color: #37474f;
	display: block;
}
.show-product a .media-img {
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	width: 100%;
	overflow: hidden;
}
.show-product a .media-img .zoomimgs {
	webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
	width: 100%;
}
.show-product a h3 {
	font-size: 14px;
	padding: 10px 8px;
	color: #2a333c;
	white-space: nowrap;
	overflow: hidden
}
.show-product a:hover {
	color: #000;
	text-decoration: none;
}
.show-product a:hover .media-img {
	opacity: 0.9;
}
.show-product a:hover .media-img .zoomimgs {
	webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.show-product a:hover h3 {
	color: #d80808
}
/* 产品展示 end*/


/* 首页新闻中心 begin*/
#fh5co-case-list .bg-news {
	padding: 0px 0 20px;
}
#fh5co-case-list .show-list .item .media-img {
	overflow: hidden;
	text-align: center
}
#fh5co-news-list .bg-new {
	background: #fff;
	padding: 20px;
}
#fh5co-news-list .fh5co-heading {
	border-bottom: 1px solid #ccc;
	padding-bottom: 18px;
	overflow: hidden;
	line-height: 24px;
}
#fh5co-news-list .fh5co-heading h3 {
	color: #5f130a;
	font-size: 24px;
	float: left;
	line-height: inherit;
}
#fh5co-news-list .fh5co-heading a.more {
	float: right;
	line-height: inherit;
	color: #d21e1e;
	font-size: 12px;
}
#fh5co-news-list .show-list ul li {
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px #d2d2d2 dashed;
	padding-left: 22px;
	background: url(../images/news_li.png) no-repeat left 17px;
}
#fh5co-news-list .show-list ul li h3 {
	line-height: 16px;
	font-family: "微软雅黑";
}
#fh5co-news-list .show-list ul li h3 a {
	font-size: 14px;
	color: #313131;
	max-width: 70%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}
#fh5co-news-list .show-list ul li h3 span {
	float: right;
	font-size: 12px;
	color: #666;
}
/* 首页新闻中心 end*/

/* 内页 begin*/
#fh5co-content_show {
	padding-bottom: 20px;
}
#fh5co-content_show .content-boxs {
	padding: 20px 0px;
}
#fh5co-content_show .d-pad {
	padding: 15px 30px;
}
#fh5co-content_show .show_body {
	font-size: 14px;
}
#fh5co-content_show .detail {
	font-size: 14px;
	padding: 20px 0 10px;
	line-height: 180%;
}
#fh5co-content_show .detail h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 5px 0 0px;
}
#fh5co-content_show .detail img {
	height: auto !important;
	max-width: 100%;
	vertical-align: middle;
	margin-bottom: 11px;
}
#fh5co-content_show .detail img {
	margin: 11px 0;
	max-width: 100%
}
#fh5co-content_show .detail p {
	text-indent: 0;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 16px
}
#fh5co-content_show .qhd-title span {
	margin: 0 5px;
	font-size: 14px;
	color: #999;
}
#fh5co-content_show .qhd-title {
	border-bottom: 1px solid #eee;
	margin-bottom: 25px;
	padding-top: 6px;
}
#fh5co-content_show .qhd-title strong {
	font-weight: normal
}
#fh5co-content_show .contact-box h2 {
	font-size: 16px;
	font-weight: bold
}
#fh5co-content_show .inner-banner {
	background: #272727;
	height: 120px;
	line-height: 120px;
}
#fh5co-content_show .inner-headings {
	padding: 30px 0 15px;
	background: url(../images/inner_bg.png) repeat-x left bottom;
}
#fh5co-content_show .inner-headings h2 {
	color: #313131;
	font-size: 30px;
	text-align: center;
	background: url(../images/title_bg.png) no-repeat bottom center;
	background-size: contain;
	padding: 50px 0 35px;
}
#fh5co-content_show .inner-nav {
	border-bottom: 1px solid #F0F2F5;
}
#fh5co-content_show .inner-nav .nav {
	padding: 0;
}
#fh5co-content_show .inner-nav .nav li {
	display: inline-block;
	padding: 0;
	margin: 0;
	padding: 13px 0;
}
#fh5co-content_show .inner-nav .nav li a {
	position: relative;
	display: block;
	font-size: 18px;
	color: #666;
	line-height: 1.8;
	padding: 0px 20px 5px;
	margin: 0;
	background: #efefef;
	margin: 0 15px;
}
#fh5co-content_show .inner-nav .nav li a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px; /*box-shadow: 0 0 20px rgba(223,223,223,0.8); z-index: -1;*/
	background: linear-gradient(to right, #efefef, #cccccc, #efefef) no-repeat bottom;
}
#fh5co-content_show .inner-nav .nav li a:hover, #fh5co-content_show .inner-nav .nav li.active a, #fh5co-content_show .inner-nav .nav li a#lsed {
	color: #5f130a;
	font-weight: normal
}
#fh5co-content_show .inner-nav .nav li a:hover:after, #fh5co-content_show .inner-nav .nav li.active a:after {
	background: linear-gradient(to right, #e8dedc, #6b1204, #e8dedc) no-repeat bottom;
}
#fh5co-content_show .article-list:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
#fh5co-content_show .inner-news-list h3 {
	font-size: 18px;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 20px 0 10px;
	margin: 0px 0px 10px;
	color: #666;
	text-indent: 10px;
}
#fh5co-content_show .inner-news-list ul {
	padding: 0px 0 15px
}
#fh5co-content_show .inner-news-list ul li a {
	display: block;
	padding: 5px 15px;
	line-height: 1.5
}
#fh5co-content_show .inner-news-list ul li a:hover {
}
#fh5co-content_show #fch5co-rec-products h4 {
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-bottom: 20px;
	margin: 50px 0px 43px;
	color: #666;
}
#fh5co-content_show #fch5co-rec-products h4 span {
	position: absolute;
	left: 50%;
	top: 12px;
	width: 160px;
	background: #f0f0f0;
	margin-left: -80px;
}
/*分页*/
.table span {
	margin-right: 10px;
}
.content_detail .pager {
	font-size: 14px;
	padding: 0;
	margin: 0
}
.content_detail .pager a {
	border: none;
	color: #666;
}
.content_detail .pager a:focus, .content_detail .pager a:hover {
	color: #d80808;
	background: none
}
.content_detail .pager li {
	display: block;
	text-align: left;
	line-height: 200%
}
#fh5co-content_show .pagination .active, #fh5co-content_show .pagination a:hover {
	background: #d80808;
	color: #fff;
}
#fh5co-content_show .pagination .active a {
	color: #fff
}
#fh5co-content_show .pagination li {
	margin: 0 3px;
}
#fh5co-content_show video {
	max-width: 100%
}
#fh5co-content_show .product-detail {
	padding: 20px;
	background: #fff
}
#fh5co-content_show .product-detail img {
	max-width: 100%;
	overflow: hidden;
	vertical-align: middle;
	margin: 11px 0;
}
#fh5co-content_show .product-detail .content-img {
	overflow: hidden;
	width: 90%
}
#fh5co-content_show .product-detail .content-img img {
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
}
#fh5co-content_show .product-detail h1 {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 24px;
	line-height: 33px;
	padding-bottom: 6px;
}
#fh5co-content_show .product-detail .p_desc {
	color: #666;
	line-height: 24px;
	padding: 20px 0 30px;
	font-size: 14px;
}
#fh5co-content_show .product-detail .kefu_bnts {
	background: #CCAC85;
	color: #FFF;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	font-size: 16px;
	display: block;
	text-align: center
}
#fh5co-content_show .product-detail .kefu_bnts:hover {
	background: #FF5417;
}
#fh5co-content_show .product-detail .description {
	line-height: 28px;
	font-size: 14px;
	margin-bottom: 20px;
}
#fh5co-content_show .product-detail .description p {
	line-height: 28px;
}
#fh5co-content_show .product-detail .detail-title {
	border-bottom: 1px solid #ddd;
	position: relative;
	height: 37px;
}
#fh5co-content_show .product-detail .detail-title h2 {
	background: #fff;
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 126px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 1px;
}
#fh5co-content_show .product-detail table td {
	text-align: center
}
#fh5co-content_show .product-detail #quirydialog {
	display: none;
}
#quirydialog .qdialog-head {
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin-bottom: 20px;
	width: 900px;
	padding-right: 10px;
}
#quirydialog .field {
	padding-right: 10px;
}
#fh5co-content_show .inner-content-bg {
}
#fh5co-content_show .inner-content-bg .inner-bg-body {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 30px;
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 20px;
}
#fh5co-content_show .inner-content-bg .inner-bg-body h2 {
	border-bottom: 1px solid #F0F2F5;
	padding-bottom: 6px;
	font-size: 22px;
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar h3 {
	font-size: 18px;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 0px 0 10px;
	margin: 0px 0px 10px;
	color: #666;
	text-indent: 10px;
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar ul {
	padding: 0
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li {
	list-style: none;
	border-bottom: 1px solid #e4eaec;
	line-height: 150%;
	padding: 6px 3px
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li:last-child {
	border-bottom: 0
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li a {
	font-size: 15px;
	color: #2a333c
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-news-list ul li a:hover {
	color: #7bc91e;
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-product-list ul li {
	list-style: none;
	padding: 5px 0;
	text-align: center
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .news-cat-list ul li {
	padding: 2px 0
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .recommend-product-list ul li img {
	width: 100%;
	margin-bottom: 5px;
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .news-cat-list ul li a {
	font-size: 14px;
	color: #2a333c
}
#fh5co-content_show .inner-content-bg .inner-bg-sidebar .news-cat-list ul li a:hover {
	color: #7bc91e;
}
/*文章*/
#fh5co-content_show .article-media li {
	border-bottom: 1px solid #dcdcdc;
	padding: 5px 0 15px
}
.article-media .media .media_img {
	width: 152px;
	margin-right: 20px;
}
.article-media .media .media_img a {
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: medium;
	padding: 0;
}
.article-media .media .media_img a:hover {
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: medium;
	background: #fff4ce none repeat scroll 0 0;
}
.article-media .media .media_img img {
	width: 150px;
}
.article-media li {
	margin-bottom: 12px;
}
.article-media img {
	display: block;
	width: 150px;
}
.article-media .media .time {
	color: #999;
}
.article-media .media-body h3 {
	font-size: 18px;
	margin-bottom: 12px;
}
.article-media .media-body h3 a {
	color: #2a333c;
	font-size: 18px;
	line-height: 100%;
	font-weight: normal
}
.article-media .media-body h3 a:hover {
	color: #d80808;
}
.article-media .media-body p {
	color: #666;
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 10px;
}
/*内页banner*/
.slideshow {
	height: 300px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative
}
.slideshow h3 {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	color: #fff;
	font-size: 36px;
	height: 36px;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0 0 15px rgb(0, 0, 0);
}
.slideshow h3 a {
	color: #fff;
}
/*在线客服*/
.SonlineBox {
	width: 139px;
	font-size: 12px;
	overflow: hidden;
	z-index: 6;
}
.SonlineBox .openTrigger {
	width: 31px;
	height: 130px;
	position: absolute;
	top: 0px;
	z-index: 1;
	cursor: pointer;
	background: #a9060e url(../images/greenopen.jpg) no-repeat;
}
.SonlineBox .titleBox {
	width: 135px;
	height: 35px;
	line-height: 33px;
	background: #a9060e;
	border-bottom: 2px solid #a9060e;
}
.SonlineBox .titleBox span {
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
}
.SonlineBox .contentBoxC {
	width: 135px; /*height:335px;*/
	border: 2px solid #a9060e;
	background: #ffffff/* url(../images/greenbg.jpg) no-repeat*/;
	position: absolute;
	z-index: 2;
}
.SonlineBox .contentBoxC .closeTrigger {
	width: 25px;
	height: 25px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	-webkit-transition: all 0.8s ease-out;
}
.SonlineBox .contentBoxC .closeTrigger:hover {
	-webkit-transform: scale(1) rotate(360deg);
}
.SonlineBox .contentBoxC .listBox {
	overflow: hidden;
	margin-bottom: 10px;
}
.SonlineBox .contentBoxC .listBox .Tlist {
	display: block;
	width: 86%;
	height: 22px;
	margin: 10px auto 0px auto;
	text-align: center;
}
.SonlineBox .contentBoxC .listBox .Tlist span {
	float: left;
	line-height: 22px;
}
.SonlineBox .contentBoxC .listBox .Tlist a {/*float:left;*/
}
.SonlineBox .contentBoxC .listBox .WWList {
	line-height: 18px;
	height: 18px;
}
.SonlineBox .contentBoxC .listBox .SkypeList {
	line-height: 23px;
	height: 23px;
}
.SonlineBox .contentBoxC .otherBox {
	clear: both;
	height: 115px;
	text-align: center;
}
.SonlineBox .contentBoxC .otherBox img {
	width: 105px;
	height: 105px;
}
.SonlineBox .contentBoxC .telBox {
	display: block;
	padding: 36px 10px 10px;
	color: #a9060e;
	font-size: 14px;
	line-height: 26px;
	font-family: '微软雅黑';
	background: url(../images/telbg.jpg) 0 0 no-repeat;
	text-align: center;
	font-weight: bold;
	word-wrap : break-word;
}
/*在线客服 end*/


/*手机底部导航*/
#toolbar {
	display: none;
}
 @media (max-width:1199px) and (min-width:1001px) {
.flexslider .slides > li {
	height: 500px;
}
#fh5co-header .navbar-body .nav li a {
	padding: 0 15px;
}
#fh5co-header .navbar-body .nav li a.four {
	margin-right: 170px;
}
}
 @media screen and (max-width:1000px) {
#quirydialog .qdialog-head {
	width: 600px
}
#fh5co-header .navbar-head {
	margin-left: -75px;
}
#fh5co-header .navbar-head img {
	width: 150px;
}
#fh5co-header .navbar-body .nav li {
	padding: 0 0px;
}
#fh5co-header .navbar-body .nav li a {
	padding: 0 10px;
	font-size: 14px;
}
#fh5co-header .navbar-body .nav li a.four {
	margin-right: 140px;
}
#fh5co-header .navbar-body .nav li ul li a {
	text-indent: 8px;
}
.flexslider .slides > li {
	height: 400px;
}
#fh5co-hero .flexslider .slider-text {
	left: 6%
}
#fh5co-hero .flexslider li:nth-child(2n) .slider-text {
	padding-right: 90px;
}
#fh5co-about-us .show-list {
	padding: 40px 0 50px;
}
#fh5co-about-us .intro .content p {
	line-height: 2;
}
#fh5co-product-list .item a img {
	height: 225px
}
#fh5co-content_show .product-detail .content-img {
	margin-bottom: 30px;
}
#fh5co-content_show .product-detail .content-img {
	margin-bottom: 30px;
}
#fh5co-content_show .inner-nav .nav {
	text-align: center
}
.slideshow {
	height: 320px;
}
.line-big {
	margin-left: -10px;
	margin-right: -10px
}
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}
}
 @media screen and (width:1000px) {
.flexslider .slides > li {
	height: 500px;
}
#fh5co-header .navbar-head {
	margin-left: -95px;
}
#fh5co-header .navbar-head img {
	width: 180px;
}
#fh5co-header .navbar-body .nav li {
	padding: 0 10px 0 0;
}
#fh5co-header .navbar-body .nav li a {
	padding: 0 15px;
	font-size: 16px;
}
#fh5co-header .navbar-body .nav li a.four {
	margin-right: 170px;
}
}
 @media screen and (max-width:760px) {
.fh5co-heading h2, #fh5co-info-list h3 {
	font-size: 28px;
}
.fh5co-heading span {
	font-size: 14px;
}
#quirydialog .qdialog-head {
	width: 360px
}
#fh5co-offcanvas .nav {
	display: block;
	borer: none
}
.fh5co-nav-toggle {
	display: block;
}
#fh5co-header {
	height: 80px;
}
#fh5co-header .header-box {
	position: fixed;
}
#fh5co-header .navbar-head {
	padding: 0 0 10px 0;
	position: relative;
	left: 0;
	margin-left: 0;
}
#fh5co-header .navbar-body {
	border: none
}
#fh5co-header .icon-navicon {
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -10px;
	background: none;
	color: #fff;
	font-size: 22px;
	border: none;
	transition: none;
	padding: 0;
}
#fh5co-header .navbar-head img {
	width: 130px;
	margin-top: 10px;
}
#article-box-id #fh5co-content_show .show_content {
	margin-left: 0px;
}
#product-box-id #fh5co-content_show .detail {
	padding-top: 0;
}
#fh5co-product-list .right .item .overlay h3 {
	text-align: center;
}
#fh5co-product-list .item .overlay p {
	display: none;
}
/*#fh5co-about-us .intro { padding-right: 10px; -webkit-writing-mode:horizontal-tb; height: 300px; }
#fh5co-about-us .intro h3 { display: none; }
#fh5co-about-us .intro .content:before { content: "古家系列酒";}
#fh5co-about-us  .intro a.more { padding: 3px 5px; background: #ab2313; display: block; width: 70px; }*/

footer .foot-bot .copyright .foot-nav {
	text-align: left;
}
footer .foot-bot .copyright .foot-nav li:first-child {
	padding-left: 0;
}
.inner-box-body footer .foot-bot .foot-link {
	display: none;
}
.inner-box-body footer .foot-bot .copyright .foot-nav {
	display: none;
}
.inner-box-body footer .foot-bot .copyright .copy {
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
#fh5co-content_show .content-boxs {
	padding-left: 15px;
	padding-right: 15px;
}
.d-boxs {
	padding: 0 15px;
}
.flex-direction-nav {
	display: none
}
.slideshow {
	height: 220px;
}
.slideshow h3 {
	font-size: 24px;
	top: 58%
}
.flexslider .slides > li {
	height: 300px;
}
/*手机底部导航*/
.blank55 {
	height: 55px;
	line-height: 1px;
	clear: both;
}
#toolbar {
	color: #fff;
	width: 100%;
	height: 54px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 8;
	background: #000;
	display: block;
}
#toolbar a {
	width: 100%;
	color: #fff;
	display: block;
	padding: 5px 0 0 0;
	line-height: 23px;
	font-size: 14px;
}
#toolbar a span {
	font-size: 22px;
	display: block;
}
}
 @media screen and (max-width:480px) {
#quirydialog .qdialog-head {
	width: auto !important
}
#fh5co-header {
	height: 70px;
}
#fh5co-header .navbar-head img {
	width: 120px;
	margin-top: 5px;
}
.fh5co-heading h2 {
	margin: 0 0 10px 0;
}
#fh5co-about-us .intro .content {
	font-size: 14px;
	line-height: 1.8;
}
#fh5co-about-us .intro .content p {
	line-height: 1.8;
}
/*#fh5co-case-list .show-list .xl6{ width:100% !important}*/
#fh5co-content_show .detail h1 {
	font-size: 14px;
}
.show-product .xl6 {
	width: 100% !important
}
.article-media .media .media_img {
	width: 82px;
	margin-right: 10px;
}
.article-media .media .media_img img {
	width: 80px;
	padding: 1px;
}
.article-media .media .time, .article-media .media .desc {
	display: none
}
.article-media img {
	width: 80px;
}
.article-media .media-body h3 {
	line-height: 100%;
	font-size: 16px;
}
.article-media .media-body h3 a {
	font-size: 16px;
	line-height: 150%
}
#fh5co-content_show .inner-headings h2 {
	padding: 15px 0 10px;
	font-size: 26px;
}
#fh5co-content_show .inner-nav .nav li a {
	padding: 0 6px;
}
#fh5co-content_show .contact-box {
	padding: 25px 10px 35px;
}
.slideshow {
	height: 170px;
}
.flexslider .slides > li {
	height: 250px;
}
}
/* 内页 end*/

/* ======置顶 ======*/
.backToTop {
	display: none;
	width: 35px;
	height: 35px;
	position: fixed;
	_position: absolute;
	right: 5px;
	bottom: 60px;
	_bottom: "auto";
	cursor: pointer;
	z-index: 9;
	background: #d80808 url(../images/icon-gotop-fixed.png) no-repeat center center;
}
.backToTop:hover {
	background-color: #c00;
}