@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:"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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
 
.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:#333;  font-size:14px; line-height:1.8; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0); }
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#e14388; text-decoration:none}
.weap{ max-width:1200px; 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;} 

.topbar{    border-bottom: 1px solid #262626;
    background-color: #262626;
    height: 39px; position:relative; z-index:99999}
.topbar .topbar_left{    float: left;
    color: #cccccc;
    font-size: 12px;
    line-height: 40px;}
.topbar .topbar_left a{ 
    color: #cccccc;
    font-size: 12px;
    line-height: 40px;}	
.topbar .topbar_right{    float: right;
    padding-right: 20px;
    color: #646464;
    position: relative;}
.topbar .topbar_right a{    color: #989898;
    font-size: 12px;
    line-height: 40px;
    padding: 0 4px; margin:0 5px}
.topbar a:hover{ color:#e14388}
.topbar .topbar_right a{ position:relative; z-index:9}
.topbar .topbar_right .sub{ position:absolute; z-index:2; width:100px;top:39px; display:none}
.topbar .topbar_right .sub img{ width:100%}
.topbar .topbar_right a:hover .sub{ display:block}
/*头部*/ 
.qm-top .box{ height:100px; padding:18px 0; background-color:#fff; position:relative; border-bottom:1px solid #eee;    box-shadow: 0 0 10px rgba(0,0,0,0.3); z-index:999}
.qm-top .box .weap{ position:relative}
.qm-top .logo{ height:60px; float:left}
.qm-top .logo a{ display:block; height:100%}
.qm-top .logo img{ display:block; height:100%}
.qm-top .titleimg{ float:left; margin-left:10px}
.qm-top .menu{ float:right; padding-top:18px;position:relative;}
.qm-top .menu li{ float:left; line-height:63px;  padding:0 15px; }
.qm-top .menu li a{ position:relative; display:inline-block; font-size:15px; color:#000;}
.qm-top .menu li .hot{ display:block; width:22px; height:12px; background:url(../images/ico-hot.png) no-repeat center; background-size:100%; position:absolute; z-index:1;top:0; right:-15px;top:10px}
.qm-top .menu li a:hover,.qm-top .menu li.on a{ color:#e14388}
.qm-top .menu li.on .sub a{ color:#333}
.qm-top .menu .sub{ display:none; position:absolute; z-index:2; right:0; background-color:#fff; width:700px;top:81px; border-top:1px solid #eee}
.qm-top .menu li:hover .sub{ display:block}
.qm-top .menu li:hover>a{color:#e14388}
.qm-top .menu .sub a{ display:block; float:left; width:20%; text-align:center; padding:20px 0; line-height:normal; border-right:1px solid #eee}
.qm-top .menu .sub a h3{ font-weight:normal}
.qm-top .menu .sub a>div{ display:block; height:34px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:10px}
.qm-top .menu .sub a .ico-a01{ background-image:url(../images/ico-a01.png)}
.qm-top .menu .sub a .ico-a02{ background-image:url(../images/ico-a02.png)}
.qm-top .menu .sub a .ico-a03{ background-image:url(../images/ico-a03.png)}
.qm-top .menu .sub a .ico-a04{ background-image:url(../images/ico-a04.png)}
.qm-top .menu .sub a .ico-a05{ background-image:url(../images/ico-a05.png)}

.qm-top .menu .sub a .ico-seo{ background-image:url(../images/ico-seo.png)}
.qm-top .menu .sub a .ico-400{ background-image:url(../images/ico-400.png)}
.qm-top .menu .sub a .ico-pyq{ background-image:url(../images/ico-pyq.png)}
.qm-top .menu .sub a .ico-email{ background-image:url(../images/ico-email.png)}
.qm-top .menu .sub a .ico-rw{ background-image:url(../images/ico-rw.png)}
.qm-top .contactbox{ position:absolute; z-index:1; right:15px;top:-8px; line-height:25px;}
.qm-top .contactbox span{ display:block; float:left; margin-left:10px}
.qm-top .contactbox .sp1:before{ content:""; display:inline-block; width:25px; height:25px; vertical-align:middle; border:1px solid #ea685d; border-radius:50%; margin-right:10px; background:url(../images/ico-tell.png) no-repeat center; background-size:60%}
.qm-top .contactbox .sp3 a{ color:#ea685d; font-size:18px; font-weight:bold}
/* footer */
.footer{background: #0e0d10; padding-top:50px; padding-bottom:20px;color:#777}
.footer a{ color:#777}
.footer a:hover{ color:#fff}
.footer .foottop{ margin-bottom:40px}
.footer .foottop dl{ width:16.66%; float:left}
.footer .foottop dt{ font-size:18px; margin-bottom:15px;}
.footer .foottop dt a{ font-size:18px;}
.footer .foottop dd img{ max-width:60%}
.footer .foottop .dl6 dd{ margin-bottom:10px}
.footer .foottop .dl6 .dd1{ overflow:hidden}
.footer .foottop .dl6 .dd1 img{ float:left; width:65px}
.footer .foottop .dl6 .dd1 .ms{ padding-left:75px; font-size:12px}

.footadder{ padding:30px 0; border-bottom:1px solid #1d1d1d;border-top:1px solid #1d1d1d;}
.footadder dl{ float:left; width:40%; max-width:49%; margin-right:1%}
.footadder dt{ color:#fff; background:url(../images/ico-adder.png) no-repeat center left; background-size:19px; padding-left:25px}

.footlink{ padding:20px 0; margin-bottom:20px; border-bottom:1px solid #1d1d1d}
.footlink a{ margin-right:10px}

.footer .copy{ text-align:center; font-size:12px;}
/*页码*/
.ep-pages{ text-align:center; clear: both;    margin: 30px 0;}
.ep-pages a{display: inline-block; height:38px; line-height:38px;padding: 0 15px;background: #fff;border: 1px solid #e5e5e5;vertical-align: top;border-radius: 3px;}
.ep-pages a.current,.ep-pages a:hover{ background:#e14388; color:#fff; border:1px solid #e14388}


/*漂浮*/
.mflex{ display:none}
.popup { display:none}
.izl-rmenu{position:fixed;right:0; margin-right: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;}
@media (max-width:1200px){
.weap{ padding-left:10px; padding-right:10px}
}
@media (max-width: 980px){
body{ padding-left:0; padding-bottom:42px;  }
 
.topbar{ display:none}
/*头部*/
.qm-top{ height:56px;}
.qm-top .weap{ height:100%}
.qm-top .box{ height:56px; position:fixed; z-index:99; left:0; right:0;top:0; background-color:#fff; padding:0;}
.qm-top .logo{ height:60px; padding:10px 0}
.qm-top .titleimg{ height:56px; padding:10px 0}
.qm-top .titleimg img{ height:100%}
.qm-top .contactbox .sp1{ display:none}
.qm-top .contactbox .sp2{ display:none}
.qm-top .contactbox .sp3 em{ display:none}
.qm-top .contactbox .sp3 a{ display:block; width:30px; height:30px; overflow:hidden; text-indent:-199px; background:url(../images/ico-tell.png) no-repeat center; background-size:60%; border:1px solid #ef3333; border-radius:50%}
.qm-top .contactbox{ right:55px; line-height:30px;top:50%; margin-top:-15px;}
.qm-top .menu{ width:70%; background-color:#fff; position:fixed; z-index:100; left:0;top:0; bottom:0;transition: transform 0.7s;transform: translateX(-100%); padding:10px 0px; overflow-y:auto;}
.qm-top.block .menu{transform: translateX(0);box-shadow: 0 0 30px rgba(0,0,0,0.5);}
.qm-top .menu li{ float:none; width:auto; line-height:45px;}
.qm-top .menu li a{ display:block; border-bottom:1px solid #eee}
.qm-top .menu li .hot{ position:static; display:inline-block; vertical-align:top; position:relative;top:3px; right:auto}
.qm-top .menu .sub{ position:static; width:auto; overflow:hidden; border-left:1px solid #eee; border-bottom:1px solid #eee}
.qm-top .menu .sub a{ width:50%; padding:10px 0}
.qm-top .menu .sub a h3{ font-size:12px}
.qm-top .menu .sub a>div{ height:25px}

.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:10px; top:50%; margin-top:-12px; }
.m-nav a{background-color: #e14388; 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: #e14388; 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);} 

 
/*底部*/
.footer{ padding:20px 0}
.footadder{ border-top:none; margin-bottom:10px; padding-top:0; padding-bottom:10px}
.footer .foottop{ display:none}
.footlink{ display:none}

.izl-rmenu{ display:none}
.mflex{ height:55px; position:fixed; left:0; right:0; bottom:0; z-index:9; background-color:#c30101; display:block}
.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-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}
.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}
}
@media(max-width:766px) { 
/*底部*/ 
.footadder dl{ float:none; width:auto; margin-bottom:10px; max-width:100%; margin-right:0} 
/*页码*/
.ep-pages a{ padding:0 15px; margin-bottom:10px}
.ep-pages a:nth-child(1){ display:none}
.ep-pages a:last-child{ display:none}
}