@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:1.6; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4{ font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{position: fixed; width: 100%; top: 0; left: 0;height: 75px;z-index: 100;transition: All 0.4s ease-in-out;} 

.headerbox{width: 1430px; margin: 0 auto; max-width: 98%;}
.logo{float: left; width: 237px;position: relative; margin-top: 2px;}
.logo img{width: 100%;position: absolute;top: 0;left: 0;}
.ssbtn{float: right;width: 20px;height: 20px;cursor: pointer; position: relative; margin-top: 24px;}
.ssbtn img{position: absolute; top: 0;left: 0;}
.ssknr{position: absolute; height: 45px; width: 500px;top: -10px;right: -500px;z-index: 100;opacity: 0;transition: All 0.4s ease-in-out;}
.ssknr.on1{right: 0;opacity: 1;}
.bbss{background: url(../images/d1.png) no-repeat center center;width: 45px;height: 15px; right: 0;border: none;cursor: pointer;top:50%; transform: translateY(-50%);position: absolute;z-index: 100;}
.wbynr{width: 450px;height: 45px;background: #fff;border: 1px solid #d3d3d3;position: relative;}

.btn5{background: url(../images/d2.png); width: 30px;height: 30px; position: absolute; border: none; cursor: pointer; right: 10px;top:50%; transform: translateY(-50%);background-size: 100% 100%;}
.wby2{height: 43px; width: 100%; padding: 0 15px; font-size: 14px;}
.ssbtn.on img{ display: none;}



.c1{opacity: 1;}
.c2{opacity: 0;}
.sqtybtn{display: block; text-align: center; float: right; width: 100px; line-height: 40px;color: #0068dd;background: #fff;border-radius: 6px;margin: 17px 30px 0 0;}
.lxdh{float: right; width:167px;}
.lxdh p{line-height: 75px; font-size: 16px; color: #fff;background: url(../images/a4.png) no-repeat left center; padding-left: 25px;}
.nav{float: right;}
.nav ul{ padding-right: 72px;}
.nav li{float: left; padding:0 25px;}
.nav h3 a{display: block; color: #fff;position: relative;line-height: 75px;font-size: 14px;}
.nav h3 a:before{position: absolute; content: ""; border-bottom: 2px solid #2385ec;bottom: 0;left: 50%;transition: All 0.4s ease-in-out;transform: translateX(-50%);width: 0;}
.nav li.on a:before{width: 100%;}
.header.on{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .2);  }
.header.on .c1{opacity: 0;}
.header.on .c2{opacity: 1;}
.header.on .sqtybtn{background-image: linear-gradient(to right, #0071df , #00a5ec);color: #fff;}
.header.on .nav a{color: #333;}

.header.on .lxdh p{line-height: 75px; font-size: 16px; color: #333;background: url(../images/a5.png) no-repeat left center; padding-left: 25px;}
.header.on  .bbss{background: url(../images/d3.png) no-repeat center center;}
.header:hover{background: #fff;}
.header:hover .c1{opacity: 0;}
.header:hover .c2{opacity: 1;}
.header:hover .bbss{background: url(../images/d3.png) no-repeat center center;}
.header:hover .sqtybtn{background-image: linear-gradient(to right, #0071df , #00a5ec);color: #fff;}
.header:hover .nav a{color: #333;}
.header:hover .nav .on h3 a{color: #2183e9;}
.header:hover .lxdh p{line-height: 75px; font-size: 16px; color: #333;background: url(../images/a5.png) no-repeat left center; padding-left: 25px;}

.sub{width: 1200px; overflow: hidden; position: absolute;top: 75px;background: #fff;left: 50%;transform: translateX(-50%);z-index: 10;padding-bottom: 30px;display: none;box-shadow:0 0 10px rgba(0, 0, 0, .1); max-width: 94%; }
.sub_left{float: left; width: 370px;background: #f5f7fa;padding-bottom: 500px;margin-bottom: -500px;}
.sub_left span{display: block; line-height: 60px; font-size: 18px; color: #333; padding-left: 40px;cursor: pointer;}
.sub_left dt.cur span{background: #fff;color: #017ee2;}
.sub_right{float: right;width: calc(100% - 400px); padding: 30px 25px 25px 0;}
.gdkz{height: 420px; overflow: auto;animation:fadeIn .25s, 100ms;}
.sub_right h1{font-weight: bold; font-size: 18px;}
.lbfl_a dl{overflow: hidden; margin-left: -25px;}
.lbfl_a dt{width:50%;  padding: 25px 0 25px 25px; overflow: hidden;float: left;}
.lbfl_a img{float: left;width: 58px;}
.swtext {float: right; width: calc(100% - 72px);}
.swtext h2{font-weight: bold; font-size: 16px; margin: 4px 0;}
.swtext p{font-size: 14px; color: #999;}
	#style-1::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px;
	background-color:#F5F5F5;
}
#style-1::-webkit-scrollbar {
	width:5px; height:5px;
	background-color:#fff;
}
#style-1::-webkit-scrollbar-thumb { 
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
	background-color:#555;
}

.lbfl_b dl{overflow: hidden;}
.lbfl_b dt{width: 50%; float: left; padding: 15px 85px 15px 0;}
.lbfl_b h2{font-size: 16px; font-weight: bold; color: #333; line-height: 2.2; border-bottom: 1px solid #ddd;}
.lbfl_b h2 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;width: 20px;}
.lbfl_b p{margin-top: 10px; font-size: 14px; color: #999;}
.lbfl_b h2:hover{color: #0086f1;}
.lbfl_a h2:hover{color: #0086f1;}
.jjfa{overflow: hidden; padding:30px 45px;}
.jjfa dl{overflow: hidden; margin-left: -25px;}
.jjfa dt{float: left;width: 16.66%; padding: 0 0 25px 25px;line-height: 28px;}
.jjfa h2{font-weight: bold; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.jjfa a{display: block;color: #333;font-size: 14px;}
.jjfa a:hover{color: #0086f1 !important;}
.jn_nr{width: 1240px; margin: 0 auto;max-width: 94%;}

.sub1{width: 800px;}
.gywm{overflow: hidden; padding: 30px 45px;}
.gywm_right{width: 500px;float: right;}
.gywm_right img{max-height: 230px;}
.gywm_left{float: left; width: calc(100% - 500px);}
.gywm_left dt{line-height: 32px; font-size: 14px;}
.gywm_left a{color: #333;}
.gywm_left a:hover{color: #0086f1 !important;}

.sthz{overflow: hidden; padding: 30px 45px;}
.sthz_left{float: left; width: 100%;}
.sthz_left dt{float: left; width: 33.33%; margin-bottom:10px;}


.banner{position: relative;}
.banner img{width: 100%;}
.bannertext{width: 1230px; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); max-width: 94%;}
.bannertext h2{color: #fff; font-size: 40px;line-height: 1.21429; margin-bottom: 25px;}
.bannertext p{line-height: 1.6; letter-spacing: 1px; font-weight: lighter; margin-bottom: 56px; width: 42.57871%;font-size: 18px;color: #fff;}
.btn1{color: #fff;background-color: #2183e9;   line-height: 42px; font-size: 16px;width: 124px;display: inline-block;border-radius: 6px;text-align: center;transition: All 0.4s ease-in-out;}
.btn1 b{display: inline-block; background: url(../images/a1.png); width: 15px;height: 15px; opacity: 0; margin: -3px 0 0 0;transition: All 0.3s ease-in-out;vertical-align: middle;}
.btn1:hover b{margin-left: 10px;opacity: 1;}
.btn1:hover
.jnw01{width: 1230px; margin: 0 auto;}
.jn_title h2{text-align: center;font-size: 34px; line-height: 154px;}
.jn_bt ul{text-align: center;}
.jn_bt li{display: inline-block;}
.jn_bt span{display: block; cursor: pointer; line-height: 75px; width: 215px;font-size: 17px; position: relative; margin: 0 17px;text-align: left; }
.jn_bt span:before{position: absolute; content: ""; border-bottom: 3px solid #d9dadc; width: 100%; bottom: 0;left: 0;}
.jn_bt li.cur span {color: #2183e9;}
.jn_bt span:after{position: absolute; content: ""; border-bottom: 3px solid #2183e9; width: 0; bottom: 0;left: 0;z-index: 1;transition: All 0.4s ease-in-out;}
.jn_bt li.cur span:after{width: 100%;}
.jnqh{overflow: hidden; padding: 65px 0 95px;animation:fadeIn .25s, 100ms;}
.jnqh_left{width:45%; float: left;}
.jnqh_left img{width: 100%;}
.jnqh_girht{float: right; width:50%;height: 470px;}
.jnqh_girht h3{display: block;font-weight: normal;line-height: 1.375; font-size: 32px;}
.jnqh_girht h2{font-size: 32px;line-height: 1.375; margin-bottom: 20px;}
.jnqh_girht p{line-height: 1.44444; color: #000; font-size: 18px;}
.product-link ul{overflow: hidden; padding: 35px 0 40px 0;}
.product-link li{float: left; padding-right: 20px;}
.btn2{display: inline-block; text-align: center; width: 124px; line-height: 38px;border: 1px solid #262b39; color: #262b39;border-radius: 6px;}
.btn2 b{background: url(../images/a1a.png); width: 15px;height: 15px;display: inline-block;vertical-align: middle; margin: -3px 0 0 0;transition: All 0.2s ease-in-out;opacity: 0;}
.btn2:hover b{margin-left: 10px; opacity: 1;}
.product_bottom{border-top: 1px solid #ddd; padding-top: 30px;}
.product_bottom ul{overflow: hidden;}
.product_bottom li{float: left; width: 25%; font-size: 15px; line-height: 42px; }
.product_bottom a{color: #666;}
.product_bottom a:hover{color: #2183e9;}

/* 帮助转型 */
.index-helpzx {
  background: center center /cover no-repeat;
  padding: 50px 0 80px;
  overflow: hidden;
  position: relative;
}
.wrapper {
    width: 1334px;max-width: 94%;
    margin: 0 auto;
}

.index-helpzx .bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.index-helpzx .bg-img .img-item {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.index-helpzx .bg-img .img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-helpzx .bg-img .img-item .mobile {
  display: none;
}
.index-helpzx .title {
    overflow: hidden;
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
}
.index-helpzx .title h2 {
  color: #fff;font-size: 42px;
  text-align: center;
}

.index-helpzx .cont {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.index-helpzx .memulist {
  width: 16.11694%;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(20, 18, 18, 0.1);
  padding: 20px 0;
}

.index-helpzx .memulist a {
  display: block;font-size: 16px;
  position: relative;
  line-height: 56px;
  color: #fff;
  padding-left: 37px;
}

.index-helpzx .memulist a::before {
  content: '';
  display: block;
  width: 6px;
  height: 0;
  position: absolute;
  left: 0;
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  background-color: #2183e9;
  bottom: 11px;
}

.index-helpzx .memulist li.active a::before {
  height: 34px;
  opacity: 1;
  visibility: visible;
  top: 11px;
  bottom: auto;
}

.index-helpzx .memulist li:last-child a:after {
  display: inline-block;
  content: "";
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition: 0.5s;
  position: relative;
  top: -2px;
  margin-left: 8px;
}

.index-helpzx .memulist li:last-child:hover a:after {
  margin-left: 13px;
  transition: 0.5s;
}

.indcustomer {
  width: 79.68516%;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.indcustomer .s-logo {
  width: 200px;
  margin: 20px 0 30px;
}

.indcustomer .s-logo img {
  width: 100%;
}

.indcustomer .s-text {
  width: 52.86924%;
  margin-bottom: 25px;
  position: relative;
}

.indcustomer .s-text p {font-size: 16px;
  line-height: 1.44444;
  letter-spacing: 1px;
  font-weight: lighter;
  text-align: justify;
}
.fnt_24 {
    font-size: 24px;
}
.indcustomer .s-text:after {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url(../images/home/icon_yh.png) 0 0/cover no-repeat;
  position: absolute;
  bottom: -40px;
  right: 0;
}

.indcustomer .s-user {
  display: flex;
  align-items: center;
  margin-bottom: 46px;
}

.indcustomer .s-user .user-box {
  width: 62px;
  height: 62px;
  margin-right: 27px;
  overflow: hidden;
}

.indcustomer .s-user .user-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.indcustomer .s-user .zc {
  display: block;font-size: 18px; margin-top: 10px;
  font-weight: lighter;
}

.indcustomer .product-link .border {
  width: 158px;
  border-color: #fff;
  color: #fff;
  margin-left: 18px;
}

.indcustomer .btn-prev-next {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.indcustomer .swiper-button-prev {
  width: 16px;
  height: 28px;
  background-size: contain;
  position: static;
}

.indcustomer .swiper-button-next {
  width: 16px;
  height: 28px;
  background-size: contain;
  position: static;
}
.btn4{color: #fff;  line-height: 38px; font-size: 16px;width: 144px;display: inline-block;border-radius: 6px;text-align: center;transition: All 0.4s ease-in-out;border: 1px solid #fff; margin-left: 20px;}
.btn4 b{display: inline-block; background: url(../images/a1.png); width: 15px;height: 15px; opacity: 0; margin: -3px 0 0 0;transition: All 0.3s ease-in-out;vertical-align: middle;}
.btn4:hover b{margin-left: 10px;opacity: 1;}

.xzwm_bj{background: url(../images/bj1.jpg) no-repeat center center;background-size: cover;}
.xzwm_nr{width: 1330px; margin: 0 auto;max-width: 94%;}
.xzwm_title{padding: 80px 0; text-align: center;}
.xzwm_title h2{margin-bottom: 20px; font-size: 42px;}
.xzwm_title p{line-height: 1.6; letter-spacing: 1px;font-size: 20px; margin-bottom: 10px;}
.btn3{display: inline-block; text-align: center;  border-radius: 5px; border: 1px solid #fff; box-sizing: border-box; height: 42px; line-height: 42px; font-size: 16px; min-width: 124px; text-align: center; color: #2183e9;}
.btn3:hover{border: 1px solid #2183e9;}
.btn3 img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;}
.xzwm_nr ul{overflow: hidden;}
.xzwm_nr li{float: left; width: 33.33%;text-align: center; padding-bottom: 200px;}
.xzwm_nr h2{font-size: 42px;color: #2183e9;}
.xzwm_nr h2 span{font-size: 62px;}
.xzwm_nr p{line-height: 22px; margin-top: 20px; font-size: 14px;}
.hzhb{ background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); padding: 30px 0; overflow: hidden; box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 10%);}
.hzhb ul{overflow: hidden; margin: 0 auto; width: 1330px;max-width: 94%;}
.hzhb li{float: left; width: 16.66%;text-align: center;}
.hzhb p{font-size: 14px; line-height: 1.6;}
.hzhb img{margin: 0 auto;}
.hzhb h2{font-size: 20px; font-weight: bold;text-align: center;margin-bottom: 40px;}

.jnw04{width: 1330px; overflow: hidden; margin: 0 auto;padding: 70px 0 76px;overflow: hidden;max-width: 94%;}
.news_title h2{font-size: 42px;margin-bottom: 35px;}
.news{overflow: hidden;}
.news_left{float: left;width: 50%;}
.news_tp{ overflow: hidden; border-radius: 6px;}
.news_tp img{width: 100%;border-radius: 6px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.news_tp a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.news_text{padding: 15px 0;}
.news_text h3{font-weight: lighter;font-size: 16px; color: #999;}
.news_text h2 a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #252b3a;font-size: 22px;line-height: 58px;display: block;}
.news_text h2 a:hover{color: #2788ee;}
.news_text p{line-height: 24px;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; color: #000;font-size: 16px;}
.news_right{float: right;width: 46%;}
.news_right li{border-bottom: 1px solid #ddd;}
.news_right ul li a{display: block;padding: 15px 0 19px;}
.news_right ul {padding-bottom: 30px;}
.news_right h3{font-size: 16px; color: #999; margin-bottom: 10px;}
.news_right h2{line-height: 34px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; height: 68px;font-size: 24px;}
.news_right ul li a:hover h2{color: #2788ee;}

.footer{background: url(../images/bj2.jpg) no-repeat center center;background-size: cover;}
.footerbox{width: 1440px; margin: 0 auto; padding: 40px 0 45px; max-width: 94%;}
.footerbox:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.foot_left{float: left; width:350px;}
.logo_a{width: 190px;}
.lxfz{padding-top: 35px;}
.lxfz li{ margin-bottom: 16px;}
.lxfz p{ color: rgba(255, 255, 255, 0.5);}
.lxfz h2{color: #fff; line-height: 40px; margin-bottom: 16px;}

.foot_left .share p{color: rgba(255, 255, 255, 0.5); padding-bottom: 15px;}
.foot_left .share span{display: inline-block;padding-right:15px;position: relative;}
.foot_left .w1{ max-height: 35px; border: 1px solid #fff; border-radius:50%; padding: 5px;}
.foot_left span{opacity: .5;}
.foot_left span:hover{opacity: 1;}
.foot_left .share i{display: none;position: absolute;top: 0;left: 50%;transform:translate(-0%,-100%);-webkit-transform:translate(-50%,-100%);}
.foot_left .share i img{max-height:200px;}
.foot_left .share span:hover i{display: inline-block;z-index: 10;}

.wzfx a:hover svg{fill: rgba(255, 255, 255, 1);}
.foot_right{float: right;width: calc(100% - 350px);}
.foot_right ul{overflow: hidden;}
.foot_right li{float: left; width: 20%;}
.foot_right h2{line-height: 2.22em;margin-bottom: 10px;font-size: 18px;color: #fff;}
.foot_right dt{line-height: 30px;}
.foot_right dt a{color: rgba(255, 255, 255, 0.5);font-size: 14px;}
.foot_right dt a:hover{color: #fff;}
.link{width: 1440px; border-bottom: 1px solid #3f516a; margin: 0 auto;max-width: 94%;}
.link ul{overflow: hidden; margin-left: -15px;}
.link li{float: left; line-height: 58px; padding-left: 15px;}
.link li a{color: rgba(255, 255, 255, 0.5);font-size: 14px;}
.link li span{color: rgba(255, 255, 255, 0.5);font-size: 14px;}
.link li a:hover{color: #fff;}
.bqxx{width: 1440px; margin: 0 auto; padding-bottom: 20px;max-width: 94%;}
.bqxx p{color: rgba(255, 255, 255, 0.5);font-size: 14px;line-height: 20px; padding: 25px 0;}
.bqxx a{color: rgba(255, 255, 255, 0.5);font-size: 14px; padding: 0 5px;}
.bqxx a:hover{color: #fff;}

.right-8{background: url(../images/a17.png) no-repeat center center; width: 50px;height: 50px; right: 0; bottom: 0;position: fixed;z-index: 10;cursor: pointer;}

.tcbj{position: fixed; z-index: 101; width: 100%; height: 100%; background: rgba(0,0,0,.7); top: 0;left: 0;display: none;}
.tcnr{position: fixed; z-index: 102; width: 960px; left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.tcbtng{width: 40px;height: 40px; top: 20px; right: 20px;background: url(../images/d3.png) no-repeat center center #fff; border-radius: 50%; cursor: pointer; position: absolute;background-size: 25px 25px;z-index: 100;}
.sjzs{display: none;}
.lxdha{display: none;}

/*xqnr1*/
.banner1{position: relative;background: url(../images/banner1.png) no-repeat center center;height: 480px;}
.bannertext1{position: absolute;width:1240px; max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);}
.bannertext1 h2{font-size: 36px; color: #333;margin-bottom: 35px;}
.bannertext1 p{color: #333;font-size: 15px; line-height: 32px;width: 620px;max-width: 94%; margin-bottom: 35px;}

.nylj{width: 1240px; margin: 0 auto;max-width: 94%;}
.nylj ul{font-size: 0; margin-left: -60px;}
.nylj li{display: inline-block; font-size: 16px; line-height: 62px; padding-left: 60px;}
.nylj a{display: block; color: #333; position: relative;}
.nylj a:before{position: absolute; content: ""; border-bottom: 3px solid #0086f1; bottom: 0;left: 50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;width: 0;}
.nylj li.cur a:before{width: 100%;}
.nylj a:hover:before{width: 100%;}
.wytz_title{text-align: center; padding: 75px 0 65px;}
.wytz_title h2{font-size: 34px; color: #333;}

.wz1240{width: 1240px; margin: 0 auto; max-width: 94%;}
.wytz_nr{padding-bottom: 90px;}
.wytz_nr ul{overflow: hidden; margin-left: -10px;padding: 5px;}
.wytz_nr li{float: left; width: 50%; padding: 0 0 10px 10px;}
.wytzbox{overflow: hidden; background: #f7f7f7;height: 190px; padding: 40px 80px 40px 30px;transition: All 0.4s ease-in-out;}
.wytz_left {float: left; width: 61px; padding-top: 20px;}
.wytz_left img{margin: 0 auto;}
.wytz_right{float: right;width: calc(100% - 90px);}
.wytz_right h2{font-size: 22px;margin-bottom: 15px;}
.wytz_right p{font-size: 14px; line-height: 24px;}
.wytz_nr h3{margin-top: 40px;text-align: center;}
.wytz_nr h3 a{padding: 0 15px; font-size: 16px;color: #999;}
.wytz_nr h3 a:hover{color: #2186f0;}

.szzh_bj{background: url(../images/d8.png) no-repeat center center;background-size: cover;}
.szzh_title h2{    font-size: 32px;
    padding-top: 73px;
    padding-bottom: 97px; color: #fff;text-align: center;}
.szzh{width: 1240px; margin: 0 auto; max-width: 94%;}
.szzh_nr {padding-bottom: 65px;}
.szzh_nr ul{overflow: hidden; margin-left: -10px;}
.szzh_nr li{float: left; width: 50%; padding:  0 0 10px 10px;}
.szzhbox{background: rgba(38,67,115,.6);height: 260px; padding: 0 35px;}
.szzhbox h2{position: relative; color: #fff; font-size: 22px; padding: 50px 0;transition: All 0.4s ease-in-out;}
.szzhbox h2:before{position: absolute; content: ""; border-bottom: 4px solid #30bcea; width: 30px; left: 0; bottom: 25px;}
.szzhbox p{font-size: 14px;color: #fff; line-height: 2;}
.szzhbox a{display: block; width: 100px; line-height: 40px; font-size: 14px; color: #fff; background: #2cbcea; margin-top: 20px; opacity: 0;text-align: center;transition: All 0.4s ease-in-out;}
.szzhbox:hover h2{padding: 32px 0;}
.szzhbox:hover a{opacity: 1;}
.szzhbox:hover {background: #2d75bc;}
.wytzbox1:hover{padding-top: 15px; box-shadow:0 10px 10px rgba(0, 0, 0, .2); }
.wytzbox1:hover a{opacity: 1;}
.wytzbox a{display: block; width: 100px; line-height: 40px; font-size: 14px; color: #fff; background: #2cbcea; margin-top: 10px; opacity: 0;text-align: center;transition: All 0.4s ease-in-out;}

.cggs_bj{background: #eaeff3;}
.cggs{width: 1240px; margin: 0 auto; max-width: 94%;}
.cggs_title h2{text-align: center;font-size: 36px; color: #333;padding: 80px 0 55px;}
.cggs_nr{padding-bottom: 85px;}
.cggs_nr ul{overflow: hidden;margin-left: -10px; padding: 5px;}
.cggs_nr li{width: 50%; float: left; padding: 0 0 10px 10px;}
.cggs_tp img{width: 100%;}
.cggs_text{height: 150px;background: #fff; padding: 30px; margin-top: 0; transition: All 0.4s ease-in-out;position: relative;z-index: 10;}
.cggs_text h2{font-size: 20px;margin-bottom: 15px;}
.cggs_text p{font-size: 14px; color: #666; line-height: 24px;}
.cggs_text a{display: block; text-align: center; background: #0086f1; line-height: 40px; width: 100px;color: #fff; font-size: 14px; margin-top: 12px;opacity: 0;transition: All 0.4s ease-in-out;}
.cggsbox:hover .cggs_text{height: 200px;margin-top: -50px; box-shadow:0 10px 10px rgba(0, 0, 0, .2); }
.cggsbox:hover a{opacity: 1;}
.xgcp{padding-bottom: 110px;}
.xgcp_title h2{text-align: center;font-size: 36px; color: #333;padding: 80px 0 55px;}
.xgcpbox{height: 225px; background: #f7f7f7; padding: 0 30px;transition: All 0.4s ease-in-out;}
.xgcpbox h2{font-weight: bold; position: relative; padding: 55px 0 32px; font-size: 22px;transition: All 0.4s ease-in-out;}
.xgcp_nr{position: relative; padding: 0 20px;overflow: hidden;}
.xgcpbox h2:before{position: absolute; content: ""; border-bottom: 4px solid #00ccfe;width: 30px;left: 0; bottom: 15px;}
.xgcpbox p{font-size: 14px; line-height: 24px;}
.xgcpbox:hover{background: url(../images/d17.png) no-repeat center center;background-size: 100% 100%;}
.xgcpbox:hover h2{padding-top: 30px; color: #fff;}
.xgcpbox:hover p{color: #fff;}
.xgcp_nr .swiper-button-next{width: 10px;height: 20px; margin-top: -10px; right: 0;background-size: 100% 100%;}
.xgcp_nr .swiper-button-prev{width: 10px;height: 20px; margin-top: -10px; left: 0;background-size: 100% 100%;}

/*2*/
.banner2{position: relative;}
.banner2 img{width: 100%;}
.bannertext2{position: absolute; width: 1240px; max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);}
.bannertext2 h2{line-height: 1.5; color: #fff; font-size: 40px;}
.bannertext2 p{font-size: 18px; line-height: 26px; color: #fff;width: 520px;max-width: 100%;}
.bannertext2 h3{margin-top: 40px; margin-left: -20px;}

.gsnr{background: #f5f7fa;border-bottom: 1px solid #dcdee1;}
.gsnrbox{width: 1400px;max-width: 100%; text-align: center; margin: 0 auto;}
.gsnrbox li{display: inline-block;font-size: 16px; padding: 0 19px;line-height: 80px;}
.gsnrbox a{display: block; position: relative; padding: 0 10px;}
.gsnrbox a:before{position: absolute; content: "";border-bottom: 5px solid #2884ee; width: 0; bottom: 0; left: 50%;transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.gsnrbox li.cur a:before{width: 100%;}
.xtpt {animation:fadeIn .25s, 100ms;}
.xtpt_title{text-align: center; padding: 65px 0;}
.xtpt_title h2{font-size: 36px; margin-bottom: 30px; font-weight: 600;}
.xtpt_title p{font-size: 16px; line-height: 24px; color: #666; padding: 0 20%;}
.xtpt_nr {padding-bottom: 40px;}
.xtpt_nr ul{overflow: hidden; margin-left: -60px;display: flex;flex-wrap: wrap;justify-content: center;}
.xtpt_nr li{float: left; padding: 0 0 40px 60px;width: 25%;}
.xtptbox{text-align: center;}
.xtptbox img{height: 65px; margin: 0 auto;} 
.xtptbox h2{ font-size: 20px;margin: 30px 0 15px; font-weight: 600;}
.xtptbox p{text-align: left;font-size: 16px; line-height: 24px; height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.wz1300{width: 1320px; margin: 0 auto;max-width: 94%;}
.gjtz{width: 1320px; margin: 0 auto; padding: 0 0 50px;max-width: 94%;}
.gjtz img{width: 100%;}
.gjtz h2{font-size: 36px; padding: 70px 0 30px;text-align: center;}

.xthd_title h2{font-size: 36px;text-align: center; font-weight: bold; padding: 80px 0 0 0;}
.cthdbox{overflow: hidden; padding: 80px 10px;width: 1320px; margin: 0 auto; max-width: 94%;}
.cthd_tp{width: 45%; }
.fl{float: left;}
.cthd_tp img{width: 100%;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }

.cthd_text{width: 52%;padding-top: 20px;}
.cthd_text h2{font-size: 30px; margin-bottom: 25px;}
.cthd_text p{font-size: 14px; line-height: 24px;}
.cthd_text li{font-size: 14px; line-height: 34px;background: url(../images/d28.png) no-repeat left 11px; padding-left: 30px;}

.bdpt{background: url(../images/a2.jpg) no-repeat center center;background-size: cover;}
.bdptbox {width: 1320px; margin: 0 auto; max-width: 94%;}
.bdptbox p{font-size: 36px; padding: 60px 0;}
.bdptbox a{width: 195px; line-height: 40px; color: #fff; font-size: 14px;border-radius: 6px;background-image: linear-gradient(to right, #006edf , #00a7ec);}

.dcdc{background: url(../images/a3.jpg) no-repeat center center;height: 520px;background-size: cover;}
.dcdc_text{width: 1320px; margin: 0 auto; max-width: 94%;padding-top: 80px;}
.dcdc_text h2{color: #fff;line-height: 1.5; font-size: 34px;width: 720px; max-width: 100%;}
.dcnr{padding-bottom: 30px;}
.dcdc_text p{color: #fff; font-size: 16px;line-height: 28px; margin-top: 10px;width: 720px; max-width: 100%;}
.hzhba{padding: 65px 0;}
.hzhba img{max-width: 100%; margin: 0 auto;}

.gjwm_title{text-align: center; padding: 65px 0 0 0; border-bottom: 1px solid #c4c6c8;text-align: center;}
.gjwm_title h2{font-weight: bold; font-size: 28px;margin-bottom: 10px;}
.gjwm_title p{font-size: 18px; line-height: 60px;color: #0086f1; position: relative;}
.gjwm_title p:before{position: absolute; content: ""; border-bottom: 4px solid #0086f1; width: 122px; border-bottom: 0; left: 50%;transform: translateX(-50%);}
.bjwm_nr{width: 900px;max-width: 94%; margin: 0 auto; padding: 60px 0 90px;}
.gjwmbox {background: #fff;}
.gjwmbox span img{width: 100%;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.gjwmbox span{display: block; overflow: hidden;}

.gjwmtext{ padding: 20px 15px 40px 20px;}
.gjwmtext h2{font-size: 18px;margin-bottom: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.gjwmtext p{font-size: 14px; line-height: 24px;height: 96px;}
.gjwmtext a{color: #0086f1;}
.gjwmbox:hover h2{color: #0086f1;}
.gjwmbox:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1);}

.cjwt{padding-bottom: 80px;}
.cjwtbox{border-bottom: 1px solid #ddd;}
.cjwtbox h3{font-size: 18px; line-height: 25px; padding: 20px 0;background: url(../images/a5.jpg) no-repeat left center; padding-left: 40px;font-weight: bold;cursor: pointer;}
.cjwtbox p{font-size: 16px; line-height: 1.8; color: #666; padding:0 0 30px 40px;}
.cjwttext{display: none;}
.cjwtbox h3.on1{background: url(../images/a6.jpg) no-repeat left center;}
.cjwt_title h2{font-weight: bold; font-size: 28px; padding: 50px 0 25px;text-align: center;}

.wyxq{padding-bottom: 80px;}
.wyxq_title h2{font-weight: bold; font-size: 28px; padding: 60px 0;text-align: center;}
.wyxq_nr{overflow: hidden; position: relative;}
.wyx { padding: 35px 40px;height: 260px; position: relative;background: #fff;}
.wyx h2{font-weight: bold; font-size: 18px; line-height: 62px;transition: All 0.4s ease-in-out;}
.wyx p{font-size: 12px; line-height: 22px;}
.wyx img{transition: All 0.4s ease-in-out;height: 40px;}
.wyx a{margin-top: 20px;opacity: 0;transition: All 0.4s ease-in-out;}
.wyxq_nr .swiper-wrapper{padding-bottom: 35px;}
.wyx:hover img{opacity: 0;height: 0;}
.wyx:hover a{opacity: 1;}
.wyx:hover h2{margin-top: -20px;}

.jjfb{position: relative;}
.jjfbbox{width: 1240px; overflow: hidden; max-width: 94%; margin: 0 auto;display: flex; align-items: center; padding-bottom: 120px;}
.jjfa_right{width: 46%;}
.jjfa_right img{width: 100%;}
.jjfa_left{float: left; width: 54%; padding-right: 50px;}
.jjfa_left h2{font-size: 30px; color: #2183e9; margin-bottom: 30px;}
.jjfa_left p{font-size: 18px; line-height: 38px;}
.rwmbox{padding-top: 20px; display: flex; align-items: center;}
.rwmbox img{margin-right: 20px;}
.rwmbox p{font-weight: bold; font-size: 20px; line-height: 34px;}
.wzhp{position: absolute; width: 100%; bottom: 0;left: 0;background: url(../images/d46.png) no-repeat center center;background-size: cover;}
.wzhpbox{width: 1240px; overflow: hidden; max-width: 94%; margin: 0 auto;}
.wzhpbox p{text-align: center; font-weight: bold; color: #fff; font-size: 32px; color: #fff;line-height: 120px;}
.wzhpbox a{display: inline-block;width: 100px;height: 38px; border: 1px solid #fff;border-radius: 4px; margin-left: 20px;vertical-align: middle; padding-top: 8px;}
.wzhpbox a img{height: 22px; margin: 0 auto;}
@media(max-width:1380px){
.bannertext h2{font-size: 24px;}	
.bannertext p{font-size: 14px;margin-bottom: 15px;}
.nav li{padding: 0 15px;}
.nav ul{padding-right: 10px;}




}
@media(max-width:1200px){
.nav li{padding: 0 8px;}
.jn_bt span{width: 170px;}	
}

@media(max-width:1000px){
.bannertext2 h3 {margin-left: 0px;}
.wz1300,.wz1240{width: 95%;max-width: 100%;}
.header{height: 60px;background: #fff;}
.ssbtn{display: none;}
.sqtybtn{display: none;}
.lxdh{display: none;}
.wyx { padding: 10px 15px;height: 250px; position: relative;background: #fff;}
.logo{width: 200px;}
 .c1{opacity: 0;}
 .c2{opacity: 1;}
.dhbtn{width: 30px;height: 30px; position: absolute; right: 3%; top: 15px;background:url(../images/dd1.png) no-repeat center center #0384fd;background-size: 20px 20px;border-radius: 4px;}
.dhbtn.on{background:url(../images/dd2.png) no-repeat center center #0384fd;background-size: 20px 20px;border-radius: 4px;}
.nav{position: fixed; width: 100%; left: 0; top: 60px; background: #fff;display: none;overflow: auto;}
.nav li{float: none; width: 100%; border-bottom: 1px solid #eee;}
.fgt{height: 60px;}
.nav h3 a{line-height: 50px; }
.sub{position: static;transform: translateX(0%); max-width: 100%;padding-bottom: 10px;}
.sub_left{width: 120px;}  
.sub_left span{font-size: 12px; padding-left: 5px;}
.sub_right{width: calc(100% - 120px); padding: 10px 5px 0 0;}
.lbfl_a dl{margin: 0;}
.gdkz{height: 300px; padding: 10px;}
.lbfl_a dt{box-sizing: border-box; margin: 0;width: 100%; padding: 10px 5px 10px 0;}
.lbfl_a img{width: 30px;}
.swtext{width: calc(100% - 38px);}
.swtext h2{margin: 0 0 10px; font-size: 14px;}
.swtext p{font-size: 12px; line-height: 1.5;}
.sub_right h1{font-size: 13px;}
.lbfl_b dt{width: 100%; padding: 0 0 10px;}
.lbfl_b h2{font-size: 14px; margin-bottom: 10px; padding-bottom: 10px;}
.lbfl_b p{font-size: 12px; line-height: 1.5;}
.jjfa{padding: 10px;height: 300px;overflow: auto;}
.jjfa dt{width:50%;}
.jjfa h2{font-size: 14px;}
.gywm{padding: 10px;}
.gywm_left{float: none; width: 100%;}
.gywm_right{display: none;}
.nav ul{padding: 0;}
.gywm_left dt{font-size: 12px;line-height: 28px;}

.bannertext p{padding: 0 0 20px;width: 100%;}
.bannertext h2{line-height: 1.5;}

.jn_title h2{font-size: 24px;line-height:1;padding: 35px 0 25px; font-weight: bold;}
.jn_bt ul{overflow: auto;white-space: nowrap;text-align: left;}
.jn_bt ul::-webkit-scrollbar {
	width:0px; height:0px;
	background-color:#fff;
}
.jn_bt li{display: inline-block;line-height: 46px;padding: 0 20px 0 0; }
.jn_bt span{width: auto;font-size: 16px;line-height: 46px; padding: 0; margin: 0;}
.jnqh_left{width: 100%; float: none;}
.jnqh{padding-top: 20px;}
.jnqh_girht{float: none; width: 100%; padding-top: 15px;}
.jnqh_girht h2{font-size: 24px;}
.jnqh_girht h3{font-size: 24px;}
.jnqh_girht p{font-size: 14px;}	
.product_bottom li{width: 33.33%;}
.jnqh{padding: 20px 0 50px;}
.index-helpzx .title h2{font-size: 24px;line-height: 1.5;}
.index-helpzx .title{margin-bottom: 15px;}


.jnqh{padding: 20px 0 50px;}
.index-helpzx .title h2{font-weight: bold; font-size: 24px;line-height: 1.6;}
.index-helpzx .title{margin-bottom: 0; }
.index-helpzx .memulist{width: 100%;}
.index-helpzx .memulist ul{overflow: auto;white-space: nowrap;}
.index-helpzx .memulist a{padding: 0;}
.index-helpzx .memulist li.active a::before{border-bottom: 3px solid #fff; width: 100%; bottom: 0;left: 0;border-left: none; background: none !important;}
.index-helpzx .memulist a::before{ background: none !important;}
.index-helpzx .memulist ul::-webkit-scrollbar {
	width:0px; height:0px;}
.index-helpzx .memulist li{display: inline-block; padding-right: 22px; font-size: 15px;}
.indcustomer{float: none; width: 100%;}
.indcustomer .s-text{width: 100%;}

.xzwm_title{padding: 50px 0 20px;}
.xzwm_title h2{font-size: 24px;}
.xzwm_title p{font-size: 14px;}
.xzwm_nr li{width: 100%;padding-bottom: 25px;}
.xzwm_nr h2{font-size: 16px;}
.xzwm_nr h2 span{font-size: 32px;}
.hzhb h2{font-size: 18px; line-height: 1.6;}
.hzhb li{width: 50%;padding-bottom: 20px;}
.jnw04{padding: 50px 0;}
.news_title h2{font-size: 24px; margin-bottom: 20px;}
.news_left{float: none; width: 100%;}
.news_right{float: none; width: 100%;}
.news_right h2{font-size: 18px;}
.foot_left{float: none; width: 100%;text-align: center;}
.logo_a{margin: 0 auto;}
.wzfx li{float: none; display: inline-block; padding: 0 10px;}
.foot_left{display: none;}
.wzfx li{float: none; display: inline-block; padding: 0 10px;}
.foot_right{width: 100%; float: none;}
.footerbox{padding:20px 10px 0 10px; }
.foot_right li{float: none; width: 100%;padding-bottom: 20px;}
.foot_right h2{font-size: 15px; line-height: 1.5; color: #767d88; }
.foot_right dt{float: left; font-size: 12px; line-height: 1.5; padding-left: 20px;}
.foot_right dl{overflow: hidden;margin-left:-20px ;}
.foot_right dt a{color: #fff;}
.link li{line-height: 1.6;display: inline-block;text-align: center; padding: 0 6px;float: none;}
.link{display: none;}
.bqxx{padding-bottom: 0;text-align: center;}
.bqxx a{display: block; width: 100%;}
.pczs{display: none;}
.sjzs{display: block;}
.lxdha{display: block; border: 1px solid #fff; width: 100;}
.lxdha p{font-size: 14px;text-align: center; font-weight: bold; color-interpolation-filters: #fff; line-height: 42px;color: #fff;}
.banner2{height: 340px;}
.banner2 img{height: 100%; object-fit: cover;}
.banner2 h2{font-size: 22px;}
.bannertext2 p{font-size: 14px;}
.gsnrbox ul{overflow: auto;white-space: nowrap;}
.gsnrbox li{line-height: 50px; font-size: 16px;}
.gsnrbox ul::-webkit-scrollbar {width:0px; height:0px;}
.xtpt_title{padding: 20px 0 30px;}
.xtpt_title h2{font-size: 20px;margin-bottom: 15px;font-weight: bold;}
.xtpt_title p{padding: 0;}
.xtpt_nr li{width: 50%; padding-left: 20px;padding-bottom: 30px;}
.xtpt_nr ul{margin-left: -20px;}
.xtptbox h2{font-size: 16px;}

.gjtz h2{font-weight: bold; font-size: 24px; padding: 40px 0 20px;}
.xthd_title h2{padding-top: 40px;font-weight: bold; font-size: 24px;line-height: 1.5;}
.cthd_tp{display: none;}
.cthd_text{float: none; width: 100%; padding: 20px;border-left: 3px solid #0068DD;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.cthdbox{padding: 0 0 25px 0;padding: 5px;}
.cggs_bj{background: #fff;}
.cthd_text h2{margin-bottom: 15px; font-weight: bold; font-size: 18px;}
.cthd_text li{line-height: 22px;}

.bdptbox p{font-size: 24px; line-height: 1.6;padding: 50px 0; position: relative;text-align: center;}
.bdptbox a{position: absolute; bottom: 0;left: 50%;transform: translateX(-50%);}
.bdptbox{padding-bottom: 40PX; margin-top: 25PX;}
.dcdc_text h2{font-size: 24px;}
.dcdc{height: 400px;}
.dcdc_text{padding-top: 30px;}
.dcnr img{width: 100px;}
.hzhba{display: none;}
.gjwm_title{padding-top: 40px;}
.gjwm_title h2{font-size: 24px;line-height: 1.5;}
.xtpt_nr{padding-bottom: 0;}
.bjwm_nr{padding-bottom: 0;}
.cjwt_title h2{padding: 20px 0; font-size: 24px;}
.cjwt{padding-bottom: 40px;}
.wyxq_title h2{font-size: 24px; padding: 30px 0;}
.cggs_bj1{background: #f8f9f9;}

.jjfb{padding: 40px 3%; background: #f5fcff;}
.jjfa_left{float: none; width: 100%; padding: 0;}
.jjfbbox{display: block;padding-bottom: 95px;}
.jjfa_left h2{font-weight: bold; font-size: 22px; line-height: 1.5;margin-bottom: 15px;}
.jjfa_left p{font-size: 14px; line-height: 1.6;}
.jjfa_right{width: 100%;float: none;}
.wzhp{padding: 30px 3%;}
.wzhpbox p{font-size: 24px;text-align: center;line-height: 1;}
.wzhpbox p span{display: block; margin-top: 15px;}
.wyxq{padding-bottom: 45px;}
.bannertext1{text-align: center;}
.bannertext1 h2{font-size: 24px; line-height: 1.5;}
.banner1{height: 330px;}
.nylj ul{white-space: nowrap;overflow: auto; margin-left: -25px;}
.nylj ul::-webkit-scrollbar {width:0px; height:0px;}
.nylj li{line-height: 50px; padding-left: 25px;}

.wytz_title{padding: 50px 0 20px;}
.wytz_title h2{font-size: 24px;}

.wytz_left{float: none; width: 100%;}
.wytz_left img{width: 35px;margin: 0 auto;}
.wytzbox{padding: 10px;}
.wytz_right{float: none; width: 100%;text-align: center;}
.wytz_right h2{font-size: 14px; line-height: 22px;margin: 5px 0;font-weight: bold;height: 44px;}
.wytz_right p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wytz_nr h3{display: none;}
.wytz_nr{padding-bottom: 40px;}
.szzh_title h2{padding: 50px 0 20px; font-size: 24px; line-height: 1.5;}
.szzh_nr li{width: 100%;}
.szzhbox{padding: 0 20px;}
.szzhbox h2{padding-top: 30px;}
.cggs_title h2{padding:0 0 20px 0; font-size: 24px;font-weight: bold;}
.cggs_nr li{float: none; width: 100%; padding-bottom: 20px;}
.cggs_text{padding: 10px;}
.cggs_nr{padding-bottom: 0;}
.cggs{background: #f8f9f9;}
.xgcp_title h2{padding: 40px 0 20px; font-size: 24px; font-weight: bold;}
.xgcp{padding-bottom: 50px;}
.cjwtbox h3 {font-size: 16px;}
}

.wsc-fixBar{position: fixed;right: 0px;top: 33%;z-index: 1000;}
.fb-online, .fb-tel, .fb-ewm, .fb-top {width:72px;height:72px;background-image: linear-gradient(to bottom, #0071df , #00a5ec);border-radius:2px 0px 0px 2px;text-align: center;transition: 0.3s;font-size: 14px;line-height: 20px;position: relative;cursor: pointer;margin-top: 2px;}
.fb-online {margin-top: 0;}
.fb-online a, .fb-tel a, .fb-ewm a, .fb-top a {color: #fff;display: block;padding-top: 38px;}
.fb-online a {background: url("../images/icon-kf-2.png") no-repeat center 5px;}
.fb-tel a {background: url("../images/icon-zx-2.png") no-repeat center 5px;}
.fb-ewm a {background: url("../images/icon-wx2-2.png") no-repeat center 5px;}
.fb-top a {background: url("../images/icon-top-2.png") no-repeat center 5px;}
.fb-online:hover {background-image: linear-gradient(to top, #0071df , #0071df);}
.fb-tel:hover{background-image: linear-gradient(to top, #0071df , #0071df);}
.fb-ewm:hover {background-image: linear-gradient(to top, #0071df , #0071df);}
.fb-top:hover{background-image: linear-gradient(to top, #0071df , #0071df);}
.fbarTel {display: none;position: absolute;right: 77px;bottom: 8px;height: 38px;padding: 11px 17px 11px 10px;width: 117px;color: #0071df;font-weight: bold;background: url("../images/icon-pho-bg.png") no-repeat center;transition: 0.5s;font-size: 14px;line-height: 22px;text-align: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.fbarTel span {display: block;font-size: 16px;color: #000;font-weight: 600;}
.fbarWx {display: none;position: absolute;right: 77px;bottom: 0;width: 120px;height: 144px;padding: 10px 17px 10px 10px;width: 120px;color: #999999;background: url("../images/icon-wx-bg.png") no-repeat center;transition: 0.5s;font-size: 14px;line-height: 16px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.fbarWx img{max-height: 120px;}
.fbarWx p {font-size: 12px; margin-top: 6px;}