@charset "utf-8";

*{word-wrap:break-word}
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
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:"微软雅黑","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei";font-size:12px;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;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）避免因子元素浮动而导致的父元素高度缺失能问题
*/

.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
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:#333;  font-size:14px; background:url(../images/bg.jpg); overflow-x:hidden  }
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#be1d13; text-decoration:none}
 
/*布局*/ 
.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;}
.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;} 
.weap{  max-width:1000px; margin:0 auto; }
 

/*头部*/
 
.qm-top{  height:80px;} 
.qm-top .box{ background:#fff; transition: all 0.3s;-moz-transition: all 0.3s; height:80px; border-bottom:5px solid #a38b7e }
.qm-top .box .weap{height:80px;position:relative;transition: all 0.3s;-moz-transition: all 0.3s; }
.qm-top .logo{ float:left; padding-top:18px;transition: all 0.3s;-moz-transition: all 0.3s;}
.qm-top .logo a{ display:block;}
.qm-top .logo img{ display:block; height:44px;}

.qm-nav{ float:right; height:80px}
.qm-nav .li{ float:left;  position:relative; }
.qm-nav .li .alink{ display:block; font-size:15px;padding:0 30px; text-align:center; line-height:75px; color:#663333; position:relative; z-index:2  }
.qm-nav .nl.exist .alink:after{ content:""; display:block; width:6px; height:4px; position:absolute; z-index:2; left:50%; margin-left:-3px; background-position:center; background-repeat:no-repeat; background-size:auto 100%; background-image:url(../images/ico-d.png); bottom:18px;}
.qm-nav .nl.exist.on .alink:after{ background-image:url(../images/ico-don.png); }
.qm-nav .nl.on .alink{ background-color:#a38b7e;  color:#fff}
.qm-nav .sub{ position:absolute; z-index:1;top:0px; padding-top:1px; left:0; right:0; display:none ; background:#a38b7e; padding-top:80px;}
.qm-nav .sub a{ display:block; color:#fff; line-height:42px; height:42px; text-align:center;}
.qm-nav .sub a:hover{ background:#fff; color:#a38b7e}

.qm-nav .li.lifd .alink{ padding:0 15px;}
.qm-nav .li.lifd .alink:after{ content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../images/ico-01.png) no-repeat center; background-size:100%; margin-left:3px;}
.qm-nav .li.ligz{ margin-left:15px;}
.qm-nav .li.ligz .alink{ padding:0 0;}
.qm-nav .li.ligz .alink:after{ content:""; display:inline-block; vertical-align:middle; width:14px; height:13px; background:url(../images/ico-02.png) no-repeat center; background-size:100%; margin-left:3px;}
.qm-nav .li.ligz .sub02{ display:none; position:absolute; z-index:1;top:55px; width:120px; left:50%; margin-left:-60px; border:3px solid #a38b7e; border-radius:3px;}
.qm-nav .li.ligz:hover .sub02{ display:block}
.qm-nav .li.ligz .sub02:after{ content:"";  width: 0px;height: 0px;border-width: 5px 5px;border-color: transparent transparent #a38b7e;border-style: solid;display:block; position:absolute; z-index:1;top:-13px; left:50%; margin-left:-5px;}
.qm-nav .li.ligz .sub02 img{ display:block; width:100%}

.qm-top .box.navFix{ position:fixed; z-index:998; left:0; right:0;top:0; }
 
 

/*底部*/
.footnav{ background-color:#a38b7e; color:#fff;} 
.footnav a{ color:#fff}
.footnav ul{ height:135px;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; }
.footnav li{ width:20%; text-align:center}
.footnav li a h3{ font-weight:normal; font-family:"宋体"; font-size:12px;}
.footnav li a:hover h3{ text-decoration:underline}
.footnav li .ico{ width:24px; height:24px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:10px;}
.footnav li .ico-b01{ background-image:url(../images/ico-b01.png)}
.footnav li .ico-b02{ background-image:url(../images/ico-b02.png)}
.footnav li .ico-b03{ background-image:url(../images/ico-b03.png)}
.footnav li .ico-b04{ background-image:url(../images/ico-b04.png)}
.footnav li.footlogo{ position:relative; z-index:1;top:-23px}
.footnav li.footlogo img{ max-width:156px;}
.footbanquan{ text-align:center; color:#a38b7e; font-size:12px; font-family:"宋体"; padding:10px 0}
.footbanquan a{color:#a38b7e; font-size:12px;}
.footbanquan a:hover{ text-decoration:underline}
/*弹出视频*/
.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; background:rgba(0,0,0,.7); left:0; right:0;top:0; bottom:0}
.videopop .videobd{ margin:0 auto; position:relative; z-index:2; width:980px; padding:10px; background-color:#252525; }
.videopop .videobd .video{ height:605px;}
.videopop .videobd .video iframe{ width:100% !important; height:100% !important}
.videopop .videobd .mclsoe{ position:absolute; z-index:1; width:45px; height:45px; right:0;top:-55px; background:url(../images/ico-close02.png) no-repeat center; background-size:50%; cursor:pointer} 
/*!Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox*/html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../images/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(../images/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
@media (max-width: 1020px){
.weap{ width:auto; padding:0 10px }
}
@media (max-width: 1000px){   
/*头部*/  
.qm-top{ height:55px}
.qm-top .box .weap{ height:55px;} 
.qm-top .box{ width:100%; height:55px; position:relative;border-bottom:1px solid #e2e2e2; z-index:99} 
.qm-top .logo{ padding-top:10px}
.qm-top .logo a img{ height:35px} 
.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: 15px; top:50%; margin-top:-10px; }
.m-nav a{background-color:#a38b7e; 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:#a38b7e; 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{float:none; display:none; background:rgba(0,0,0,.75);position:fixed; z-index: 999; left: 0; top:55px; right: 0; bottom:0; overflow-y:auto; padding-top:0; height:auto}
 
.qm-nav .li{ margin:0 !important; width:100%; float:none; padding:0; background:#f8f8f8; margin-left:0;border-bottom:1px solid #dfceb8; position:relative}
.qm-nav .li .alink{ position:relative; padding:0 30px !important; line-height:45px; width:auto; text-align:left; color:#fff;  font-size:15px; background-color:#c2a680}
 
.qm-nav .exist:before{ content:""; display:block; width:45px; height:45px; background:url(../images/ico-d.png) no-repeat center; position:absolute; z-index:3; right:0;top:0;}
.qm-nav .nl.exist .alink:after{ display:none}
.qm-nav .li.on .alink{ border-bottom:none;    }
.qm-nav .sub{ position:static; background:#fff; padding:5px 0;  width:auto; margin:0; border-top:1px solid #e2e2e2} 
.qm-nav .li .alink:before{ display:none}
.qm-nav .sub a{ text-align:left; padding:0 30px; font-size:14px; background:none; line-height:32px; height:32px; color:#333 }
.qm-nav .sub a:before{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#999; margin-right:8px; vertical-align:middle}
.qm-top.block .qm-nav{ display:block;} 
 
 

.videopop .videobd .video{ height:60vw}
.videopop .videobd{ padding:5px;}
.videopop .videobd .mclsoe{ width:40px; height:40px;top:-40px}

.qm-nav .li.ligz .sub02{ display:none !important; position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; width:auto; margin:0; border:none}
.qm-nav .li.ligz .sub02.block{ display:block !important}
.qm-nav .li.ligz .sub02 .msub{ width:120px; position:absolute; z-index:3;top:50%; left:50%; transform:translate(-50%,-50%);     border: 3px solid #a38b7e;}
.qm-nav .li.ligz .sub02 .msubclose{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0;background:rgba(0,0,0,.7) }
.qm-nav .li.ligz .sub02 .msubclose:before{ content:""; position:absolute; z-index:1; width:20px; height:20px;background:url(../images/ico-close02.png) no-repeat center; background-size:100%;top:20px; right:20px;}
}
@media (max-width:766px){  
.footer{ margin-top:20px}
.footnav{ position:relative} 
.footnav ul{ height:120px; padding-top:60px}
.footnav li{ width:25%}
.footnav li.footlogo{ position:absolute; z-index:1; width:116px;left:50%; margin-left:-58px;top:-20px}
.footnav li.footlogo img{ width:100%; }
}