@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}
.clear{clear:both;}
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:#333;  font-size:14px; background:#fff; overflow-x:hidden  }
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#16558b; text-decoration:none}

.m{ display: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:1210px; margin:0 auto; }
 

/*头部*/
.topbar{ background-color:#f0f0f0; height:40px; line-height:40px; color:#888888;    border-bottom: 1px solid #dfdfdf;}
.topbar .left{ float:left}
.topbar .right{ float:right; height:39px; line-height:39px} 
.topbar .right span{ margin:0 10px; color:#ccc}
.topbar .right a{ position:relative}
.topbar .right a i{ display:inline-block; vertical-align:middle; height:19px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-right:5px; position:relative;top:-2px}
.topbar .right a .icoa01{ background-image:url(../images/icoa01.png); width:18px}
.topbar .right a .icoa02{ background-image:url(../images/icoa02.png); width:14px}
.topbar .right a .icoa03{ background-image:url(../images/icoa03.png); width:18px}
.topbar .right a .icoa04{ background-image:url(../images/icoa04.png); width:11px}
.qm-top .qm-nav{ background:#fff; height:172px; box-shadow:0 3px 5px rgba(0,0,0,.1)}  
.topbar .right a .sub{ position:absolute; z-index:2;top:40px; left:50%; width: 100px;
    height: 100px;
    border: 5px solid #eee; margin-left:-50px; background-color:#fff; display:none}
.topbar .right a .sub img{ width:100%; height:100%}	
.topbar .right a:hover .sub{ display:block}

.qm-top .box{ height:172px}
.qm-top .topbox{ height:120px}
.qm-top .logo{ float:left;padding-top:28px;}
.qm-top .logo a{ display:inline-block; vertical-align:middle}
.qm-top .logo img{ display:block; height:64px;}
.qm-top .webtel{ float:right; line-height:1.4; background:url(../images/icoxtel.png) no-repeat left 15px; padding-left:50px; background-size:41px; margin-top:20px; margin-right:40px; position:relative}
.qm-top .webtel .p2 a{ display:block; font-size:20px; color:#e90818; font-weight:bold}
.qm-top .topa{ float:right; margin-top:25px}
.qm-top .topa a{ display:block;    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #e90818;
    color: #fff;
    border-radius: 2px; margin-bottom:5px}
.qm-top .topa a:hover{ opacity:.8}	
 
.qm-nav .navbox{ height:52px;   background-color:#16558b} 
.qm-nav .nl{ float:left;position:relative;text-align:center; width:11.11%; position:relative } 
 
.qm-nav .nl:after{ content:""; display:block; width:1px; height:20px; background-color:#fff; right:0;top:50%; margin-top:-10px; position:absolute; z-index:1}
.qm-nav .nl:last-child::after{ display:none}
.qm-nav .nl .alink{ color:#fff; display:inline-block; font-size:16px; text-align:center; line-height:52px;  padding:0 13px; position:relative  }
.qm-nav .nl .alink:after{ content:""; display:block; position:absolute; z-index:1; bottom:0; height:2px; background-color:#fff; left:50%; right:50%;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */}
.qm-nav .nl.on .alink:after{ left:0; right:0; }
.qm-nav .sub{ position:absolute; z-index:8;top:52px; left:0; min-width:100%;display:none ; background:#16558b; border-radius:0 0 5px 5px; padding-bottom:5px }
 
.qm-nav .sub a{ display:block; font-size:14px; line-height:40px; height:40px; text-align:center;color:#fff; border-bottom:1px solid #16a8d1;white-space: nowrap; padding:0 5px}
.qm-nav .sub li:last-child a{ border-bottom:none}
.qm-nav .sub a:hover{ background:#16a8d1; color:#fff}


/*底部*/ 

 
.links .weap{ border-top:1px solid #3a3947; padding-bottom:45px; padding-top:10px;}
.links .bd a{ display:inline-block; vertical-align:middle; margin-right:16px;}
.links .bd a:hover{ text-decoration:underline}
.links .t{ font-size:16px; margin-bottom:5px}

.footer{ background:#242333;color:#9a9cad;}
.footer a{color:#9a9cad;}
.foottopbox{   padding-top:60px; padding-bottom:25px }
.foottopbox a{color: #b7b6cc;} 
.foottopbox a:hover{ text-decoration:underline}
.foottopbox .weap{  padding-right:150px; position:relative} 
 
.footnav{ float:left; width:64.7%}
.foottopbox .footnav dl{ float:left; width:25%; }
.foottopbox .footnav dl dt{ font-size:16px;color: #888796; line-height:40px; height:40px}
.foottopbox .footnav dl dt a{ font-size:18px}
.foottopbox .footnav dl dd{ margin-bottom:10px}

.foottopbox .foottel{ float:left; width:35%; padding-left:30px; border-left:1px solid #393848}
.foottopbox .foottel .p1{ font-size:18px;color: #ebeaf1;}
.foottopbox .foottel .p2,.foottopbox .foottel .p2 a{ font-size:32px;color: #ebeaf1;}

.foottopbox .footinfo{ position:absolute; right:0; top:0; text-align:center}
.foottopbox .footinfo img{ width:130px;} 
.foottopbox .footinfo .p{ font-size:12px; margin-top:10px; }
.foottopbox .footinfo .p:after,.foottopbox .footinfo .p:before{ content:""; display:inline-block; vertical-align:middle; height:1px; background-color:#504f5d; width:25px; margin:0 5px;}
 

.banquan{  background:#201f2d; padding:25px 0; text-align:center; line-height:2  }
.banquan span{ margin:0 5px;} 
.banquan a:hover{ text-decoration:underline}
 
/*页码*/
.pages{ text-align:center; margin-top:30px}
.pages ul{ font-size:0;}
.pages li{ display:inline-block; margin:0 3px; font-size:14px; margin-bottom:5px}
.pages li a{ display:block; padding:0 12px; height:38px; line-height:36px; font-size:14px;  border:1px solid #dddddd; }
.pages li.disabled a{ background-color:#eee; color:#9e9e9e; cursor:no-drop}
.pages li.on a{ background-color:#16558b; color:#fff}
 
/*弹出视频*/
.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: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}

/*rightFix*/
.rightFix {
  width: 48px;
  position: fixed;
  right: 20px;
  top: 50%;
  margin-top: -100px;
  z-index: 99;
}
@media (max-width: 1366px) {
  .rightFix {
    right: 8px;
  }
}
.rightFix .ico {
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0px;
  transition: all ease 300ms;
  margin-top: 1px;
  padding: 0px;
  border-radius: 48px;
  border: 1px solid #dedede;
  margin-bottom: 5px;
  background: #ffffff url(../images/fix-ico.png) no-repeat center 0;
}
.rightFix .ico img {
  width: 110px;
  height: 110px;
  position: absolute;
  left: -78px;
  top: 0;
  padding: 6px;
  background: #e90818;
  border: 1px solid #ddd;
  background: #fff;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 5px;
}
.rightFix .ico span {
  width: 210px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  position: absolute;
  left: -78px;
  top: 0;
  background: #e90818;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 18px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 48px;
}
.rightFix .ico:hover {
  background-color: #e90818;
  border-color: #e90818;
  overflow: visible;
}
.rightFix .ico:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -140px;
}
.rightFix .ico:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -215px;
}
.rightFix .fix-tel {
  background-position: 11px 12px;
}
.rightFix .fix-tel:hover {
  background-position: -33px 12px;
}
.rightFix .fix-qq {
  background-position: 11px -40px;
}
.rightFix .fix-qq:hover {
  background-position: -33px -40px;
}
.rightFix .fix-ewm {
  background-position: 11px -96px;
}
.rightFix .fix-ewm:hover {
  background-position: -33px -96px;
}
.rightFix .fix_top {
  background-position: 11px -150px;
}
.rightFix .fix_top:hover {
  background-position: -33px -150px;
}
.rightFix .fix-xcx {
  background-position: 11px -205px;
}
.rightFix .fix-xcx:hover {
  background-position: -33px -205px;
}
.rightFix .fix-form {
  background-position: 10px -234px;
}
.rightFix .fix-form span {
  font-size: 14px;
  line-height: 23px;
  width: 180px;
}
.rightFix .fix-form:hover {
  background-position: -37px -234px;
}
.mflex{ display:none}
#layer_weixin{ display:none}
@media (max-width: 1230px){
.weap{ width:auto; padding:0 10px } 
.qm-nav .nl{ margin-left:5px}

.qm-top .logo{ padding-top:23px}
.qm-top .logo img{ height:54px;}

.foottopbox .footinfo{ right:10px;}
} 
 
@media(max-width:1000px) { 
.qm-top.navFix .qm-nav{ position:fixed; z-index:998; left:0; right:0;top:0;  }
/*头部*/ 
body.ow{ overflow:hidden}
.topbar{ position:relative}  
.topbar .topright{ float:none}
.topbar .topright li.l1{ float:left; width:170px}
.topbar .topright li{ margin-left:0}
.topbar .topright li.l2{ float:right}
.topbar .topright li.l1 .intxt{ font-size:22px; line-height:20px; height:22px; padding-right:25px}
.topbar .topright li.l1 .inbtn{ right:0; background-size:auto 60%}
.topbar .topright li.l2 a{ height:24px; width:24px; line-height:22px; border:1px solid #0c4aac; font-size:13px}
 
.qm-top{   height:55px} 
.qm-top .qm-nav{ height:55px}
.qm-top .box .weap{ height:auto;}
.qm-top .logobox{ height:55px} 
.qm-top .box{ width:100%; height:55px; border-bottom:1px solid #e2e2e2; z-index:99; position:relative }
.qm-top .box.navFix{ height:55px}
.qm-top .box.navFix .weap{ height:55px;}
.qm-top .logo{ padding-top:10px}
.qm-top .logo a img{ height:35px}
 

.qm-top .box.navFix .logo img{ height:35px}
.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:#16558b; 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:#16558b; 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{ display:none}
.qm-top .box .navbox .weap{ padding-left:0; padding-right:0}
.qm-top .box.navFix .qm-nav .nl .alink{ line-height:40px}
.qm-nav{ height:55px}
.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-top.navFix .box{ position:fixed; z-index:999; left:0; right:0;top:0;}
.qm-top.navFix .qm-nav{ position:static}
.qm-top.navFix .qm-nav .navbox{top:55px}
.qm-nav .nl{ width:100%; float:none; padding:0; background:#f8f8f8; margin-left:0;border-top:1px solid #e2e2e2; position:relative; height:auto}
.qm-nav .nl .alink{ position:relative; padding:0 10px; line-height:42px; height:42px; width:auto; text-align:left;   font-size:15px; border:none; margin:0; display:block; color:#333}
.qm-nav .nl:after{ display:none}
.qm-nav .exist:before{ content:""; display:block; width:40px; height:42px; background:url(../images/ico-down.png) no-repeat center; background-size:30%; position:absolute; z-index:2; right:0;top:0;}
.qm-nav .nl .alink:after{ display:none}
.qm-nav .nl.on .alink{ border-bottom:none; line-height:42px; border:none}
 
.qm-nav .sub{ position:static; background:#fff;  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:38px; height:38px;  border:none; color:#999}
.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 .box .navbox{ display:block;} 
 
 
/*底部*/
.foottopbox{ padding-top:30px; }
.footnav{ display:none} 
.foottopbox .foottel{ width:auto; float:none; padding-left:0; border-left:none}
.banquan{ text-align:center}
 
/*页码*/
.pages{ margin-top:20px}
.pages li a{ padding:0 10px; line-height:30px; height:32px;}

.videopop .videobd .video{ height:auto} 
.popbox .bd .img{ max-height:400px}


.pc{ display:none}
.m{ display:block} 

.topbar{ display:none}
.rightFix{ display:none}
.qm-top .topa{ display:none}
.qm-top .webtel{ display:none}

.mflex{ height:55px; display:block}
.mflex ul{height:55px; position:fixed; left:0; right:0; bottom:0; z-index:9; background-color:#da251e;}
.mflex li{ width:25%; text-align:center; color:#fff; float:left}
.mflex  a{ display:block; height:60px; color:#fff; padding-top:8px}
.mflex .ico{ height:23px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:2px}
.mflex h3{ font-weight:normal; font-size:12px}
.mflex .ico-f01{ background-image:url(../images/ico-j01.png)}
.mflex .ico-f02{ background-image:url(../images/ico-j02.png)}
.mflex .ico-f03{ background-image:url(../images/ico-j03.png)} 
.mflex .ico-f04{ background-image:url(../images/ico-j04.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}

#layer_weixin{width:90%;max-width:500px;height:auto;padding:20px 0;background:#fff;position:fixed;z-index:2147483647!important;left:50%; margin-left:-45%;top:50%; transform:translateY(-50%); 
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
	-webkit-box-shadow:#666 0px 0px 10px;-moz-box-shadow:#666 0px 0px 10px;box-shadow:#666 0px 0px 10px; text-align:center;  
}
.oww #layer_weixin{ display:block}
#layer_weixin .line1{width:90%; line-height:1.4; margin:0 auto; margin-bottom:5px;font-size:16px;text-align:center;color:#333;font-weight:bold;}
#layer_weixin .line2{width:90%; margin:0 auto;font-size:14px;text-align:center;color:#999; margin-bottom:5px}
#layer_weixin .line3{width:90%;  margin:0 auto;font-size:12px;text-align:center;color:#999; margin-bottom:5px}
#layer_weixin .line4{ display:inline-block;height:40px;line-height:40px;margin:0 auto;font-size:18px;text-align:center;padding:0 20px;color:#fff;font-weight:bold;background:#de2e2e;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
}
#layer_weixin .close{position:absolute;right:-8px;top:-8px;width:30px;height:30px;line-height:30px;background:#da251e;color:#fff;text-align:center;cursor:pointer;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
}
@media(max-width:766px) { 
.topbar .left{ font-size:12px; display:none}

.foottopbox .footinfo img{ width:80px}
.foottopbox .footinfo{ width:100px}
.foottopbox .weap{ padding-right:110px}
.foottopbox{ padding-top:20px; padding-bottom:20px;display: none;}
 
.links .weap{ border-top:none}
.banquan{ padding:15px 0}
 
}