/*============公共属性===========*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th { margin: 0; padding: 0; border: 0; }
li, a { list-style-type: none; text-decoration: none; }
body { color: #343434; font-family: "微软雅黑"; font-size: 100%; }
/*============顶部===========*/
header { width: 100%; height: 106px; }
.logo { width: 189px; height: 105px; overflow: hidden; float: left; border-right: solid 1px #B5BBBB; position: absolute; left: 0px; top: 0px; z-index: 10; }
.logo img { width: 100%; height: 100%; }
.nav_bg { left: 189px; top: 35px; right: 0; position: absolute; z-index: 8; border-top: solid 1px #B5BBBB; }
.nav { margin-right: 70px; position: relative; z-index: 10; }
.nav ul li { width: 16.666%; float: left; }
.nav ul li a { letter-spacing: 0.2em; position: relative; height: 70px; line-height: 70px; display: block; text-align: center; border-right: solid 1px #B5BBBB; font-size: 18px !important; color: #0c121c; -webkit-transition: background-color 0.4s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; }
.nav ul li a:hover { background-color: #e4e8e8; -webkit-transition: background-color 0.4s, border-color 0s; -webkit-transition-delay: 0s, 0s; -moz-transition: background-color 0.4s, border-color 0s; -o-transition: background-color 0.4s, border-color 0s; transition: background-color 0.4s, border-color 0s; }
.navs { width: 100%; height: 45px; line-height: 45px; background-color: #e4e8e8; overflow: hidden; }
.navs a { color:#000;}
.navs span { padding:0 20px; border-left:solid 1px #000;}
.dkh { float: right; }
.lxwm { color: #0c121c; line-height: 35px; letter-spacing: 0.3em; padding: 0 20px;}
.dkhyw { height: 35px; line-height: 35px; padding: 0 50px; background-color: #636567; color: #fff; display:inline-block; font-size: 16px; text-align: center; }

/*============导航===========*/
.nr_gg { width:100%; overflow:hidden;}
.nr_gg img { width:100%;}
.nr { width:1120px; margin:auto auto; min-height:700px;}

.main_so { width:75%; margin:auto auto; overflow:hidden;}
#searchs2 { width:70%; margin:auto auto; margin-top:10px;}

/*============底部===========*/
.link { height: 245px; width: 100%; overflow: hidden; background-color: #535353; color:#fff;}
.link ul { width: 90%; margin: auto auto; display: block; }
.link ul li { width: 19.9%; height: 205px; float: left; margin-top: 20px; }
.link1 { background: url(/images/7.jpg) no-repeat center; border-right: solid 1px #cccccc; }
.link2 { border-right: solid 1px #cccccc; }
.link2 p { margin-left:10%; margin-top:20px; font-size:14px;}
.link3 { border-right: solid 1px #cccccc; }
.link3 p { margin-left:10%; margin-top:20px; font-size:14px;}
.link4 {  border-right: solid 1px #cccccc; }
.link4 p { margin-left:10%; margin-top:20px; font-size:14px;}
.link4 input { margin-top:20px; margin-left:40px;}
.link5 { background: url(/images/11.jpg) no-repeat center; }

.footer { width: 100%; height: 90px; line-height: 45px; text-align: center; overflow: hidden; }
.footer span { margin-right: 10px; }
.footer a { color: #000; }
.footer a:hover { color: red; }



/*============样式一==================================================================================*/
.main { width: 100%; overflow: hidden;}
.OnePic { width: 25%; float: left; overflow: hidden; }
.OnePic .OnePic_title { text-align: center; padding: 5% 0% 7% 0%; border-left: solid 1px #f0f0f0; }
.OnePic .OnePic_title span { display: inline-block; padding: 0.188em 0 0.25em; font-size: 1vw; font-weight: bold; letter-spacing: 0.05em; border-bottom: solid 1px #000; border-top: solid 1px #000; margin-bottom: 4%; }
.OnePic .OnePic_title h6 { letter-spacing: 2px; font-weight: normal; font-size: 14px; }
.OnePic .OnePic_title p { letter-spacing: 2px; font-size: 14px; }
.OnePic .OnePic_link { border-top: solid 1px #f0f0f0; min-height: 43px; margin-top:20px;}
.OnePic .OnePic_link a { width: 45%; padding: 2.3%; float: left; display: block; text-align: center; border-left: solid 1px #f0f0f0; color: #575757; }
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important; background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.7); }
.rebox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline;
*zoom: 1;
padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity: 0.4; text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover, .rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%; -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
 @-ms-keyframes spin {  from {
-ms-transform: rotate(0deg);
}
to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {  from {
-moz-transform: rotate(0deg);
}
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {  from {
-webkit-transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {  from {
transform:rotate(0deg);
}
to { transform: rotate(360deg); }
}
.one_img_left { float:left; width:36%; background-color:#e9ecec; overflow:hidden;}
.one_img_left_dz { margin-left:13%; margin-top:12%;}
.one_img_left_dz .gl { border-bottom:1px solid #000; border-top:1px solid #000; padding:0.5% 1%; display:inline-block;}

.One_News { width:90%; float:left; margin-top:10%;}
.One_News h3 { width:330px; float:left; border-bottom:solid 1px #000;}
.One_News p {text-indent:2em; line-height:25px; font-size:12px; overflow:hidden; display:inline-block; margin-top:2%; margin-bottom:4%;}
.One_News div { overflow:hidden; margin-bottom:4%;}
.One_News dt { width:90px; height:20px; float:left; text-align:center; line-height:20px; background-color:#000; color:#FFF;}
.One_News dl { float:left; text-indent:2em;}
.One_News span { width:175px; height:40px; text-align:center; line-height:40px;background-color:#000; color:#FFF; display:block; float:right; margin-top:8.5%;} 

.one_img_right { float:right; width:64%}
.one_img_right img { width:auto;}



/*============联系我们==================================================================================*/
.contact { width:100%; overflow:hidden;}
.contact_left { float:left; background-color:#e9ecec;}
.contact_right { float:right;background-color:#F00;}
.contact_m { margin-left:13%; margin-top:6%;}
.contact_m p { line-height:27px;}
.contact_m dd { line-height:30px; text-indent:2em;}
.span1 {display:inline-block; font-size:18px; border-bottom: solid 1px #000; padding:1% 8% 2% 0;}
.span2 {display:inline-block; font-size:16px;border-bottom: solid 1px #000; border-top: solid 1px #000;padding:0.5% 2% 0.5% 2%; margin-top:5% }
.ly { width:70%; padding:2%; margin-top:2%;}
.submit { background-color:#000; color:#fff; padding:1% 5% 1% 5%; text-align:center; margin:auto auto;margin-top:2% }


/*============品牌技术==================================================================================*/
.ppjs1 { width:100%; overflow:hidden; background-color:#f8f9f9;}
.ppjs1 div { width:50%; margin:auto auto; text-align:center; margin-top:4%;}
.ppjs1 div span { display:inline-block; font-size:24px; border-bottom:solid 1px #000;border-top:solid 1px #000; padding:0.5% 3% 0.5% 3%; margin-bottom:3%;}
.ppjs1 div p { text-align:left; line-height:26px; font-size:14px; text-indent:2em;}
.ppjs2 { width:100%; overflow:hidden;}
.ppjs2 img{ width:100%;}
.ppjs3 { width:100%; overflow:hidden; background:url(/images/ppjs3.jpg); background-size:cover;}
.ppjs3_center {}
.ppjs3_center span {font-size:1.5vw; margin-bottom:2%; margin-top:8%; margin-left:44%; text-align:center;display:inline-block; padding:5px 15px; text-align:center; display:inline-block; border-bottom:solid 1px #000000;border-top:solid 1px #000000;}
.ppjs3_center p {text-align:center; font-size:1vw; line-height:2vw;}

/*============样式五==================================================================================*/
.Newest { width:100%; background-color:#e9ecec; overflow:hidden; text-align:center;}
.Newest span { display:inline-block; padding:0.2% 1% 0.2% 1%; border-bottom:solid 1px #000;border-top:solid 1px #000; font-size:1.3vw; margin-top:4%; margin-bottom:1%;}
.Newest p { font-size:0.8vw;}

.Five_Pic { width:100%;}
.Five_Pic:nth-child(odd) { background-color:#e9ecec;}
.Five_Pic:nth-child(even) { background-color:#fff;}
.Five_Pic_center { margin:auto auto; overflow:hidden;}
.Five_Pic_img { margin-top:4%; text-align:center;}
.Five_Pic_img:nth-child(odd) { float:left;}
.Five_Pic_img:nth-child(even){ float:right;}
.Five_Pic_img h3 { font-size:1vw; margin-top:6%; margin-bottom:2%;}
.Five_Pic_img p { width:90%; margin:auto auto; text-align:left; text-indent:2em; line-height:1.2vw; font-size:14px;}
.Five_Pic_img span { background-color:#000; padding:1% 2%; display:inline-block; color:#FFF; margin-top:5%;}


/*============大客户业务==================================================================================*/
.dkh_one { background-color:#e9ecec; overflow:hidden;}
.dkh_one img { height:100%; float:right;}
.dkh_one div { margin-left:19%; margin-top:11%; float:left;}
.dkh_one div span { font-size:30px; padding:1% 8%;display:inline-block; border-bottom:solid 2px #000;border-top:solid 2px #000; margin-bottom:3%;}
.dkh_one div p { font-size:1vw; line-height:1.5vw; text-indent:2em;}

.dkh_two { overflow:hidden; height:10%; text-align:center; background-color:#4a4f54; color:#FFF;}
.dkh_two span { font-size:47px; padding-bottom:1%;padding-top:4%; display:block;}
.dkh_two p { line-height:2vw; font-size:22px;}


.dkh_three { background-color:#e9ecec;overflow:hidden;}
.dkh_three img { height:100%;float:left;}
.dkh_three div { margin-right:19%; margin-top:10%; float:right;}
.dkh_three div span { font-size:30px; padding:1% 8%;display:inline-block; border-bottom:solid 2px #000;border-top:solid 2px #000; margin-bottom:3%;}
.dkh_three div p { font-size:1vw; line-height:1.5vw; text-indent:2em;}
.dkh_three div a { width:219px; height:65px; display:block; float:left; background:url(/images/zssc.jpg) no-repeat; margin-top:5%;}

/*============品牌故事==================================================================================*/
.top_A { width:100%; overflow:hidden;}
.top_A div { width:33.3%; float:left; margin-top:5%; overflow:hidden;}
.top_A div span { font-size:16px; font-weight:bold; margin-left:25%; line-height:40px;}
.top_A div p { font-size:14px;width:60%; margin-left:25%; line-height:20px;}
.top_B { width:100%; background-color:#000; overflow:hidden; }
.top_B div { width:80%; margin:auto auto;color:#fff; overflow:hidden; margin-top:9%;}
.top_B div span { display:inline-block; font-size:36px; padding:0.3% 2% 0.3% 2%;border-bottom:solid 2px #fff;border-top:solid 2px #fff; margin-bottom:2%; }
.top_B div p { text-align:center; line-height:30px; width:420px;}

.ppgs_one { background-color:#e9ecec; overflow:hidden;}
.ppgs_one img { height:100%; float:right;}
.ppgs_one div { margin-left:4.6%; margin-top:5.8%; float:left;}
.ppgs_one div span { font-size:16px;  padding:0.2% 3% 0.2% 3%;display:inline-block; border-bottom:solid 1px #000;border-top:solid 1px #000;margin-bottom:13%;}
.ppgs_one div dd { padding-bottom:2%; width:50%;border-bottom:solid 1px #000;margin-bottom:3%; font-size:20px;}
.ppgs_one div p { line-height:25px; font-size:13px; text-indent:2em;}

.ppgs_two { overflow:hidden;}
.ppgs_two img { height:100%; float:left;}
.ppgs_two div { margin-right:3%; margin-top:5.8%; float:right;}
.ppgs_two div span { font-size:16px;  padding:0.2% 3% 0.2% 3%;display:inline-block; border-bottom:solid 1px #000;border-top:solid 1px #000;margin-bottom:13%;}
.ppgs_two div dd { padding-bottom:2%; width:30%;border-bottom:solid 1px #000;margin-bottom:3%;font-size:20px;}
.ppgs_two div p { line-height:25px; font-size:13px; text-indent:2em;}

.ppgs_three { background-color:#e9ecec; overflow:hidden;}
.ppgs_three img { height:100%; float:right;}
.ppgs_three div { margin-left:4.6%; margin-top:5.8%; float:left;}
.ppgs_three div span { font-size:16px;  padding:0.2% 3% 0.2% 3%;display:inline-block; border-bottom:solid 1px #000;border-top:solid 1px #000;margin-bottom:13%;}
.ppgs_three div dd { padding-bottom:2%; border-bottom:solid 1px #000;margin-bottom:3%;font-size:20px;}
.ppgs_three div p { line-height:25px; font-size:13px; text-indent:2em;}

.ppgs_four { overflow:hidden;}
.ppgs_four img { height:100%; float:left;}
.ppgs_four div { margin-right:3%; margin-top:5.8%; float:right;}
.ppgs_four div span { font-size:16px;  padding:0.2% 3% 0.2% 3%;display:inline-block; border-bottom:solid 1px #000;border-top:solid 1px #000;margin-bottom:13%;}
.ppgs_four div dd { padding-bottom:2%; width:60%;border-bottom:solid 1px #000;margin-bottom:3%;font-size:20px;}
.ppgs_four div p { line-height:25px; font-size:13px; text-indent:2em;}

.ppgs_five { background-color:#e9ecec; overflow:hidden;}
.ppgs_five img { height:100%; float:right;}
.ppgs_five div { margin-left:4.6%; margin-top:5.8%; float:left;}
.ppgs_five div span { font-size:16px;  padding:0.2% 3% 0.2% 3%;display:inline-block; border-bottom:solid 1px #000;border-top:solid 1px #000;margin-bottom:13%;}
.ppgs_five div dd { padding-bottom:2%; width:95%;border-bottom:solid 1px #000;margin-bottom:3%;font-size:20px;}
.ppgs_five div p { line-height:25px; font-size:13px; text-indent:2em;}



/*============竹酒博物馆==================================================================================*/
.bwg_one { background-color:#e9ecec; overflow:hidden;}
.bwg_one img { height:100%; float:right;}
.bwg_one div { margin-left:4.6%; margin-top:11%; float:left;}
.bwg_one div span { font-size:20px; padding:1% 12% 1% 0;display:inline-block; border-bottom:solid 1px #000;margin-bottom:2%;}
.bwg_one div p { line-height:25px; font-size:13px; text-indent:2em;}

.bwg_two { overflow:hidden;}
.bwg_two img { height:100%; float:left;}
.bwg_two div { margin-right:3%; margin-top:11%; float:right;}
.bwg_two div span { font-size:20px; padding:1% 12% 1% 0;display:inline-block; border-bottom:solid 1px #000;margin-bottom:2%;}
.bwg_two div p { line-height:25px; font-size:13px; text-indent:2em;}

.bwg_three { background-color:#e9ecec;overflow:hidden;}
.bwg_three img { height:100%;float:right;}
.bwg_three div { margin-left:4.6%; margin-top:11%; float:left;}
.bwg_three div span { font-size:20px; padding:1% 12% 1% 0;display:inline-block; border-bottom:solid 1px #000;margin-bottom:2%;}
.bwg_three div p { line-height:25px; font-size:13px; text-indent:2em;}

.bwg_four { overflow:hidden;}
.bwg_four img { height:100%; float:left;}
.bwg_four div { margin-right:3%; margin-top:11%; float:right;}
.bwg_four div span { font-size:20px; padding:1% 12% 1% 0;display:inline-block; border-bottom:solid 1px #000;margin-bottom:2%;}
.bwg_four div p { line-height:25px; font-size:13px; text-indent:2em;}

.bwg_five { background-color:#e9ecec;overflow:hidden;}
.bwg_five img { height:100%;float:right;}
.bwg_five div { margin-left:4.6%; margin-top:11%; float:left;}
.bwg_five div span { font-size:20px; padding:1% 12% 1% 0;display:inline-block; border-bottom:solid 1px #000;margin-bottom:2%;}
.bwg_five div p { line-height:25px; font-size:13px; text-indent:2em;}

.bwg_six { overflow:hidden;}
.bwg_six img { height:100%; float:left;}
.bwg_six div { margin-right:3%; margin-top:11%; float:right;}
.bwg_six div span { font-size:20px; padding:1% 12% 1% 0;display:inline-block; border-bottom:solid 1px #000;margin-bottom:2%;}
.bwg_six div p { line-height:25px; font-size:13px; text-indent:2em;}

.bwg_seven { background-color:#e9ecec;overflow:hidden;}
.bwg_seven img { height:100%;float:right;}
.bwg_seven div { margin-left:4.6%; margin-top:11%; float:left;}
.bwg_seven div span { font-size:20px; padding:1% 12% 1% 0;display:inline-block; border-bottom:solid 1px #000;margin-bottom:2%;}
.bwg_seven div p { line-height:25px; font-size:13px; text-indent:2em;}

/*============企业责任==================================================================================*/
.qyzr1 { width:100%; height:370px; background-color:#000; overflow:hidden; color:#fff; text-align:center;} 
.qyzr1 p { font-size:36px; margin-top:6%;margin-bottom:1%;}
.qyzr1 span { font-size:18px; }


#dvMsgBox{display:none;position:fixed;font-size:12px;width:300px;overflow:hidden;z-index:999; border-radius:3px;}  
#dvMsgBox .top{height:40px; background-color:#535353;padding-left:16px; float:left; width:100%;}  
#dvMsgBox .top .right{height:100%;padding-right:6px;}  
#dvMsgBox .top .right .title{height:100%;line-height:40px;color:#fff;vertical-align:middle;font-size:14px;overflow:hidden;}  
#dvMsgBox .body{background:#fff;padding-left:10px;}  
#dvMsgBox .body .right{background:#fff;padding-right:2px;}  
#dvMsgBox .body .right .ct{  line-height: 60px; vertical-align: middle;width: 100%;text-align: center;color:#000;font-size: 14px;}  
#dvMsgBox .body .right .ct .pro{width:280px;border:solid 1px #6593cf;height:25px;background:#ffffff;line-height:23px;overflow:hidden;}  
#dvMsgBox .body .right .ct .pro .bg{width:0%;height:100%;background:#c9dffc;}  
#dvMsgBox .bottom{background:#fff;padding-left:6px;}  
#dvMsgBox .bottom .right{height:100%;padding-right:6px;}  
input.btn{width:56px;   border-radius: 3px; cursor:pointer; color:#fff; border:none; height:25px; text-align:center;  background-color:#535353;text-align:center; margin:0px auto;}  
input.btnfocus{ background-color:#EC6D51; border-radius: 3px;width:56px;margin:0px auto; border:none; height:25px; cursor:pointer; color:#fff;}  
#dvMsgBox .icon{width:32px;height:32px;float:left;margin-right:10px;}  
#dvMsgBox .error{background:url(icon-error.gif) no-repeat;}  
#dvMsgBox .info{background:url(icon-info.gif) no-repeat;}  
#dvMsgBox .warning{background:url(icon-warning.gif) no-repeat;}  
#dvMsgBox .clear{clear:both;}  
#dvMsgBox .height{height:10px;line-height:10px;}  
#ShowBolightBox{display:none;-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;background-color:#000000;z-index:100;position:absolute;left:0px;top:0px;}
#dvMsgBtns{ text-align:center; width:100%;}
