@charset "utf-8";

ul{list-style:none;margin:0;padding:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.m20{margin:20px 0;}
.p10{padding:10px;}
.pt10{padding:10px 0;}
.pt20{padding:20px 0;}
.p30{padding:30px;}
.clear{clear:both;}
.dis{display:none;}
.text-center{text-align:center;}
.text-hide{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
a{transition:color ease .15s;}

body{background:#fff;}
div,td,p{line-height:26px;}

.sideimg{width:210px; margin-top:20px;margin-left:20px;margin-bottom:20px;}
.askup{background:#f3f3f3; padding:10px 0 10px 10px; margin-top:10px; overflow:hidden; zoom:1;}
.askup .lawimg img{border:solid 10px #d4d4d4; width:207px; height:240px; overflow:hidden;}
.askup .lawzl{width:685px;}
.askup .lawzl h2, .askup .lawzl p{padding-left:20px;}
.askup .lawzl h2{font:500 22px/48px "Microsoft Yahei"; color:#c11919;}
.askup .lawzl .law_a{background:#51719e; height:44px; line-height:46px; font:500 18px/44px "Microsoft Yahei"; color:#fff; font-style:italic;}
.askup .lawzl .law_b{font:500 15px/38px "Microsoft Yahei"; color:#333; padding-top:5px;}
.askup .lawzl .law_c{font:500 13px/22px "Microsoft Yahei"; color:#777; padding-right:10px;}
.reply{padding-top:20px; overflow:hidden;padding-bottom:20px;}
.reply_tle{height:36px; line-height:36px; background:#51719e; text-align:center; font:500 14px/36px "Microsoft Yahei"; color:#fff;}


.notsupport{position:fixed;top:0;bottom:0;z-index:99999;width:100%;height:100%;text-align:center;clear:both;color:#fff;background:#E4392A;}
.notsupport h1{font-size:80px;margin-top:200px;margin-bottom:100px;font-weight:400;}
.notsupport h2{font-size:30px;margin-bottom:30px;font-weight:300;}

.width{width:1200px;margin:0 auto;}

.h1{text-align:center;margin:30px auto 20px auto;font-size:30px;font-family:microsoft yahei;}
.h1 span{font-size:20px;font-family:arial;display:block;color:#f00;padding:15px 10px 10px 10px;}
.h2{margin:0 auto 20px auto;border-bottom:1px dashed #f3f3f3;}
.h2 span{border-bottom:2px solid #E4392A;display:inline-block;line-height:30px;margin:0;padding:0 0 15px 0;font-size:20px;font-family:microsoft yahei;font-weight:300;}


.home_services{margin:20px 0 30px 0;}
.home_services ul{margin:0 0 0 1px;padding:0;}
.home_services ul li{float:left;width:25%;border:1px solid #F4F4F4;margin-left:-1px;cursor:pointer;transition:all 0.3s ease;}
.home_services ul li .icon{width:130px;height:130px;border-radius:50%;margin:30px auto 10px auto;border:1px solid #F1F1F1;padding:4px;}
.home_services ul li .icon .mark{background:#f2f2f2;width:100%;height:100%;line-height:120px;text-align:center;border-radius:50%;}
.home_services ul li .icon .mark span{font-size:60px;color:#8F8F8F;}
.home_services ul li h3{font-size:24px;font-family:microsoft yahei;text-align:center;padding:15px 0;margin:0;font-weight:bold;color:#4A4A4A;}
.home_services ul li h5{font-size:16px;color:#999;padding:0 25px 30px 25px;margin:0;font-weight:normal;line-height:24px;min-height:150px;}
.home_services ul li:hover{transform:translateY(-5px);border-color:#246FDD;background:#246FDD;}
.home_services ul li:hover .icon{border-color:#FFC6B1;}
.home_services ul li:hover .icon .mark{background:#fff;overflow:hidden;}
.home_services ul li:hover .icon span{color:#246FDD;animation:specialityIconHover .7s ease;}
.home_services ul li:hover h3{color:#fff;}
.home_services ul li:hover h5{color:#FFE4E0;}


/*右侧浮动相关*/
.plug_service{position:fixed;right:0;bottom:50%;z-index:999;}
.plug_service li{position:relative;margin-bottom:5px;}
.plug_service li a{display:block;text-align:left;background:#eaeaea;border:1px solid #eaeaea;padding:15px 20px;font-family:microsoft yahei;color:#fff;outline:none;transition:right 0.5s;right:-90px;position:relative;border-radius:4px 0 0 4px;}
.plug_service li a span{display:inline-block;font-size:24px;color:#999;margin-right:20px;vertical-align:middle;}
.plug_service li a:hover{background:#246FDD;color:#fff;border-color:#246FDD;right:0;font-family:microsoft yahei;}
.plug_service li a:hover span{color:#fff;}
.plug_service .hover a{display:block;text-align:center;background:#246FDD;border:1px solid #246FDD;padding:15px 20px;color:#fff;outline:none;}
.plug_service .hover a span{color:#fff;}
.plug_service .hotline{position:absolute;display:none;background:#fff;padding:10px 15px 0 15px;left:-260px;bottom:0px;width:240px;border:1px solid #ddd;height:68px;color:#999;line-height:26px;border-radius:4px;font-size:15px;}
.plug_service .hotline b{display:block;font-size:18px;font-weight:bold;color:#333;}
.plug_service .hotline:after{content:" ";position:absolute;right:-10px;top:25px;width:20px;height:20px;border:#ddd solid 1px;border-left:0;border-bottom:0;transform:rotate(45deg);background:#fff;}
.plug_service .weixin_pic{position:absolute;display:none;background:#fff;padding:5px;left:-230px;bottom:-70px;width:210px;border:1px solid #ddd;border-radius:4px;}
.plug_service .weixin_pic p{text-align:center;margin:0 0 10px 0;padding:0;}
.plug_service .weixin_pic p span{color:#246FDD;}
.plug_service .weixin_pic:after{content:" ";position:absolute;right:-10px;top:130px;width:20px;height:20px;border:#ddd solid 1px;border-left:0;border-bottom:0;transform:rotate(45deg);background:#fff;}
.plug_service li:hover div{display:block;}