@charset "utf-8";

/* 公共样式 */
body, html{
  background-color:#f3f8fe; 
  font-family:'Oswald','Arial','Hiragino Sans GB'; 
  margin:0; padding:0; font-size:14px; 
  line-height:24px; 
  color:#333;
	
  overflow-x:auto;
}
button, dd, div, dl, dt, form, img, input, li, ol, p, td, th, ul{margin:0; padding:0; border:0;outline:none}
em, th, i ,b{font-style:normal; font-weight:normal;}
ul, li{list-style:none;}
img{vertical-align:top;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:500;}
input{font-size:12px; vertical-align:middle; color:#333; outline:0;}
table{border-collapse:collapse; border-spacing:0;}
a, input, textarea, select{outline:0; transition:all .1s ease; color:#333; }
a:hover, a:link, a:visited{text-decoration:none;}
textarea{resize:none;}
html{_background:url(about:blank);}
a:hover{ color:#452386;}
 
.fl{float:left;}
.fr{float:right;}
.red{color:#259ad6;}
img{border: 0;vertical-align: top;opacity: 1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.warp,.wrap{ width:1200px; margin:0 auto}
.warp1{ width:1000px; margin:0 auto}
/*滚动条样式*/
::-webkit-scrollbar/*整体部分*/
{width: 8px;height:10px;}
::-webkit-scrollbar-track/*滑动轨道*/
{-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0);border-radius: 12px;background:#eee;}
::-webkit-scrollbar-thumb/*滑块*/
{border-radius: 3px;background:#ccc;}
::-webkit-scrollbar-thumb:hover/*滑块效果*/
{border-radius: 3px;background: #1476F9;}


input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #999;opacity:1; line-height:22px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;opacity:1; line-height:22px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f8f8f8 inset;}
.mian{ height:1175px; position:relative}
.inner{ margin-bottom:80px;}
.lawyer_details{ margin:15px auto 80px auto; overflow:hidden}

.clearfix {
  display: inline-table; 
  display: block; 
  zoom: 1;
}

.clearfix:after {
  content:''; 
  clear: both; 
  display: block; 
  height: 0; 
  visibility: hidden;
}

.clear {
  zoom: 1;
  clear: both;
}
.clear:after,
.clear:before {
  content:"";
  display:table;
}

.clear:after {
  clear:both;
  overflow:hidden;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.ellipsis2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/*nav*/
.header{ background:#fff; height:88px; width:100%; position:relative; z-index:9999; clear:both}
.header .warp{ position:relative}
.head_login a{ width:73px; height:28px; border-radius:28px; display:block; border:1px solid #259ad6; font-size:14px; text-align:center; line-height:28px; margin-left:15px; float:left;}
.head_login a:hover{ background-color:#259ad6; color:#fff}
.head_login{ float:right;width:180px; overflow:hidden; padding-top:17px;}
.head_logo { 
  margin-top: 23px;
  float:left; 
  /*background: url(../images/logo.png) center left no-repeat;*/
  width: auto;
  height: 50px;
 
  padding-top: 0px;
}
.head_logo img{height: 50px;}

/* page start */
.pager{ text-align:center; line-height:34px; padding:20px 20px 0 20px;}
.pager{ overflow:hidden}
.pager li{display:inline-block;}
.pager span{ color:#999; display:inline-block; border: #ececec 1px solid; padding:0 14px; margin:0 2px; background-color:#fff; }
.pager a{display:inline-block; border: #259ad6 1px solid; padding:0 14px; margin:0 2px; cursor:pointer; background-color:#259ad6 ; color:#fff}
.pager a.disabled{display:inline-block; border: #ececec 1px solid; padding:0 14px; margin:0 2px; cursor:pointer; background-color:#fff ; color:#999}
.pager a:hover,a.p_hov,a.p_hov:hover{ color:#fff; background:#259ad6; border-color: #259ad6; cursor:default;}
/* page end */
/*底部 start delete*/
.mian_bottom{ background-color:#282d33; padding-top:60px;}
.bottom_cont{ overflow:hidden}
.bottom_fl{ float:left}
.bottom_fl h3{ font-size:20px; color:#c3c8ce;}
.bottom_fl ul.guangw_ul{ overflow:hidden; margin:15px 0 25px 5px;}
.bottom_fl ul.guangw_ul li{ float:left; color:#454a50; font-size:12px; margin-right:10px;}
.bottom_fl ul.guangw_ul li a{ color:#c3c8ce; font-size:14px; padding-right:10px;}
.bottom_fl ul.guangw_ul li a:hover{ color:#fff;}

.bottom_fl span{ font-size:14px; color:#c3c8ce; padding-top:25px; display:block; line-height:24px; width:400px;}
.bottom_fl span a{color:#b8bdc9}
.bottom_fr{ float:right; overflow:hidden; width:350px;}
.btom_titebtn{ width:200px; float:left}
.btom_titebtn a{ width:130px; height:40px; line-height:40px; display:block; text-align:center; color:#fff; font-size:18px; border-radius:5px; float:right; position:relative}
.btom_titebtn a em{ padding-left:50px;}
.btom_titebtn a em:after{ background:url(//c3-cdn.tingsonglaw.com/tingsong/img/4dbd9dcf_dh_t.png) no-repeat; content:""; width:21px; height:21px; display:block; position:absolute;left: 25px;top: 10px;}
.btom_titebtn b{ font-size:14px; color:#c3c8ce; text-align:right; display:block; margin:15px 0; float:right; width:200px;}
.btom_titebtn span{ display:block; font-size:24px; font-weight:bold; color:#fff; float:right}
.ewm_img{ float:right; width:121px; margin-left:25px;}
.ewm_img img{ width:121px; height:122px; display:block}
.ewm_img b{ font-size:14px; text-align:center; color:#fff; display:block; padding-top:10px;}
.bottom_cont{ overflow:hidden; padding-bottom:40px;}
.hezhb_txt{font-size:14px; color:#5a5d60;height:42px; line-height:42px;}
.hezhb_txt em{ font-size:14px; color:#5a5d60; padding-right:30px; }
.hz_btn{ height:48px; line-height:48px; background-color:#1e2126; font-size:14px; color:#8c9094; text-align:center}
.btom_15{ margin-bottom:15px;}
/* 底部end */
.datails_tit.show{ position:fixed; top:0; margin-top:0; z-index:9; border-bottom:1px solid #ddd;-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 3px rgba(0, 0, 0, .1);  box-shadow:0 2px 3px rgba(0, 0, 0, .1); }
.highlight{ display:inline-block !important;font-weight:bold;color:#ff453c;text-indent:0px !important; line-height:24px !important;}
.highlightAc{ color:#fff;background:#ff6060;}

.more{ height:42px; line-height:42px; text-align:center; width:100%;color:#999; font-size:12px; display:none}
.bdshare_dialog_box,.bdshare_dialog_bg{ display:none !important}
.lawyer_link ul{ overflow:hidden; padding-bottom:40px;}
.lawyer_link li{ float:left; color:#4a4a50; padding:0 5px; line-height:30px;}
.lawyer_link li a{ color:#c3c8ce; padding-right:10px; font-size:14px;}
.lawyer_link li a:hover{ color:#fff;}
.lawyer_link li em{ color:#c3c8ce; font-size:14px;}
.lawyer_link{ width:730px; margin-top:10px;}
.bottom_fl h3{ font-size:18px; color:#fff; margin-left:5px;}
.advert{   width:100%; height:64px;}
 
.reginput{ width:320px; height:470px; background-color:#fff; padding:30px 30px 0 30px; display:none}
.reginput input{ border-bottom:2px solid #eee; width:320px; height:48px; line-height:48px; font-size:16px; text-align:center; margin-top:15px}
.reginput span em{ font-size:20px; font-weight:bold; display:block; text-align:center; padding-bottom:10px;}
.reginput span b{ display:block; text-align:center; font-size:14px; color:#999;}
.reginput a.reg_btn{ height:48px; background-color:#3c86eb; width:320px; text-align:center; display:block; color:#fff; line-height:48px; border-radius:48px; margin-top:35px; font-size:16px;}
.reginput p{ font-size:12px; text-align:center; color:#999 ; padding-top:5px;}
.reginput img{ width:150px; height:150px; display:block; margin:25px auto 0 auto}

/* page region start */
.head_cont{border-bottom:1px solid #eee;overflow: hidden;padding-bottom: 30px;margin-bottom: 30px;}
.head_cont h4{ float:left; height:36px; line-height:36px; padding-right:20px; font-size:16px;}
.head_cont h4.pa_lf{ padding-left:40px;}
.head_cont .head_select{ float:left; overflow:hidden}
.head_cont .head_select input{border:1px solid #eee; height:34px; line-height:34px; width:160px; padding:0 15px; float:left}
.head_cont .head_select a{ width:65px; height:36px; line-height:36px; background-color:#4a8be3; color:#fff; text-align:center; border-radius:3px; float:left; display:block; margin-left:5px;}
.head_lsit_title{ font-size:14px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:10px; margin:0 25px 10px 25px; line-height:24px; color:#333}
.head_list_hot{ padding-top:10px;}
.head_list_hot ul { overflow:hidden}
.head_list_hot ul li{ float:left; padding:3px 25px; line-height:28px; }
.head_list_hot ul li a{color:#666}
.head_list_hot ul li a:hover{ color:#4a8be3}
.head_list_more a{ text-align:right; display:block; color:#4a8be3; font-size:14px; padding-right:25px; padding-top:4px;}
.head_list_more a:hover{ color:#5798f0;}
.head_select select{ width:170px; height:32px;border:1px solid #e2e2e2; padding-left:5px;}
.head_select{ float:left;margin:0 5px;}
/* page region end */

/* header start */
.header_nav{ float:right; margin-left:0px;}
.header_nav>ul>li{ float:left; padding:0 20px 0 20px; line-height:88px;}
.header_nav>ul>li>a { position: relative; /*padding: 8px 0; */font-size:16px;color: #333; display: block;}
.header_nav>ul>li>a em { 
  position: absolute;
  color: #fff;
  font-size: 12px;
  padding: 0 5px;
  line-height: 16px;
  background: #E84026;
  border-radius: 8px;
  top: -6px;
  right: -20px;
}
.header_nav>ul>li>a:hover{ color:#452386; }
.header_nav>ul>li.active,.header_nav>ul>li.current{
  font-weight: bold;
  color: #452386;
  border-bottom: #452386 solid 2px;
  background: #452386;
}
.header_nav>ul>li.active a{color: #fff;}
.header_nav>ul>li:hover{
	 border-bottom: #452386 solid 2px;
  background: #452386;
} 
.header_nav>ul>li:hover  a{color: #fff;}
/* header end */


.head_list_hot .uis{
  color:#666;
}
.head_list_hot .uis li:hover{
  color:#4185f5;
  cursor: pointer;
}

/* footer start */
.main_bottom {
  background-color:#30343E; 
  padding-top: 48px;
  line-height: 1;
}

.main_warp {
  width: 1176px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}

.main_bottom-bottom {
  padding: 12px 0 24px;
  width: 100%;
  background: #282C33;
}

.main_bottom-bottom p {
  margin-top: 12px;
  text-align: center;
}

.main_bottom-bottom p span {
  color: #fff;
  opacity: .4;
}

.main_bottom-bottom p a {
  color: #fff;
  opacity: .4;
}

.main_bottom-bottom p a:hover {
  opacity: .8;
}

.warp__top {
  width: 100%;
  overflow: hidden;
}

.warp__top-l {
  padding-right: 42px;
  float: left;
  position: relative;
  width: 620px;
  overflow: hidden;
  box-sizing: border-box;
}

.warp__top-l::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  opacity: .1;
  position: absolute;
  right: 0;
  top: 0;
}

.common__label {
  float: left;
  margin-right: 90px;
}

.common__label:last-child {
  margin-right: 0;
}

.common__label-t {
  margin-bottom: 32px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.common__label-code {
  width: 110px;
  height: 110px;
}

.common__label-p {
  color: #fff;
  opacity: .4;
  font-size: 14px;
  margin-top: 16px;
}

.common__links {
  margin-bottom: 16px;
}

.common__links:last-child {
  margin-bottom: 0;
}

.common__links a {
  color: #fff;
  font-size: 14px;
  opacity: .4;
}

.common__links a:hover {
  opacity: .8;
}

.warp__top-r {
  padding-left: 120px;
  float: left;
}

.warp__top-line {
  margin-top: -2px;
  opacity: .2;
  background-color: #fff;
  width: 136px;
  height: 1px;
}

.warp__top-date,
.warp__top-contact {
  color: #fff;
  opacity: .4;
  font-size: 14px;
  font-weight: bold;
}

.warp__top-contact {
  margin-top: 10px;
}

.warp__top-date {
  margin-top: 16px;
}

.warp__top-phone {
  margin-top: 15px;
  color: #1476F9;
  font-size: 16px;
  font-weight: bold;
}

.warp__bottom {
  width: 100%;
  overflow: hidden;
  padding-bottom: 22px;
  margin-top: 48px;
}

.warp__bottom-con {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}

.warp__bottom-label {
  float: left;
  color: #fff;
  opacity: .4;
}

.warp__bottom-con ul {
  float: left;
  width: 1106px;
}

.warp__bottom-con ul li {
  margin-bottom: 10px;
  float: left;
}

.warp__bottom-con ul li em {
  margin: 0 8px;
  color: #fff;
  opacity: .4;
}

.warp__bottom-con ul li a {
  color: #fff;
  opacity: .4;
}

.warp__bottom-con ul li a:hover {
  opacity: .8;
}


.warp__bottom-con_bum .warp__bottom-label {
  float: left;
  color: #fff;
  opacity: .2;
}


.warp__bottom .warp__bottom-con_bum  ul li em {
  margin: 0 8px;
  color: #fff;
  opacity: .2;
}
.warp__bottom .warp__bottom-con_bum  ul li a {
  margin: 0 8px;
  color: #fff;
  opacity: .2;
}
.warp__bottom .warp__bottom-con_bum  ul li a:hover {
  opacity: .8;
}



/* topbar start */
.topbar {
  height:45px; 
  line-height:45px; 
  background-color:#452386; 
  color:#fff; 
  position:relative; 
  z-index: 99999;
}
.topbar ul.login_cont{float:right;}
.topbar ul.login_cont li{float:left;}
.topbar a:hover{color:#fff;}
.topbar a.red {
  font-size: 12px;
  color:#999;
}
.topbar a.red:hover {
  color:#1476F9;
}
.topbar i { vertical-align:top;}
.topbar-login a { color:#999; font-size: 12px;}
.topbar .line__cur {
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #ddd;
  vertical-align: -2px;
  margin: 0 8px;
}

.topbar-user {
  float:left; 
  position:relative;
}

.topbar-user-main img {
  width: 24px; 
  height: 24px; 
  border-radius:100%; 
  float:left; 
  margin: 8px 8px 0 0;
}
.topbar-user-main span {
  display:inline-block; 
  margin-right: 6px;
  color:#999;
  font-size: 12px;
}

.topbar-user-list{ width: 130px; padding:8px 0;}
.topbar-user-list li{width:100%; text-align:center;}
.topbar-user-list a{display:block; line-height:30px; color:#333;}
.topbar-user-list a:hover{color:#1476F9;}
 
.head_cont_zx{ width:235px; padding:10px}
.head_area{ float:left; position:relative; height:40px;}
.head_area a:hover{color:#333}
.head_area .head_a { 
  overflow:hidden; 
  display:block; 
  height:40px; 
  line-height:40px; 
  cursor:pointer
}
.head_area .head_a b { 
  display: inline-block;
  font-size:12px; 
  color:#999; 
  padding:0 6px; 
  line-height:40px; 
  min-width:10px; 
  height:40px;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.topbar .icon__area { 
  color: #1476F9;
  font-size: 14px;
}
.topbar .icon__cur {
  display: inline-block;
  color: #fff;
  
  transition: all .2s ease;
}
.topbar_navlist{ float:left; padding-left:0px;}
.topbar_navlist ul li{ float: left;  }
.topbar_navlist ul li a { 
  color:#fff; 
  padding: 0 0px; 
  font-size:14px;
}

.mobile_tag { 
  float:right; 
  padding:0 0 0 20px;
   
}
.mobile_tag p { float: left; }
.mobile_tag #div_wex { cursor:pointer;}
.mobile_tag #div_wex em {   padding-left: 10px; }
.mobile_tag #div_we { display: none; position: absolute; z-index:99; margin: 50px 0 0 0px; }
.mobile_tag #div_we img{max-width: 150px;}
.mobile_tag i { float: left; margin-top: 20px; }
.mobile_tag .tel { color: #fff; font-size: 16px;font-weight: bold; line-height: 38px; }
.mobile_tag p {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-right: 16px;
    line-height: 45px;
}

.mobile_tag .phone__icon {
  font-size: 14px;
}
 

.topbar_navlist ul li a:hover,
.topbar-login a:hover,
.mobile_tag a:hover {
  color: #452386;
}
 
/* topbar end */
/* footer end */

 
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    border: 0;
}
/*footer*/
.foot-search {
    border-top: 1px solid #eaeaea;
}
.comm-search {
    padding: 25px 0;
}
.comm-search form {
    float: left;
    width: 515px;
}
.comm-search .hot-search {
    float: left;
    padding-left: 30px;
    width: 610px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0;
}
.comm-search .hot-search a {
    display: inline-block;
    margin-left: 20px;
    color:#999;
    line-height: 50px;
    font-size: 16px;
    vertical-align: top;
}
.comm-search .hot-search a:hover {
    color: #452386;
}
.comm-search input {
    float: left;
    width: 460px;
    height: 50px;
    background-color: #f6f6f6;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    transition: 0.36s;
    padding: 10px 20px;
    line-height: 30px;
}
 .comm-search input::placeholder {
 color: #999;
}
.comm-search input:focus {
    background-color: #fff;
    border-color: #452386;
}
.comm-search button {
    float: left;
    transition: 0.36s;
    width: 50px;
    height: 50px;
    background: #452386 url(../images/foot-search.png) no-repeat center center;
    margin-left: 1px;
    cursor: pointer;
}
.comm-search button:hover {
    background-color: #91D72E;
}



.wsc-foot {
    padding: 58px 0 0;
    background-color: #452386;
}
.footNav {
/* margin-top: 70px; */
}
.fn-item {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding-right: 60px;
}

.foot-ad{ }

 
.fn-contact {
    float: left;
    width: 430px;
    box-sizing: border-box;
     
}

.footer-right {
    width: calc(100% - 430px);
    text-align: right;
	float: right;
}
.fn-logo{height: 40px; width: auto; }
.fn-logo img{max-height: 100%;}


.comm-desc {
    line-height: 1.5;
}
.fz-14 {
    font-size: 14px;
}
.mt-20 {
    margin-top: 20px;
}
.fqrcode-item {
    width: 80px;
    margin-right: 20px;
}
.display-ib {
    display: inline-block;
    vertical-align: top;
}
.img-box {
    position: relative;
}
.fqrcode-img::before {
    padding-top: 100%;
}
.fz-12 {
    font-size: 12px;
}
.mt-10 {
    margin-top: 10px;
}
.text-center {
    text-align: center;
}
.white {
    color: #fff;
}





.fn-text {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}
.fn-list {
    font-size: 14px;
    line-height: 30px;
    color: #999;
    margin-top: 20px;
}
.btn-online {
    color: #fff;
    border: solid 1px #e03b3b;
    background-color: #e03b3b;
}
.btn-online span {
    display: inline-block;
    padding-left: 29px;
    background: url(../images/ft-xx.png) no-repeat 0 center;
    color: #fff;
}
.btn-online:hover {
    background-color: #C41515;
    border-color: #C41515;
    color: #fff;
}
.fn-tel {
    font-size: 12px;
    color: #828282;
    margin-top: 30px;
}
.fn-tel .item-dt {
    color: #fff;
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 12px;
}
.fn-btn {
    margin-top: 30px;
}
.fn-share {
    margin-top: 26px;
    font-size: 12px;
    color: #828282;
    line-height: 30px;
}
.fn-share .item-dt {
    float: left;
    margin-left: 40px;
}
.fn-share .item-dd {
    float: left;
}
.fn-share .item-dd .fn-wx {
    float: left;
    position: relative;
    width: 30px;
    height: 30px;
    background: #333 url(../images/fn-wx.png) no-repeat center center;
    border-radius: 50%;
    margin-left: 16px;
}
.fn-share .item-dd .fn-wb {
    float: left;
    position: relative;
    width: 30px;
    height: 30px;
    background: #333 url(../images/fn-wb.png) no-repeat center center;
    border-radius: 50%;
    margin-left: 10px;
    transition: 0.36s
}
.fn-share .item-dd .fn-wb:hover {
    background-color: #535353;
}
.fn-share .item-dd .fn-wb a {
    display: block;
    height: 100%;
}
.wb-left {
    float: left;
}
.wb-right {
    float: right;
}
.wb-link span {
    margin: 0 10px;
}
.wb-link {
    margin-right: 30px;
}
.wsc-foot a {
    transition: 0.36s;
	color: #fff;
}
.wsc-foot a:hover {
    color: #fff;
}
.wsc-bottom {
    margin-top: 48px;
    border-top: 1px solid rgba(85,85,85,0.5);
    height: 28px;
    line-height: 28px;
    padding: 25px 0;
    color: #fff;
}
.wb-a span {
    margin: 0 20px;
    color: rgba(255, 255, 255, 0.2);
}
.wsc-secnav {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #eaeaea;
}
.wsc-secnav li {
    float: left;
    font-size: 15px;
    color: #828282;
    margin-right: 54px;
    position: relative;
}
.wsc-secnav li span {
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    margin: auto;
    width: 0;
    height: 2px;
    background-color: #1d2088;
    transition: 0.36s;
}
.wsc-secnav li a {
    display: block;
}
.wsc-secnav .active a, .wsc-secnav li:hover a {
    color: #1d2088;
}
.wsc-secnav .active span, .wsc-secnav li:hover span {
    width: 100%;
}
.wsc-fixBar {
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 1000;
}
.fb-online, .fb-after, .fb-tel, .fb-wx, .fb-lx, .fb-top {
    width: 80px;
    height: 66px;
    margin-bottom: 1px;
    cursor: pointer;
    transition: 0.36s;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    /* padding-top: 42px; */
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: relative;
    background-color: rgba(34,34,34,.3);
}
.fb-online a, .fb-after a, .fb-tel a, .fb-wx a, .fb-lx a, .fb-top a {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 66px;
    box-sizing: border-box;
    padding-top: 42px;
}
.fb-online a {
    background: #e03b3b url(../images/fix-online.png) no-repeat center 13px;
}
.fb-after a {
    background: rgba(34,34,34,.3) url(../images/fix-after.png) no-repeat center 13px;
}
.fb-tel a {
    background: #e03b3b url(../images/fix-tel.png) no-repeat center 19px;
}
.fb-wx a {
    background: rgba(34,34,34,.3) url(../images/fix-wx.png) no-repeat center 17px;
}
.fb-lx a {
    background: rgba(34,34,34,.3) url(../images/fix-lx.png) no-repeat center 18px;
}
.fb-top a {
    background: rgba(34,34,34,.3) url(../images/fix-top.png) no-repeat center 12px;
}
.fb-online:hover a, .fb-after:hover a, .fb-tel:hover a, .fb-wx:hover a, .fb-lx:hover a, .fb-top:hover a {
    background-color: #C41515;
}
.fb-tel:hover {
    width: 208px;
    margin-left: -208px;
    background-color: #C41515;
}
.fb-tel {
    overflow: hidden;
    padding-right: 80px;
    width: 0;
}
.fb-tel .fbarCon {
    width: 208px;
    height: 66px;
    line-height: 66px;
    font-size: 24px;
    color: transparent;
    font-weight: bold;
}
.fb-tel:hover .fbarCon {
    color: #fff;
}
.fb-wx .fbarCon {
    position: absolute;
    left: -131px;
    top: 0;
    width: 107px;
    background-color: #C41515;
    padding: 12px;
    display: none;
}
.fb-wx:hover .fbarCon {
    display: block;
}
.fb-wx .fbarCon img {
    width: 100%;
}




.btn{
    display: inline-block;
    box-sizing: border-box;
    border-radius: 2px;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    transition: 0.3s;
}
.btn-blue{
    background-color: #1d2088;
    border: 1px solid #1d2088;
    color: #fff;
}
.btn-blue span{
    display: inline-block;
    padding-right: 16px;
    background: url(../images/arr-white.png) no-repeat right center;
}
.btn-blue:hover{
    background-color: #3235A0;
    border-color: #3235A0;
    color: #fff;
}
.btn-white{
    background-color: #fff;
    border: 1px solid #1d2088;
    color: #1d2088;
}
.btn-white:hover{
    background-color: #1d2088;
    color: #fff;
}
.btn-white span{
    display: inline-block;
    padding-right: 16px;
    background: url(../images/arr-blue.png) no-repeat right center;
}
.btn-white:hover span{
    background-image: url(../images/arr-white.png);
}
.btn-red{
    background-color: #e03b3b;
    border: 1px solid #e03b3b;
    color: #fff;
}
.btn-red:hover{
    background-color: #C41515;
    border-color: #C41515;
    color: #fff;
}
.btn-whitebd{
    border: 1px solid #fff;
    color: #fff;
}
.btn-whitebd:hover{
    background-color: #fff;
    color: #1d2088;
}
.grey-block {
    height: 10px;
    background-color: #f6f6f6;
}


.cus-sellang-f {
    float: right;
    margin-top: 8px;
	
}
.LangUrlArrf {
    float: left;
    margin-left: 0px;
    position: relative;
}

.langurlarrBtin {
    display: block;
    color: #fff;
    font-size: 14px;
    float: left;
    padding: 8px;
    padding-left: 45px;
    padding-right: 30px;
    position: relative;
    line-height: 14px;
    cursor: pointer;
}
.langurlarrBtin a{color: #fff;}
.langurlarrBtin:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 6px;
    background-image: url(../images/clang1.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 18px;
    background-position: center;
}

.langurlarrBtin:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    border: 0px solid transparent;
    border-top-color: #4c4c4c;
    right: 10px;
    top: 10px;
}

.langurlarrself {
    position: absolute;
    left: 0px;
    top: 37px;
    background: #fff;
    border-top: none;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 999;
    width: 115px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: none;

}

.langurlarrself:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 2px;
    width: 0px;
    background: var(--Bcolor);
    transition: all 0.6s ease 0s;
}

.langurlarrself:hover:before {
    width: 100%;
}
