﻿@charset "utf-8";

/*通用*/
* {margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;/* Firefox */-webkit-box-sizing: border-box;/* Safari */outline: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;/* For some Androids */}
html {-webkit-text-size-adjust: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;/* For some Androids */}
body {font-family:"微软雅黑"; color: #333;outline: none;font-size: 14px; overflow-x: hidden;}
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, input, select, textarea, option, button {font-size: 100%;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0}
h1, h2, h3, h4, h5, h6, input, select, textarea, option, button {font-size: 100%}
abbr {border: 0;}
em, i {font-style: normal;}
ul, ol, li {list-style: none;}
a {text-decoration: none;outline: none; color: #333; font-family: "微软雅黑"; font-size: 14px;}
a:hover {vertical-align:outline: none;text-decoration: none;}
a, button, input, textarea, select {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background: none;border: none;}
.clear {clear: both;height: 0;}
textarea {resize: none;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
input, textarea, select, option, button, form, fieldset {margin: 0;padding: 0;border: none;outline: none;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-o-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box;}
/*结束*/

/*设置左右浮动*/
.clear{ clear:both;}
.fl{float: left;}
/*清楚浮动*/
.clearfix:after{visibility:hidden; display:block; font-size:0; clear:both; height:0;}
.clearfix{*zoom:1;}
.mt20{ margin-top: 20px;}




/*头部*/
.top_box{ width: 100%; height:88px; margin: 0 auto; visibility: hidden; background: url(../images/a02.jpg); background-position: center top; background-repeat: no-repeat; position: absolute; z-index: 9999; top:0px;}
.top{width: 1200px; height: 88px; margin: 0 auto;}
.logo{ width: 214px; height: 142px; float: left; display: inline; position: absolute; z-index: 9999 !important;}
.logo_img{ width: 214px; height: 142px; position: absolute; z-index: 9999; left: 0px;}
.search{ width: 215px; height: 26px; float: right; display: inline; background:#fff ; margin-top:30px;}
.search_zuo{ width: 187px; height: 26px; float: left; display: inline;}
.search_you{ width: 28px; height: 26px; float: left; display: inline;}
/*头部 end*/


/*pc导航*/
.nav{ width: auto; height: 88px; float: right; display: inline; margin-right: 50px;}
.nav ul{}
.nav ul li{ width: 95px; height: 88px; float: left; display: inline; }
.nav ul li a{ width: 95px; height: 88px; display: block; font-size: 16px; text-align: center; line-height: 88px; transition: all 0.3s;}
.nav ul li a:hover{  color: #fff; background: #9e292f;}
/*pc导航 end*/


/*手机导航*/
header{ display: none;}

header nav {
	text-align: center; display: none;
	background: #efefef;
}
header nav ul {
	margin: 0;
	padding: 1em;
	list-style-type: none;
}
header nav ul li {
	display: inline;
	margin-left: 1em;
}
header nav ul li:first-child {
	margin-left: 0;
}
header nav ul li ul {
	display: none;
}







a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: right;
	width: 40%;
	position: relative; 
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700; background: #9e292f; margin-top: 20px; margin-right: 10%;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #b44349;
	margin-top: 66px; position: absolute; right: 10%;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 24px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(165,51,57,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}





/*手机导航 end*/


/*pc幻灯*/
.banner_box{ width: 100%; height:100%; margin: 0 auto; }
/*pc幻灯end */











/*关于我们*/
.about_box{ width: 100%; height:auto; margin: 0 auto; background: url(../images/a02.jpg); background-position: center top; background-repeat: repeat-y; }
.about{ width: 1200px; height:auto; margin: 0 auto;}
.about_top{ width:100%; height: auto; float: left; text-align: center; padding-top: 30px; padding-bottom: 30px; visibility: hidden;}
.about_con{ width:100%; height: auto; float: left; position: relative; visibility: hidden;}
.about_con_left{ width: auto; height: auto; float: left;}
.about_con_right{ width: auto; height: auto;  position: absolute; right: 0px; z-index: 9999;}
.about_con_right_01{ width: 550px; height: 365px; float: right; background: url(../images/a04.jpg); margin-top: 30px;}
.about_con_right_02{ width: auto; height: auto; float: right; margin-right: 30px; margin-top: 150px;}

.a01{ width:80%; height: auto; line-height: 30px; float: left; color:#FFFFFF; font-size: 20px; margin-left: 10%; margin-top: 50px; }
.a02{ width:80%; height: 2px; float: left; margin-left: 10%; margin-top: 20px; margin-bottom: 20px;}
.gang{ width:40px; height: 2px; background:#FFFFFF; float: left; }
.a03{ width:80%; height: auto; float: left;  line-height: 28px; color:#FFFFFF; font-size: 14px;margin-left: 10%; }
.a04{ width: 80%; height: auto; float: left; margin-left: 10%; margin-top: 10px;}
.a04_01{ width: auto; height: auto; float: left; margin-right: 20px;}
.a04_02{ width: auto; height: auto; float: left; margin-right: 5px; transition: all 1s;}
.a04_03{ width: auto; height: auto; float: left; line-height: 59px; color:#FFFFFF; font-size: 14px; transition: all 1s;}
.a04_01 a:hover .a04_02{ transform: rotate(360deg);}
.a04_01 a:hover .a04_03{ color:#ffc162; margin-left: 10px;}



.about_bot{ width:100%; height: auto; float: left; text-align: center; padding-top: 30px; padding-bottom: 30px; visibility: hidden;}
.about_bot_a_box{width:117px; height: 35px; margin: 0 auto;}
.about_bot_a{ width:117px; height: 35px; float: left;  transition: all 0.5s;}

.about_bot_a_box a:hover .about_bot_a{ background-color:rgba(255,255,255,0.5); margin-left: 10px;}
/*关于我们 end*/



/*酒品展示*/
.product_box{width: 100%; height:auto; margin: 0 auto; background: url(../images/d01.jpg); background-position: center top; background-repeat: repeat-y;}
.product{width: 1200px; height:auto; margin: 0 auto;}
.product_top{ width:100%; height: auto; float: left; text-align: center; padding-top: 30px; padding-bottom: 30px; visibility: hidden;}
.product_con{ width: 100%;  height: auto; float: left; visibility: hidden;}
.p01_top{ width:100%; height: auto; float: left;}
.p01_bot{ width:100%; height: auto; float: left;}
.p01_top_zuo{ width:900px; height: auto; float: left;}

.p_zuo_01{width:600px; height: auto; float: left; background: #000; overflow: hidden; }
.p_zuo_01 img{ width:600px;transition: all 0.5s;}
.p_zuo_01 img:hover{opacity: 0.5; transform:scale(1.2)}

.p_zuo_02{width:286px; height: auto; float: left; margin-left: 13px; background: #000; overflow: hidden;}
.p_zuo_02 img{ width:100%;transition: all 0.5s;}
.p_zuo_02 img:hover{opacity: 0.5; transform:scale(1.2) }

.p_zuo_03{width:286px; height: auto; float: right; margin-top: 11px; background: #000; overflow: hidden;}
.p_zuo_03 img{ width:100%;transition: all 0.5s;}
.p_zuo_03 img:hover{opacity: 0.5;  transform:scale(1.2)}

.p_zuo_04{width:600px; height: auto; float: left; margin-top: 11px;  background: #000; overflow: hidden;}
.p_zuo_04 img{ width:100%;transition: all 0.5s;}
.p_zuo_04 img:hover{opacity: 0.5;  transform:scale(1.2)}

.p_zuo_05{width:600px; height: auto; float: left; margin-top: 11px; background: #000; overflow: hidden;}
.p_zuo_05 img{ width:100%;transition: all 0.5s;}
.p_zuo_05 img:hover{opacity: 0.5;  transform:scale(1.2)}

.p_zuo_06{width:589px; height: auto; float: left; margin-top: 11px; margin-left: 11px; background: #000; overflow: hidden;}
.p_zuo_06 img{ width:100%;transition: all 0.5s;}
.p_zuo_06 img:hover{opacity: 0.5;  transform:scale(1.2)}

.p01_top_you{ width:288px; height: auto; float: right; background: #000; overflow: hidden;}
.p01_top_you img{ width:100%;transition: all 0.5s;}
.p01_top_you img:hover{opacity: 0.5;  transform:scale(1.2)}

/*酒品展示 end*/



/*新闻中心*/
.news_box{ width: 100%; height:auto; margin: 0 auto; background: url(../images/a02.jpg); background-position: center top; background-repeat: repeat-y;}
.news{width: 1200px; height:auto; margin: 0 auto;}
.news_top{ width:100%; height: auto; float: left; text-align: center; padding-top: 30px; padding-bottom: 30px; visibility: hidden;}
.news_con{ width:100%; height: auto; float: left; }
.n_01{ width: auto; height: auto; float: left; margin-right:75px; visibility: hidden; }
.n_01_01{ width: auto; height: auto; float: left; background: #000; overflow: hidden;}
.n_01_01 img{ width:100%;transition: all 0.5s;}
.n_01_01 img:hover{opacity: 0.5;  transform:scale(1.2)}


.n_01_02{ width: 110px; height: 421px; float: left; margin-left: 20px; }
.n_01_02_zuo{  width: auto; height: 421px; float: left; margin-right: 10px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl;}

.n_01_02_you{  width: auto; height: auto; float: left;  }
.n_01_02_you a{ color:#fff; padding:10px; background: #9e292f; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; }


.n_01_03{ width: auto; height: 421px; float: left; margin-left: 0px; }


/*新闻中心 end*/



/*底部*/
.footer_box{ width: 100%; height:auto; margin: 0 auto; background: #9e292f; visibility: hidden; }
.footer_box1{ width: 100%; height:auto; background: #9e292f; float: left; padding-top: 0%; }
.footer_top_box{width: 100%; height:auto; margin: 0 auto; border-bottom: #d03848 1px solid; padding-top: 56px; padding-bottom: 36px;}
.footer_top{width: 1200px; height:auto; margin: 0 auto;}
.footer_top_01{width: 100%; height:auto; float: left; text-align: center;}
.footer_top_02{width: 100%; height:auto; float: left; text-align: center; color: #FFFFFF; padding-top: 20px;}
.footer_top_02 a{color: #FFFFFF; display: inline;}
.footer_top_02 a:hover{color: #ffa823; display: inline;}


.footer_con_box{width: 100%; height:auto; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;}
.footer_con{width: 1030px; height:auto; margin: 0 auto; text-align: center;  color: #FFFFFF; line-height: 28px;   padding-left: 170px;}

.footer_con img{ float: left; }
.footer_con p{ float: left; }

.footer_bot_box{width: 100%; height:46px; margin: 0 auto; background: #2e2e2e;}
.footer_bot{width: 1200px; height:46px; margin: 0 auto; line-height: 46px;}
.footer_bot_zuo{width: auto; height:auto; margin: 0 auto;float: left;  color: #FFFFFF;}
.footer_bot_you{width: auto; height:auto; margin: 0 auto;float: right;  color: #FFFFFF;}

/*底部 end*/


/*二级页*/
.banner1{float: left; width: 100%; height: 539px; overflow: hidden; margin-top: 88px;}
.ab_box{float: left; width: 100%; height: auto; background: url(../images/a1.jpg) repeat;}
.ab_title{float: left; width: 100%; height:auto; margin-top: 19px;}
.cbox_tt{margin: auto; width: 1200px; height: auto;}

.ab_T1{float: left; width: 100%; height: auto; text-align: center;}
.ab_T2{float: left; width: 100%; height: auto; margin-top: 23px;}
.ab_T2_L{float: left; width: 72%; height: auto;}
.ab_T2_L ul li{float: left; width: 121px; height: 40px; margin-right: 23px; background: url(../images/a3.png) center top no-repeat; text-align: center; line-height: 40px;}
.ab_T2_L ul li a{font-size: 14px; color: #ffffff;}
.ab_T2_L ul li:hover{background: url(../images/a4.png) center top no-repeat;}

.cp{background: url(../images/a4.png) center top no-repeat !important; color: #ffffff;}
.ab_T2_R{float: right; width: auto;height: 40px; line-height: 40px; color: #2e2e2e;font-size: 14px;}
.ab_T2_R a{color: #9e292f;}

/*单页*/
.ab_text{float:left; width:100%; height: auto; padding-bottom: 3%; margin-top: 2%;}
.ab_bj{float:left; width:100%; height: auto; background: url(../images/a5.jpg) repeat; }
.ab_bj1{float:left; width:100%; height: auto; background: url(../images/a6.jpg) center bottom no-repeat; background-size: 100%;}
.ab_ttt{float: left;width: 78%;height: auto; margin-left: 11%;  font-size:14px; color:#424242; line-height: 25px;padding: 5% 0px;}
/*新闻列表*/
.news_ttt{float: left;width: 100%; height: auto; }
.news1{float: left; width: 100%; height: auto; margin-top: 28px; background: #ffffff;}
.new1_L{float: left; width: 182px; height: 234px;}
.news1:nth-child(2n) .new1_L{float: right !important;}
.new1_L img{float: left; width: 100%; height: 100%;}
.new1_R{float: left; width: 78%; height: auto; margin-left: 3%;}
.new1_R1{float: left;width: 100%; height: auto; margin-top: 4%;}
.new1_R1 a{float: left; width: 100%; height: auto; font-size: 16px; color: #151515;}
.new1_R1 span{float: left; width: 100%; height: auto; font-size: 14px; color: #a0a0a0;margin-top: 1.5%;}
.new1_R2{float: left;width: 100%; height: auto; margin-top: 1%;}
.new1_R2 span{float: left; width: 100%; height: auto; font-size: 14px; color: #585858; line-height: 25px;}
.new1_R2 a{float: left; width: 93px;margin-top: 2%; height: 33px; font-size: 14px; color: #ffffff; background: #9e292f; line-height: 33px; text-align: center;}

/*分页*/
.pag{float:left; width:100%; height: auto !important; min-height:35px;line-height:35px; margin-bottom: 3% !important; text-align:center; padding: 4% 0px; font-size:14px; color:#ffffff; }
.pag a {
    text-decoration: none;
    color: #ffffff;
    padding: 6px 13px 6px 13px;
    background-color: #c59e61;
    margin-right: 4px;
    margin-left: 4px;
    border-radius: 5px;
    margin-bottom: 10px !important;
}
.pag span {
    text-decoration: none;
    color: #fff;
    padding: 6px 13px 6px 13px;
    margin-right: 4px;
    margin-left: 4px;
    background-color: #9e292f;
    border-radius: 5px;
    margin-bottom: 10px !important;
}
.pag a:hover{background-color:#9e292f;color: #fff !important;}
.pag a:visited {text-decoration: none;color: #ffffff;}
.pag a:link {text-decoration: none;color: #ffffff;}

/*产品列表*/
.pro_ttt{float: left;width: 1230px; margin-right: -30px; height: auto; margin-top: 20px;}
.pro1{float: left; width: 372px; height: 365px; border: 1px solid #9e292f; margin-right: 38px; margin-top: 25px;}
.pro1_a{float: left;width: 329px; height: 262px; margin-top: 18px; margin-left: 21px;}
.pro1_a img{float: left; width: 100%;}
.pro1_b{float: left;width: 329px; height: 64px; margin-left: 21px; background: #9e292f; padding:9px 16px; line-height: 24px; color: #FFFFFF; font-size: 14px;}
.pro1_b span{float: left; width: 100%;}
.pro1_b em{float: left; width: 50%;}
.pro1:hover{border: 1px solid #c59e61;}
.pro1:hover .pro1_b{background: #c59e61;}


/* 详情页 */
.newss{width:100%; margin:auto; }
.con_news_title{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}
.con_news_title h5{ font-size:16px; font-weight:bold; color:#000;}
.con_news_title h6 {
    background: none repeat scroll 0 0 #fff;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
}
.con_news_txt {
    line-height: 30px;
    padding: 15px;
    color:#000;
}
.con_news_txt a{color:#000;}
.pageNavi {
    color:#000;
    width:100%;
    clear: both;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 15px;
}
.pageP, .pageN{
    float:left;
    width:40%;
    margin:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pageN{
    float:right;
    text-align:right;
}




@media screen and  (max-width: 1200px) {
.cbox_tt{width: 98% !important;}
.ab_T2_L{width: 100%;} 
.ab_T2_R{width: 100%; text-align: right; margin-top: 2%;} 
.new1_L{width: 16%; height: auto;}
.new1_R1{margin-top: 2%;}
.new1_R1 span{margin-top: 1%;}
.pro_ttt{width: 100%;margin-right:0px; margin: 0px;margin-top: 2%; }
.pro1{width: 46%; height: auto; padding-bottom: 1%;margin: 0px 2%;margin-top: 2%;}
.pro1_a{width: 96%; height: auto;margin: 0px 2%;margin-top: 2%;}
.pro1_b{width: 96%; height: auto;margin-left: 2%; padding:2%;}


}

@media screen and  (max-width: 1000px) {
.new1_R1{margin-top: 1%;}
.new1_L{width: 18%;}
.new1_R{width: 75%;}
}

@media screen and  (max-width: 960px) {


}

@media screen and  (max-width: 870px) {
.ab_T2_L ul li{margin: 1%;}
.ab_ttt{width: 86%;margin-left: 7%; }
.new1_L{width: 20%;}
.new1_R2 span{height: 50px; overflow: hidden;}
.new1_R1 span{margin-top: 1.5%;}
}

@media screen and  (max-width: 768px) {


}

@media screen and  (max-width: 640px) {
.ab_ttt{width: 94%;margin-left: 3%; }
.new1_R1 a{height: 24px; overflow: hidden; margin-top: 2%;}
.new1_R1 span{display: none;}
.new1_R2 span{height: 60px; width: 100%; line-height: 22px;}
.new1_L{width: 30%;}
.new1_R{width:60%;margin-left: 2%; }
.pro1_b em{float: left; width: 100%; height: auto;}
}









/*手机幻灯*/
.ban{ width: 100%; height: auto; margin: 0 auto; display: none;}
#banner { }
.flexslider {position: relative;clear:both;}
/*幻灯片标题*/
 .flex-caption {width:100%;padding:3px 0px;position: absolute;bottom: 3px;top:3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.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 JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0px 0 2px;background: #fff;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.loading .flex-viewport {max-height: 337px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px;}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {display: block;width: 40px;height: 40px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.flex-direction-nav .flex-prev {left: -50px;}
.flex-direction-nav .flex-next {right: -50px;text-align: right;}
.flexslider:hover .flex-prev {opacity: 0.7;left: 10px;}
.flexslider:hover .flex-next {opacity: 0.7;right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0!important;filter:alpha(opacity=0);cursor: default;}
.flex-direction-nav a:before {font-family: "flexslider-icon";font-size: 40px;display: inline-block;content: '\f001';}
.flex-direction-nav a.flex-next:before {content: '\f002';}
/* Pause/Play */
.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;bottom: 5px;left: 10px;opacity: 0.8;z-index: 10;overflow: hidden;cursor: pointer;color: #000;}
.flex-pauseplay a:before {font-family: "flexslider-icon";font-size: 20px;display: inline-block;content: '\f004';}
.flex-pauseplay a:hover {opacity: 1;}
.flex-pauseplay a.flex-play:before {content: '\f003';}
/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav {width: 100%;position:absolute;bottom:5px;margin:0px;text-align: center;border:0px dashed red;}
.flex-control-nav li {margin: 0 6px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {width: 11px;height: 11px;display: block;background: #666;background: rgba(0, 0, 0, 0.5);cursor: pointer;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
.flex-control-paging li a:hover {background: #333;background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}
.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}
.flex-control-thumbs li {width: 25%;float: left;margin: 0;}
.flex-control-thumbs img {width: 100%;display: block;opacity: .7;cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}
/*手机幻灯 end*/

/*手机产品 */
.houjia{ width:100%; height: auto; margin: 0 auto;display: none;}
/*手机产品 end*/

/*首页响应式*/


@media screen and  (max-width: 640px){
	.banner_box{ display:none;}	
	.ban{ display:block;}
	.banner1{ display: none;}
	.top_box{ position: relative;}
	header{ display: block;}
}


@media screen and  (max-width: 640px){
	.top{ width: 100%;}
	.nav{ display: none;}
	.search{ display: none;}
	.about{width: 100%;}
	.product{width: 100%;}
	.news{width: 100%;}
	.footer_top_box{}
	.footer_top{ width: 100%;}
	.footer_top_02{ display: none;}
	.footer_con_box{ display: none;}
	.footer_bot_box{ width: 100%; height: auto;}
	.footer_bot{ width: 100%; height: auto; line-height: 25px; text-align: center; }
	.footer_bot_you{ display: none;}
	.logo{ width: 40%; height: auto; margin-left: 5%; float: left;}
	.logo_img{ width: 100%; height: auto;}
	.logo img{ width: 100%;}
}


@media screen and  (max-width: 640px){
	.n_01{ margin-right:0px; margin-top: 20px; padding-left: 5%; padding-right: 5%; }
	.n_01_01{ width:65%; height: 300px; }
	.n_01_01 img{ width:100%; float: left;}
	.n_01_02{ width:14%; margin-left: 5%; height: 300px;}
	.n_01_02_zuo{margin-right:0px; height: 300px; display: none;}
	.n_01_03{width:15%; height: 300px;}
	.n_01_03 img{ width:100%;}
}


@media screen and  (max-width: 640px){
	.about_con_left{ display: none;}
	.about_con_right{ position: relative;}
	.about_con_right_01{ margin-top: 0px; width: 90%; background: #9e292f;  float: none; margin: 0 auto;}
	.about_con_right_02{ display: none;}
	.a04{ display: none;}
}


@media screen and  (max-width: 640px){
	.product_con{ display: none;}
	.houjia{ width:100%; height: auto; margin: 0 auto;display: inline;}
	.houjia01{ width:46%; height: auto; float: left; background: #000; margin-left: 2.5%; margin-top: 10px; visibility: hidden;}
	.houjia01 img{ width:100%; float: left;}
}


@media screen and  (max-width: 640px){
	.about_top img{ width:20%;}
	.product_top img{ width:20%;}
	.news_top img{ width:20%;}
	.ab_T1 img{ width:20%;}
}

