@charset "utf-8";

/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
/*html,body { height: 100%; }*/

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}

ul{-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;}
img{ border:0;max-width: 100%}

html,
body {
 margin:0;
 padding:0;
 font-family:Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
 font-weight:400;
 -webkit-font-smoothing:antialiased; line-height:1;    font-size: 14px; color:#666
}

@font-face {  
    font-family:"family_DIN";
  src:  url('../fonts/DINCond-Black.eot'); /* IE9 Compat Modes */
  src: url('../fonts/DINCond-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/DINCond-Black.woff') format('woff'), /* Modern Browsers */
       url('../fonts/DINCond-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/DINCond-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
  
font-stretch: condensed;
font-style: oblique;
font-weight: bold;
}
.family_DIN{ font-family:"family_DIN"}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a {
  color: #666;-webkit-transition: all ease .4s;transition: all ease .4s;text-decoration: none;
}
a:hover {
  color: #317ff7 ;-webkit-transition: all ease .4s;transition: all ease .4s;text-decoration: none;
}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font36{ font-size:36px;}
.font40{ font-size:40px;}
.font54{ font-size:50px;}
.font60{ font-size:56px;}
.font100{ font-size:100px;}
.color333333{ color:#333;}
.color666666{ color:#666666;}
.color777777{ color:#777777;}
.color2f82ff{ color:#2f82ff;}
.colorffffff{ color:#ffffff;}
.colorffd925{ color:#ffd925;}

.container_content{ width: 90%; margin:0px auto; max-width:1300px;}
.container_home{ width: 90%; margin:0px auto;}

.h-f {
    height: 100%;
}
.w-f {
    width: 100%;
}
img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.header{ position:fixed; left:0; top:0; width:100%; background:url(../images/top_back.png) left top repeat-x; height:172px; z-index:100}
.header .container_content { max-width:1300px; margin:0px auto}
.header .top_con{ height:115px;}
.header .logo{ float:left; background:url(../images/logos.png) center center no-repeat; width:331px; height:65px; background-size:cover;margin-top:26px;}
.top_con .phone_top{ float:right; background:url(../images/phone_icon.png) left center no-repeat; padding-left:50px; margin-top:38px;}
.top_con .phone_top span{ display:block; padding-bottom:5px; color:#999;}
.top_con .phone_top p{ color:#317ff7}
.header .nav{ display:block; height:57px; }
.header .nav > ul{}
.header .nav > ul > li{ position:relative; display:inline-block; }
.header .nav > ul > li .yiji{ position:relative; z-index:10000}
.header .nav > ul > li .yiji a{ color:#333;padding:0 44px;display:inline-block; line-height:57px; }
.header .nav > ul > li .yiji a:hover{ color:#226ee3;}
@media (max-width:1460px) {
.header .nav > ul > li .yiji a{padding: 0 41px;}
}
@media (max-width:1400px) {
.header .nav > ul > li .yiji a{padding: 0 35px;}
}

.header .nav > ul > li .nav_simpline_cur{ position:absolute; right:0px; top:50%; margin-top:-8px; display: inline-block; background:url(../images/xiala.svg) center center no-repeat; width:16px; height:16px; background-size:cover;}
.header .nav > ul > li .submenu{position: absolute;top:0px; left: 50%; z-index:2; width:140px;margin-left: -70px; display:none;/*background: rgba(255,255,255,0.9);*/}
.header .nav > ul > li .submenu ul{ padding-top:57px;}
.header .nav > ul > li .submenu ul li{background: #fff; text-align:center; border-bottom:#eee 1px solid;}
.header .nav > ul > li .submenu ul li a{ display:inline-block; padding:15px;}

.header.fixed{ height:57px;box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);}
.header.fixed .top_con{ display:none; height:0;}

.header .menu-toggle { display:none;}

.body_01 .header .nav > ul > li.nav_01 .yiji a{ color:#226ee3;}
.body_01 .header .nav > ul > li.nav_01 .yiji:after{content: ""; position:absolute; left:0; bottom:0; height:3px; background-color:#226ee3; width:100%;}
.body_02 .header .nav > ul > li.nav_02 .yiji a{ color:#226ee3;}
.body_02 .header .nav > ul > li.nav_02 .yiji:after{content: ""; position:absolute; left:0; bottom:0; height:3px; background-color:#226ee3; width:100%;}
.body_03 .header .nav > ul > li.nav_03 .yiji a{ color:#226ee3;}
.body_03 .header .nav > ul > li.nav_03 .yiji:after{content: ""; position:absolute; left:0; bottom:0; height:3px; background-color:#226ee3; width:100%;}
.body_04 .header .nav > ul > li.nav_04 .yiji a{ color:#226ee3;}
.body_04 .header .nav > ul > li.nav_04 .yiji:after{content: ""; position:absolute; left:0; bottom:0; height:3px; background-color:#226ee3; width:100%;}
.body_05 .header .nav > ul > li.nav_05 .yiji a{ color:#226ee3;}
.body_05 .header .nav > ul > li.nav_05 .yiji:after{content: ""; position:absolute; left:0; bottom:0; height:3px; background-color:#226ee3; width:100%;}
.body_06 .header .nav > ul > li.nav_06 .yiji a{ color:#226ee3;}
.body_06 .header .nav > ul > li.nav_06 .yiji:after{content: ""; position:absolute; left:0; bottom:0; height:3px; background-color:#226ee3; width:100%;}
.body_07 .header .nav > ul > li.nav_07 .yiji a{ color:#226ee3;}
.body_07 .header .nav > ul > li.nav_07 .yiji:after{content: ""; position:absolute; left:0; bottom:0; height:3px; background-color:#226ee3; width:100%;}
.body_08 .header .nav > ul > li.nav_08 .yiji a{ color:#226ee3;}
.body_08 .header .nav > ul > li.nav_08 .yiji:after{content: ""; position:absolute; left:0; bottom:0; height:3px; background-color:#226ee3; width:100%;}


footer{
    background-color: #333333;
    color: #fff;
}
footer .footer-link{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 55px;
}
footer .links:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #505050;
    position: absolute;
    right: 0;
    top: 0;
}
footer .footer-link .links{
	float:left;
    display: inline;
	width:80%;
    position: relative; text-align:left;
}
footer .link-item{ display:inline-block; width:19%; vertical-align:top
}
footer .link-item .title{
    line-height: 22px;
    margin-bottom: 14px;
}
footer .link-item li{
    line-height: 36px;
    color: #999;
}
footer .link-item li a{
    color: #999;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
footer .about-us{
   	float:right;
    display: inline;
	width:16%;
    position: relative;
}
footer .about-us span { display:block; padding-top:10px;}
footer .container_content{ max-width:1300px; margin:0px auto}
footer .erweima{ max-width:140px; text-align:center}
footer .kefu{}
footer .erweima span{ display:block; text-align:center; padding-top:12px;}
.bottom{
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 31px;
    background: #333;
    padding: 17px 12px 30px; border-top:#484848 1px  solid
}
.bottom a{ color:#666}
.bottom a:hover{ color:#ffffff}
.ask{
       position: fixed;
    right:-100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 999;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	-webkit-transition: right .9s ease;
    -o-transition: right .9s ease;
    transition: right .9s ease;
}
.ask.showsd{ right:0}
.m-ask{ display:none;}
#xianshi{ right:0}
.ask .phone {
    width: 60px;
    clear: both;
    float: right;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 5px 0 0 5px;
    background: #2f82ff;
    background: linear-gradient(145deg,#2f82ff,#2fa4ff);
}
.ask .phone .subTel {
    width: 220px;
}
.ask .phone .subTel .txt {
	height:60px; padding-top:10px;
    width: 60px;
    float: left;
    display: block; color:#FFF
}
.ask .phone .subTel .txt span{ display:block; line-height:1;    font-size: 12px;}
.ask .phone .subTel .num {
    width:160px;
    display: block;
    float: left;
    color: #ffffff;
    font-weight: bold;
    line-height: 60px;
      text-align:center;}
.ask .phone .subTel .num a{ color:#FFF; font-size:18px;}
.ask .phone:hover{ width:220px;}


.ask .QQ {
    width: 60px;
    clear: both;
    float: right;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 5px 0 0 5px;
    background: #2f82ff;
    background: linear-gradient(145deg,#2f82ff,#2fa4ff);
}
.ask .QQ .subTel {
    width: 220px;
}
.ask .QQ .subTel .txt {
	height:60px; padding-top:10px;
    width: 60px;
    float: left;
    display: block; color:#FFF
}
.ask .QQ .subTel .txt span{ display:block; line-height:1;    font-size: 12px;}
.ask .QQ .subTel .num {
    width:160px;
    display: block;
    float: left;
    color: #ffffff;
    font-weight: bold;
    line-height: 60px;
      text-align:center;}
.ask .QQ .subTel .num a{ color:#FFF; font-size:13px;}
.ask .QQ .subTel .num a img{ height:18px}
.ask .QQ:hover{ width:220px;background: #2f82ff;
    background: linear-gradient(145deg,#2f82ff,#2fa4ff);}
	
	

.ask .item {
margin-bottom: 1px;
float: right;
clear: both;
	
}


.ask .item>a{
    display: block;
    height: 60px;
}

.ask .item>a .left{
    float: left;
    padding-top: 10px;
    padding-bottom: 4px;
    width: 60px;
    height: 60px;
        background: #2f82ff;
    background: linear-gradient(145deg,#2f82ff,#2fa4ff);
    color: #fff;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    text-align: center;
}
.ask .item>a .left p:first-child{
    font-size: 22px;
}
.ask .item>a .left p:last-child{
    font-size: 12px;
    line-height: 16px;
}
.banner_in_show{ height:550px; margin-top:172px;}
.home_titile{ text-align:center; position:relative;}
.home_titile h4{ position:relative; z-index:3; margin-bottom:70px;}
.home_titile h4::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom:-30px;
    height: 4px;
    background-color: #317ff7;
    width:34px; margin-left:-17px;
}
.home_titile span{ position:absolute; left:0; width:100%; top:-20px; text-align:center; z-index:1; font-size:70px;line-height:1; color:#317ff7;text-transform:uppercase;opacity: 0.1; }
.mb_class{ text-align:center;padding-bottom:60px;}
.mb_class ul li{ display:inline-block;padding:0px 20px;}
.mb_class ul li a{ padding:14px 30px; display:inline-block;background: #efefef; border-radius: 4px; }
.mb_class ul li a:hover,.mb_class ul li a.active{background: #317ff7;color:#FFF;border-radius: 4px;}

@media (max-width:1440px) {
	.mb_class ul li{ display:inline-block;padding:0px 10px; margin-bottom:10px;}
	.mb_class ul li a{ padding:14px 20px; }
	
	}

.mb_lists{}
.mb_lists ul{}
.mb_lists ul li{ width: 31% !important;margin-left:1%;margin-right: 1%; display:inline-block; margin-bottom:2%;-webkit-transition: all ease .4s;transition: all ease .4s;}
.mb_lists ul li .border{
border:1px solid #ebeef5;
border-radius: 4px;
overflow: hidden;
background-color:#fff;
color:#303133;
-webkit-transition:.3s;
transition:.3s
}
.mb_lists ul li:nth-child(1n){animation-delay:0s;-webkit-animation-delay:0s;}
.mb_lists ul li:nth-child(2n){animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.mb_lists ul li:nth-child(3n){animation-delay:1s;-webkit-animation-delay:1s;}

.mb_lists ul li .border .mb_img{
	position: relative;
z-index: 1;
padding-top: 64%;
overflow: hidden;
border-radius: 4px;
	}
.mb_lists ul li .border .mb_img .images_show{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}
.mb_lists ul li .border .mb_img .images_show img{
width: 100%;
-webkit-transition: all 5s linear;
transition: all 5s linear;}
.mb_lists ul li:hover .border .mb_img .images_show img {
 -webkit-transform:translateY(-580px);
 transform:translateY(-580px)
}

.mb_lists ul li .border .mb_font{position:relative; text-align:left; padding:30px;}
.mb_lists ul li .border .mb_font h3{ font-weight: normal; margin-bottom:15px;}
.mb_lists ul li .border .mb_font span{color: rgba(153, 153, 153, 1);}
.mb_lists ul li .border .mb_font .mb_link{ position:absolute; right:30px; bottom:35px; z-index:2;background: #fff;border: 1px solid #dcdfe6;color: #606266;display: inline-block;line-height: 1;white-space: nowrap;border-radius: 20px;padding: 12px 23px;}
.mb_lists ul li:hover .border .mb_font .mb_link{background: #2f82ff;background: linear-gradient(145deg,#2f82ff,#2fa4ff); color:#FFF;border: 1px solid #2f82ff;}

.mb_lists ul li:hover{-webkit-box-shadow: 1px 1px 35px rgba(0,0,0,.15);
-moz-box-shadow: 1px 1px 35px rgba(0,0,0,.15);
box-shadow: 1px 1px 35px rgba(0,0,0,.15);-webkit-transition: all ease .4s;transition: all ease .4s;}
.more_case{ text-align:center; padding-bottom:30px;}
.more_case a{ display:inline-block;color: rgba(0, 0, 0, 1);
background: rgba(0, 0, 0, 0);
border: 2px solid #333333; padding:18px 40px;border-radius: 4px;}
.more_case a:hover {
    background: #2f82ff;
    background: linear-gradient(145deg,#2f82ff,#2fa4ff);
    color: #FFF;border: 2px solid #2f82ff;
}

.about_us_fonts{ line-height:220%; padding-bottom:60px;}
.erweima_right{ position:fixed; right:0%; bottom:5%; z-index:2; height:125px; width:100px; background:url(../images/weixin_show.png) center center no-repeat; background-size:cover}


/*在线咨询弹窗*/
.online_m{ width:600px; height:0; background: url(../images/pic146.png) repeat center center; position:fixed; left:50%; top:50%; margin:-150px 0 0 -300px; display:none; z-index:999999; background-size:100%}
.talk_window_con{width:100%;height:100%;position:relative}
.talk_window_con .t_w_close{position:absolute;top:5px;right:10px;line-height:1;width:30px;height:30px;text-align:center;cursor:pointer;font-family:"Arial";padding-top:5px;background:url(../images/pic145.png) no-repeat}
.t_w_text{padding-top:40px;text-align:center;color:#fff}
.t_w_text h3{margin-bottom:16px}
.t_w_text p{}
.t_w_text div.p{margin-top:32px;font-family: "family_DIN";}
.t_w_text div.p a{padding:0 10px;color:#fff;cursor:text}
.t_w_btn{width:560px;margin:30px auto 0;    display: inline-block;}
.t_w_btn>a{display:inline-block;box-sizing:border-box;font-size:16px;float:left;height:50px;line-height:50px;width:200px;text-align:center;border:1px solid #fff;box-shadow:5px 5px 0 #1a60cb;color:#fff;float:left;width: 250px;margin-left: 13px; letter-spacing:2px;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.t_w_btn>a:first-child{margin-right: 20px;}
.t_w_btn>a:hover{background:#fff;color:#317ff7}


@media all and (min-width: 0px) and (max-width:1000px) {
	#online_mobile { display:none;opacity:0;    top: -150%;}
	.container_content {
    max-width: 90%;
    margin: 0px auto;
}

@media all and (min-width: 0px) and (max-width:1000px) {
	.banner_in_show {
    height: 20rem;
    margin-top: 52px;
}
.mb_class ul li {
    display: inline-block;
    padding: 0;
    width: 48%;
    margin-bottom: 1rem;
}
.mb_class ul li a {
    padding: 1rem 0;
    display: block;
}
.mb_class {
    text-align: center;
    padding-bottom: 2rem;
}
	.top_con .phone_top{ display:none;}
.body_01 .header .nav > ul > li.nav_01 .yiji a{ color:#2f82ff;}
.body_02 .header .nav > ul > li.nav_02 .yiji a{ color:#2f82ff;}
.body_03 .header .nav > ul > li.nav_03 .yiji a{ color:#2f82ff;}
.body_04 .header .nav > ul > li.nav_04 .yiji a{ color:#2f82ff;}
.body_05 .header .nav > ul > li.nav_05 .yiji a{ color:#2f82ff;}
.body_06 .header .nav > ul > li.nav_06 .yiji a{ color:#2f82ff;}
.header.fixed .nav > ul > li .yiji a{ color:#FFF}
body { font-size:0.9rem;}
.font16{ font-size:0.95rem;}
.font18{ font-size:1rem;}
.font20{ font-size:1.2rem;}
.font22{ font-size:1.1rem;}
.font24{ font-size:1.2rem;}
.font28{ font-size:1.3rem;}
.font30{ font-size:1.4rem;}
.font36{ font-size:1.5rem;}
.font40{ font-size:1.8rem;}
.font48{ font-size:2rem}
.font54{ font-size:2.1rem;}
.font60{ font-size:2.2rem;}
.font100{ font-size:3rem;}
.home_titile h4 {
    margin-bottom: 4rem;
}
.erweima_right{ display:none}
.header{ background-color:#FFF;border: 1px solid rgba(0, 0, 0, 0);box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); height:auto}
.header .top_con {
    height: auto;
}
.header .logo,.header.fixed .logo{background:url(../images/logos.png) center center no-repeat;width:153px;height: 30px;background-size: cover;margin-top: 11px;margin-bottom: 10px;}
.header .nav > ul > li{ display:block;}
.header .nav > ul > li .yiji a,.header.fixed .nav > ul > li .yiji a{ color:#ffffff; display:block; border-bottom:#5a5a5a 1px solid; padding:1.5rem 0; margin:0 5%; font-size:1rem; line-height:1}
.header .nav > ul > li .nav_simpline_cur,.header.fixed .nav > ul > li .nav_simpline_cur{position:absolute; right:5%; top:1.6rem; margin-top:0; display: inline-block; background:url(../images/xiala.svg) center center no-repeat; width:16px; height:16px; background-size:cover; z-index:10000}
.header .nav > ul > li .submenu {
    position: inherit;
    top: inherit;
    left: inherit;
    z-index: 2;
    width: auto;
    margin-left: 0;
    display: none; margin:0 5%;
}
.header .nav > ul > li .submenu ul{ padding-top:0}


.header .menu-toggle {
    position: absolute;
    right:5%;
    width: 25px;
    height: 18px;
    display: inline-block;
    top: 50%;
    margin-top: -9px;
    z-index: 10;
}
.header .menu-toggle .hamburger {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
}
.header .menu-toggle .hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000032;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.header .menu-toggle .hamburger span:first-child {
    top: 0;
}
.header .menu-toggle .hamburger span:nth-child(2), .header .menu-toggle .hamburger span:nth-child(3) {
    top: 8px;
}
.header .menu-toggle .hamburger span:nth-child(1){ width:60%;}
.header .menu-toggle .hamburger span:nth-child(4){ width:80%;}
.header .menu-toggle .hamburger span:nth-child(4) {
    top: 16px;
}
.header .menu-toggle .hamburger.open span:first-child {
    top: 18px;
    width: 0;
    left: 50%;
}
.header .menu-toggle .hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .menu-toggle .hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header .menu-toggle .hamburger.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%;
}
.header  .hamburger span {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
}

.header .nav{right: -100%;
    width: 100%;
    top:52px;
    height: auto;
    background: hsla(0,0%,100%,.8);
    position: fixed;
    overflow: auto;-webkit-transition: right .9s ease;
    -o-transition: right .9s ease;
    transition: right .9s ease;background: #333;}
.header .nav.open_nav{right: 0;}
footer .footer-link{ padding-top:2rem; padding-bottom:2rem; display:block}
footer .footer-link .links,footer .about-us{ display:block; width:100%; padding-left:0; }
footer .link-item{ width:43%; vertical-align:top; display:inline-block;    min-height: 10rem;padding-right:6%} 
footer .about-us .link-item{}
footer .about-us{ padding-top:1rem}
.ask{ display:none}
#xianshi{ display:none}
	}
@media (max-width: 780px)	{
	.ask{ display:none;filter:alpha(opacity=0);   
      -moz-opacity:0;   
      -khtml-opacity: 0;   
      opacity: 0; }
	.m-ask {
    display: block;
}
	.m-ask {
    position: fixed;
    left: 0;
    bottom: 0%;
    z-index: 50;
    width: 100%;
    height: 57px;
    background: #2f82ff;
    background: linear-gradient(145deg,#2f82ff,#2fa4ff);
}
.m-ask li {
    position: relative;
    width: 33.3%;
    height: 57px;
    line-height: 27px;
    color: #fff;
    float: left;
    text-align: center;
}
.m-ask li.hover {
    overflow: hidden;
}
.m-ask li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
}

.m-ask li a.tit {
    width: 77px;
    height: 27px;
    padding: 30px 0 0 0;
    color: #fff;
}
.m-ask li.fi a {
    background: url(../images/qq.svg)  center 15% no-repeat;    background-size: 35% auto;
}
.m-ask li.th a {
    background: url(../images/45f61c2.svg) center 10% no-repeat;    background-size: 40% auto;
}
.m-ask li.fif a {
    background: url(../images/89e286f.svg) center 10% no-repeat;    background-size: 40% auto;
}
}