@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:"微软雅黑",Arial,"Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei";font-size:14px;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）避免因子元素浮动而导致的父元素高度缺失能问题
*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl:before,.cl:after{content: " "; display: table;}
.cl::after{clear: both;}
ul,li{list-style-type:none;}
i,em{font-style:normal}
a{transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */}
.tran{transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */}
body{ color:#333;  font-size:14px; background:#fff; overflow-x:hidden  }
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ text-decoration:none; color:#1a77e5}
 
/*布局*/ 
.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;} 
.weap1200{ max-width:1200px; margin:0 auto; }
 
 
/*头部*/
.qm-top{position:relative} 
.qm-top .weap{ padding-left:35px;height:85px}
.qm-top .box{  position:fixed; z-index:99; left:0; right:0;top:0;  } 
.qm-top .logo{ float:left; padding-top:22px;}
.qm-top .logo a{ display:block;}
.qm-top .logo img{ display:block; height:41px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index .qm-nav{ border-bottom:none}
.index .qm-top .weap{ padding-right:35px}
.index .qm-nav .nl .alink{ padding-bottom:0; color:#D7B784}
.index .qm-nav .nl .alink:after{ display:none}
.index .qm-nav .nl.on .alink,.index .qm-nav .nl .alink:hover{ background-color:#415FFF;  }
.index .qm-top .logo img{ opacity:0;}
.index .qm-top .logo a{ background:url(../images/logo1.png) no-repeat center; background-size:cover}

.qm-top .box.navFix{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s;position:fixed; z-index:998; left:0; right:0;top:0; height:59px;background-color: rgba(0,0,0,.8);  }
.qm-top .box.navFix .weap{ height:59px;}
.qm-top .box.navFix .qm-nav .nl .alink{ line-height:57px; padding-bottom:0}
.qm-top .box.navFix .logo img{ height:31px} 
.qm-top .box.navFix .qm-nav{ padding-top:0} 
.qm-top .box.navFix .logo{ padding-top:14px}  
 
 

.qm-nav{ float:right; padding-top:20px; border-bottom:2px solid rgba(255,255,255,.21) }
.qm-nav .nl{ float:left; position:relative; margin-left:1px;} 
.qm-nav .nl .alink{ display:block; font-size:16px;  line-height:45px; width:160px; text-align:center; color:#FFFFFF; position:relative; padding-bottom:18px; position:relative}
.qm-nav .nl .alink:after{ content:""; transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */display:block; position:absolute; z-index:1; bottom:-2px; left:50%; right:50%; height:4px; background-color:#415FFF}
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{color:#fff; }
.qm-nav .nl.on .alink:after,.qm-nav .nl .alink:hover:after{ left:0; right:0}

.qm-nav .sub{ position:absolute; z-index:8;  left:0; right:0;display:none ;background:#415FFF;}
 
.qm-nav .sub a{ display:block; font-size:15px; line-height:50px; height:50px; text-align:center; color:#fff}
.qm-nav .sub a:hover{ background:#0c4aac; color:#fff}
 
/*底部*/
.indexfooter{ position:fixed; z-index:3; left:0; right:0; bottom:20px; padding:0 35px;  color:#97989c; font-size:12px}
.indexfooter .weap{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; }
.indexfooter .left span{ display:inline-block; vertical-align:middle; margin-right:20px}
.indexfooter .sp1 a{ display:block; border:1px solid #97989c; position:relative; padding-left:40px; padding-right:20px; line-height:28px; color:#97989c}
.indexfooter .sp1 a:after{ content:">"; color:#fff; font-weight:bold; font-family:"宋体"; text-align:center; display:block; width:27px; position:absolute; left:0;top:0; bottom:0; background:#97989c}
.indexfooter .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.indexfooter .right a{ display:inline-block;vertical-align:middle;  margin-left:14px; cursor:pointer; position:relative}
.indexfooter .right a span{ display:block; width:34px; height:34px;background-color:#c6c6c8; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:100%; }
.indexfooter .right a:hover span{ background-color:#1a77e5}
.indexfooter .right a .ico-tel{ background-image:url(../images/ico-tel.png)}
.indexfooter .right a .ico-wx{ background-image:url(../images/ico-wx.png)}
.indexfooter .right a .ico-qq{ background-image:url(../images/ico-qq.png)}
.indexfooter .right a:hover .sub{ display:block;}
.indexfooter .right .sub{ position:absolute; z-index:1; display:none; bottom:45px; left:50%; transform:translateX(-50%); background-color:#fff; padding:5px; border-radius:5px;white-space: nowrap; font-size:16px; box-shadow:0 0 5px rgba(0,0,0,.1)}
.indexfooter .right .sub img{ width:110px; display:block;}
.indexfooter .right .sub:after{content:""; display:block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position:absolute; z-index:1; left:50%; margin-left:-5px; bottom:-5px}

.footer{ background-color:#474747; color:#b3b3b3}
.footer a{ color:#b3b3b3}
.foottop{ padding:55px 0; padding-bottom:40px} 
.foottop .weap1200{ position:relative; padding-right:150px} 
.foottop .left{ float:left; width:33.33%}
.foottop .left .flogo{ margin-bottom:24px}
.foottop .left .flogo img{ width:100%; max-width:183px; }
.foottop .left .ftel{ margin-bottom:15px}
.foottop .left .ftel a{ display:block; font-size:31px; color:#415FFF; line-height:1.1; font-style:italic; font-family:Impact}
.foottop .left .fadder{ margin-bottom:10px}
.foottop .fnav{ float:right; width:60.5%}
.foottop .fnav dl:nth-child(2){ width:30%}
.foottop .fnav dl{ float:left; width:35%}
.foottop .fnav dl dt{ font-size:20px; color:#d9d9d9; margin-bottom:24px;}
.foottop .fnav dl dt:after{ content:""; display:block; width:35px; height:1px; background-color:#919191; margin-top:18px;}
.foottop .fnav dl dd{ margin-bottom:18px; line-height:1.1}
.foottop .fnav dl a:hover{ text-decoration:underline}
.foottop .fewm{ position:absolute; z-index:1; right:0;top:0; font-size:12px; text-align:center}
.foottop .img{ width:136px;  margin:0 auto;margin-bottom:10px;}
.foottop .img img{ display:block; width:100%}

.fbottom{ border-top:1px solid #4b4f4f; padding:15px 0; overflow:hidden}
.fbottom .left{ float:left}
.fbottom .right{ float:right}
/*弹出视频*/
.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:1100px; padding:10px; background-color:#252525} 
.videopop .videobd .video{ height:610px}
.videopop .videobd video{ display:block; background-color:#000}
.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}

/*页码*/

.pages{ text-align:center; margin-top:40px;}
.pages li{ display:inline-block; margin:0 2px;}
.pages li a{ display:block; padding:0 16px; height:38px; line-height:36px; font-size:15px; color:#686666; border:1px solid #dddddd; border-radius:5px;}
.pages li.on a{ background-color:#415FFF; color:#fff} 

.mfooter{ display:none}
@media(max-width:1220px) { 
.weap{ padding-left:10px !important; padding-right:10px !important; width:100%}
.weap1200{padding-left:10px; padding-right:10px}
.foottop .fewm{ right:10px;}
}
 
@media(max-width:1024px) {  
/*头部*/  
.qm-top{ height:60px}
.qm-top .box .weap{ height:60px;}  
.qm-top .box{ width:100%; height:60px; background:#fff; z-index:99;transition: all 2.5s;-moz-transition: all 2.5s;	/* Firefox 4 */-webkit-transition: all 2.5s;	/* Safari 和 Chrome */-o-transition: alll 2.5s;	/* Opera */ box-shadow:0 0 5px rgba(0,0,0,.1)}
.qm-top .box.navFix{ height:60px}
.qm-top .logo a img{ opacity:0}
.qm-top .logo a{background: url(../images/logo1.png) no-repeat center; background-size: cover;}
.qm-top .box.navFix{ background-color: rgba(255,255,255,1);  }

.qm-top .box.navFix .weap{ height:60px;}
.qm-top .logo{ padding-top:17px; padding-left:0}
.qm-top .logo a img{ height:30px} 
.qm-top .box.navFix .weap{ height:60px;}
.qm-top .box.navFix .logo{ padding-top:17px}
.qm-top .box.navFix .logo img{ height:30px}
.m-nav{display:block; height: 20px; width: 32px; 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:#272727; 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:#272727; 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);}
.searcha{right:60px;border-left:none;border-right: 1px solid rgba(255,255,255,0.1);padding-right:20px;font-size:16px;padding-left:0;}
.qm-top .box.navFix .qm-nav .nl .alink{line-height:45px;}
.qm-nav .nl .alink{ width:auto; color:#333; padding-bottom:0; margin-bottom:1px; text-align:left; padding:0 10px; font-size:14px  }

 
.qm-nav{float:none; background:rgba(255,255,255,.95);position:fixed;z-index:-2; visibility:hidden;left: 0;top:60px;padding-right:0;right: 0;bottom:0;overflow-y:auto;padding-top:0;height:auto; }
.qm-top.block .qm-nav{z-index: 999; visibility:visible} 
.qm-top .box.navFix .qm-nav{top:60px}
.qm-nav .nl{width:100%;float:none;padding:0;margin-left:0;position:relative; -webkit-transform: scale(1.1) translateY(-50%); -ms-transform: scale(1.1) translateY(-50%) ; transform: scale(1.1) translateY(-50%); opacity:0;transition-delay:0s}
.block .qm-nav .nl{opacity: 1; pointer-events: auto; -webkit-transform: none; -ms-transform: none; transform: none;transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */}
.block .qm-nav .nl:nth-child(2){transition-delay: .25s}
.block .qm-nav .nl:nth-child(3){transition-delay: .35s}
.block .qm-nav .nl:nth-child(4){transition-delay: .45s}
.block .qm-nav .nl:nth-child(5){transition-delay: .55s}
.block .qm-nav .nl:nth-child(6){transition-delay: .65s}
.block .qm-nav .nl:nth-child(7){transition-delay: .75s}
.block .qm-nav .nl:nth-child(8){transition-delay: .85s}	

.qm-nav .exist:before{ content:""; display:block; width:40px; height:45px; background:url(../images/ico-down.png) no-repeat center; background-size:30%; position:absolute; z-index:2; right:0;top:0;}
 
.qm-nav .sub{ position:static; background:#fff; padding:5px 0;  width:auto; margin:0; border-top:1px solid #e2e2e2} 
.qm-nav .sub li{ color:#0a377f}
.qm-nav .sub a{ text-align:left; padding:0 15px; font-size:14px; background:none; line-height:32px; height:32px; color:#0a377f}
.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 .box.navFix .nl .ico{ line-height:26px;}
.qm-nav .nl.on .alink{ border-bottom:none;background-color: #1a77e5; color:#fff}
.qm-nav .nl .alink:after{ display:none}
 
/*底部*/
.footer{ display:none}
.indexfooter{ padding:0; bottom:10px;}
.indexfooter .left span.sp1{ display:none}
.indexfooter .right{ display:none}
.indexfooter .left{ text-align:center; line-height:1.1}
.indexfooter .left span{ margin-right:0;}
.foottop .left{ float:none; width:auto}
.foottop .weap1200{ padding-right:0}
.foottop .fnav{ float:none; width:auto; display:none}
.foottop .img{ width:80px; margin-bottom:5px}
.foottop .fewm{ font-size:10px;}
.foottop{ padding:25px 0}
.fbottom{ text-align:center; font-size:13px}
.fbottom a{ font-size:13px}
.fbottom .left{ float:none; width:auto}
.fbottom .right{ float:none; width:auto}

.mfooter{ display:block; background-color:#474747; color:#fff;  text-align:center; padding-top:25px ; padding-bottom:15px}
.mfooter a{ color:#fff; }
.mfooter .mfootnav{ margin-bottom:10px; }
.mfooter .mfootnav a{ margin:0 6px; display:inline-block; vertical-align:middle;line-height:1}
.mfooter .mbanquan{ font-size:12px}
.mfooter .mbanquan a{ font-size:12px;}

.videopop .videobd{ width:100%; }
.videopop .videobd .video{ height:auto}

.pages{ margin-top:20px}
.pages li a{ height:32px; line-height:30px; padding:0 10px; font-size:12px;}
.pages li{ margin:0 2px; margin-bottom:5px}

}