@charset "utf-8";
/*--重定义浏览器默认样式--*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{outline:none;color:#e63131;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cr,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}


/*首页*/
.header{width:94%; padding:10% 3%; background:url(../imgs/hea-bg.png) repeat-x; background-size: contain;}
.header .logo{width:68%;}
.header .logo img{width:100%;}
.header .righ_menu{ width:10%;cursor:pointer; overflow:hidden; margin-top:4%;position:fixed; z-index:999999; right:4%;}
.header .righ_menu .menu{width:50vmin; position:absolute; left:-3.3333vmin; top:150%; z-index:10000; background-color:#333333; display:none;}
.header .righ_menu .menu li{width:100%; float:left; padding:5% 0px; text-align:center;  text-align:center; overflow:hidden;}
.header .righ_menu .menu li a,.header .righ_menu .menu li a:hover{ color:#fff; font-size:3.3vmin;}

.top_menu{ position: fixed; top:0; left:0; width:100%; z-index:99999999; background:url(../imgs/bg.png) repeat; display:none}
.homepage{ padding:5% 0;padding-left:6%; height:30px; background:#7b3231;}
.homepage a{ display:block; float:left}
.homepage span{ background:url(../imgs/cross.png) no-repeat center; display:block; width:30px; float:right; margin-right:4%; text-indent:-99999px; height:30px; background-size:100%; overflow:hidden; cursor:pointer;}
.homepage a{ color:#fff; font-size:18px;}
.top_menu ul li{ border-bottom:#cacaca solid 1px;line-height:60px;}
.top_menu >ul>li>a{ padding-left:6%;}
.top_menu ul li i.i1{ background:url(../imgs/arr.png) no-repeat center; width:20px; display:block; float:right; height:20px; margin-right:3%; margin-top:3%}
.top_menu ul li a{ font-size:18px; color:#fff; }
.top_menu ul li .sub_menu{  line-height:50px;border-top:#cacaca solid 1px; background:url(../imgs/bg.png) repeat; padding:2% 0;display:none}
.top_menu ul li .sub_menu a{ color:#FFF; font-size:16px; display:block; text-align:left; padding:0 0 0 10%; background:url(../imgs/san.png) 35% center no-repeat;}

.footer{ text-align:center; padding-top:3%;}
.footer p{ font-size:18px; color:#262523;font-size:3vmin;}


.bg{ width:100%; padding:3% 0; background:url(../imgs/bg.png) repeat;}
.banner{ width:90%; border:4px solid #6e0c0c; margin:0 auto 5% auto;}
.banner img{ width:100%; height:auto !important;}
.procuct{ padding:4% 0;}
.procuct ul{ width:94%; margin:0 auto;}
.procuct ul li{ width:45%;}
.procuct ul li a.tu{width:100%;overflow:hidden; border:4px solid #8c1c20; display:block;}
.procuct ul li a.tu img{ width:100%;}
.procuct ul li a.wz{ font-size:20px;font-size:3.2vmin; color:#222; margin:3% auto 7% auto; text-align:center; display:block; font-family:"黑体"; font-weight:bold;}

.list{padding:4% 0;}
.list ul{ width:94%; margin:0 auto;}
.list ul li{ width:45%;}
.list ul li a.tu{width:100%;overflow:hidden; border:3px solid #8c1c20; display:block;}
.list ul li a.tu img{ width:100%;}
.list ul li a.wz{ font-size:20px;font-size:3.2vmin; color:#222;margin:3% auto 7% auto; text-align:center; display:block; }
.pages {width:94%; margin:4% auto; text-align:center;}
.pages a{color:#281a0a; background:#bdbcbc; padding:1% 4%; display:inline-block;font-size:18px;font-size:3vmin; margin-left:1%;}
.pages a.on{color:#fff; background:#a95c40;}
.pages a.fanhui{ margin-left:3%; background: url(../imgs/fanhui.png) right center no-repeat; font-size:26px; color:#281a0a;font-size:3.6vmin; padding:0 6%; background-size:12%;}


.detail{padding:4% 0;width:94%; margin:0 auto; overflow:hidden;}
.detail .title{ text-align:center;}
.detail .title span{ font-size:24px;font-size:3.6vmin; color:#281a0a;}
.detail .title p{ font-size:18px;font-size:3vmin; color:#281a0a; border-bottom:1px solid #7a4f1f; border-top:1px solid #7a4f1f; line-height:6vmin; margin-top:8px;}
.de_one{ margin-bottom:5%; padding-top:4%;}
.de_tu{ width:42%;}
.de_tu img{ width:100%;}
.de_wz{ width:52%;}
.de_wz p{ font-size:16px; color:#281a0a;font-size:2.8vmin; margin:2% 0; line-height:4.8vmin;}
.de_two{ margin-bottom:3%;}
.de_title{ font-size:24px; font-size:3.6vmin;color:#281a0a; border-bottom:1px solid #491400; margin-bottom:2%;}


.about{padding:4% 0;width:94%; margin:0 auto; overflow:hidden;overflow:hidden;}

.news{padding:4% 0;width:94%; margin:0 auto 2% auto;overflow:hidden;}
.two{ margin-bottom:4%;}
.two_tu{ width:40%; overflow:hidden;}
.two_tu img{ width:100%;}
.two_infor{ width:58%;}
.two_infor a{ font-size:18px;font-size:3vmin; color:#281a0a;display:inline-block;}
.two_infor p{ border-bottom:1px solid #815737; font-size:2.8vmin; color:#281a0a; margin-bottom:1%;}
.two_infor span{color:#281a0a;font-size:16px;font-size:2.4vmin;}

.video{padding:4% 0;width:94%; margin:0 auto 2% auto;overflow:hidden;}
.vi_one{ overflow:hidden; margin-bottom:6%;}
.vi_one a{ display:block;}
.vi_one p{ font-size:20px; color:#281a0a; font-size:3.2vmin; border-bottom:1px solid #815737; padding:2% 0; margin-bottom:2%;}
.vi_one span{font-size:18px; color:#281a0a; font-size:3vmin;}

.contact{padding:4% 0;width:94%; margin:0 auto 2% auto;overflow:hidden;}
.con_le{overflow:hidden;}
.con_le p{ font-size:18px; color:#281a0a; font-size:3vmin;}
.con_fr{ overflow:hidden;}
.name{ font-size:20px; color:#281a0a;font-size:3.2vmin; margin-bottom:1%;}
.erweima{ margin:3% 0;}
.erweima span{ overflow:hidden; margin-right:30px; display:inline-block;color:#281a0a;font-size:16px; font-size:2vmin;}
.tel{ width:96%; height:39px; border:1px solid #7e5a2c; background:#c7a875; margin-bottom:20px;}
.tel input{ background:none; border:none; width:97%; height:39px; padding-left:3%;font-size:16px;}
.size{ font-size:16px; color:#281a0a; margin-bottom:20px;}
.size select{border:1px solid #7e5a2c; background:#c7a875; width:74%; height:39px;}
.size input{ border:1px solid #7e5a2c; background:#c7a875; width:74%; height:39px}
.message{ width:96%; height:341px;border:1px solid #7e5a2c; background:#c7a875;font-size:16px;}
.message span{ width:88px; text-align:center; color:#36291a;}
.message textarea{ width:96%; height:341px; background:none; border:none;}
.tj .submit{ width:116px; height:45px; font-size:16px; color:#fff; border:none; background:#060100; cursor:pointer;margin:4% 0; display:inline-block;}
.tj .submit:hover{background:#060101;}
.tj .submit.on{background:#6e1a0f; }

.zhuanj{padding:4% 0;width:94%; margin:0 auto 2% auto;overflow:hidden;}
.three{  margin:4% 0;border-bottom:1px solid #6c4c2a; padding-bottom:4%;}
.three p{ font-size:24px; color:#281a0a; font-weight:bold;font-size:4vmin;}
.three ul{}
.three ul li{ text-align:center; width:45%; margin-top:4%;}
.three ul li a.thr_tu{overflow:hidden; display:block; width:100%;}
.three ul li a.thr_tu img{  width:100%;}
.three ul li a.thr_wz{ font-size:16px; color:#4d2a18;font-size:3vmin;}


.home{ width:100%; position:relative; margin-top:7%;}
.home p{}
.home .anniu{ position:absolute; top:-6%; left:0; text-align:center; width:100%;}
.home .anniu a{ width:27%; display:inline-block; margin:0 2%;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;opacity:1;
}

input:-ms-input-placeholder{
    color: #000;opacity:1;
}

input::-webkit-input-placeholder{
    color: #000;opacity:1;
}