@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:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,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;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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
::-webkit-input-placeholder{
            color:#bababa;
        }
::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#bababa;
        }
:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#bababa;
        }
:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#bababa;
        }
.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;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */
} 
body{ color:#333333;  font-size:14px; line-height:1.8; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0); background-color:#fff}
a{ color:#333333; text-decoration:none; font-size:14px;}
a:hover{ color:#00458e; text-decoration:none}
.weap{ max-width:1170px; margin:0 auto; } 
.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-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;}
.flex1{-webkit-box-flex: 1;flex:1; }
.flexalign{-webkit-box-align: center;align-items: center;}
.mflex{ display:none}
/*头部*/ 
 
.qm-top .topbox{ height:95px; padding-top:15px;}    
.qm-top .logo{ float:left; display:block; }   
.qm-top .logo img{ height:36px; }  
.qm-top .toptitle{ float:left; color:#595757; font-size:15px; line-height:1.2;   margin-left:5px; font-weight:bold}
.qm-top .toptitle .p1{ font-size:18px; font-weight:bold; color:#00458e}
.qm-top .topsearch{ float:left; width:415px; margin-left:5%; padding-top:2px}
.qm-top .searchbox .intxt{ width:80%; border:2px solid #00458e; height:36px; padding:0 10px; float: left;}
.qm-top .searchbox .inbtn{ width:20%; height:36px; background-color:#00458e; color:#fff; cursor:pointer; border:none}
.qm-top .searchhot a{ font-size:12px; margin-right:10px} 
.qm-top .toptel{ float:right; background:url(../images/ico-tel.png) no-repeat left bottom; background-size:14px; padding-left:20px; line-height:1; padding-top:10px}
.qm-top .toptel a{ font-size:21px; font-weight:bold; color:#00458e; } 
 
 
.qm-nav{ border-bottom:2px solid #00458e;height:40px} 
.qm-nav .weap{ position:relative; padding-left:190px} 
.qm-nav ul{display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox; padding-right:0; } 
.qm-nav .nl{ text-align:center;-webkit-box-flex: 1; position:relative;  z-index:2;   }  
.qm-nav .nl .alink{ height:40px;  display:block;font-size:16px; text-align:center; position:relative; line-height:40px; white-space: nowrap;} 
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{ color:#00458e } 
 
.qm-top.flexbox .qm-nav{ position:fixed; z-index:99; left:0; right:0;top:0; background-color:#fff}
.allnav:hover .bd{ display:block}
.allnavblock .qm-top.flexbox .allnav .bd{ display:none}
.allnavblock .qm-top.flexbox .allnav:hover .bd{ display:block} 
/* footer */
.footer{ background-color:#eeeeee;  }  
.footer .box{display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox; padding-top:70px; padding-bottom:30px;}
.footer .box>div{-webkit-box-flex: 1;flex:1;}   
.footer dl dt{ margin-bottom:5px}
.footer dl dt a{ font-size:16px; } 
.footer dl dd a{ font-size:13px; }  
.footer .footlogo img{ width:110px;}
.footer .dl01 .p1{ color:#00458e; font-weight:bold; font-size:15px}
.footer .dl01 .p2{ font-size:23px; font-weight:bold; color:#00458e}
.footer .dl01 .p3 a{ display:inline-block; height:30px; line-height:30px; border-radius:5px; color:#fff; background-color:#3e3938; padding:0 20px;}
.footer .dl07{ text-align:right}
.footer .dl07 .line{ display:inline-block; text-align:center}
.footer .dl07 .p{ font-size:16px;}

.youqing{ background-color:#2f3133; border-bottom:1px solid #595757; color:#404e57; padding:25px 0}
.youqing a{ color:#9e9f9f; margin:0 3px; font-size:13px}
.youqing a:hover{ text-decoration:underline}
.youqing a:nth-child(1){ margin-left:0;}
  
.footer .banquan{ background-color:#2f3133; padding:15px 0;color:#9e9f9f; overflow:hidden; font-size:13px}
.footer .banquan a{ color:#d0d0d0; font-size:13px}
.footer .banquan a:hover{ text-decoration:underline}
.footer .banquan .left{ float:left;}
.footer .banquan .right{ float:right}
/*20200613*/
.xfooter{ background-color:#222222; color:#b4b5b5; padding-top:70px; font-size:16px}
.xfooter a{ color:#b4b5b5; font-size:16px}
.xfooter a:hover{ color:#fff}
.xfooter .footertop { padding-bottom:80px;}
.xfooter .footertop .weap{display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;}
.xfooter .footertop dl{-webkit-box-flex: 1;flex:1;}
.xfooter .footertop dl dt{ font-size:24px; font-weight:bold; line-height:1}
.xfooter .footertop dl dd{ margin-top:23px;}
.xfooter .footertop .footerewm{-webkit-box-flex: 1;flex:1; text-align:center}
.xfooter .footertop .footel{ width:220px;    }
.xfooter .footertop .footerewm .txt{ margin-top:22px; line-height:2}
.xfooter .footertop .footel .p1{font-size:32px; margin-bottom:15px; line-height:1; text-align:center; color:#fff}
.xfooter .footertop .footel .p3{ margin-top:22px;}
.xfooter .footertop .footel .p3 a{    height: 53px;
    line-height: 53px;
    border: 1px solid #B4B5B5;
    text-align: center; display:block }
.xfooter .footertop .footel .p3 a:hover{color:#00458e; border:1px solid #00458e}	
.xfooter .footbootom{ border-top:1px solid #595757; padding-top:30px; font-size:13px; padding-bottom:30px}
.xfooter .footbootom a{ font-size:13px}
.xfooter .links{ color:#898989;}
.xfooter .links a{ font-size:13px; margin:0 10px; display:inline-block; color:#898989}
.xfooter .links a:nth-child(1){ margin-left:0;}
.xfooter .banquan{ color:#c9c9ca; margin-top:10px;}
.xfooter .banquan a{ color:#c9c9ca;}
.xindex11{ background-color:#eeeeee; padding:30px 0; text-align:center}
.xindex11 ul{ overflow:hidden}
.xindex11 li{ float:left; width:25%; text-align:center}
.xindex11 li h3{ font-size:20px; font-weight:normal; color:#707070}
/*页码*/
.pages{  margin-top:30px; text-align:center}
.pages ul{ font-size:0}
.pages li{ display:inline-block; margin:0 2px;margin-bottom:5px; font-family:"宋体"; font-size:16px}
.pages li a{ display:block; height:36px; font-size:16px; line-height:36px; text-align:center; padding:0 14px; border:1px solid #ededed}
.pages li a:hover,.pages li.on a{ background:#01458e; color:#fff;}
.pages li.thisclass a{  background:#01458e; color:#fff;}
 
 

/*漂浮*/
.izl-rmenu{position:fixed;right:0; margin-left:20px; bottom:20px; padding-bottom:20px;z-index:999; }
.izl-rmenu .btn{width:60px; height:60px; margin-bottom:2px; cursor:pointer; position:relative; display:block; background-size:60px !important}
.izl-rmenu .btn:hover{ opacity:.9}
.izl-rmenu .btn-zx{background:url(../images/ico-q01.png) no-repeat center; }
.izl-rmenu .btn-phone{background:url(../images/ico-q02.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone .phone{background-color:#e91b05; position:absolute; width:160px;left:-158px; top:0px; line-height:60px; color:#FFF; font-size:18px; text-align:center; display:none;}
 .izl-rmenu .btn-qq{background:url(../images/ico-q04.png) no-repeat center; }
.izl-rmenu .btn-wx{background:url(../images/ico-q05.png) 0px 0px no-repeat; }
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px;   display:none;width:160px;height:160px; bottom:0}
.izl-rmenu .btn-top{background:url(../images/ico-top.png) 0px 0px no-repeat;   display:none;}

.popup{ display:none}
@media (max-width: 1170px){
.weap{ padding-left:10px; padding-right:10px; width:100%}
.qm-top .topbox{ height:75px;} 
.qm-top .topsearch{ width:30%}
.qm-top .searchhot{ display:none}
.qm-nav .nl .alink{ font-size:15px;}
/*底部*/
.footer .banquan .left{ float:none; text-align:center}
.footer .banquan .right{ float:none; text-align:center}
}
 
@media (max-width: 1023px){
 
/*头部*/  
.qm-top{ height:60px; } 
.qm-top .topbox{ height:auto; padding-top:0} 
.qm-top .box{ width:100%;  height:60px;  position:fixed; z-index:100; background:#fff; border-bottom:1px solid #e2e2e2  }
.qm-top .logo a{ display:block; padding:20px 0; height:60px;  }
.qm-top .logo img{ height:20px; width:auto; display:block}  
.qm-top .toptitle .p{ display:none}
.qm-top .toptitle .p1{ font-size:14px; line-height:60px} 
.qm-top .toptel{ display:none}
.qm-top .topsearch{ float:none; position:fixed; z-index:9; left:0; right:0; width:auto; margin:0;top:60px; display:none; padding:5px; background-color:#fff}
.qm-top .topsearch.block{ display:block}
.allnav{ display:none}
.msa{ width:36px; height:36px; position:absolute; z-index:2; right:55px;top:50%; margin-top:-18px; background:url(../images/ico-ms.png) no-repeat center; background-size:60%}
.qm-top.flexbox .qm-nav{display: none; position: fixed; z-index: 111; top: 60px; left: 0; right: 0;background-color: rgba(0,0,0,.6);}
 
.m-nav{display:block; height: 24px; width: 30px; 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:-12px }
.m-nav a{background-color:#0155ab; 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:#0155ab; 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: -9px;}
.m-nav a:after{top: 10px;}
.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(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}
.qm-top.block{   box-shadow:0 0 5px #CCC; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; -o-box-shadow:0 0 5px #CCC; padding:0; border-bottom:1px solid #e2e2e2}   
.qm-top.block .qm-nav{ display:block; overflow-y:auto} 
.qm-nav ul{ float:none; padding-left:0; background-color:#fff} 
.qm-top .qm-nav .weap{ padding-left:0; padding-right:0; }
 
.qm-nav .nl{ width:100%; float:none; padding:0; background:none}
.qm-nav .nl .alink{ background-color:#1a58ab; position:relative; padding:0 10px; line-height:45px; height:45px; width:auto; text-align:left;  border-bottom:1px solid rgba(255,255,255,.2); display:block; font-size:16px; margin-left:0; color:#fff}
.qm-nav .nl:last-child .alink{ border-bottom:none}
.qm-nav .nl.on .alink, .qm-nav .nl .alink:hover{ color:#fff}

.qm-nav{ display:none; position:fixed; z-index:111;top:60px; left:0; right:0; height:auto; bottom:0;background-color:rgba(0,0,0,.6); border-bottom:none} 
.qm-nav ul{  display:block}

/*底部*/
.footer .box{ display:none}
.youqing{ display:none}
.footer .banquan .right{ display:none}
/*20200613*/ 
.xfooter{ padding-top:0; padding-bottom:55px}
.xindex11{ padding:15px 0}
.xindex11 li img{ height:40px} 
.xindex11 li h3{ font-size:14px;}
.xfooter .footertop{ display:none}
.xfooter .links{ display:none}
.xfooter .footbootom{ padding:15px 0}
}
@media(max-width:766px) { 
 .mflex{ display:block}
.qm-top .toptitle{ font-size:14px; } 
.qm-top .toptitle .p{ font-size:10px;}
 

.footer .box{ display:none}
.footer .banquan{ font-size:12px}
.footer .banquan a{ font-size:12px} 
/*页码*/
.pages{ margin-top:15px}
.pages li a{ padding:0 10px; height:30px; line-height:30px}

#top{ display:none}
.mflex{ height:55px; position:fixed; left:0; right:0; bottom:0; z-index:9; background-color:#0167b9}
.mflex li{ width:25%; text-align:center; color:#fff; float:left}
.mflex  a{ display:block; height:60px; color:#fff; padding-top:5px}
.mflex .ico{ height:23px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:5px}
.mflex h3{ font-weight:normal; font-size:12px}
.mflex .ico-f01{ background-image:url(../images/ico-f01.png)}
.mflex .ico-f02{ background-image:url(../images/ico-f02.png)}
.mflex .ico-f03{ background-image:url(../images/ico-f03.png)}
.mflex .ico-f04{ background-image:url(../images/ico-f04.png)}
.popup{ position:fixed; z-index:999; bottom:55px; left:0; right:0; padding:20px; background:rgba(0,0,0,.8); display:none}
.popup .popimg{ text-align:center}
.popup .popimg img{ max-width:120px}
.flexmap{top:0; padding:0; }
.popmap{ width:100%; height:100%}
.flexshare{ text-align:center; color:#fff}
.flexshare .bshare-custom #bshare-shareto{ color:#fff !important; line-height:24px}

}