@charset "utf-8";

*{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.8} 
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;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
body{ color:#555555;font-size:14px; background-color:#fff }
a{ color:#555555; text-decoration:none; font-size:14px; }
a:hover{ color:#00af62; 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;}
/*布局*/
.ui-flex{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;}
.ui-list-info{-webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.ui-info{-webkit-box-flex: 1; }
.ui-c{-webkit-box-align:center}
/*头部*/
.qm-top{margin-bottom:15px; }
.topbar{ height:30px; background-color:#f9f9f9; border-bottom:1px solid #eeeeee; font-size:12px; position:relative; z-index:3}
.topbar a{ font-size:12px;}
.topbar .barleft{ float:left; line-height:30px;}
.topbar .barright{ float:right; line-height:30px;}
.topbar .barright .l{ margin:0 10px; color:#d1d1d1}
.topbar .bartel{ margin-left:20px; width:25px; background:url(../images/ico-tel.png) no-repeat left center; background-size:18px; padding-left:25px;}
.topbar .bartel i{ font-weight:bold; color:#ff7802}
.topbar .barewm{ position:relative; display:inline-block; vertical-align:middle; cursor:pointer; position:relative;top:-2px}
.topbar .barewm:hover .sub{ display:block}
.topbar .barewm .sub{ display:none; position:absolute; z-index:1; width:120px; margin-left:-60px; left:50%;top:31px;}
.topbar .barewm .sub img{ width:100%}

.logobox{ height:60px; padding:35px 0}
.logobox .logo{ float:left; }
.logobox .logo img{ height:60px}
.qm-top .reach{ border:1px solid #00af62; position:relative; padding-right:85px; position:absolute; z-index:1; right:0;top:-80px;}
.qm-top .reach .intxt{ display:block; width:320px; padding:0 10px; height:34px; border:none; background:none; font-size:12px;}
.qm-top .reach .inbtn{ display:block; position:absolute; z-index:1;top:0; right:0; bottom:0; background-color:#00af62; font-size:16px; color:#fff; border:none; width:85px; cursor:pointer}
.qm-top .reach .inbtn:hover{ opacity:.8}

.navbox{ height:45px; background-color:#00af62;}

.qm-nav{ position:relative; padding-left:265px; z-index:2 }
.qm-nav li{transition: all 0.3s; float:left; text-align:center; width:12.5%; line-height:45px; position:relative } 
.qm-nav li a{ display:block;text-align:center;font-size:16px;color:#fff}
.qm-nav li.allclassify{ width:265px; position:absolute; z-index:1; left:0;top:0;}
.qm-nav li.allclassify a.ona:before{ content:""; display:inline-block; width:32px; height:22px; background:url(../images/ico-menu.png) no-repeat center; background-size:auto 100%; vertical-align:middle; margin-right:20px}
.qm-nav li.allclassify a.ona{ background-color:#25b6a7; font-size:18px; text-align:left; padding:0 10px}
.qm-nav li a:hover,.qm-nav li.on a{ background-color:#22a89a} 
.qm-nav li .sub{ position:absolute; left:0; right:0;top:45px; background-color:#fff; z-index:9; text-align:left; border:1px solid #ddd; padding:10px; line-height:1.8;  }
.qm-nav li .sub{ display:none} 
.qm-nav li .sub a{ color:#555; background:none; display:inline-block; text-align:left; font-size:12px; line-height:22px}
.qm-nav li .sub a:hover{ background:none; color:#01af63}
.qm-nav li.allclassify .sub dl{ overflow:hidden;  margin-bottom:10px; border-bottom:1px solid #babcc1; padding-bottom:10px}
.qm-nav li.allclassify .sub dt{ color:#000; font-size:14px}
.qm-nav li.allclassify .sub dd{ float:left; margin:0 10px}
.qm-nav li.cpmenu .sub{ display:none !important}
/*底部*/
.links{ background-color:#f6f6f6; border-top:1px solid #eee; padding-top:20px; padding-bottom:5px}
.links .title{ border-bottom:1px solid #ddd; margin-bottom:10px;}
.links .title span{ display:inline-block; position:relative; bottom:-1px; border-bottom:1px solid #25b6a7}
.links .bd a{ margin-right:10px; font-size:13px; margin-bottom:10px; display:inline-block}
.footer{text-align:center; background-color:#1c1c1c; color:#666666; padding:30px 0; font-size:13px} 
.footer a{color:#666; font-size:13px;}
.footer a:hover{ text-decoration:underline}
.footer .footnav{ margin-bottom:20px}
.footer .footnav a{ margin:0 10px }
.footer .footp p{ margin-bottom:15px}
/*右侧漂浮*/
.servicefex{ position:fixed; z-index:99; right:0;top:50%; margin-top:-100px;}
.servicefex li{ margin-bottom:1px;}
.servicefex li span{ display:block; width:65px; height:65px; position:relative; z-index:2; background-repeat:no-repeat; background-position:center; background-size:auto 60%}
.servicefex li .icophone{ background-image:url(../images/ico-phone.png)}
.servicefex li .icoqq{ background-image:url(../images/ico-qq.png)}
.servicefex li .icotop{ background-image:url(../images/ico-top.png)}
.servicefex li a{ display:block; position:relative;}
.servicefex li .num{ position:absolute; z-index:1; line-height:65px; right:-200px;top:0; padding:0 20px;transition: all 0.3s;}
.servicefex li a:hover .num{ right:65px;}
.servicefex li.l1 a{ background-color:#0489d5}
.servicefex li.l1 .num{ background-color:#0489d5; color:#fff; font-size:16px;}
.servicefex li.l2 .num{ background-color:#de4f51; color:#fff; font-size:16px;}
.servicefex li.l2 a{ background-color:#dd4f50}
.servicefex li.l3 a{ background-color:#1c1c1c}

/*页码*/
ul.yiiPager
{
    font-size:12px;
    border:0; 
    padding:0;
    line-height:100%;
    display:block; 
}

ul.yiiPager li
{
    display:inline-block; vertical-align:middle
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
    border:solid 1px #ccc;
    color:#333;
    /*padding:1px 6px;*/
    text-decoration:none;
    font-size:14px;
    display: inline-block;
    height: 25px;
	line-height:25px;
    text-align: center;
    padding:0 10px;
}

ul.yiiPager .page a
{
    font-weight: normal;
    display: inline-block;
    height: 25px;
	line-height:25px; 
    text-align: center;
    padding:0 10px;
}

ul.yiiPager a:hover
{
    border:solid 1px #01af63;
    background: #01af63; border: solid 1px #01af63; color: #fff;
}

ul.yiiPager .selected a
{
    background:#01af63;
    color:#FFFFFF;
    font-weight:bold;
    border:solid 1px #01af63;
}

ul.yiiPager .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager li.previous a,ul.yiiPager li.next a{ padding:0 10px;}
ul.yiiPager li.first a,ul.yiiPager li.last a{ padding:0 10px;}
@media(max-width:1201px) {
.weap{ padding:0 10px}

}
@media(max-width:1000px) {
.footnav dl:nth-child(1),.footnav dl:nth-child(2){ display:none}
}
@media(max-width:900px) { 
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
body{  padding-top:60px; padding-bottom:50px} 
/*头部*/ 
.topbar{ display:none}

.qm-top{ padding-top:0; height:60px; position:fixed; z-index:999; left:0; right:0;top:0; background:#fff; box-shadow:0 0 2px #333}
.qm-top .box{ width:100%; height:60px}
.logobox{ padding:0;}
.qm-top .logo{ padding:0;  height:100%; position:static}
.qm-top .logo a{ display:block; padding:15px 0; height:100%;}
.qm-top .logo img{ height:30px} 
.navbox{ background:none; display:none}

.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: #01af63; 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: #01af63; 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-nav ul{ float:none; width:auto} 
.qm-nav li{ width:100%; float:none; padding:0; background:none; margin:0 auto; height:auto}
.qm-nav li a{ position:relative; padding:0; line-height:45px; width:auto; text-align:left;  color:#333;display:block; font-size:15px;}
.qm-nav li a:before{ content:""; display:inline-block; width:5px; height:5px; background-color:#333; border-radius:5px; vertical-align:middle; margin-right:10px;}
.qm-nav li.on a{ border-radius:0; background:none; } 
 
.qm-top.block .navbox{ display:block; position:fixed; z-index:998; left:0; right:0; bottom:0;top:0; background:rgba(0,0,0,.5); height:auto; padding-left:40%}
.navbox .weap{ height:100%; padding-right:0; padding-left:0; background-color:#fff; overflow-y:auto}
.qm-top .reach{ position:relative;top:0}
.navbox .qm-nav{ height:auto; background-color:#fff;float:none; margin-top:0; width:auto; padding-left:0; padding:0 10px; padding-top:70px}
.qm-nav li.allclassify{ display:none}
.qm-top .reach .intxt{ width:100%}
.qm-top.block .m-nav{ z-index:999}
.qm-top .reach .inbtn{ width:50px; overflow:hidden; text-indent:-99px; background:url(../images/ico-ss.png) no-repeat center; background-size:auto 60%; border-left:1px solid #bdbdbd}
.qm-top.block .m-nav a{ background-color:#333}
.qm-top.block .m-nav a:after,.qm-top.block .m-nav a:before{ background-color:#333}
.qm-top .reach .intxt{ height:36px;}
.qm-top .reach{ border:1px solid #bdbdbd; margin-bottom:10px}
.qm-nav li.cpmenu.on .sub{ display:block !important}
.qm-nav li .sub a{ display:block; line-height:36px; font-size:14px; padding-left:20px}
.qm-nav li .sub a:before{ display:none;}
.qm-nav li .sub{ display:block; position:static; border:none; padding:0}
.qm-nav li.cpmenu:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; height:45px;top:0}
.qm-nav li.cpmenu a:after{ content:""; display:inline-block; margin-left:0px; width:22px; height:10px; background:url(../images/ico-down.png) no-repeat center; background-size:auto 70%}
.qm-nav li.cpmenu .sub a:after{ display:none}
/*右侧漂浮*/
.servicefex{top:auto; bottom:0; left:0; right:0; margin-top:0}
.servicefex li.l3{ display:none;}
.servicefex li .num{ right:0; left:65px; padding:0; line-height:45px;}
.servicefex li{ margin-bottom:0; width:50%; float:left; position:relative}
.servicefex li a{ z-index:1}
.servicefex li span{ height:50px;}
.servicefex li.l1:before{ content:"点击拨打"; display:block; position:absolute; z-index:2; right:10px; bottom:0px; font-size:10px; color:#fff;}
.servicefex li.l2:before{ content:"点击会话"; display:block; position:absolute; z-index:2; right:10px; bottom:0px; font-size:10px; color:#fff;}
.servicefex li.l1 a{ background-color:#01af63}
.servicefex li.l1 .num{ background:none}
.servicefex li.l2 a{ background-color:#006438}
.servicefex li.l2 .num{ background:none}
}
@media(max-width:760px) {
/*底部*/ 
.footer .footnav{ display:none} 
.footer{ padding:10px 0}
/*页码*/
ul.yiiPager li{ display:none}
ul.yiiPager li.previous,ul.yiiPager li.next{ display:inline-block}
}