*, :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; }
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:#999999;}
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:#333;  font-size:14px; line-height:1.8; overflow-x:hidden; background-color:#fff;transition: all 0.3s;  }

a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#3370ff;  text-decoration:none}
.weap{  margin:0 auto; max-width:1200px} 
 
table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.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;}
.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;} 
.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 .box{ background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.05);height:68px; z-index:999; left:0; right:0;top:0;  position:fixed; box-shadow:0 0 2px rgba(0,0,0,.2)}
.qm-top .weap{  height:68px; position:relative; padding-left:15px; padding-right:15px; max-width:100% }
.qm-top .logo{ float:left; padding-top:19px;}
.qm-top .logo a{ display:block; float:left}
.qm-top .logo img{ display:block; height:40px;}
.topbox{ height:68px;}

.right-box{ float:right; line-height:68px}
.right-box a{ display:inline-block; vertical-align:middle}
.right-box .a1{ color:#275bff; font-weight:bold; font-style:italic; font-size:24px}
.right-box .a1:before{ content:""; display:inline-block; width:30px; height:30px; vertical-align:middle; background:url(../images/ico-tel.png) no-repeat center; background-size:auto 100%; position:relative;top:-2px}
.right-box .a2{ display:inline-block; width:85px; height:30px; line-height:30px; background-color:#3370ff; text-align:center; color:#fff; margin-left:25px; border-radius:5px;}
.right-box .a2:hover{ box-shadow:0 0 3px rgba(0,0,0,.2)}
 
.qm-nav{  float:left; margin-left:120px;} 
.qm-nav ul{ font-size:0; }
.qm-nav .nl{ float:left; position:relative; margin-right:55px} 
.qm-nav .nl .alink{  display:block; font-size:16px; text-align:center; line-height:68px; position:relative; padding:0 0; } 

.qm-nav .nl.exist .alink:after{ content:""; display:inline-block; vertical-align:middle; width:10px; height:5px;  margin-left:10px}
 
.qm-nav .nl.on .alink{ color:#3370ff; }
.qm-nav .nl.on .alink:before{ content:""; display:block; height:2px; position:absolute; z-index:2; left:0; right:0; bottom:16px; background-color:#3370ff; border-radius:2px}
.qm-nav .sub{ display:none; position:absolute; z-index:8;top:68px;   background:rgba(255,255,255,.9);  white-space: nowrap; width:180px; left:50%; margin-left:-90px;}
@media (min-width: 999px){  
.qm-nav .sub.ktang{ width:120px;margin-left:-60px;}
}
.qm-nav .nl.exist .alink:after{ content:""; display:inline-block; 
	width: 0;
	height: 0;
	border-top: 5px solid #333;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent; 
} 
.qm-nav .sub li:last-child{ border-bottom:none}
.qm-nav .sub li{margin-bottom:5px;} 
.qm-nav .sub a{ display:block; line-height:1.4; padding:7px 0px 4px 7px; text-align:left;  font-size:16px;  }
@media (min-width: 999px){  
.qm-nav .sub.ktang a{text-align:center;padding:7px 0px 4px 0px;}
}
.qm-nav .sub a span{font-size:12px;padding:2px 6px; background:#3370ff; color:#fff; margin-left:10px;border-radius:5px; } 


 
/* 底部 */
.footer{ background-color:#1a1a1a; color:#666666; text-align:center; padding-top:25px; padding-bottom:20px}
.footer img{ max-width:90%}
.footer a{ color:#666}


.flex-rmenu{ position:fixed; z-index:80; right:0;top:50%; transform:translateY(-50%); background-color:#3377ff}
.flextop .btn{cursor:pointer; width:60px; height:70px; display:block; position:relative; text-align:center; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; border-bottom:1px solid rgba(255,255,255,.2); padding-top:10px}
.flextop .btn-top{ margin-bottom:0}
.flextop .btn i{ display:block; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; width:32px; height:32px; margin:0 auto; background-position:center; background-repeat:no-repeat}
.flextop .btn i.icon-dianhuas{ background-image:url(../images/icon-dianhua.png)}
.flextop .btn i.icon-iconfontweixin{ background-image:url(../images/icon-iconfontweixin.png)}
.flextop .btn i.icon-geren{ background-image:url(../images/icon-geren.png)}
.flextop .btn i.icon-31huidaodingbu{ background-image:url(../images/icon-31huidaodingbu.png)}
 
.flextop .btn p{ color:rgba(255,255,255,.5); font-size:12px}

.flextop .phone{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;height:70px; line-height:70px; position:absolute; z-index:2; right:60px;top:0;white-space: nowrap; padding:0 10px; background-color:#FA9D00; color:#fff; opacity:0; visibility:hidden; font-size:20px}
.flextop .btn-phone:hover{ border-radius:0 5px 5px 0}
.flextop .btn-phone:hover .phone{ opacity:1; visibility:visible; }
.subbox{ position:absolute; z-index:1000; right:50px;top:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; opacity:1;}
.btn-wx:hover .subbox{ opacity:1; visibility:visible; z-index:3 }
.subbox .sub{ background-color:#fff; margin-right:10px; border-radius:10px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.3); padding:12px; width:150px}
.subbox .sub img{ display:block; width:100%}
.subbox .sub .p{ line-height:1.4}
@media (max-width: 1500px){  
    .qm-nav{ margin-left:50px}
.qm-nav .nl{ margin-right:25px}
}
@media (max-width: 1370px){  
.qm-nav .nl{ margin-right:35px}
} 
 
@media (max-width: 1280px){ 
.weap{ max-width:95%}
.qm-nav{ margin-left:50px}
.qm-nav .nl{ margin-right:25px}
.right-box .a1{ font-size:18px}
.right-box .a2{ margin-left:15px}
}
@media (max-width: 999px){  
/*头部*/ 
.weap{max-width:100%; padding-left:10px; padding-right:10px}
.flextop{ display:none}
body.ow{ overflow:hidden}
.qm-top{ height:55px}
.qm-top .box .weap{ height:55px; padding-left:10px; padding-right:10px} 
.qm-top .box{ width:100%; height:55px;  z-index:999; position:relative}
.topbox{ height:55px; position:fixed; z-index:999; left:0; right:0;top:0;}

 
.qm-top .logo{ padding-top:17px}
.qm-top .logo a img{ height:21px}
.right-box .a2{ display:block; position:absolute; z-index:2; font-size:12px; right:60px;top:50%; margin-top:-12px; height:24px; line-height:24px; width:auto; padding:0 5px}
.right-box .a1{ display:block; position:absolute; z-index:2; font-size:12px; right:140px;top:50%; margin-top:-12px; width:24px; height:24px; overflow:hidden; padding-left:24px }
.right-box .a1:before{ position:absolute; z-index:2; left:0;top:0; width:24px; height:24px;}
.logobox{ position:static}
.m-s{ right:60px}
 
.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:#18512d; 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:#18512d; 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-top .box .navbox .weap{ padding-left:0; padding-right:0}
.qm-nav .nl.exist .alink:after{ position:absolute; z-index:2; right:10px;top:50%; margin-top:-2.5px;}
 
 
.qm-nav{ height:auto; float:none;} 
.qm-nav .navbox{ 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; border-bottom:none}
 
.qm-nav .nl{ width:100%; float:none; padding:0; background:#f8f8f8; margin-left:0;border-bottom:1px solid #e2e2e2; position:relative}
.qm-nav .nl .alink{ position:relative; z-index:1; padding:0 10px; line-height:50px; height:50px; width:auto; text-align:left; color:#333;  font-size:15px; border:none; margin:0}
.qm-nav .nl:after{ display:none}
.qm-nav .exist:before{ content:""; display:block; width:50px; height:50px;  background-size:auto 30%; position:absolute; z-index:10; right:0;top:0;    background-image: url(../images/ico-jia.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .8;}
.qm-nav .exist.onn:before{
    background-image: url(../images/ico-jiaon.png);
}
.qm-nav .nl.exist .alink:after{ display:none}	
 
.qm-nav .sub ul{ padding-right:0}
 
.qm-nav .nl.on .alink{ border-bottom:none; border:none}
.qm-nav .sub{ position:static; background:#fff;  width:auto; margin:0; border-top:1px solid #e2e2e2; text-align:left; padding:10px} 
.qm-nav .sub ul{ display:block; margin-right:0}
.qm-nav .sub li{ margin-left:0; display:block; border-bottom:none}
.qm-nav .sub a{ text-align:left; padding:0 15px; 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 .box .navbox{ display:block;  background-color:#f8f8f8}
.qm-top .box .navbox{ display:block; position:fixed; z-index:2; width:70%; right:0;top:0; left:100%; } 
.qm-nav .nl.on .alink:before{ width:100%; margin:0; left:0; height:2px; bottom:0}


body{ left:0}
.qm-top .box{}
body.ow{ position:relative; left:-70%}
body.ow .qm-top .box{ right:auto; left:-70%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
body.ow .qm-top .box .navbox{ left:30%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}

.footer img{ max-width:240px}

}
@media(max-width:766px){
body{ line-height:1.6;  }
.footer{ padding-bottom:60px}
.zhengwen{ margin-top:10px; padding:10px}
.zhengwen .title {
	margin: 20px 0;
	padding-bottom: 30px;
}
.zhengwen .title h1 {
	font-size: 20px;
	line-height:26px;
	margin-bottom:10px;
}
.zhengwen .title .date {
	font-size: 14px;
}
.wenzhang li {
	width: 48%;
}
.wenzhang li .thumbnail {
	height: 120px;
}
.videos li {
	width: 98%;
}


.videos .video-btn {
	margin-top: 0px;

}
.videoplay{ display:none;position:fixed; left:1%; top:10%; margin-left:0; z-index:100; width:98%;z-index:1200 }
}