@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; line-height:1.8  }

a{ color:#333; text-decoration:none; font-size:14px;}

a:hover{ text-decoration:none; color:#2871d4}

 

/*布局*/ 

.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{ width:88.5%; max-width:1700px; margin:0 auto; }

.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 .weap{ padding-top:13px;height:98px;position:relative;transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */}

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

.qm-top .logo{ float:left; padding-top:20px;}

.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;}



.qm-nav{ float:right; }

.qm-nav .nl{ float:left; position:relative; margin-right:50px;} 

.qm-nav .nl .alink{ display:block; font-size:18px;  line-height:85px; height:85px;  text-align:center; position:relative; 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:22px; left:50%; right:50%; height:2px; background-color:#1a77e5}

.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{color:#005fd0; }

.qm-nav .nl.on .alink:after,.qm-nav .nl .alink:hover:after{ left:0; right:0}



.qm-nav .sub{ position:absolute; z-index:8;top:85px;  left:0; width:460px;display:none ;background:#ffffff; padding:15px 0; border-radius:5px; box-shadow:0 2px 8px rgba(226,226,226,.5); padding-left:20%}

.qm-nav .sub.sub02{ width:140px; left:50%; margin-left:-70px; text-align:center; padding-left:0}

.qm-nav .sub dl{ float:left; width:44%; margin-right:6%} 

.qm-nav .sub dl dt{ border-bottom:1px solid #dde0e5; line-height:39px; font-size:18px;}

.qm-nav .sub dd{ margin-top:10px}

.qm-nav .sub a{ display:block; font-size:16px; color:#6d6b6b;white-space: nowrap; }
.qm-nav .sub.sub02{ padding:8px 0}
.qm-nav .sub.sub02 a{ margin:7px 0}
.qm-nav .sub a:hover{ color:#005fd0}



.searcha{transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */ width:18px; height:18px; position:absolute; z-index:2; background:url(../images/ico-s.png) no-repeat center; background-size:100%;top:47px; right:0; cursor:pointer}



 

.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(255,255,255,0.9); box-shadow:0 0 10px rgba(0,0,0,.2)}

.qm-top .box.navFix .weap{ height:59px; padding-top:0}

.qm-top .box.navFix .qm-nav .nl .alink{ line-height:57px; padding-bottom:0; height:59px}

.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-top .box.navFix .qm-nav .sub{top:59px;border-radius:0 0 5px 5px; }

.qm-top .box.navFix .qm-nav .nl .alink:after{ bottom:0px}



.qm-top .box.navFix .searcha{top:50%; margin-top:-9px}



.whitetop .logo img{ opacity:0}

.whitetop .logo a{ background:url(../images/logobai.png) no-repeat center; background-size:100%}

.whitetop .nl .alink{ color:#fff}

.whitetop .searcha{background:url(../images/ico-sbai.png) no-repeat center; background-size:100%;}

.whitetop .qm-nav .nl.on .alink,.whitetop .qm-nav .nl .alink:hover{ color:#fff}

.whitetop .qm-nav .nl .alink:after{ background-color:#fff}





.whitetop .qm-top .box.navFix .logo img{ opacity:1}

.whitetop .qm-top .box.navFix .nl .alink{ color:#333}

.whitetop .box.navFix .qm-nav .nl .alink:after{ background-color:#1a77e5}

.whitetop .box.navFix .searcha{    background: url(../images/ico-s.png) no-repeat center; background-size: 100%;}

/*底部*/

.links .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}

.links .t{ font-size:16px;white-space: nowrap;}

.links .bd{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}

.links .bd li{ float:left; margin-left:35px; margin-bottom:30px;}

.links .bd li a{ color:#999}

.links .bd li a:hover{ text-decoration:none; color:#2871d4}



.footer{   background:#0a0b1f url(../images/footbg.jpg) no-repeat center bottom; background-size:cover; color:#fff;}

.footer a{ color:#fff} 

.footer .footleft{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;border-right:1px solid rgba(255,255,255,.2); }

.footer .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;border-bottom:1px solid rgba(255,255,255,.2)}

.footer .footright{flex:0 0 405px;padding-left:40px }



.footinfo .weap{  height:160px; }

.footinfo .footleft{ padding-top:50px;padding-right:45px;}

.footinfo .footlogo img{ height:43px}

.footinfo .footlogo{ float:left}

.footinfo .fxa{ float:right;}

.footinfo .fxa .a{ display:inline-block; vertical-align:middle; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; width:37px; height:37px; border:2px solid #fff; border-radius:50px; background-position:center; background-repeat:no-repeat; background-size:100%; margin-bottom:5px; margin-right:20px; cursor:pointer; position:relative}

.footinfo .fxa .a.ico-wx{ background-image:url(../images/ico-wx.png)}

.footinfo .fxa .a.ico-wb{ background-image:url(../images/ico-wb.png)}

.footinfo .fxa .a:hover{ background-color:#2871d4; border:2px solid #2871d4}

 

.footinfo .fxa .a .sub{ position:absolute; border:1px solid #e5e5e5; z-index:50; width:110px; background-color:#fff; left:50%; margin-left:-55px; bottom:89px; padding:5px; box-shadow:0 5px 10px rgba(29,32,43,.15);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; visibility:hidden; opacity:0}

.footinfo .fxa .a .sub{ width:150px; margin-left:-75px} 

.footinfo .fxa .a .sub:after{position: absolute; display: inline-block; bottom:-5px; left:50%; width: 0; height: 0px; content: ''; margin-left:-5px; border-style: solid; border-width:5px; border-color: #fff #fff transparent transparent; transform: rotate(135deg); box-shadow: 1px -1px 1px #e5e5e5; box-shadow:5px -5px 5px rgba(29,32,43,.05);} 

.footinfo .fxa .a .sub img{ width:100%}

.footinfo .fxa .a:hover .sub{ bottom:45px; visibility:visible; opacity:1}



.footinfo .footright{font-size:30px; padding-top:25px; }

.footinfo .footright .t{ font-weight:bold} 



.footnav .footleft{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between; padding-right:80px}

.footnav .footleft dl{  vertical-align:top}

.footnav .footleft dl dt{ font-size:16px; margin-bottom:20px}

.footnav .footleft dl dt i{ display:block; width:16px; height:2px; background-color:#fff; margin-top:25px}

.footnav .footleft dl dt a{ font-size:16px;}

.footnav .footleft dl .t{  margin-bottom:20px; opacity:.7}

.footnav .footleft dl dd{ float:left; margin-right:45px;}

.footnav .footleft dl dd:last-child{ margin-right:0}

.footnav .footleft dl dd a{ transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;display:block; color:#78787e; margin-bottom:10px; position:relative; padding-left:0}

.footnav .footleft dl dd a:before{transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */ content:""; display:inline-block; width:0; height:2px; background-color:#005fd0; vertical-align:middle; margin-right:0; position:absolute; z-index:1; left:0;top:50%; margin-top:-1px;   }

.footnav .footleft dl dd a:hover{color:#005fd0; }

.footnav .footleft dl dd a i{ display:block; position:relative; left:0;transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;}

.footnav .footleft dl dd a:hover i{left:20px}

.footnav .footleft dl dd a:hover:before{  width:15px; }

.footnav .footleft{ padding-top:55px; min-height:405px; padding-bottom:30px; }



.footnav .footright{ padding-top:55px}

.footnav .footright dl{ margin-bottom:50px;}

.footnav .footright dl dt{ margin-bottom:10px}

.footnav .footright .p-adder{ color:#999; font-size:16px}

.footnav .footright .a-tel{ font-size:24px}



.banquan{ padding:45px 0; color:#78787e}

.banquan a{ color:#78787e}

.banquan .weap{ border-bottom:none}

.banquan .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}



/*弹出搜索*/

.topsearch{position: fixed; z-index: 999; left: 0; right: 0; top:-100%; margin-left: 0; background:#005fd0;height:100%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s;visibility:hidden}

.topsearch.block{visibility:visible;top:0}

.topsearch .topclose{width: 40px; height: 40px; position: absolute; z-index: 1; right: 20px; top: 20px; background: url(../images/ico-close.png) no-repeat center; background-size: 50%;cursor:pointer;}

.topsearch .bd{position: absolute; top: 50%; width: 1200px; left: 50%; margin-left:50%;margin-left:-600px; transform: translateY(-50%);}

.topsearch .intext{height: 60px;line-height:60px; border: 2px solid #eee; background-color: #fff; width: 100%; padding: 0 10px;font-size:18px;}

.topsearch .inbtn{cursor: pointer; width: 60px; height: 60px; position: absolute; z-index: 1; cursor: pointer; right: 0; top: 0; border: none; background: url(../images/ico-ss.png) no-repeat center; background-size: 50%;}



/*页码*/

.pages{ text-align:center}

.pages ul{ font-size:0;}

.pages ul li{ display:inline-block; vertical-align:middle; margin:0 6px; margin-bottom:10px; font-size:14px;}

.pages ul li a,.pages ul li span{ display:block; width:36px; height:36px; text-align:center; line-height:34px; border:1px solid #e6e6e6; border-radius:3px;}

.pages ul li a:hover,.pages ul li.active a,.pages ul li.active span{ background-color:#005fd0; color:#fff; border:1px solid #005fd0}

.pages ul li.disabled span{ background-color:#eee}



.bsBox{height: 257px !important; width: 232px !important;}



/*弹出视频*/

.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,.5)}

.videopop .videobd{ margin:0 auto; position:relative; z-index:2; width:980px; padding:10px; background-color:#252525} 

.videopop .videobd .video{ height:600px}

.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}
/*弹出报价*/
.g_tanbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
	display:none
}
.g_tanbox.block{ display:block}
.g_tanmc {
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0.4;
}
.g_tannr {
    width: 750px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	background:url(../images/tanbj.jpg) no-repeat center; background-size:cover; padding:45px 100px;
}
 
.g_tannrtle{ text-align:center; font-size:30px; color:#005fd0; font-weight:normal; color:#fff; margin-bottom:40px;}
.g_tanqu li{ color:#fff; font-size:16px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:53px; border-bottom:1px solid #fff; margin-bottom:18px; }
.g_tanqu li .t{ line-height:53px;white-space: nowrap;}
.g_tanqu li .input{ width:100%; height:53px; line-height:53px; background:none; color:#fff; font-size:16px; border:none}
.g_tanqu li .input::-webkit-input-placeholder {
	font-size:16px;
color:rgba(255,255,255,.5); 
} 
.g_tanqu li .input:-moz-placeholder {  
color: rgba(255,255,255,.5); font-size:16px;
} 
.g_tanqu li .input::-moz-placeholder {  
color:rgba(255,255,255,.5); font-size:16px;
} 
.g_tanqu li .input:-ms-input-placeholder {  
color:rgba(255,255,255,.5); font-size:16px;
}
.g_tanqu li .in-put{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.g_tanqu .inbtn{width: 360px;
    height: 55px;
    background: #005fd0;
    border-radius: 25px;
    text-align: center;
    font-family: '微软雅黑';
    font-size: 18px;
    line-height: 55px;
    color: #fff;
	margin:0 auto;
	 margin-top:55px; display:block;
    letter-spacing: 1px; border:none; border:none; cursor:pointer}
.g_tanqu li.radioli{ border-bottom:none; height:auto}
.g_tanqu li.radioli label{ display:block; width:50%; float:left; margin-top:13px; padding-left:15px; cursor:pointer}
.g_tanqu li.radioli input{-webkit-appearance: none; width:12px; height:12px; border:1px solid #fff; margin-right:18px; background:none; position:relative;top:-1px; border-radius:50%;}
.g_tanqu li.radioli input:checked{ background:#005fd0 url(../images/ico-ggb.png) no-repeat center; background-size:90%; border:1px solid #005fd0}
.g_tanclose {
    position: absolute;
    top: 22px;
    right: 30px;
    width: 22px;
    cursor: pointer;
    z-index: 999;
	background:url(../images/close.png) no-repeat center; background-size:100%; height:22px;
}
/*右侧漂浮*/
.floating { position: fixed; right: 0;top:50%; margin-top:-112px; z-index: 5; }
.floating .ico{ width:66px; height:32px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.floating .float1{ background-image:url(../images/float1.png)}
.floating .float2{ background-image:url(../images/float2.png)}
.floating .float3{ background-image:url(../images/float3.png)}
.floating .float4{ background-image:url(../images/float4.png)}
.floating li:hover .float1{ background-image:url(../images/float1on.png)}
.floating li:hover .float2{ background-image:url(../images/float2on.png)}
.floating li:hover .float3{ background-image:url(../images/float3on.png)}
.floating li:hover .float4{ background-image:url(../images/float4on.png)}
.floating li { margin-bottom:1px; border-radius:5px; width: 66px; height:66px; background: #fff; cursor: pointer;  position: relative; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; box-shadow:0 0 5px rgba(0,0,0,.2)   }
.floating li p{ font-size:13px; color:#999999}
.floating li:hover p{ color:#fff}
.floating li a,.floating li>div{ display:block;  height:100%; padding-top:10px;}
.floating li:hover { background-color: #005fd0; color:#fff }
.floating li:hover a,.floating li:hover>div{ color:#fff}
.floating li .fewm { box-shadow:0 0 10px rgba(0,0,0,.4); border-radius:5px; position: absolute; width:245px; right: 76px; transform:translatex(200%); z-index: -1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;top:0; padding:10px; background-color:#fff }
.floating li .fewm img{ float:left; width:96px;} 
.floating li .fewm .txt{ float:right; width:120px; color:#999999; text-align:left}
.floating li .fewm .txt .p2{ color:#333333; margin-top:10px}
.floating li:hover .fewm{transform:translatex(0);} 
.floating li:hover i { right: 61px; } 
.floating li i { display: block; border-radius:5px 0 0 5px; top: 0; background: #005fd0; position: absolute; right: -193px; height:66px; line-height:66px; font-size: 16px;  width: 185px; padding-left: 10px; color: #fff; z-index: -1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.floating .js-top{ display:none; background-image:url(../images/ico-jstop.png)}
.floating .js-top:hover{ background-image:url(../images/ico-jstopon.png)}
.floating li .fewm .txt .p1{ padding-top:20px;}
.mfloat{ display:none}
.mflex{ display:none}

.dibu{ position:fixed; z-index:22; left:0; right:0; bottom:0; height:57px; line-height:57px; text-align:center; color:#fff; background:url(../images/dibu_03.png) no-repeat center; font-size:18px; cursor:pointer}

@media(max-width:1920px) {
.qm-nav .nl{ margin-right:2.2vw}
}
@media(max-width:1670px) {

.qm-nav .nl{ margin-right:24px}

.qm-nav{ padding-right:20px}


.g_tannr {
    width: 575px;
}
.g_tannrtle {
    font-size: 22px;
}
}

@media(max-width:1500px) {

.qm-nav .nl{ margin-right:18px}

.qm-nav{ padding-right:20px}
.qm-nav .nl .alink{ font-size:16px}
}

@media(max-width:1440px) {

.footnav .footleft dl dd{ margin-right:20px}

.footnav .footleft{ padding-right:20px}

}

@media(max-width:1366px) {

.qm-nav .nl{ margin-right:18px}

.qm-nav{ padding-right:20px}

}

@media(max-width:1360px) { 

.weap{ padding-left:10px !important; padding-right:10px !important; width:100%}

.footnav .footleft{ display:block}

.footnav .footleft dl{ display:inline-block; vertical-align:top; margin-right:20px;}

.footnav .footleft{ padding-right:0}

.footnav .footleft{ padding-top:20px}

.footnav .footleft dl i{ margin-top:15px}

.searcha{ right:10px;}

.qm-nav{ padding-right:30px}



}
@media(max-width:1330px) { 
.qm-nav .nl .alink{ font-size:17px}
}
@media(max-width:1260px) { 

.topsearch .bd{ width:90%; margin-left:-45%}

.topsearch .intext{ height:50px; line-height:50px; font-size:16px; padding-right:60px}

.topsearch .inbtn{ width:50px; height:50px;}

.qm-nav .nl .alink{ font-size:16px}

.qm-nav .nl{ margin-right:1vw}



}
@media(max-width:1150px) { 
.qm-nav .nl .alink{ font-size:15px}
}
@media(max-width:1100px) { 

.qm-nav .nl .alink{ font-size:15px}

.videopop .videobd .video{ height:auto} 

.videopop .videobd{ width:95%}
.qm-nav .nl .alink{ font-size:14px}
.whitetop .logo img{ height:35px}
}

@media(max-width:999px) {  

/*头部*/  

.qm-top{ height:50px}

.qm-top .box .weap{ height:50px; padding-top:0}  

.qm-top .box{ width:100%; height:50px; 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)}

.searcha{top:50%; margin-top:-9px;}

.qm-nav .sub.sub02{ margin-left:auto; left:auto; width:100%; padding:5px 3%}
.qm-nav .sub.sub02 a{ margin:0}

.whitetop .qm-top .box.navFix .nl.on .alink{ color:#fff}

.whitetop .qm-nav .nl .alink:hover{ color:#333}

.whitetop .logo img{ opacity:1}

.whitetop .searcha{    background: url(../images/ico-s.png) no-repeat center;background-size: 100%;}

.qm-top .box.navFix{ background-color: rgba(255,255,255,1);height:50px  }



.qm-top .box.navFix .weap{ height:50px;}

.qm-top .logo{ padding-top:12.5px; padding-left:0}

.qm-top .logo a img{ height:25px} 

.qm-top .box.navFix .weap{ height:50px;}

.qm-top .box.navFix .logo{ padding-top:12.5px}

.qm-top .box.navFix .logo img{ height:25px}

.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: -6px;}

.m-nav a:after{top: 7px;}

.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:70px; }

.qm-top .box.navFix .qm-nav .nl .alink{line-height:55px; height:55px;}
.qm-nav .sub dl dt{ font-size:15px}
.qm-nav .nl .alink{ width:auto; color:#333 !important; padding-bottom:0; margin-bottom:0px;line-height:55px; height:55px; text-align:left; padding:0 10px; font-size:16px  }



 

.qm-nav{float:none; background:rgba(255,255,255,1);position:fixed;z-index:-2; visibility:hidden;left: 0;top:50px;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:50px}

.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; border-bottom:1px solid #e2e2e2;}

.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}	

.block .qm-nav .nl:nth-child(9){transition-delay: .95s}	

.block .qm-nav .nl:nth-child(10){transition-delay: 1.05s}	

.block .qm-nav .nl:nth-child(11){transition-delay: 1.1s}	

.block .qm-nav .nl:nth-child(12){transition-delay: 1.25s}	



.qm-nav .exist:before{ content:""; display:block; width:62px; height:62px; background:url(../images/btn1-2.png) no-repeat center; background-size:20%; position:absolute; z-index:2; right:0;top:0;}

.qm-nav .exist.onn:before{background:url(../images/btn1-1.png) no-repeat center; background-size:20%;}



.qm-nav .exist.on:before{background:url(../images/btn1-2b.png) no-repeat center; background-size:20%; }

.qm-nav .exist.on.onn:before{background:url(../images/btn1-1b.png) no-repeat center; background-size:20%;}

 

.qm-nav .sub{ position:static; background:#fff; padding:5px 0;  width:auto; margin:0;  overflow:hidden; box-shadow:none;border-top:1px solid #e2e2e2;} 

.qm-nav .sub li{ color:#0a377f}

.qm-nav .sub a{ text-align:left; padding:0; 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-nav .sub dl{ margin:0 3%}

.qm-top .box.navFix .nl .ico{ line-height:26px;}

.qm-nav .nl.on .alink{ border-bottom:none;background-color: #1a77e5; color:#fff !important}

.qm-nav .nl .alink:after{ display:none}

.qm-nav .sub dd{ margin-top:5px}

 

/*底部*/

.links .bd li{ margin-left:15px; margin-bottom:15px}

.footinfo .footlogo img{ height:30px}

.footinfo .fxa .a{ width:30px; height:30px}

.footer .weap{ display:block; height:auto}

.footinfo .footleft{  padding-right:0; border-right:none; margin-bottom:20px}

.footinfo .footright{ padding:0; padding-bottom:20px; font-size:18px}

.footinfo .footright>div{ display:inline}

.footinfo .fxa .a{ margin-right:0; margin-left:20px}

.footnav .footleft{ border-right:none; display:none}

.footnav .footright{ padding-left:0}

.footnav .footright dl{ margin-bottom:30px}

.banquan{ padding:20px 0; text-align:center}

.links{ padding-bottom:15px;}

.links .bd li{ margin-left:10px; margin-bottom:5px}

.links .weap{ display:block}

.links .weap>div{ display:inline}

.links .bd ul{ overflow:hidden}

.links .bd li{ margin-left:0; margin-right:10px} 

.footinfo .footleft{ padding-top:30px}

.footnav .footright{ padding-top:30px}

.footnav .footright dl{ margin-bottom:20px}

.footnav .footright dl dt{ margin-bottom:5px}

.banquan{ line-height:1.6}

 
.pages{ margin-top:20px;}

.floating.pc{ display:none}
.mfloat{ display:block; height:50px;}
.mfloat ul{ position:fixed; z-index:97; left:0px; right:0px; bottom:0px; height:50px; background-color:#005fd0;  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.mfloat ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:center; border-right:1px solid #fff}
.mfloat ul li:last-child{ border-right:none}
.mfloat ul li a{ display:block; color:#fff; line-height:50px}
.mfloat ul li i{ display:inline-block; vertical-align:middle; width:16px; height:16px; background-size:100%; margin-right:5px; background-repeat:no-repeat; background-position:center;}
.mfloat ul li i.ico-mf01{ background-image:url(../images/ico-mf01.png)}
.mfloat ul li i.ico-mf02{ background-image:url(../images/ico-mf02.png); }
.mfloat ul li i.ico-mf03{ background-image:url(../images/ico-mf03.png); }
.mfloat ul li i.ico-mf04{ background-image:url(../images/ico-mf04.png); }

 
}
@media(max-width:766px) {  
.footinfo .footright>div{ display:block;}
.dibu{ display:none}
}
@media screen and (max-width: 420px){
.g_tannr {
    width: 90%;
	padding:20px 10px;
	 font-size:14px;
}
.g_tannrtle{ font-size:18px; margin-bottom:20px;}
.g_tanqu li{ font-size:14px; height:36px; margin-bottom:10px;}
.g_tanqu li .input{ font-size:14px; height:36px; line-height:36px;}
.g_tanqu li .t{ line-height:36px;}

.g_tanqu .inbtn {
    width: 80%;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
	margin:0 auto;
	display:block; margin-top:20px;
}
.g_tanclose{ width:18px; height:18px; right:10px;top:10px;}
.g_tanqu li.radioli label{ margin-top:6px; padding-left:10px;}
.g_tanqu li.radioli input{ margin-right:10px;}
}