@charset "utf-8";
/* CSS Document */
*, *::before, *::after {box-sizing:border-box;}
* { margin:0px;  padding:0px;font-family:黑体;}
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:link {text-decoration:none}
.clear {clear:both;} 
.mt25 { margin-top:15px;}
.mt50 { margin-top:25px;}
.bai,.hui { padding:40px 20px}
.bai { background:#f5f5f5}
.hui { background:#162a4d}
@media(min-width:768px) {
.mt25 { margin-top:25px;}
.mt50 { margin-top:50px;}
.bai,.hui { padding:80px 10%}
}
 
@font-face {
  font-family: "iconfont"; /* Project id 4647539 */
  src: url('//at.alicdn.com/t/c/font_4647539_vtg4v9efgtp.woff2?t=1738856381377') format('woff2'),
       url('//at.alicdn.com/t/c/font_4647539_vtg4v9efgtp.woff?t=1738856381377') format('woff'),
       url('//at.alicdn.com/t/c/font_4647539_vtg4v9efgtp.ttf?t=1738856381377') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fuwuqianquan:before {
  content: "\e6e0";
}

.icon-xingnengyouhua:before {
  content: "\e62c";
}

.icon-fuwuqijiankong:before {
  content: "\e6d6";
}

.icon-beikongshuiwupingtaimenhu-tubiao_shujukuzhongjianjianfuwu:before {
  content: "\e62d";
}

.icon-fuwuqiqianyi:before {
  content: "\e769";
}

.icon-fuwuqiguzhang:before {
  content: "\e669";
}

.icon-fanghuoqiang:before {
  content: "\e835";
}

.icon-mumachasha:before {
  content: "\e607";
}

.icon-yingjixiangying:before {
  content: "\eb89";
}

.icon-quanxianpeizhi:before {
  content: "\e62b";
}

.icon-anquanyouhua:before {
  content: "\e9d9";
}

.icon-anquanjiagu:before {
  content: "\e796";
}

.icon-BUG:before {
  content: "\e61a";
}

.icon-fuwuqiweihu:before {
  content: "\e600";
}

.icon-liulanqi:before {
  content: "\e606";
}

.icon-wangzhanjiagou:before {
  content: "\e720";
}

.icon-tongyong-wangzhan-qianyi1:before {
  content: "\e72e";
}

.icon-neirongfabu:before {
  content: "\e620";
}

.icon-anquanweihu:before {
  content: "\e605";
}

.icon-wangzhanweihu:before {
  content: "\e763";
}

.icon-xiufu:before {
  content: "\e6ed";
}

.icon-duihao:before {
  content: "\e616";
}

.icon-chahao:before {
  content: "\e697";
}




 
#topNavWrapper {width: 100%;height: 156px;margin: 0px auto;z-index:100;_position: relative;_top:0px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
#topNav {width:100%;display: block;z-index: 100;overflow: visible;position: fixed;top: 0px; 
_position: absolute; _top:expression(documentElement.scrollTop + "px");	background:#FFF;height:156px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}

#topNavWrappera{width: 100%;height: 100px;margin: 0px auto;z-index:100;_position: relative;_top:0px; }
#topNava {width:100%;display: block;z-index: 100;overflow: visible;position: fixed;top: 0px; 
_position: absolute; _top:expression(documentElement.scrollTop + "px");height:100px; }
#topNavWrappera.topNavWrapperwa,#topNava.topNavwa { background:rgba(21, 107, 255, 0.8);border-bottom:solid 1px rgba(21, 107, 255, 0.8);-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }

#topNavWrapper.topNavWrapperw .btn a:hover .btn-bg { width:100% }
.head {padding:20px 20px; background:#156bff; }
.heada {padding:20px 20px;}
.head .headl,.heada .headla { float: left}
.head .headr { float:right}
.head .slogo,.heada .slogo { margin-left:20px;}
.head  h1,.heada  h1{font-size: 26px; color:#FFF;line-height: 56px; font-weight:bold }
.heada  h1 { color:#4f4f4f}
.head .headr { display:none;margin:8px 0px}
.logo img,.logo-color img { height:56px;}
.logo-color { float:left}
#topNavWrapper.topNavWrapperw,#topNav.topNavw{ height:66px; }#topNavWrappera.topNavWrapperwa,#topNava.topNavwa{ height:56px;  }
#topNavWrapper.topNavWrapperw .head,#topNavWrappera.topNavWrapperwa .heada{ padding:10px 20px; }
#topNavWrapper.topNavWrapperw .head .headr {   margin:10px 0px}
#topNavWrapper.topNavWrapperw .head  h1,#topNavWrappera.topNavWrapperwa .heada  h1 { font-size: 24px;line-height: 36px;  }
#topNavWrapper.topNavWrapperw .head .logo img,#topNavWrappera.topNavWrapperwa .heada .logo-color img { height:36px; }

.nav { margin-top:5px}
#topNavWrappera.topNavWrapperwa .nav { margin-top:0px}

.btn a { position:relative; display:block;width: 100px;height: 36px; border:solid 2px #FFF;border-radius: 6px; overflow:hidden}
.btn a span{ display:block; width:100%;position:absolute; left:0px; top:0; font-weight: 500;font-size: 16px;color: #fff;line-height: 36px; text-align:center }
.btn a .btn-bg{ position:absolute; left:0; top:0;  width: 0px;height: 32px;background: #FFF;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.btn.btna a .btn-bg,.btn.btnb a .btn-bg,.btn.btnc a .btn-bg {background: #156bff;}
.btn a:hover .btn-bg { width:100% }
.btn a:hover span{ color:#156bff}
.btn.btnb a,.btn.btnc a {margin:45px auto 0}
.btn.btnb a span{ color:#156bff}
.btn.btnb a{border:solid 2px #156bff; }
.btn.btna a:hover span,.btn.btnb a:hover span,.btn.btnc a:hover span{ color:#FFF}
@media(min-width:768px) {
#topNavWrapper,#topNav { height:160px; }
#topNavWrappera,#topNava { height:160px; }
.btn a {width: 160px;height: 46px;}
.btn a span {font-size: 18px;line-height: 46px; }
.btn a .btn-bg {width: 0px;height: 42px;}
.head,.heada { padding:40px 50px; }
.head .slogo,.heada .slogo { margin-left:40px;}
.head  h1,.heada  h1 { font-size: 48px;line-height: 60px;  }
.head .headr { display:block;margin:15px 0px}
.logo img { height:76px; }
#topNavWrapper.topNavWrapperw,#topNav.topNavw,#topNavWrappera.topNavWrapperwa,#topNava.topNavwa{ height:66px; }
#topNavWrapper.topNavWrapperw .btn a {width: 100px;height: 40px;}
#topNavWrapper.topNavWrapperw .btn a span { left:0px;font-size: 16px;line-height: 40px; }
#topNavWrapper.topNavWrapperw .btn a .btn-bg {width:0px;height: 40px;}
#topNavWrapper.topNavWrapperw .head,#topNavWrappera.topNavWrapperwa .heada{ padding:10px 50px; }
#topNavWrapper.topNavWrapperw .head .slogo { margin-left:30px;}
#topNavWrapper.topNavWrapperw .head  h1,#topNavWrappera.topNavWrapperwa .heada  h1 { font-size: 32px;line-height: 46px;  }
#topNavWrapper.topNavWrapperw .head .logo img,#topNavWrappera.topNavWrapperwa .heada .logo-color img { height:46px; }
}


.city-banner .city-text { padding:35px 20px 75px 20px; }
.city-banner .city-text h1 { font-weight: 800;font-size: 30px; color:#FFF;line-height: 72px;}
.city-banner .city-text h1 span{color: #156bff; } 
.city-banner .city-text .btna { width:100% }
.city-banner .city-text .business {font-weight: 200;font-size: 18px;color: #FFF; line-height: 30px;margin:20px 0 30px}
@media(min-width:768px) {
.city-banner .city-text { padding:70px 266px 150px 200px; }
.city-banner .city-text h1 { font-size: 54px; line-height: 72px;}
.city-banner .city-text .btna { width:auto }
}
.tit { color:#202538; text-align:center; }
.tit h2 { font-size:30px; }
.tit p { font-size:16px; margin-top:10px; }
.tit.titb h2 { color:#FFF }
.tit.titb p { color:#b1bfd5 }
@media(min-width:768px) {
.tit { }
}
.service { margin-top:20px;}
.service ul{ display: flex;flex-wrap: wrap;}
.service ul li{ display:block; float:left;width:calc((100% - 20px) /2) ; margin-top:20px;margin-right:20px; background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(181, 189, 201, 0.5);border: 2px solid #FFFFFF; border-radius: 12px;overflow:hidden }
.service ul li { padding:10px;}
.service ul li:nth-child(2n)  {margin-right:0px }
.service ul li .icon{ margin-bottom:20px; text-align:center;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;  }
.service ul li .icon i {  font-size:36px; color:#156bff;}
.service ul li .text { width:80%; margin:0 auto; text-align:center;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.service ul li .text h3{ font-size:16px; line-height:2}
.service ul li .text p{ font-size:14px; color:#676767 }
.service ul li:hover {background: url(../img/pic7.png) no-repeat center/cover;box-shadow: 0px 2px 10px 8px rgba(200, 218, 248, 0.5);border: 1px solid #3780FD;}
.service ul li:hover .icon{transform: translateY(-15px);}
.service ul li:hover .text {transform: translateY(-50px);}
.service ul li:hover .text h3,.service ul li:hover .text p {color:#156bff;}
@media(min-width:768px) {
.service ul li {width:calc((100% - 80px) /3) ; margin-right:40px;margin-top:40px;}
.service ul li { padding:50px;}
.service ul li:nth-child(2n)  {margin-right:40px }
.service ul li:nth-child(3n)  {margin-right:0px }
.service ul li .icon{ margin-bottom:40px; }
.service ul li .icon i {  font-size:66px; }
.service ul li .text h3{ font-size:24px; }
.service ul li .text p{ font-size:16px; }
}
@media(min-width:996px) {

}
@media(min-width:1200px) {

}
@media(min-width:1360px) {

}
@media(min-width:1440px) {

}
@media(min-width:1680px) {

}

.process { margin-top:40px}
.process ul li {display:block; float:left;width:calc((100% - 10px) /2) ; margin-right:10px;margin-top:10px; background: #218EFF; border:1px solid #34A0FF; border-radius:10px; position:relative;overflow:hidden}
.process ul li:nth-child(2n)  {margin-right:0 }
.process ul li .licon {padding:10px;}
.process ul li .icon { float:left; width:40px; height:40px; position:absolute; overflow:hidden }
.process ul li .icon img {width:40px; position:absolute; left:0; top:0px;  transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.process ul li .text { float:right;width:calc((100% - 46px) ) ; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.process ul li .text h2{font-weight: bold;font-size: 16px;color: #fff; line-height: 44px; text-align:center}
.process ul li:hover { background:#FFF}
.process ul li:hover .text h2 { color:#218EFF}
.process ul li:hover .icon img {transform: translateY(-40px);}
@media(min-width:768px) {
.process { margin-top:80px}
.process ul li { width:calc((100% - 60px) /7) ; margin-right:10px;margin-top:20px; }
.process ul li:nth-child(2n)  {margin-right:10px }
.process ul li:nth-child(7)  {margin-right:0 }
.process ul li .text h2 { font-size:18px;}
}
.related-services {margin-top:25px; }
.related-services ul li { display:block; float:left; width:calc((100% - 10px) /2) ;margin-right:10px;margin-top:10px;background:#218EFF;border: 1px solid  #34A0FF;border-radius:10px;  position: relative;
	overflow: hidden; }
.related-services ul li:nth-child(2n)  {margin-right:0}
.related-services ul li .icon { float:left;  width:48px; height:48px; position:absolute; overflow:hidden}
.related-services ul li .icon img{ width:48px;  position:absolute; left:0; top:0px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;animation: rotatea 0.3s linear;}
.related-services ul li:hover { background:#f8eff5 }
.related-services ul li:hover img{transform: translateY(-48px);}

 @keyframes rotate { 
 
 0% {
	 transform: rotate(0deg);
	 }
 100% {
			  transform: rotate(360deg);
			  }
			  
			  }
 @keyframes rotatea { 
 
 0% {
	 transform: rotate(360deg);
	 }
 100% {
			  transform: rotate(0deg);
			  }
			  
			  }
		
.related-services ul li .text { float:right; width:calc((100% - 68px) ) ; font-size: 12px;line-height: 48px; color:#FFF; }
.related-services ul li:hover .text { color:#218EFF }
@media(min-width:768px) {
.related-services {margin-top:50px; }
.related-services ul li { width:calc((100% - 60px) /7) ;}
.related-services ul li:nth-child(2n)  {margin-right:10px}
.related-services ul li:nth-child(7n)  {margin-right:0}
.related-services ul li .icon { }
.related-services ul li .icon img{  }
.related-services ul li .text { font-size: 16px;}
}

.why { margin-top:25px; }
.why .why-pic img { width:100%}
.why ul li { display:block; float:left; width:calc((100% - 20px) /3) ;margin-right:10px;margin-top:10px;background: linear-gradient(to right, #469CFF,#855AEE);backdrop-filter: blur(2px);
border-radius: 0px 10px;text-align:center; padding:15px 0;color: #FFFFFF; position:relative;   
}
.why ul li:nth-child(3n)  {margin-right:0}
.why ul li .num { font-size: 24px;line-height: 52px;font-weight: 800;}
.why ul li p { font-size: 12px; line-height:28px;font-weight: 400;}
.why ul li .li-bg { width:0; height:100%;border-radius: 0px 10px;background:#ff4998; position:absolute; left:0; top:0; z-index:-1; overflow:hidden;  transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} 
.why ul li:hover .li-bg { width:100% }
@media(min-width:768px) {
.why { display: flex;flex-wrap: wrap;}
.why .why-pic,.why .why-text {width:calc((100% - 20px) /2) ;}
.why .why-text { margin-left:20px;} 
.why ul li .num { font-size: 32px;line-height: 64px;}
.why ul li p { font-size: 14px; line-height:36px;}
}

.client {margin-top:25px; }
.client ul li { display:block; float:left; width:calc((100% - 10px) /2) ;margin-right:10px;margin-top:10px;background: #FFF8FD;border: 1px solid #ECECEC; text-align:center; padding:20px 0;position: relative;
	overflow: hidden; }
.client ul li:nth-child(2n)  {margin-right:0}
.client ul li img { width:160px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; }
.client ul li:hover img {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);  }
@media(min-width:768px) {
.client {margin-top:50px; }
.client ul li {width:calc((100% - 40px) /5) ; }
.client ul li:nth-child(2n)  {margin-right:10px}
.client ul li:nth-child(5n)  {margin-right:0}
.client ul li img { width:200px;}
}

.wiki{ margin-top:20px;}
.accordion {width: 100%; margin-top:32px;}
.accordion li { display: block;margin:10px 0; position:relative}
.accordion .link {cursor: pointer;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; background:#FFF; padding:10px 15px }
.accordion .link .link-or {font-size: 14px; color: #4f4f4f;  }
.accordion li i {position: absolute;right: 5px;top:5px;font-size: 28px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion .link-zk {display: none; background:#FFF; padding:0px 15px 10px;font-size: 12px; line-height:24px; color:#6e6e6e; text-align:justify}
.accordion li.open .link { }
.accordion li.open .link .link-or { font-weight: bold}
.accordion li.open i{ color:#c70000;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
@font-face {
  font-family: 'iconfont';  /* Project id 4042662 */
  src: url('//at.alicdn.com/t/c/font_4042662_29ghkmf6to5.woff2?t=1682582836271') format('woff2'),
       url('//at.alicdn.com/t/c/font_4042662_29ghkmf6to5.woff?t=1682582836271') format('woff'),
       url('//at.alicdn.com/t/c/font_4042662_29ghkmf6to5.ttf?t=1682582836271') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}@media(min-width:768px) {
.wiki{ margin-top:50px;} 
.accordion .link{ padding:15px 60px }
.accordion .link-zk { padding:0px 60px 15px }
.accordion li i {right: 60px; top:10px;}
.accordion .link .link-or {font-size: 16px;  }
.accordion .link-zk {font-size: 14px; }
}
.area-list { margin-top:25px;}
.area-list ul li {display:block; float:left; width:auto;margin-right:10px;margin-top:10px; text-align:center}
.area-list ul li a { display:block;font-weight: 400;font-size: 14px;color: #000000;line-height: 32px; background: #FFF;border: 1px solid #c4c4c4; padding:0 10px; border-radius:16px;}
.area-list ul li.current-menu-item a,.area-list ul li a:hover { background: #ff4998;border: 1px solid #ebebeb; color:#FFF}
.area-list ul li:nth-child(1)  a,.area-list ul li:nth-child(1).current-menu-item  a,.area-list ul li:nth-child(1)  a:hover {background: #156bff;border: 1px solid #156bff;color: #FFF;}
@media(min-width:768px) {
.area-list { margin-top:50px;}
.area-list ul li a {font-size: 16px;line-height: 40px;padding:0 20px;  border-radius:20px;}
}
.footer { background:#161b27; font-weight: 400;font-size: 14px;color:#848996;line-height: 26px; }
.footer .footer-l img{ width:100%; max-width:200px; text-align:center}
.footer .footer-bottom { margin-top:15px; padding-top:15px; border-top:solid 1px #FFFFFF; text-align:center}
.footer .footer-bottom a {color:#FFF; display:block}
@media(min-width:768px) {
.footer {font-size: 16px; line-height: 30px;}
.footer .footer-l { float:left; width:200px; }
.footer .footer-r {float:right; width:calc((100% - 260px) ) ; }
.footer .footer-r .footer-info{margin-top:15px;}
.footer .footer-bottom { text-align:left; font-size:14px; color:#bbb;}
.footer .footer-bottom a {display:inline-block; margin-left:20px;  color:#bbb;}
}
.article-title { font-size: 24px;color: #000; line-height:36px; text-align:center; margin:25px 0;border-bottom: 1px solid #BDBDBD; padding-bottom:10px; font-weight:bold }
.entry-content,.shangxia li { font-size:14px; color:#000; line-height:28px;}
.shangxia {border-top: 1px solid #979797; margin-top:20px; padding-top:10px;}
.shangxia li { }
.shangxia li a { display:block; color:#000; font-weight:bold}
.shangxia li a img { display:inline-block; vertical-align:middle; width:22px;}
.shangxia li:nth-child(1) a img,.shangxia li:nth-child(2) a img.m { margin-right:10px;}
.shangxia li:nth-child(2) a img.pc { margin-left:10px;}
.shangxia li:nth-child(2) a img.pc { display:none}
.shangxia li a:hover { color:#156bff}
@media(min-width:768px) {
.article-title { font-size: 48px;line-height:58px;margin:55px 0;padding-bottom:30px; }
.entry-content,.shangxia li {font-size:16px;line-height:40px; }
.shangxia {margin-top:40px; padding-top:20px; }
.shangxia li a img { width:36px; }
.shangxia li:nth-child(1) { float: left; }
.shangxia li:nth-child(2) { float:right; }
.shangxia li:nth-child(2) a img.pc { display: inline-block}
.shangxia li:nth-child(2) a img.m { display:none}
}
.city-list-box { background:#FFF; margin:0px 0 0px; padding:10px 10px 0; line-height:28px; border-radius:10px;}
.city-list { padding:10px 0 }
.city-list  .zimu{ font-size:14px; color:#FFF; font-weight:bold; width:50px; background:#156bff; text-align:center; margin-bottom:10px;border-radius:6px; }
.city-list  .city-lista {float:left; width:100%;  }
.city-list  .city-lista ul li { float:left; margin:0 10px 10px 0; font-size:14px; border:1px solid #efe9e9; border-radius:6px;  width:calc((100% - 40px) /3);}
.city-list  .city-lista ul li a{ display:block; color:#232323; text-align:center}
.city-list  .city-lista ul li a:hover{ color:#156bff; text-decoration:underline}
.city-list  .city-lista ul li.h a{ color:#156bff; text-decoration:underline }
.city-list  .city-lista ul li.h a:hover{ font-weight:bold; }
@media screen and (min-width: 768px) {
.city-list  .zimu {font-size:16px; color:#777;width:70px;float:left; background:none; text-align:left;border-radius:0px; }
.city-list  .zimu span { display:block; width:30px; height:30px;border-radius:15px; background:#156bff;color:#FFF; text-align:center; line-height:30px;}
.city-list  .city-lista {width:calc((100% - 70px) /1); }
.city-list  .city-lista ul li {margin:0 15px 15px 0; font-size:15px; border:none; width:auto;border-radius:0px;  }
.city-list-box {margin:30px 0 0px; padding:25px 50px 0; line-height:32px;  }
}
@media screen and (min-width: 996px) {
.city-list  .zimu {font-size:18px; width:80px;  }
.city-list  .city-lista {width:calc((100% - 80px) /1);}
.city-list  .city-lista ul li {margin:0 20px 20px 0; font-size:16px;  }
.city-list-box {margin:50px 0 0px; padding:30px 60px 0; line-height:36px;  }
}
.a1w { width:30px; height:100%; position:fixed; top:0; right:10px;}
.a1 {height:100%;position:relative;}
.b1{ position: absolute; left:50%; top:50%; margin-left:-15px; margin-top:-270px; width:30px; height:540px; background:#eeeeee;border-radius:15px; padding:10px 0}
.tab { }
.tab-hd {overflow:hidden;zoom:1;}
.tab-hd li a{display:block; text-align:center; margin:6px 0; font-size:16px;color:#2a2366; height:16px; line-height:16px;}
.tab-hd li.active a{ color:#156bff;}
@media screen and (min-width: 768px) {
.a1w { display:none}
}
 /* 侧边悬浮导航 */
.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:2;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:#156bff;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%; }

@import url(http://fonts.useso.com/css?family=Raleway:200,500,700,800);
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?rretjt');
	src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),
		url('../fonts/icomoon.woff?rretjt') format('woff'),
		url('../fonts/icomoon.ttf?rretjt') format('truetype'),
		url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.showNavw { overflow:hidden}
.nav { float:right;/*position: relative;width: auto;display: inline-block;border: none;*/ }
.btn-nav {/*position: fixed;top: 16px;right: 10px;*/background: transparent;border: none; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999; position:relative}
.btn-nav:focus {outline: 0;}
.icon-bar {display: block;margin: 6px 0;width: 40px;height: 5px;background-color: #FFF;}
.btn-nav:hover .icon-bar {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;/*background-color: #EF177E;*/}
.nav-content {position: fixed;top: -100%;bottom: 0;left: 0;right: 0;background: #000000;display: block;height: 100%;z-index: 9;}
.nav-content .menu-area-container,.nav-content .menu-menu-container {list-style: none;padding: 0 20px;position: relative;top: 30%;}.nav-tit {margin: 0 20px; top:20%}
.nav-content .menu li {display:block; float:left; width:auto;margin-right:5px;margin-top:5px; text-align:center }
.nav-content .menu li a {display:block;font-weight: 400;font-size: 14px;color: #000000;line-height: 32px; background: #FFF;border: 1px solid #c4c4c4; padding:0 10px; border-radius:16px;}
.nav-content .menu li:nth-child(1)  a {background: #ebebeb;border: 1px solid #ebebeb;  }
.nav-content .menu li.current-menu-item a,.nav-content .menu li a:hover { background: #156bff;border: 1px solid #156bff; color:#FFF}
@media screen and (min-width: 768px) {
/*.btn-nav {top: 50px;right: 40px; }*/
.nav-content .menu-area-container,.nav-content .menu-menu-container{ padding:0 200px}.nav-tit {margin: 0 200px;}
.nav-content .menu li {margin-right:10px;margin-top:10px; }
.nav-content .menu li a { font-size: 16px;line-height: 40px;  padding:0 20px; border-radius:20px;}
}

.nav-tit { font-weight: 800;font-size: 22px;color: #FFF;line-height: 56px; /*background:url(../img/bg-tit.png) left top no-repeat*/ position:relative }
.nav-tit::before {content: "";display: block;height: 6px; width: 86px;background-color:#156bff;position: absolute; left:0px; border-radius:3px 0 0 3px ;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.nav-tit em { color: #156bff; font-style:normal}
.nav-tit span { display:inline-block;position:relative}
.nav-tit span::before {content: "";display: block;height: 6px; width: 40px;background-color:#FFF;position: absolute; left:86px; border-radius: 0 3px 3px 0 ;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.nav-tit:hover span::before { width:calc((100% - 86px) ) }
@media(min-width:768px) {
.nav-tit { font-size: 32px;line-height: 80px; }
}

.animated {display: block;margin: 0 auto;}
.animated:hover .icon-bar,.animated:focus .icon-bar{background-color: #FFF;}
.animated:focus {cursor: pointer;z-index: 9999;}
.middle {margin: 0 auto;}
.icon-bar {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
.animated .icon-bar {z-index: 999999;background-color: #156bff;}
.animated .top {-webkit-transform: translateY(10px) rotateZ(45deg);-moz-transform: translateY(10px) rotateZ(45deg);-ms-transform: translateY(10px) rotateZ(45deg);-o-transform: translateY(10px) rotateZ(45deg);transform: translateY(10px) rotateZ(45deg);}
.animated .bottom {-webkit-transform: translateY(-11px) rotateZ(-45deg);-moz-transform: translateY(-11px) rotateZ(-45deg);-ms-transform: translateY(-11px) rotateZ(-45deg);-o-transform: translateY(-11px) rotateZ(-45deg);transform: translateY(-11px) rotateZ(-45deg);}
.animated .middle {width: 0;}
@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
.showNav {-webkit-animation: showNav .5s ease forwards;-moz-animation: showNav .5s ease forwards;-o-animation: showNav .5s ease forwards;animation: showNav .5s ease forwards;}
@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}
@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}
@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}
@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}
.hideNav { -webkit-animation: hideNav .5s ease forwards;-moz-animation: hideNav .5s ease forwards;-o-animation: hideNav .5s ease forwards;animation: hideNav .5s ease forwards;}
.hidden {display: none;}
.link-list { margin-top:25px;}
.link-list  a { display: inline-block;font-weight: 400;font-size: 12px;color: #b0b0b0;line-height: 24px; background: #fff; padding:0 10px; border-radius:12px;margin-right:10px;margin-top:10px;}
.link-list  a:hover {color: #a0a0a0; background:#e8e8e8}
@media(min-width:768px) {
.link-list { margin-top:50px;}
.link-list a {font-size: 14px;line-height: 32px;padding:0 20px;  border-radius:16px;}
}

.clientname {margin-top:25px; }
.clientname ul li{ display:block; float:left; width:calc((100% - 10px) /2);margin-right:10px; margin-top:10px; font-size:14px; color:#919191; line-height:28px;  border-radius:5px; border-bottom:solid 1px #f4f4f4}
.clientname ul li:nth-child(2n) { margin-right:0}
@media(min-width:768px) {
.clientname {margin-top:50px; }
.clientname ul li {width:calc((100% - 40px) /5);font-size:14px;line-height:36px; }
.clientname ul li:nth-child(2n) { margin-right:10px}
.clientname ul li:nth-child(5n) { margin-right:0}
}
.pictext { margin-top:25px;}
.pictext .pic,.pictext .text,.pictext .pic img { width:100%}
.pictext .text { margin-top:15px; font-size:14px; color:#787878;line-height:24px;}
@media(min-width:768px) {
.pictext { margin-top:50px;}
.pictext .pic { float:left; width: 300px}
.pictext .text{ float:right;width:calc((100% - 320px) /1); margin-top:0; font-size:16px; line-height:32px;}
}