@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
@font-face
{
font-family: myFirstFont;
src: url('苹方黑体-准-简.ttf') 
} 
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}

*, *::before, *::after {box-sizing:inherit;}
* { margin:0px;  padding:0px; font-family:myFirstFont }
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: inline-block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.page { overflow:hidden}
.hui-index { background:#e9eaf4}
.bai,.hui { padding:40px 0;}
.bai-index,.hui-index { padding:50px 0}
.title { text-align:center; margin-bottom:30px;}
.title h2{ font-size:24px; color:#980610;letter-spacing:10px; padding-bottom:20px;}
.title p { font-size:12px; color:#000000; letter-spacing:4px;}
 
@media(min-width:768px) {
.bai,.hui { padding:80px 0;}
.bai-index,.hui-index { padding:100px 0;}
.title h2{ font-size:36px; font-weight:normal }
.title p { font-size:14px; }
}
/*button_su*/
.button_su {overflow: hidden;position: relative;border-radius: 30px; width:200px; margin:50px auto 0 }
.button_sua {overflow: hidden;position: relative;border-radius: 30px; width:200px; margin:50px auto 0 }
.su_button_circle {background-color: red;border-radius: 1000px;position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none;
}
.button_su_inner {display:block; margin:0 auto; width:198px; height:48px; border:solid 1px #d5d5d5; border-radius:30px; font-size:18px;color:#949494;line-height:48px;text-align:center; transition: 400ms;text-decoration: none;z-index: 100000;}
.button_su_inner:hover {color:#FFF;}
.button_text_container {position:relative;z-index: 999;}
.explode-circle {animation: explode 0.5s forwards;}
.desplode-circle {animation: desplode 0.5s forwards;}
 @keyframes explode {
 0% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color:  rgba(152, 6, 16, 0.8);}
 100% {
 width: 400px;
 height: 400px;
 margin-left: -200px;
 margin-top: -200px;
 background-color: rgba(152, 6, 16, 0.8);}
}
 @keyframes desplode {
 0% {
 width: 400px;
 height: 400px;
 margin-left: -200px;
 margin-top: -200px;
 background-color:  rgba(152, 6, 16, 0.8);;}
 100% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color: rgba(152, 6, 16, 0.8);}
}

/*head*/
.site-header {background:#000; padding:10px 0;height:60px;position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box;}
.site-header a { color:#FFFFFF;}
.site-header .logo { width:40%}
.site-header .logo h1 a {display:block;  }
.site-header .logo h1 a img { height:30px; margin-top:5px;   }
.site-header .logoa { width:40%  }
.site-header .logoa  a { display:block; line-height:20px;}
.site-header .logoa  a  h2{font-size: 18px; letter-spacing:20px; font-weight:bold;line-height:40px;}
.site-header .logoa  a  p{ font-size: 12px; color:#d9d9d9;letter-spacing:1px; display:none}
.site-header .navw {    }
.menu-icon { visibility:visible}
.nav {visibility:hidden;position:fixed;z-index:7001;font-size:18px; }
.nav__content {position:fixed;top:60px; left:0;width:100%;height:100%;cursor:pointer; background:#eee}
.nav__list {list-style:none;margin:0;padding:0;overflow-y:auto;height:100%;}
.menu-item {border-bottom:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px;transition-delay:.8s;opacity:0;transition:opacity .2s ease, transform .3s ease;}
.menu-item a {color:#666; display:block}
@media(min-width:414px) {
.site-header .logo h1 a {font-size: 20px; letter-spacing:4px;}
}
@media(min-width:768px) {
.site-header { height:76px;}
.site-header .logo { width:26%}
.site-header .logo h1 a img { height:40px; margin-top:10px; ;  }
.site-header .logoa { width:24%  }
.site-header .logoa { visibility: visible}
.site-header .logoa  a { line-height:20px;padding:10px 0}
.site-header .logoa  a  h2{font-size: 18px; letter-spacing:38px;line-height:20px;}
.site-header .logoa  a  p{ font-size: 12px;letter-spacing:3px; display:block}
.menu-icon { visibility:hidden}
.site-header .navw { text-align:right; width:50%  }
.nav {visibility: visible; padding:0; position:inherit}
.nav__content { position:inherit; width:auto; height:auto; padding:0; background:none}
.nav:after { visibility:hidden}
.nav:before { visibility:hidden}
.menu-item {border-bottom:none;position:relative;display: inline-block; height:42px;line-height:40px;margin:10px 5px 0 0; transition-delay:.8s;opacity:1;transition:opacity .2s ease, transform .3s ease;}
.menu-item a {display:inline-block;font-size:16px; padding:0 5px; color:#FFF; }
.menu-item a::after {content: ''; display:block; width:0;border-bottom:solid 2px #FFF;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.menu-item.current-menu-item a::after,.menu-item a:hover::after { width:100%}
}
@media(min-width:992px) {
.site-header .logo h1 a { }
.site-header .logo h1 a img { height:60px; margin-top:0px;  }
.site-header .logoa  a {line-height:20px; padding:10px 0}
.site-header .logoa  a  h2{font-size: 18px; letter-spacing:44px; }
.site-header .logoa  a  p{ font-size: 12px;letter-spacing:4px;}
.menu-item { margin:10px 10px 0}
.menu-item a { padding:0 10px;}
}
.menu-icon {box-sizing:border-box;padding:8px 0 0;height:30px;width:30px;position:fixed;z-index:9000;right:1rem;top:9px;cursor:pointer;}
.menu-icon__line {height:2px;width:30px;display:block;background-color:#FFFFFF;margin-bottom:5px;transition:transform .2s ease, background-color .5s ease;}
.menu-icon__line-left {width:30px;}
.menu-icon__line-right {width:30px;float:right;}
body.nav-active .menu-icon__line {background-color:#FFF;transform:translateX(0) rotate(-45deg);display:none;}
body.nav-active .menu-icon__line-left {transform:translateY(7px) rotate(45deg);display:block;}
body.nav-active .menu-icon__line-right {transform:translateX(0) rotate(-45deg);display:block;}
body.nav-active .nav {visibility:visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform:translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay:.1s;}
body.nav-active .nav:before {transition-delay:0s;}
body.nav-active .menu-item {opacity:1;transform:translateX(0%);transition:opacity .3s ease, transform .3s ease, color .3s ease;}
body.nav-active .menu-item:nth-child(0) {
transition-delay:.5s;}
body.nav-active .menu-item:nth-child(1) {
transition-delay:.6s;}
body.nav-active .menu-item:nth-child(2) {
transition-delay:.7s;}
body.nav-active .menu-item:nth-child(3) {
transition-delay:.8s;}
body.nav-active .menu-item:nth-child(4) {
transition-delay:.9s;}
body.nav-active .menu-item:nth-child(5) {
transition-delay:1s;}
body.nav-active .menu-item:nth-child(6) {
transition-delay:1.2s;}
.page.s0 .banner { height:260px;}
.page.s0 .banner-nei {height:220px;  }
 .banner-nei .sologon-box-nei{ width:360px; height:74px;margin-left:-180px; margin-top:-7px;position: absolute; left:50%; top:50%;   }
 .page.s0 .banner-nei {background:url(../img/banner-nei.jpg) top center no-repeat;background-size:cover; position:relative;}
.page.s0 .banner-nei.banner-service {background:url(../img/banner-service.jpg) top center no-repeat;}
.page.s0 .banner-nei.banner-case {background:url(../img/banner-case.jpg) top center no-repeat;}
.page.s0 .banner-nei.banner-wiki {background:url(../img/banner-wiki.jpg) top center no-repeat;}
.page.s0 .banner-nei.banner-about {background:url(../img/banner-about.jpg) top center no-repeat;}
.page.s0 .banner-nei.banner-contact {background:url(../img/banner-contact.jpg) top center no-repeat;}
.banner-nei .sologon-box-nei {color:#FFF; text-align:center;  }
.banner-nei .sologon-box-nei h2{ font-size:24px; font-weight:bold;line-height:42px; letter-spacing:6px;}
.banner-nei .sologon-box-nei p{ font-size:14px;line-height:32px;letter-spacing:3px;  }
 .flexslider{position:relative;width:100%; overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides li div.img { width:100%; margin:0 auto}
.flexslider .slides li div.img img { display:block; width:100%}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../img/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../img/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

@media(min-width:414px) {
.page.s0 .banner { height:287px}
}
@media(min-width:768px) {
.page.s0 .banner  { height:638px;}
.flexslider .slides li div.img { height:638px;}
.flexslider .slides li div.img img { display:none}
.page.s0 .banner-nei { height:320px;}
.banner-nei .sologon-box-nei{width:720px; height:92px;margin-left:-360px; margin-top:-46px;  }
 .banner-nei .sologon-box-nei {letter-spacing:10px;}
.banner-nei .sologon-box-nei h2{ font-size:36px;}
.banner-nei .sologon-box-nei p{ font-size:16px;}
.banner-nei .sologon-box-nei {width:520px; height:74px;margin-left:-260px; margin-top:-0px; }
 }
@media(min-width:992px) {
 }

.case-title{ font-size:22px; color:#980610; font-weight:bold; margin:50px 0 10px 5px; }
.case-title.case-titlea { margin-top:0}
.csae-box { position:relative; margin:10px 5px;   cursor:pointer} 
.csae-box img { display:block;width:100%}
.csae-box .case-p-bg{width:100%;height:100%; position:absolute; left:0;top:0; background:rgba(0, 0, 0, 0.4);webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.csae-box .case-p-bg  * { webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out;}
.csae-box .case-p{ width:100%; height:40px;position: absolute;  left:50%; top:50%; margin-left:-50%; margin-top:25px; color:#FFF;text-align: center; line-height:30px;}
.csae-box .case-p p { font-size:14px; }
.csae-box .case-p h3 { font-size:12px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.csae-box:hover .case-p-bg { background:rgba(0, 0, 0, 0.8);}
.csae-box:hover .case-p { margin-top:-20px; text-align:center}
.csae-box:hover .case-p p { font-size:16px; }
.csae-box:hover .case-p h3 {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
@media(min-width:768px) {
.csae-box .case-p {margin-top:55px; line-height:40px;height:70px; }
.csae-box .case-p p { font-size:16px; }
.csae-box .case-p h3 { font-size:16px; }
.csae-box:hover .case-p { margin-top:-35px; text-align:center}
.csae-box:hover .case-p p { font-size:24px; }
}
.service-box { text-align:center; padding:0 5px; cursor:pointer;background:#FFF ; margin-top:30px; }
.service-box * {webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.service-box .service-box-t { padding:40px 5px }
.service-box.service-boxa .service-box-t { background:#f1f1f1}
.service-box .service-box-t h2{ font-size:15px; color:#000; line-height:36px; letter-spacing:1px; margin-top:20px}
.service-box .service-box-b{ height:20px; line-height:20px;  filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  }
.service-box .service-box-b h3{ font-size:14px; color:#b7b7b7 }
.service-box .service-box-b p{ font-size:10px; color:#b7b7b7 ; padding:0 20px;}
.service-box:hover{background:#980610 ; } 
.service-box:hover .service-box-t h2{ color:#FFF}
.service-box:hover .service-box-t h2 { font-size:18px;   }
.service-box:hover .service-box-b { height:50px; margin-top:-30px;  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.service-box .pic { width:100px; height:100px; margin:0 auto; overflow:hidden}
.service-box .pic img{ width:200px; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.service-box:hover .pic img { margin-left:-100px;  }
@media(min-width:768px) {
.service-box .service-box-t h2{ font-size:16px; letter-spacing:4px;}
.service-box .service-box-b { line-height:24px;}
.service-box .service-box-b p{ font-size:10px; padding:0  }
}
@media(min-width:992px) {
.service-box .service-box-t h2{ font-size:18px; letter-spacing:6px;}
.service-box .service-box-b { line-height:32px;}
.service-box .service-box-b p{ font-size:12px; }
}
.about .about-p{ padding:0px 0 0; font-size:14px; line-height:32px;}
.about-box { margin-top:50px; text-align:center}
.about-box .num{ font-size:60px; color:#980610 }
.about-box p{ font-size:14px; color:#000000  }
@media(min-width:768px) {
.about  { text-align:center;}
.about .about-p{ font-size:16px;padding:30px 0 0; }
.about-box .num{ font-size:70px;}
.about-box p{ font-size:16px;}
}
@media(min-width:992px) {
.about-box .num{ font-size:80px;}
.about-box p{ font-size:18px;}
}
.tijiao { background:#e9eaf4; padding:50px 0; }
.tijiao p { font-size:18px; color:#2a2a2a; line-height:32px; font-weight:bold; letter-spacing:10px;}
.tijiao span { display:block; font-size:14px; color:#646464; line-height:32px; letter-spacing:2px; }
.tijiao p,.tijiao span { text-align: center}
.tijiao form{ margin-top:20px; text-align:center}
.tijiao form input { display:inline-block; height:42px; font-size:14px; border:none; margin-top:20px }
.tijiao form input.text{ background:#dddee8; width:90%; padding:5px 10px; color:#000;}
.tijiao form input.btn{ background:#6e6f73; width:90%; text-align:center; color:#FFF; letter-spacing:5px; cursor:pointer;-moz-transition: all 2s ease; -webkit-transition: all 2s ease; transition: all 2s ease;}
.tijiao form input.btn:hover {background:#980610; color:#FFF;  }
.tijiao a { display: block; width:100%; max-width:240px; height:46px; background:#980610; text-align:center; line-height:46px;   border-radius:25px; margin:30px auto 0}
.tijiao a span { display:inline-block;font-size:16px; margin:0 4px }
.tijiao a span:nth-child(1) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}

.tijiao a span:nth-child(2) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}

.tijiao a span:nth-child(3) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}

.tijiao a span:nth-child(4) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}

.tijiao a span:nth-child(5) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}

.tijiao a span:nth-child(6) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}

@keyframes blink {
  33% {
    color: #FFF;
  }
  66% {
    color: #FFF;
  }
  }
 @media(min-width:768px) {
.tijiao form input,.h-captcha {margin:11px 0 0 10px; float:left;}
.tijiao form input.text{width:120px; } 
.tijiao form input.btn {  width:120px; }

}
@media(min-width:992px) {
.tijiao form,.tijiao p,.tijiao span { text-align:left}
.tijiao form{ margin-top:0px;}
.tijiao a{margin:9px auto }
}
.site-footer { padding:80px 0 100px; background:#f5f5f5; line-height:28px;}
.site-footer .footer-titile{ font-size:18px; color:#000; font-weight:bold; line-height:56px;}
.site-footer .add { font-size:16px; margin-bottom:30px;}
.site-footer .copyright,.site-footer .copyright a { font-size:14px; color:#000}
ul.weixin{text-align:center;}
ul.weixin li { display:inline-block}
ul.weixin li .erweima-box { font-size:14px; text-align:center; margin:20px 0px 0 0px;}
 ul.weixin.weixina li .erweima-box {margin:0px;}
 ul.weixin.weixina li .erweima-box img {width:150px;}
@media(min-width:768px) {
  ul.weixin li .erweima-box {margin:20px 10px 0 10px;}
 ul.weixin.weixina li .erweima-box {margin:0px;}
 ul.weixin.weixina li .erweima-box img { width:100px; }
}
@media(min-width:992px) {
ul.weixin{text-align: left;}
 ul.weixin li .erweima-box {margin:20px 20px 0 20px;}
 ul.weixin.weixina li .erweima-box {margin:0px;}
}
 #scrollWrap{width:100%;height:144px;overflow:hidden;}
#scrollMsg li{ height:36px;line-height:36px;overflow:hidden;} 
#scrollMsg li a {font-size:14px; color:#969896; }

.service { background:#fff; padding: 40px  0}
.service.servicea { background:#f4f4f4; }
.service { }
.service h2{ font-size:22px; color:#980610; font-weight:bold }
.service p{ font-size:14px; line-height:28px; margin:20px 0 }
.service .box-s { margin:10px 0px; border:solid 1px #d5d5d5; font-size:14px; color:#666; line-height:36px; height:36px; border-radius: 15px; text-align:center; cursor:pointer }
.service .box-s:hover { border:solid 1px #980610; color:#333}
@media(min-width:768px) {
.service {padding:80px 0 }
}
@media(min-width:992px) {
.service {padding:80px 0 }
.service.servicea h2,.service.servicea p { text-align:left}
.service h2{font-size:30px;}
.service p{ font-size:16px; }
}
.service .pic { background:#f6f6f6; width:240px; height:240px; margin:0 auto; border-radius:50%; cursor:pointer }
.service.servicea .pic { background:#fff;}
.service .pic img{ width:100px; margin:70px; -webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out;}
.service .pic:hover img{transform:rotate(360deg);  
            -moz-transform:rotate(360deg);  
            -webkit-transform:rotate(360deg);  
            -o-transform:rotate(360deg);   
 }
.wiki-box a { display:block; border-bottom:solid 1px #eeeeee; padding:30px 0; margin:0 30px;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.wiki-box a h2 { font-size:18px; color:#000;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.wiki-box a p{ font-size:14px; color:#646464; line-height:24px; margin-top:10px}
.wiki-box a:hover { border-bottom:solid 1px #980610}
.wiki-box a:hover h2 {color:#980610}
.pagenavi { margin-top:50px; text-align:center }
.pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#7d7d7d; border:solid 1px #7d7d7d; border-radius:4px; margin:0 10px; padding:3px 8px; }
.pagenavi span.pages { }
.pagenavi span.current,.pagenavi a:hover { background:#980610; border:solid 1px #980610; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }
.art .art-title {  font-size:18px; color:#4d4d4d; text-align:center ; }
.art .time { font-size:14px; color:#999; text-align:center; margin:20px 0}
.art .art-content {font-size:16px; color:#4d4d4d; line-height:32px; padding:0 0 50px;}
@media(min-width:768px) {
.art .art-title {  font-size:24px; }
}
 
.sx-box { border-top:solid 2px #980610; padding:10px 0;margin-top:10px; }
.sx-box a {font-size:14px; color:#646464;line-height:24px; color:#646464;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.sx-box  li a:hover { color:#980610;}
.contact-box { margin-bottom:50px; }
.contact-box .tit { font-size:24px; color:#000; font-weight:bold; margin-bottom:20px; }
.contact-box .tit.tita { font-size:36px; letter-spacing:10px; }
.contact-box p{ font-size:12px; line-height:24px; }
.contact-box p.p-a { font-size:15px; line-height:22px;}
.contact-box p a { display: block; width:140px; height:36px; background:#980610; text-align:center; line-height:36px;   border-radius:25px; margin:20px  0  0; color:#fff} 
.contact-box p.tel a { background:#dddddd; color:#676767; margin:20px  auto  0; }
/* 侧边悬浮导航 */
.right_nav{ display:none}
@media only screen and (min-width: 768px) {
.right_nav{ display: block}
}
.right_nav{ right: 10px; top:500px; position:fixed; text-align:left;overflow: hidden;z-index:999;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.5); border-radius: 6px;  }
.right_nav li{ cursor:pointer;position:relative; right: 0px; width:68px; height:64px; background:#fff; padding:10px 0 0; text-align:center; border: solid 1px  #F5F5FB; border-bottom:none  }
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between; width:20px; height:20px; margin:0 auto}
.right_nav li:nth-child(1) { background:#ad0023;border:none}
.right_nav li:nth-child(1) .iconBox-tit {font-size: 16px; color: #fff;line-height: 22px;}
.right_nav li .iconBox img{width: 100%;}
.right_nav li p {font-size: 12px;color: #909097; line-height:30px;}
.right_nav li:last-child .iconBox { margin:12px auto }
 
.right_nav li .hideBox{display: none;position: absolute;right:62px; top:-20px;z-index: 999;  padding-right:12px; }
.right_nav li .hideBox .hideBox-tel{background-color: #fff;  padding: 10px 20px;border-radius: 4px;box-sizing: border-box;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);width: 125px;
min-height: 64px; text-align:left;color: #202131; position:relative }
.right_nav li .hideBox .hideBox-tel p {font-size: 12px; color: #202131; line-height:28px; border-bottom: solid 1px  #F5F5FB; }
.right_nav li .hideBox .hideBox-tel::after{content: "";display: block;position: absolute;top: 50%;right: -12px;transform: translate(0,-50%);border-width: 6px;border-color: transparent transparent transparent #fff;border-style: solid;}
 
.right_nav li .hideBox .hideBox-wechat { top:-48px; width:160px;height:160px; }
.right_nav li .hideBox .hideBox-wechat img { width:140px;}
.right_nav li .hideBox .hideBox-wechat::after {top: 60%; }