﻿@charset "UTF-8";
body {overflow-x: hidden;overflow-y: auto;}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {margin: 0px;}
input, button, ul, ol {margin: 0px;padding: 0px;}
body, input, button, form {font-size: 14px;line-height: 28px;font-family: "microsoft yahei", "宋体", "Arial";color: #333333;}
h1, h2, h3, h4, h5, h6 {font-size: 14px;font-weight: normal;}
ul, ol, li {list-style: none;}
input {background: none;border: 0 none;}
img, iframe {border: 0px;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
.red {color: #ba292e;}
.fl {float: left;}
.fr {float: right;}
.tac {text-align: center;}
.tar {text-align: right;}
.poa {position: absolute;}
.por {position: relative;}
.hidden {display: none;}
.w1200 {width: 1300px;margin: 0 auto;}
.ico {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
a {color: #333333;text-decoration: none;}
a:hover {color: #1048a0;text-decoration: none;}
a:visited {text-decoration: none;}
.ease, .ease * {-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.noease, .noease * {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
:-moz-placeholder {
color: #aaa;}
::-moz-placeholder {
color: #aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;}
/*清除浮动*/
.clearfix {
*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


/********.toolbar*********/
.toolbar {width: 50px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd {width: 50px;height: 50px;margin-bottom: 1px;position: relative;background: url(../images/black20.png) repeat 0 0;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i {width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span {width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {display: none;}
.toolbar .slide-tel {display: block;width: 0;height: 50px;line-height: 50px;font-size: 24px;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.toolbar .pop {position: absolute;right: 90px;top: -51px;background: #83100B;display: none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code img {width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3 {height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b {display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span {background-position: 0 -47px;}
.toolbar .qq a {width: 50px;height: 50px;cursor: pointer;display: block;}
.toolbar .qq:hover {background: #83100B;}
.toolbar .tel span {background-position: 0 0;}
.toolbar .tel:hover {background: #83100B;}
.toolbar .code span {background-position: 0 -95px;}
.toolbar .code:hover {background: #83100B;}
.toolbar .top span {background-position: 0 -142px;}
.toolbar .top:hover {background: #83100B;}

/*header_main*/
.header_main {width: 100%;height: 140px;z-index: 100;background: #fff;}
.header_main .logo {width: 540px;height: 60px;display: block;padding-top:15px;}
.header_main .logo img {display: block;}
.header_main .fr{
	padding-top:20px;
	text-align: right;
}
.header_main .fr a{padding-left:20px;}
.header_main .fr .tel{padding-top:10px;color:#83100B;font-size:22px;}
/*nav_main*/
.nav_main {width: 100%;height: 45px;line-height: 45px;background: #83100B;position: relative;z-index: 3;}
.nav .list {margin: 0 auto;height: 45px;line-height: 45px;position: relative;}
.nav_main .nav li {float: left;width: 162px;display: block;z-index: 10;font-size: 16px;text-align: center;position: relative;}
.nav_main .nav .cur a{color:#83100B;background-image:url(../images/nav_hover.png);}
.nav_main .nav li a {display: block;color: #fff;font-size: 16px;}
.nav_main .nav dl {width: 169px;background: #fff;position: absolute;left: 0;top: 45px;z-index: 12;}
.nav_main .nav dl {position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main .nav li:hover dl {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav dl dd {line-height: 45px;height: 45px;border-top: 1px solid #e5e5e5;text-align: left;position: relative;z-index: 12;display: block;width: 100%;}
.nav_main .nav dl dd:first-child {border: none;}
.nav_main .nav dl dd a {color: #666;font-size: 16px;padding: 0;width: 100%;text-align: center;}
.nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover {background: #83100B;color: #fff;}
.nav_main .nav dl dd .three {position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(-10px, 0, 0);}
.nav_main .nav dl dd:hover .three {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav dl dd .three {position: absolute;left: 158px;top: 4px;padding-left: 20px;color: #666;z-index: 10;background: url(../images/menu_bg.png) 12px 10px no-repeat;}
.nav_main .nav dl dd .three a {color: #fff;width: 140px;font-size: 14px;background: #83100B;text-align: center;display: block;height: 39px;line-height: 39px;border-top: 1px solid #1048a0;transition: ease-in-out .2s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nav_main .nav dl dd .three a:first-child {border-top: none;}
.nav_main .nav dl dd .three a:hover {background: #1048a0;color: #fff;}

/* banner */
#banner_main {overflow: hidden;position: relative;z-index: 2;max-width: 1920px;margin: 0 auto;margin-bottom:10px;}
#banner_main .banner {height: 550px;}
#banner {width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
#banner, .banner ul {max-height: 550px;overflow: hidden;}
.banner li {width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none;}
.banner li:first-child {display: block;}
.banner li img {width: 1920px;display: block;position: relative;left: 50%;margin-left: -960px;top: 0;}
#banner .tip {width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 42px;z-index: 3;}
#banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur {background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next {width: 32px;height: 50px;position: absolute;top: 250px;z-index: 5;}
#banner #btn_prev {background-position: -60px 0;left: 12%;transition: all 600ms ease;}
#banner #btn_next {background-position: -92px 0;right: 12%;transition: all 600ms ease;}
#banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 11.6%;}
#banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 11.6%;}

/* footer */
.footer {margin-top:50px;color: #fff;padding: 50px 0 40px;background-color: #83100B;background-image: url(../images/foot_bg.png);background-repeat: repeat-x;background-position: left top;}
.footer .foot-ewm{float:left;width:300px;text-align: center;font-size:18px;}
.footer .foot-ewm img{width:140px;margin-bottom:1px;}
.footer .foot-r{float:left;width:800px;text-align: center;font-size:18px;line-height:50px;}
.footer .foot-r a{color:#FFFFFF;padding:0 45px;}


/* floor_1 */
#floor_1_title{height:120px;background-image: url(../images/t1.png);background-repeat: no-repeat;background-position: center center;}
#floor_1_main {background-color:#EEEFF1;}
#floor_1_main .about {padding: 30px 0;}
#floor_1_main .about .item {display: block;width: 633px;height: 382px;}
#floor_1_main .about img {display: block;width: 100%;}
#floor_1_main .about img:hover {-webkit-filter: brightness(105%);filter: brightness(105%);}
#floor_1_main .contW {float:right;position: relative;width: 633px;display: block;}
#floor_1_main .contW .title {padding-top: 20px;}
#floor_1_main .contW .title .tit {font: 25px "microsoft yahei";color:#000;text-align:center;}
#floor_1_main .contW .cont {margin-top: 30px;margin-left: 50px;font-size: 16px;color: #666;line-height: 35px;text-align: justify;}
#floor_1_main .contW .view_detail {margin:0 auto;margin-top:20px;width: 150px;height: 38px;font-size: 14px;line-height: 38px;text-align: center;color: #fff;background: #83100B;}

/* floor_2 */
#floor_2_title{height:120px;background-image: url(../images/t2.png);background-repeat: no-repeat;background-position: center center;}
#floor_2_main {padding:73px 0 60px 0;background-image: url(../images/f2.png);background-position: center top;}
#floor_2_main .floor_2 {}
#floor_2_main .proCase {position: relative;}
#floor_2_main .proCase .list li {position: relative;display: block;float: left;width: 295px;height: 335px;margin:0 15px;border: 1px solid #E87518;background: #fff;transition: all ease 600ms;}

#floor_2_main .proCase .list li a {display: block;padding: 10px;}
#floor_2_main .proCase .list li a img {display: block;width: 275px;height: 240px;}
#floor_2_main .proCase .list li .title {margin-top: 10px;height:65px;line-height:65px;text-align:center;color:#4C1D05;background-image: url(../images/f2_li.png);background-repeat: no-repeat;background-position: center center;}
#floor_2_main .proCase .list li .tit {font-size: 20px;font-weight: bold;}
#floor_2_main .proCase .list li:hover {background: #FEF1E7;transition: all ease 600ms;}
#floor_2_main .proCase .hd {position: absolute;width: 100%;}
#floor_2_main .proCase .hd .prev {width: 42px;height: 42px;background-position: 0px -60px;cursor: pointer;position: absolute;top: -200px;left: -80px;transition: all ease 600ms;}
#floor_2_main .proCase .hd .next {width: 42px;height: 42px;background-position: -126px -60px;cursor: pointer;position: absolute;top: -200px;right: -80px;transition: all ease 600ms;}
#floor_2_main .proCase .hd .prev:hover {background-position: -42px -60px;transition: all ease 600ms;}
#floor_2_main .proCase .hd .next:hover {background-position: -84px -60px;transition: all ease 600ms;}
/* floor_3 */
#floor_3_title{height:120px;background-image: url(../images/t3.png);background-repeat: no-repeat;background-position: center center;}
#floor_3_main {padding-top: 80px;padding-bottom: 45px;background: #F3F3F3;}
#floor_3_main .inews {position: relative;margin-top: 20px;}
#floor_3_main .ulWrap .list {width: 100%;}
#floor_3_main .ulWrap .list li {display: block;float: left;width: 295px;margin:0 15px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#floor_3_main .ulWrap .list li:hover{transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    box-shadow: 0 5px 10px rgba(204,204,204,.3)}
#floor_3_main .ulWrap .list li .img{width:100%;height:205px;margin-bottom:10px;}
#floor_3_main .ulWrap .list li .title{background-color:#fff;padding:10px;}
#floor_3_main .ulWrap .list li .title .tit{line-height: 40px;padding:0 5px 5px 5px;font-size: 16px;font-weight: 700;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-bottom: 1px solid #D1D2D4;}
#floor_3_main .ulWrap .list li .title .cont{font-size: 14px;padding:5px 0 5px 5px;line-height: 24px;color:#B2B2B2;height:95px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
#floor_3_main .ulWrap .list li .view_detail{background-color:#fff;padding:10px;text-align: center;color:#6f437d;position: relative;}
#floor_3_main .ulWrap .list li .view_detail:before{position: absolute;top: 50%;left: 50%;left:100px;width: 9px;height: 9px;margin-top: -5px;background: #6f437d;content: "";}
#floor_3_main .ulWrap .list li .view_detail:after{	position: absolute;top: 50%;left: 50%;left:188px;width: 9px;height: 9px;margin-top: -5px;background: #6f437d;content: "";}
#floor_3_main .inews .hd {position: absolute;width: 100%;top: 100%;}
#floor_3_main .inews .hd .prev {width: 42px;height: 42px;background-position: 0px -60px;cursor: pointer;position: absolute;top: -200px;left: -80px;transition: all ease 600ms;}
#floor_3_main .inews .hd .next {width: 42px;height: 42px;background-position: -126px -60px;cursor: pointer;position: absolute;top: -200px;right: -80px;transition: all ease 600ms;}
#floor_3_main .inews .hd .prev:hover {background-position: -42px -60px;transition: all ease 600ms;}
#floor_3_main .inews .hd .next:hover {background-position: -84px -60px;transition: all ease 600ms;}

.more a{display: block;width: 366px;height: 44px;margin: auto;font-size: 18px;color: #333;text-align: center;line-height: 44px;border:1px solid #ccc;position: relative;margin-top:60px;background-color: #fff;background-image: url(../images/you.png);background-repeat: no-repeat;background-position: 320px center;}
.more a:hover{ background: #83100B; color: #fff;}

/* page */
.page{clear:both;padding:20px 0 20px 0;text-align:center;}
.page .active_page{background-color:#83100B;color:#fff;}
.page a{display:inline-block;padding:0 12px;height:30px; line-height:30px; text-align:center;border:1px solid #dfdfdf;margin:5px;font-size:14px;background-color:#fff;}
.page b,.page a:hover{display:inline-block;padding:0 12px;height:30px; line-height:30px; text-align:center;border:1px solid #fff;margin:5px;font-size:14px;background-color:#83100B;color:#fff;}
.page a b{background-color:#fff;padding:0;color:#999999;display:inline;}
/* news_page */
.main {
    padding: 27px 0 30px;
}
.main .wrap {
    width: 1183px;margin:0 auto;
}
.rlink { font-size: 12px; text-align: right; margin-bottom: 22px;}
.news-nav{
	text-align: center;
	margin: 46px 0 49px;
}
.news-nav a{
	display: inline-block;
	width: 141px;
	height: 33px;
	padding: 12px 0 0 50px;
	margin: 0 28px;
	font-size: 24px;
	text-align: left;
	color: #fff;
	background-image: url(../images/abt_13.jpg);
	background-repeat: no-repeat;
}

.news-form{
	width: 386px;
	height: 37px;
	line-height: 37px;
	margin: auto;
	border:1px solid #959595;
}
.news-text{
	width: 330px;
	height: 37px;
	border:none;
	padding: 0 10px;
	background: none;
}
.news-sub{
	width: 17px;
	height: 16px;margin-top:10px;
	border:none;
	background: url(../images/n_05.jpg) no-repeat ;
}
.news-list{
	margin-top: 43px;
	margin-right: -40px;
}
.news-list li{
	float: left;
	width: 570px;
	height: 136px;
	margin: 0 40px 40px 0;
	background: #f4f4f4;    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.news-list li:hover{ transform: translate(0,-6px);
    -webkit-transform: translate(0,-6px);
    -moz-transform: translate(0,-6px);
    -o-transform: translate(0,-6px);
    -ms-transform: translate(0,-6px);
    box-shadow: 0 5px 15px rgba(204,204,204,.6)}
.n-img{
	float: left;
	width: 195px;
	height: 136px;
}
.n-cont{
	float: left;
	width: 335px;
	padding: 20px 20px 16px;
}
.n-cont h3{
	font-size: 16px;
	color: #3e3e3e;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.n-txt{
	margin-top: 10px;
	margin-bottom: 5px;
	line-height: 24px;
	height: 48px;
	font-size: 12px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.n-item{
	display: block;
	text-align: right;
	font-size: 12px;
}

.n-info-head{
	float: left;
	width: 112px;
	position: relative;
}
.n-info-cont{
	float: right;
	width: 1035px;
}
.info-cont-title{
	height: 122px;
	border-bottom: 1px solid #dcdcdc;
}
.info-cont-title h3{
	font-size: 24px;
	text-align: center;
	line-height: 54px;
}
.info-cont-title p{
	line-height: 24px;
	text-align: center;
	color: #666666;
}

.return{ text-align: right; margin: 30px 0}
.return-btn{
	display: inline-block;
	width: 130px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	background: #c1c1c1;
	color: #fff;
}
.return-btn:hover{background: #5a136d;color: #fff;}

.turning{
	padding: 42px 0 0;
	line-height: 24px;
	border-top:1px solid #dcdcdc;
}
.up{
	float: left;
}
.down{float: right;}

.n-info-btm{margin-bottom: 25px;}
.pos-title{ position: absolute;top: 20px; left: 32px; width: 48px; height: auto; font-size: 34px; line-height: 34px; text-align: center;color: #fff; font-family: "楷体";}
.box {
    font-size: 16px;
    line-height: 30px;
    color: #565656;
    padding: 32px 0;
}

/* pro */
.pos-slt-list{
	position: fixed;
	top: 28%;
	right: 0;
	width: 170px;
	height: auto;
	z-index: 9999;
	display: none;
}
 .last-pos{
	position: absolute;
	top: 0;
	left: -34px;
	width: 37px;
	height: 35px;
	background: #fff;
	color: #c1c1c1;
	font-size: 22px;
	border: 1px solid #c1c1c1;
	border-right: none;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	display: none;
} 
.last-pos:hover{ color: #fff; background: #0c467b;}

 .pos-slt-list.show{ right: 0;}
 .pos-slt-list.show .last-pos{ left: -25px}
.slt-list{
	float: right;
	width: 156px;
	padding: 80px 0 60px;
	border-left: 1px dashed #434343;
	background: #fff;
}
/*.slt-list li{
	padding-left: 14px;
	line-height: 24px;
	margin-bottom: 46px;
	position: relative;
}
.slt-list li:before{
	position: absolute;
	top: 6px;
	left: -5px;
	width: 10px;
	height: 10px;
	background: url(../images/lnav_19.png) no-repeat;
	content: "";
}
.slt-list li:hover:before,.slt-list li.active:before{
	background-image: url(../images/lnav_22.png);
}
.slt-list li a{
	font-size: 18px;
	color: #222222;
	font-family: "æ¥·ä½“";
}*/

.slt-list li{
	line-height: 24px;
	margin-bottom: 46px;
	position: relative;
}
.slt-list li a{
	display: block;
	font-size: 18px;
	padding-left: 14px;
	color: #222222;
	font-family: "æ¥·ä½“";
}
.slt-list li a:before{
	position: absolute;
	top: 6px;
	left: -5px;
	width: 10px;
	height: 10px;
	background: url(../images/lnav_19.png) no-repeat;
	content: "";
}
.slt-list li a:hover:before,.slt-list li a.active:before{
	background-image: url(../images/lnav_22.png);
}

.article, .pro_list {
    min-height: 512px;
    padding: 32px 0;
}

.pro-in{ margin-bottom: 30px;}
.pro-in .abt-head{
	border-bottom: none;
	padding-right: 200px;
	background-image: url(../images/pro_05.jpg);
	background-position: right bottom;
}
.pro-in .abt-head-title{ margin-right: 42px;}
.pro-inlist{ padding-top:30px;}
.pro-ul li{
	height: 368px;
	margin-bottom: 16px;
	border: 1px solid #dcdcdc;
}
.pro-ul li:last-child{ margin-bottom: 0;}
.pro-inimg{
	float: left;
	width: 538px;
	height: 100%;
	text-align: center;
	overflow: hidden;
}
.pro-intitle{
	float: left;
	width: 66px;
	height: 260px;
	font-size: 34px;
	color: #6D1415;
	text-align: center;
	margin-top: 50px;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	position: relative;
}
.pos-titles{
	height: 260px;
	display: table-cell;line-height:40px;
	vertical-align:middle
}
.pro-incont{
	float: left;
	width: 470px;
	font-size: 16px;
	line-height: 24px;
	padding:50px 40px 0 65px;
}
.pro-inmore{
	display: block;
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #000000;
	margin-top: 20px;
	border: 1px solid #dcdcdc;
}
.pro-inmore:hover{ width: 170px; background: #0c467b; color: #fff;}
.pro-classics{ padding-top: 65px;}
.pro-classics .abt-head{ background-image: url(../images/pro_27.jpg);}
.pro-classics .pro-incont{ font-size: 14px;}
.pro-liquor .abt-head{ background-image: url(../images/pro_40.jpg);}

.size{width: 38px; font-size: 36px; padding: 10px 0; position: relative;}
.size i{ font-style: normal; font-size: 24px;}
.size:before,.size:after{
	position: absolute;
	left: 50%;
	width: 34px;
	height: 10px;
	margin-left: -17px;
	background-repeat: no-repeat;
	content: "";
}
.size:before{ top: 0; background-image: url(../images/t.png);}
.size:after{ bottom: 0; background-image: url(../images/b.png);}


.parBd h4{ font-size: 32px!important;}

.abt-head-title {
    float: left;
    margin-right: 20px;
    margin-top: 8px;
    position: relative;
    overflow: hidden;
}
.pos-title{ position: absolute;top: 20px; left: 32px; width: 48px; height: auto; font-size: 34px; line-height: 34px; text-align: center;color: #fff; font-family: "楷体";}
.intro-cont {
    font-size: 18px;
    line-height: 24px;
    padding-top: 66px;
    font-family: "楷体";
}

.abt-head{
	height: 195px;
	padding-right: 350px;
	margin-bottom: 20px;
	border-bottom: 3px solid #5a136d;
	background: url(../images/abt_05.jpg) no-repeat right bottom;
}