@charset 'UTF-8';


@font-face {
font-family:"yhan";
src: url("https://cdn.114my.com.cn/font/hxp/yhan.woff") format("woff");}

@font-face {
font-family: "liow";
src: url("../css/liow.otf") format("woff2"),
       url("../css/liow.woff") format("woff"),
       url("../css/liow.otf") format("truetype"),
       url("../css/liow.otf") format("embedded-opentype"),
       url("../css/liow.ttf") format("svg");
}

@font-face{font-family: 'azoft-sans'; src: url('../fonts/azoft-sans.ttf'); src: url('../fonts/azoft-sans.ttf') format('truetype')}
@keyframes warn{0%{transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0;} 25%{transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1;} 50%{transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3;} 75%{transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.6;} 100%{transform: scale(1); -webkit-transform: scale(1); opacity: 0.0;}}
@keyframes warn1{0%{transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0;} 25%{transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1;} 50%{transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3;} 75%{transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.6;} 100%{transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.0;}}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td{margin: 0; padding: 0; }

html,body{ font-size: 14px; color: #fff; position: relative; height: 100%; font-family:"yhan";}
li{list-style: none}
img{border: 0; vertical-align: middle}
table{border-collapse: collapse; border-spacing: 0}
p{word-wrap: break-word}
a{color: #555; text-decoration: none;}
a:hover{text-decoration:none;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom: 1;}



li, ul{margin: 0;padding: 0;border: 0;outline: 0; sans-serif;vertical-align: baseline;background: 0 0;box-sizing: border-box}


/*新导航*/
.head {padding: 1% 1%;/* overflow: hidden; */width: 100%;position:  fixed;z-index: 5;}
.head.on{width: 100%;z-index: 999;box-shadow: 0 0 20px #ddd;background: #fff;}
.head_box {max-width: 1800px;margin: 0 auto;display: flex;justify-content: space-between;align-items:  center;}
.head_con {/*display:flex;*/justify-content: space-between;/* width: 50%; */align-items: center;}
.head_nav {margin: 0 3vw 0 0;position: relative; float:right;}
.head_nav>ul {display: flex;align-items: center;width: 100%;}
.head_nav>ul>li {width: 21%;white-space: nowrap; padding:23px 0 16px 30px;}
.head_nav>ul>li+li {margin: 0 0 0 2vw;}
.head_nav>ul>li>a {font-size: 16px;color:  #fff;position: relative;}
/*.head_nav>ul>li>a:before {content:'';width:0;height: 2px;background: #fff;position:absolute;bottom: 0;left:0;transition:0.5s;z-index: -1;}
.head.on .head_nav li>a:before {background:#0a519a;}
.head_nav>ul>li>a:after {content:'';width:100%; position:absolute;left: 0;}*/
.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width:100%;}
.head.on .head_nav>ul>li>a { color: #333;}
.head_nav ul li:hover a{ opacity: .9; }
.head_sear {}
/*search*/
.search {/* width: 78%; */background: #fff;padding: 0;z-index: 55;border-radius: 40px;display: flex;align-items: center;border: 1px solid #f5f5f5;}
.search_pro {font-size: 14px;width: 60px;padding: 0 0 0 15px; border-right: 1px solid #ddd;
color: #666;}
.head_s {display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.head_s form {display: flex;justify-content: space-between;align-items: center;width: 180px;height: 35px;padding: 0 12px;}
#search-bg {width: 140px; height: 35px;line-height: 35px;overflow: hidden;box-sizing: border-box;}
#search-i {box-sizing: border-box;position: relative;z-index: 5;margin-left: -5px;}
#search-i:after { content: '';width: 33px;height: 33px; border-radius: 50%; position: absolute; top: -6px;left: -6px;z-index: -1;}
#infoname { border: none; background: none;outline: none;}
.search-text {font-size: 15px;color: #666;display: flex;justify-content: center;align-items: center;letter-spacing: 1px;}
.search-text a {font-size: 15px;color: #666 !important;font-weight: 100;}
.search-text span { color: #333;font-size: 15px; font-weight: bold;}
.search_con {display: flex; flex-direction: column; align-items: center; width: 68%; padding-top: 10px;}
.search_tit {position: relative;z-index: 5;display: flex;flex-direction: column;align-items: center;}
.search_tit ul { display: flex;}
.search_tit li { font-size: 26px;color: #fff;line-height: 32px;letter-spacing: 2px;}
.search_tit li i { font-size: 32px;font-weight: normal;}
.search_tit p { font-size: 18px; width: 315px; height: 40px;background: #fff; display: flex;justify-content: center; align-items: center;color: #024adc;margin-top: 10px;}
.search_tit p span { font-size: 30px;font-family: "Times"; line-height: 30px; font-weight: bold;}

/*fic*/
.head_nav>ul>li:hover .head_fic {transform:rotateX(0);}
.head_fic {position:absolute;top:61px; margin-left:-14px; background:#fff url(/skin/home/images/npro_nav_bj.png) no-repeat; transform-origin: top;transform: rotateX(90deg);transition: 0.5s; box-shadow: 0 0 13px rgba(0,0,0,.1);}
.head_fic ul {/*border-radius: 0 0 4px 4px;*/}
.head_fic li {position:relative;padding:0 20px;z-index:4; line-height:44px; height:44px;}
.head_fic li:before {content:'';width:0;height:100%;background:#156bff; position:absolute;top:0;left:0;z-index:-1;transition:0.5s;}
.head_fic li:hover:before {width:100%; }
.br{border-radius: 0 0 4px 4px;}
.head_fic li a {font-size:14px; font-family: PingFangSC-Regular; /*transition:0.5s;*/ color:#000;}
.head_fic li:hover>a {color:#fff;}
.head_fic li dl {position:absolute;left: 100%; text-align:center; transform: rotateY(90deg);transition: 0.5s;background:#fff url(/skin/home/images/npro_nav_bj.png) no-repeat; width: 100%;top: 0;}
.head_fic li:hover dl {transform:rotateY(0);}
.head_fic li dl dt {padding:0 10%;position:relative; line-height:44px; height:44px;}
.head_fic li dl dt:before {content:'';width:0;height:100%;background:#156bff;position:absolute;top:0;left:0;z-index:-1;transition:0.5s;}
.head_fic li dt:hover:before {width:100%;}
.head_fic li dl dt+dt {}
.head_fic li dl dt a {font-size: 14px;transition:0.5s;}
.head_fic li dt:hover a {color:#fff;}

/*结束*/




/*导航*/
.lan, .menu {font-size:15px}
.logo {display:block; float:left; margin:9.5px 0 0}
.logo>img { width:130px}
.top{ width:100%; min-width:1400px; position:fixed; top:0; left:0; z-index:11000; }
#top .fixed{background-color:#156bff;}
.top:hover{background-color:#156bff; box-shadow: 0 0 30px 0px rgba(0,0,0,0.1); height:61px;}

.top-in { position:relative; margin:0 auto; z-index:9; width:90% !important;}
.menu {float: right;}
.menu>ul>li {position: relative;float: left;margin-right:50px}
.menu>ul>li:last-child {margin-right: 0}
.menu>ul>li>a {padding:25px 0 21px 30px;display: block;line-height: 1;color: #fff}
.menu>ul>li>a:hover {/*padding:23px 5px 23px;*/ opacity: .5; text-decoration: none;}
.menu>ul>li .sub-menu .sub-menu_child{ display: none; padding-left:20px; }

/*.menu>ul>li .sub-menu .sub-menu_child{transition: all 0.5s; transform: rotateX(90deg); transform-origin: top;}
.menu>ul>li .sub-menu:hover .sub-menu_child{transform: rotateX(0deg);}
*/
.menu>ul>li .sub-menu{transition: all 0.5s; transform: rotateX(90deg); transform-origin: top;}
.menu>ul>li:hover .sub-menu{transform: rotateX(0deg);}
.menu>ul>li .sub-menu {position: absolute;padding: 9px 18px;background:#488BFF; /*box-shadow: 0 2px 10px 0 rgba(4,16,76,.5);*/ border-radius:0 0 4px 4px; min-width: 130px;}
.menu>ul>li .sub-menu a {display: block;line-height: 30px;font-family: PingFangSC-Regular;font-size:14px;color: #fff;white-space: nowrap; height:auto;visibility: visible;}
.menu>ul>li .sub-menu .sub-menu_child a{ color:#fff;}
.menu>ul>li .sub-menu a i{transform: rotate(90deg);}
.menu>ul>li .sub-menu a:active, .menu>ul>li .sub-menu a:hover {color:#fff;}
.menu>ul>li.show>a {padding:25px 5px 21px!important;opacity: .6!important}
.menu>ul>li.show .sub-menu {display: block}
.menu>ul>li.active>a {position: relative;padding:23px 5px 23px}
.menu>ul>li.active>a:hover {opacity: 1}
.menu>ul>li.active>a::after {content: "";position: absolute;bottom: 0;left: 50%;margin-left: -8px;width: 16px;height: 4px;background-color: #3BDBA6}
.menu-mb, .menu-mb-btn {display: none}
.menu>ul>li:hover .sub-menu{}
.menu>ul>li .sub-menu-group:hover .sub-menu_child{display:block;}
.lan {padding: 18px 0;position: absolute;top: 0;right: 0;width: 56px}
.lan>.acitve {position: relative;right: 0;height: 24px;padding: 0 9px;border: 1px solid #fff;border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px;-o-border-radius: 16px;-ms-border-radius: 16px;-khtml-border-radius: 16px;cursor: pointer}
.lan>.acitve span {padding-right: 10px;display: block;color: #fff}
.lan>.acitve .icon {position: absolute;top: 8px;right: 8px;z-index: 9;border-color: #fff transparent transparent}
.lan .drop {visibility: hidden;width: 100px;position: absolute;top: 60px;left: -18px;z-index: 9;background-color: #fff;border-radius: 6px;box-shadow: 0 5px 30px 5px rgba(69,79,91,.2)}
.lan .drop li>a {display: block;cursor: pointer;padding: 10px;color: #A8ACB0}
.lan .drop li>a:first-child {border-radius: 6px 6px 0 0}
.lan .drop li>a:last-child {border-radius: 0 0 6px 6px}
.lan .drop li>a:hover {color: #212B35}
.lan .drop.show {visibility: visible}
.lan.active>.acitve {opacity: .5}
.top.fixed {background-color:#156bff;}
@media (max-width:1023px) {
.lan, .menu {display: none}
.btn {width: 224px;height: 46px;line-height: 46px}
.btn-border-blue, .btn-border-white {font-size: 12px}
.btn-border-blue .triangle, .btn-border-white .triangle {top: 19px}
.top {min-width: 0}


.top-in {width: 100%}
.logo {margin: 19px 0 0 1.4rem}
.logo img {width: 83px;height: auto; }}
@keyframes menuAnimate {
0%, 100% {
top:53px}
50% {
top:50px}}
@keyframes menushow {
0% {
right:-100%}
100% {
right:0}}
@keyframes menuhide {
0% {
right:0}
100% {
right:-100%}}
@keyframes menucontentshow {
0% {
right:-100%}
100% {
right:0}}
@keyframes menucontenthide {
0% {
right:0}
100% {
right:-100%}}
.menu-mb {display: block;position: fixed;top: 0;right: -100%;width: 100%;bottom: 0;overflow: hidden;opacity: 0}
.menu-mb-content, .menu-mb-mask {position: absolute;top: 0;height: 100%}
.menu-mb>ul {display: none}
.menu-mb.mshow {opacity: 1;right: 0}
.menu-mb.mshow>.menu-mb-content {right: 0;animation: menucontentshow .3s ease}
.menu-mb.mshow>.menu-mb-content>ul {opacity: 1;transform: translateX(0)}
.menu-mb.mshow .menu-close {right: 1.5rem}
.menu-mb.mhide {right: -100%}
.menu-mb.mhide>.menu-mb-content {right: -100%;animation: menucontenthide .3s ease}
.menu-mb-mask {left: 0;z-index: 1;width: 100%;background-color: rgba(0,0,0,.3)}
.menu-mb-content {right: -100%;width: 15.5rem;z-index: 2;padding: 20px 1.5rem;background: #fff;overflow: scroll}
.menu-mb-content>.logo {display: block;float: none;margin: 0}
.menu-mb-content>.logo>img {width: 86px;height: auto}
.menu-mb-content a {font-size: 18px;color: #8A9196}
.menu-mb-content>ul {border-top: 1px solid #DFE3E8;margin-top: 45px;padding-top: 32px;opacity: 0;transform: translateX(30%);transition: all .8s}
.menu-mb-content>ul>li {margin-bottom: 15px}
.menu-mb-content>ul>li>h3 {font-size: 18px}
.menu-mb-content>ul>li>a {display: block;padding: 5px 0}
.menu-mb-content>ul>li>a.has-children .icon {float: right;margin-top: 9px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menu-mb-content>ul>li>a.has-children.active .icon {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)}
.menu-mb-content>ul>li.active>a {color: #212B35}
.menu-mb-content>ul>li .sub-menu {display: none}
.menu-mb-content>ul>li .sub-menu>li a {display: block;padding-left: 20px;font-family: Helvetica;font-size: 14px;color: #8A9196;line-height: 32px}
.menu-mb-content>ul>li .sub-menu>li a:active {background-color: #f4f5f8}
.menu-mb-content .lan-list {margin-top: 25px}
.menu-mb-content .lan-list>li>h3 {font-family: Helvetica;color: #279CD4}
.menu-mb-btn {display: block;margin: 21px 30px 0 0;float: right;width: 20px}
.menu-mb-btn>i {display: block;margin-bottom: 5px;height: 2px;border-radius: 1px;background: #fff}
.menu-close {display: block;position: fixed;top: 20px;right: -100%;padding: 10px;width: 16px;height: 16px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAb1BMVEUAAACAgIBAQEArVVUkSUknOzsmM0AkLjciLzYkMTckLzUkLzkjLTciLDgiKzchLDcjKzYjLjYjLTUiLDcjLDYiKzciLDUhLDYiLDYiLDYiLDUhKzYiLDYiLDYiLDYhKzYhLDUiKzYiLDYhKzUhKzUreXAmAAAAJHRSTlMAAgQGBw0UHCYqKzEzUlNcXl9gYm1wlamvtbrg5Ojp7O/y+/1HzflrAAAAt0lEQVQ4y4XS6Q6DIBBG0a+bWku1031Vq7z/MxaIaVyYGf5AwkkgmQvoa3N77tjL7eOeAEdrG8OIvLL2DGQta7zo/BMFZ4I4hCNjBoIxIxE1ExExMzEzETExUTEyjBgYVvyNIHpTekHsYL2xouiNKJDXjnyNJKrwUGNE0V1bpTH3j0JpjNTGSG2M1MZIbYzUxkhtjNTGSG2MpMYSvo9gUuAkTN+bC5C+6pId7P7zzty2WAt5rJbAD+qAJZMeSyJqAAAAAElFTkSuQmCC) no-repeat;background-size: contain}





/* footer */
.footer{ height:390px !important;  background:url(../images/footerbg.jpg)#0c1b60 center bottom no-repeat; min-width:1500px; position: relative;}
.footer::before{content: ''; width: 100%; height: 1px; background: #fff; display: block; opacity: .2; position: absolute; bottom:63px;}
.auto1440{margin: 0 auto; min-width:1500px; }
@media only screen and (max-width:1440px ) {
	.auto1440{padding: 0 100px;}
	.top-in { width:100%;}
	}
@media only screen and (max-width:768px ) {
	.auto1440{padding: 0 10px;}
}

.auto1440{margin: 0 auto;max-width:1500px;}
@media only screen and (max-width:1440px ) {
	.auto1440{padding: 0 100px;}
}
@media only screen and (max-width:768px ) {
	.auto1440{padding: 0 10px;}
}

.bottom_nav .dl_special dd:nth-child(4){display: none!important;}
.bottom_nav{overflow: hidden; padding:64px 0 38px 0;}
.bottom_nav dl{width:13%;float: left; text-align:left;}
.bottom_nav dl dt{color: #fff;font-size:18px; margin-bottom:17px; opacity: 0.9;}
.bottom_nav dl dd{line-height: 30px;}
.bottom_nav dl dd a{font-size: 15px;color: #fff; opacity: 0.8;}
@media only screen and (max-width:1366px ) {
	.bottom_nav dl dd a{font-size: 15px;}
}
@media only screen and (max-width:768px ) {
	.bottom_nav dl hr{display: none;}
	.bottom_nav dl{width: 100%;text-align: left;padding-bottom: 20px;}
	.bottom_nav dl dd{display: none;background: #ebebec;padding-left: 10px;}
	.bottom_nav dl dt{font-size: 18px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
	
}

.bottom_fun{padding-bottom:94px; width:1500px; margin:auto;}
.bottom_fun .left{width:212px;float: left;padding:6px 0; position: relative;line-height:30px; background:#eff1f3;}
.bottom_fun .left .txt{width:170px; line-height:20px;font-size: 14px;color:#333; border-right: 1px solid #bfd7fc; text-align:left; text-indent: 10px;}
.bottom_fun .left ul{position: absolute;background: #fff;bottom: 100%;padding:4px 0;border: 1px solid #eee; width: 100%; display: none; z-index:9999;}
.bottom_fun .left ul li{line-height: 26px;font-size:14px; text-align:left; padding-left: 15px; color: #333;}
.bottom_fun .bottom_down{position: absolute;cursor: pointer;right: 0;top: 0;width:42px;height:32px;background: url(../images/down.png) no-repeat center center;}

.bottom_fun .left ul li a{ color: #848cae;}

.bottom_fun .right{float: right; width:15.3%}

.both{opacity: 0.2; background:#fff; height:1px;}

@media only screen and (max-width:768px ) {
	.bottom_fun .left,.bottom_fun .right{width: 100%;float: none;}
	.bottom_fun .right{text-align: right;margin: 20px 0;}
	.bottom_fun .right .bdsharebuttonbox{float: right;}
}

.auxiliary{ overflow: hidden;width: 100%; opacity: 0.8;}
.auxiliary .left{float: right;}
.auxiliary .right{color:#fff; float: left;}
.auxiliary .right a{ padding-right:0px;}

.auxiliary a{font-size: 14px;color: #fff; padding-right:18px;}
@media only screen and (max-width:768px ) {
.auxiliary .left,.auxiliary .right{float: none;width: 100%;margin-bottom: 14px;}
}





.focus_us{ display: block; height: 55px; width: 100%; box-sizing: content-box;  position: relative;}
.focus_list{position: relative;}
.focus_us .tit{ float: left; margin-right: 33px; }
.focus_us .focus_list li{ display:inline-block; float: left; margin-left:28px;}
.focus_us .focus_list li a{ display:block; height: 28px; width: 28px;}
.focus_us .focus_list li a .icon{ display:block; height: 28px; width: 28px; margin-top:5px; background:url(../images/icon_wechat_hover.png) no-repeat center; background-size: 100% 100%;position: relative; transition: background 0.2s ease-in-out; filter: grayscale(600%) brightness(900%); opacity: 0.9;}
.focus_us .focus_list li a .i_weibo{background:url(../images/icon_weibo_hover.png) no-repeat center; background-size: 100% 100%;}
.focus_us .focus_list li a .i_twitter{background:url(../images/icon_twitter_hover.png) no-repeat center; background-size: 100% 100%;}
.focus_us .focus_list li a .i_in{background:url(../images/icon_in_hover.png) no-repeat center; background-size: 100% 100%;}

.focus_us .focus_list li a:hover .icon{background-size: 100% 100%; filter: saturate(100%);}

.wechat-code{width: 120px; position: absolute; left:-20px; top: -124px; z-index: 2; display: block; display:none\9; opacity: 0; transition: opacity 0.2s linear; pointer-events:none;}
.focus_us .focus_list li a:hover .wechat-code{display: block; opacity: 1;}
.wechat-code6{width:120px; position: absolute; left:38px; top: -124px; z-index: 2; display: block; display:none\9; opacity: 0; transition: opacity 0.2s linear; pointer-events:none;}
.focus_us .focus_list li a:hover .wechat-code6{display: block; opacity: 1;}

.fosl{font-family: Montserrat-Bold; font-size:19px; letter-spacing:1px; color:#fff; }

.mail{margin-left: 10px; display: inline-block; background-image: url(../images/mail.png); background-repeat: no-repeat; padding-left: 25px; background-position-y: 5px;}
.copyright{background-image: url(../images/copyright.png); background-repeat: no-repeat; padding-left: 25px; background-position-y: 5px;}
@media (max-width: 1440px){.news-head{height: 585px;} .fixed-swiper{width: 100%; height: 525px; position: absolute;} .home-first-content{transform: scale(.75); margin-top: 12%;} .about-head-content{transform: scale(.75); margin-top: 12%;} .video-head-content{transform: scale(.75); margin-top: 5%;} .page6-footer{padding: 25px 0 30px;} .page6-footer .footer-link{margin-top: 20px;} .page6-footer .hr-full{margin: 15px 0;}}
.contact_p_r1_item{width:340px; float:right; text-align:left; position: relative;}
.contact_p_r1_item:after{content: '';display: block;width: 0%;height: 4px;background: #156bff;position: absolute;bottom: 0;left:0;transition:0.3s all ease;}
.contact_p_r1_item:before{content: '';display: block;width: 0%;height: 4px;background: #666;position: absolute;bottom: 0;right:0;transition:0.3s all ease;}
.contact_p_r1_item:first-child{border: 0 none;width: 374px;}
.contact_p_r1_item strong{position: relative; z-index: 2; display: block; width:180px; height:72px; transition: 0.3s all ease; background:url(../images/flogo.png) no-repeat; filter: grayscale(600%) brightness(900%);}
.contact_p_r1_item strong .en{font-size: 12px;display: block;line-height: 20px; font-family: arial;text-transform: capitalize;color: #bbb; transition: 0.3s all ease;}
.contact_p_r1_item p{ position: relative; z-index: 2; line-height:36px; color:#fff; opacity:0.9;}
.contact_p_r1_item p img{vertical-align: middle;display: inline-block;padding-right: 10px;opacity: 0.85;filter:grayscale(600%) brightness(900%);}
.contact_p_r1_item i img{width: 130px; display: block; height: auto; position: absolute; right:0px; bottom:94px;}

.f16{ font-size:16px;}
.fr{ float: right;}


@media(max-width:1600px){
.top-in{ width:96% !important;}
.w90{width:96% !important;}
}
@media(max-width:1400px){
.top-in{ width:96% !important;}
.w90{width:96% !important;}
}


/*版权*/
.customer-service-new {  background: url(../images/20210517200753_1943818417.png); background-size: 100% 100%; position: fixed; bottom: 40px; right:0px; z-index: 999777;  width: 265px; height:277px; font-size: 14px; padding:45px 0 19px; text-align: center;transition:all .5s;  font-family: Microsoft YaHei;}
.customer-service-new .shop-top { position: absolute; right: 10px; top: 6px;}
.customer-service-new .shop-top img { width: 16px;  height: 16px;}
.customer-service-new .customer-content-top { padding-left: 63px; padding-right: 26px;}
.customer-service-new .customer-title { font-weight: 500; color: #333;  line-height: 20px;}
.customer-service-new .title-highlight { color: #1472FF;}
.customer-service-new .customer-desc { font-size: 10px; font-weight: 400; color: #666; line-height: 16px; margin-top: 2px;}
.customer-service-new .customer-qrcode {  margin-top:10px;}
.customer-service-new .customer-qrcode img { width: 122px; height: 122px;}
.customer-service-new .customer-content-bottom { padding-left: 57px; padding-right: 20px;}
.customer-service-new .customer-btn { width: 88px; height: 24px; font-size: 10px; font-weight: 500; color: #1472FF; line-height: 22px; background: #FFF; border-radius: 16px; border: none;  outline: 0; margin-top:25px;}
.customer-service-new .customer-tel { margin-top: 4px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.customer-service-new .customer-tel img { width: 12px; height: 12px; margin-right: 4px;}
.customer-service-new .customer-tel span { font-size: 10px; color: #FFF; line-height: 14px;}
.cl_c {
    width: 57px;
    height: 108px;
    position: absolute;
    bottom: 32px;
    left: 0;
    z-index: 999;
}

.suc_nav{top: 58px !important;}