@charset "utf-8";
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
*{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;-webkit-text-size-adjust:none;}
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:Arial,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; color: #333; }
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{text-decoration:underline;outline:none; color:#333}
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; }
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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder{color:#999999;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}
textarea::-webkit-input-placeholder{color:#d4d4d4;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}		
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
 

body{ color:#fff;  font-size:25px; line-height:2; overflow-x:hidden; }
a{ color:#fff; text-decoration:none; font-size:25px;}
a:hover{ color:#b0111b; text-decoration:none}
.weap{ max-width:90%;  margin:0 auto; } 
table{width: 100%; empty-cells: show; background-color: transparent; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; border-collapse: separate; border-left: 0;border-bottom: 0;}
table th{text-align: left; font-weight:bold; background-color:#918068; font-size:16px}
table th,table td{padding: 8px; line-height: 20px; word-break: break-all; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
table .center{ text-align:center }
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
 
/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.flexbetweenr{-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
/*头部*/ 
.qm-top{ height:120px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; } 
.qm-top .weap{ position:relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.qm-top .box{ height:120px;  background-color:#7d624a; }   
.qm-top .logo{  padding-top:28px; margin-right:60px}
.qm-top .logo img{ height:73px; } 
 
/*导航*/   

.qm-nav{ -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;  position:relative; z-index:2; padding-top:33px } 
.qm-nav ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} 
.qm-nav .nl{ text-align:center;  -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}  
.qm-nav .nl .alink{ color: #d4bda6; font-size:22px; display:inline-block; height:35px; line-height:35px; position:relative; padding:0 17px; border-radius:5px; }
.qm-nav .nl .alink:after{content:""; display:block; left:50%; right:50%; height:2px; background-color:#fff8f2; position:absolute; z-index:1; bottom:-8px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.qm-nav .nl.on .alink:after{ left:0; right:0;} 

.qm-nav .nl.on .alink span{ color: #fff8f2;}	

.qm-nav .sub{ background-color:#fff; box-shadow:0 4px 5px rgba(0,0,0,.1); position:absolute; z-index:1; left:50%; margin-left:-83px;top:127px; width:166px; display:none}
.qm-nav .sub a{ display:block;  padding:15px 0; font-size:14px; } 
.qm-nav .sub a:hover{ background-color:#c60c0c; color:#fff;} 
/* 底部 */
.footer{ background:#000 url(../images/footerbg.jpg) no-repeat center top; background-size:cover; color:#f9d6a5}
.footer a{ color:#f9d6a5}
.foottop{  padding-top:85px; padding-bottom:70px}
.foottop .weap{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; } 
.foottop .footnav{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; min-width:0;  }
.foottop .footnav dl{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; line-height:1.1}
.foottop .footnav dl dd{ margin-bottom:25px}
.foottop .footnav a{ font-size:20px; color:#f2c78e}
.foottop .footnav a:hover{ text-decoration:underline}
.footer .t{ font-size:30px; font-weight:normal; margin-bottom:30px; }
.footer .t a{ font-size:30px; }
.footewm li{ display:inline-block; vertical-align:middle; text-align:center; margin-left:30px}
.footewm li .p{ font-size:14px; letter-spacing:2px; color:#f2c78e} 
.footewm li .img img{ width:100%; border-radius:10px; display:block}
.footewm li .img{ width:131px;  margin:0 auto;margin-bottom:5px;}
/*弹出视频*/
.videopop{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0;}
.videopop .bdbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; width:100%; height:100%}
.videopop .closebg{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.75)}
.videopop .videobd{ margin:0 auto; position:relative; z-index:2; width:800px; padding:10px; background-color:#252525} 
.videopop .videobd .video{ height:450px}
.videopop .videobd video{ display:block;}
.videopop .mclsoe{ position:absolute; z-index:1; width:30px; height:30px;top:-40px;   right:0; background:url(../images/ico-clsoe.png) no-repeat center; background-size:80%; cursor:pointer}
 
@media (max-width: 1680px){

}

@media (max-width: 999px){  
 
/*头部*/ 
 
.qm-top .weap{ position:static}
.qm-top{ height:55px}
.qm-top .box{ width:100%;  height:55px;  position:fixed; z-index:100; right:0 ;transition: all .5s ease; border-bottom:none; }
.qm-top .logo{ padding:10px 0; padding-right:10px; transition: all 0.3s; height:55px; border-right:none; }  
.qm-top .logo a{ display:inline-block;  }
.qm-top .logo img{ height:35px; width:auto; display:block}
 
  
.qm-top.block .box{ height:55px; } 
 
.qm-nav .nl.on .alink:before{ display:none}
.qm-top .qm-nav { background-color:#000; display:none; position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; overflow-y:auto;top:90px; padding-top:0; float:none}
.qm-top.block .qm-nav { display:block; padding-bottom:0 }  
.qm-nav ul{ display:block}
.ow{ overflow:hidden}
 
.qm-top .qm-nav{top:55px; padding-right:0}

.m-bg{ position:absolute; z-index:2; right:0;top:0; bottom:0; width:46px; } 
.m-nav{display:block; height: 20px; width: 26px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 10px; top: 50%; margin-top:-10px }
.m-nav a{background-color:#fff; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color:#fff; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -7px;}
.m-nav a:after{top: 8px;}
.qm-top.block .m-nav{transform: rotate(90deg);}
.qm-top.block .m-nav a{background-color: transparent !important;}
.qm-top.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-7px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}  
.qm-nav .nl{ width:100%; float:none; padding:0; margin-left:0;border-bottom:1px solid rgba(255,255,255,.3); position:relative}
.qm-nav .nl .alink{ position:relative; padding:0 10px;line-height:45px; height:45px; width:auto; text-align:left; display:block;font-size:15px; border:none; margin:0; color:#f2c78e}
  
.qm-nav .nl .alink:after{ display:none} 
.qm-nav .nl.on .alink{ border-bottom:none;  border:none; font-weight:bold} 
.foottop .weap{ display:block;}
.footewm ul{ text-align:center}

.videopop .videobd .video{ height:auto} 
.videopop .videobd{ width:95%}
}
@media (max-width: 766px){  
body{ font-size:18px}
.foottop{ padding-top:30px; padding-bottom:20px}
.footer .t{ font-size:18px; margin-bottom:12px; font-weight:700}
.foottop .footnav{ display:block;  font-size:0}
.foottop .footnav dl{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:15px}
.foottop .footnav a{ font-size:14px}
.foottop .footnav dl dd{ margin-bottom:10px}
.footewm li .img{ width:90px}


}