@charset "utf-8";
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*::before, *::after {}
* {margin:0px;  padding:0px;box-sizing:inherit;}
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: block }
a {text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:link {text-decoration:none}
.clear {clear:both;}
.bai { padding:60px 0; background:#ffffff }
.hui { padding:60px 0; background:#f5f5f5 }
.warp { width:90%; max-width:1440px; margin:0 auto; overflow:hidden}
.transition{-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out; transition:All 0.2s ease-in-out;}
@media(min-width:768px) {
.bai,.hui { padding:100px 0}
.warp {  }
}
@font-face {
  font-family: "iconfont"; /* Project id 4636677 */
  src: url('//at.alicdn.com/t/c/font_4636677_v81r2wgu0un.woff2?t=1722317982808') format('woff2'),
       url('//at.alicdn.com/t/c/font_4636677_v81r2wgu0un.woff?t=1722317982808') format('woff'),
       url('//at.alicdn.com/t/c/font_4636677_v81r2wgu0un.ttf?t=1722317982808') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fuwuneirong:before {
  content: "\e627";
}
.icon-yingjiguanli:before {
  content: "\e71d";
}
.icon-jianrongxingceshi:before {
  content: "\e618";
}
.icon-a-lianxibushangbuguke3x:before {
  content: "\e610";
}
.icon-wangzhan:before {
  content: "\e6f5";
}
.icon-fuwuqi:before {
  content: "\e678";
}
.icon-a-jc_10jiaobenkaif2x:before {
  content: "\e613";
}
.icon-c:before {
  content: "\e619";
}
.icon-gongneng:before {
  content: "\e84a";
}
.icon-anquan:before {
  content: "\e8ab";
}
.icon-neirong:before {
  content: "\e600";
}
.icon-shoulu:before {
  content: "\e65c";
}
.icon-yunyingjingli-:before {
  content: "\e6c1";
}
.icon-fuwuqi1:before {
  content: "\e612";
}
.icon-xuqiugoutong:before {
  content: "\e715";
}
.icon-kefu:before {
  content: "\e624";
}
.icon-icon-test:before {
  content: "\e609";
}
.icon-bianmamingxi:before {
  content: "\e698";
}
.icon-a-xuandingbaojiaquerenbaojia1:before {
  content: "\e601";
}
.icon-3genghuanzhouqi:before {
  content: "\e646";
}
.icon-web:before {
  content: "\e68b";
}
.icon-sousuoyinqing:before {
  content: "\e676";
}
.icon-SEMjingjiatuoguan:before {
  content: "\e8b7";
}
.icon-24gl-newspaper:before {
  content: "\e8ae";
}
.icon-zhongtaitubiao-:before {
  content: "\e668";
}
.site-header {position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box; background:rgba(0, 0, 0, 0.3); /*box-shadow: 0 1px rgba(255,255,255,.2);*/padding:15px 0;}
.top .logo {float:left}
.top .logo img {height:32px; }
.top .zixuna {float:right}

.top .zixuna a,.zixun .zixunr a,.wiki .more a,.banner-text div.more a { display:block; width:100px; height:32px; font-size:14px; color:#FFF;text-align:center; line-height:32px; border:solid 1px #1b56d1; border-radius:16px; background:#1b56d1; -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative; 
	overflow: hidden;}
.wiki .more a { margin:30px auto 0}.zixun .zixunr a { margin:10px auto 0}
.top .zixuna a:hover,.zixun .zixunr a:hover,.wiki .more a:hover,.banner-text div.more a:hover { border:solid 1px #1b56d1; }


.button::before{
	content: '';
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 1;
	background-color: rgba(255,255,255,0.25);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(13%,190%) rotate(-30deg);
	transform: translate(13%,190%) rotate(-30deg);
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 1;
	background-color: rgba(255,255,255,0.25);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(-13%,-190%) rotate(-30deg);
	transform: translate(-13%,-190%) rotate(-30deg);
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button::before{
	-webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.button:hover::before, .button:hover::after{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}
@media(min-width:768px) {
.site-header {padding:15px 0;}
.top .logo img {height:42px;}
.top .zixuna a,.zixun .zixunr a,.wiki .more a,.banner-text div.more a { font-size:16px;width:132px; height:42px;line-height:42px; border-radius:21px; }
.wiki .more a { margin:50px auto 0}
}
@media(min-width:992px) {
.site-header {padding:25px 0;}
.top .logo img {height:52px;}
.top .zixuna a,.zixun .zixunr a,.wiki .more a,.banner-text div.more a {height:52px;line-height:52px; border-radius:26px; }
}
.banner{position: relative; height:60vh}
.swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide img { width:100%}
.banner .swiper-pagination-bullet {width: 42px;height: 4px;display: inline-block;border-radius: 100%;background: rgba(255, 255, 255, 0.6);margin: 0 7px; border-radius:0}
.banner .swiper-pagination-bullet-active { background:#FFF} 
.banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom:50px;}
.banner-nei { height:25vh; background:url(../img/banner-nei.jpg) center center no-repeat; background-size:cover;}
.banner-text {position:absolute;top:0;left:0;width:100%;height:100%;font-family: 华文细黑; padding-top:15vh}
.banner-text  h2 {font-size:22px;color:#fff;font-weight:400;opacity:0;filter:Alpha(opacity=0)}
.banner-text  p {font-size:14px; color:#bababa; margin-top:50px;opacity:0;filter:Alpha(opacity=0)}
.banner-text div.more a{ margin-top:50px;}
.swiper-slide-active .anim-1 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s}
.swiper-slide-active .anim-2 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s}
@media(min-width:768px) {
.banner-nei { height:30vh; }
.banner-text { padding-top:20vh}
.banner-text  h2 {font-size:26px;}
.banner-text  p {font-size:16px; }
}
@media(min-width:992px) {
.banner { height:80vh; }
.banner-nei { height:40vh; }
.banner-text { padding-top:25vh}
.banner-text  h2 {font-size:42px; font-weight:bold;}
.banner-text  p {font-size:18px; }
}

.index-t { width:100%; max-width:1200px; margin:0 auto}
.index-t h2{ font-size:24px; color:#000; text-align:center; font-weight:bold}
.index-t p { font-size:14px; color:#999; text-align:center; margin-top:20px;}
.problem,.whtg,.process,.solution,.about { margin-top:20px; }
.problem ul li,.whtg ul li,.solution ul li{margin:10px 10px 0 0;  }
.whtg ul li { margin-right:0}
.problem ul li .li-box,.whtg ul li .li-box,.solution ul li .li-box{ height:100%;padding:20px;border:solid 1px #f0f0f0;-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;}
.problem ul li:nth-of-type(2n),.whtg ul li:nth-of-type(3n),.solution ul li:nth-of-type(2n){margin-right:0}
.whtg ul li .li-box,.solution ul li .li-box{background:#fff;}
.problem ul li .icon i,.whtg ul li .icon i,.process ul li .icon i,.solution ul li .icon i  { font-size:32px; color:#1b56d1;}
.problem ul li .text h2,.whtg ul li .text h2,.process ul li .text h2,.solution ul li .text h2{ font-size:16px; line-height:32px; font-weight:bold; }
.problem ul li .text h2,.solution ul li .text h2 { margin:10px 0; }
.problem ul li .text p,.whtg ul li .text p,.solution ul li .text p{ font-size:12px; color:#979797;line-height:24px; }
.problem ul li:hover .li-box,.whtg ul li:hover .li-box,.solution ul li:hover .li-box{box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1); margin-top:-10px;  }
@media(min-width:768px) {
.index-t h2{ font-size:36px; }
.index-t p { font-size:16px; }
.problem,.whtg,.process,.solution,.about { margin-top:30px; }
.whtg ul{ display:flex}
.problem ul li,.whtg ul li,.solution ul li{margin:20px 20px 0 0;  }
.solution ul li:nth-of-type(2n){margin-right:20px}
.solution ul li:nth-of-type(3n){margin-right:0px}
.problem ul li .icon i,.whtg ul li .icon i,.process ul li .icon i,.solution ul li .icon i  { font-size:36px; }
.problem ul li .text h2,.whtg ul li .text h2,.process ul li .text h2,.solution ul li .text h2{ font-size:20px; }
.problem ul li .text p,.whtg ul li .text p,.solution ul li .text p{ font-size:15px; }
}
@media(min-width:992px) {
.problem,.whtg,.process,.solution,.about { margin-top:40px; }
.problem ul,.whtg ul,.solution ul { display:flex}
.problem ul li:nth-of-type(2n),.whtg ul li:nth-of-type(2n),.solution ul li:nth-of-type(3n) {margin-right:30px}
.problem ul li:nth-of-type(4n),.whtg ul li:nth-of-type(3n),.solution ul li:nth-of-type(5n) {margin-right:0}
.problem ul li,.whtg ul li,.solution ul li{margin:30px 30px 0 0;}
.problem ul li .li-box,.whtg ul li .li-box,.solution ul li .li-box{margin:0px 0px 0 0;padding:30px;}
.problem ul li .icon i,.whtg ul li .icon i,.process ul li .icon i,.solution ul li .icon i  { font-size:42px; }
.problem ul li .text h2,.whtg ul li .text h2,.process ul li .text h2,.solution ul li .text h2{ font-size:24px; }
}

.problem ul li { display:block; float:left; width:calc((100% - 10px) /2); text-align:center;  }
.problem ul li .icon { }
.problem ul li .text{ color:#333 }
@media(min-width:768px) {
.problem ul li { width:calc((100% - 20px) /2); }
}
@media(min-width:992px) {
.problem ul li { width:calc((100% - 90px) /4); }
}
.whtg ul li {width:100%; }
.whtg ul li .icon { float:left; width:36px; }
.whtg ul li .text,.whtg ul li .text.texta{ float:right;width:calc((100% - 42px) );}
.whtg ul li .text h2 { margin:0px 0 10px; }
@media(min-width:768px) {
.whtg ul li{display:block; float:left; width:calc((100% - 60px) /3);  }
}
@media(min-width:992px) {
.whtg ul li .icon {width:52px; }
.whtg ul li .text,.whtg ul li .text.texta{width:calc((100% - 72px) );}
.whtg ul li .text.texta { float: right}
}
.process ul li {display:block; float:left; width:calc((100% ) /3); margin:20px 0px 0 0; text-align:center; background:url(../img/bg-process.png) left 30px repeat-x}
.process ul li .icon { width:60px; height:60px; margin:0 auto 20px; border:solid 1px #1b56d1; border-radius:30px; background:#FFF;}
.process ul li .icon i {line-height:60px}
.process ul li:hover .icon  {animation:mymove 0.3s linear;	-webkit-animation:mymove 0.3s linear; /*Safari and Chrome*/}
@keyframes mymove
{
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100%{transform: rotate(360deg);}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
	0% { -webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(180deg);}
	100%{ -webkit-transform: rotate(360deg);}
}
@media(min-width:768px) {
.process ul li {width:calc((100% ) /6); margin:30px 0px 0 0; background:url(../img/bg-process.png) left 40px repeat-x }
.process ul li .icon { width:80px; height:80px; margin:0 auto 25px; border-radius:40px;}
.process ul li .icon i {line-height:80px}
}
@media(min-width:992px) {
.process ul li {background:url(../img/bg-process.png) left 50px repeat-x }
.process ul li .icon { width:100px; height:100px; margin:0 auto 30px; border-radius:50px;}
.process ul li .icon i {line-height:100px}
}
.solution ul li {display:block; float:left; width:calc((100% - 10px) /2); text-align:center}
.solution ul li .text h2 { position:relative; margin-bottom:35px;}
.solution ul li .text h2::after {content: "";display: block;height: 3px; margin-top:10px;width: 50px;background: #1b56d1;position: absolute; left:calc((100% - 50px) /2); bottom:-10px;}
@media(min-width:768px) {
.solution ul li {width:calc((100% - 40px) /3);  }
}
@media(min-width:992px) {
.solution ul li {width:calc((100% - 120px) /5);  }
}
.about .aboutl {font-size:14px; color:#666; line-height:28px;margin-top:20px;}
.about .aboutr {color:#707070;margin-top:20px;}
.about .aboutr .aboutr-t{ font-size:18px;  line-height:36px; }
.about .aboutr  dl {margin-top:30px;  }
.about .aboutr  dl dd{ float:left;width: 50%;font-size: 14px; text-align:center; padding:50px 0; }
.about .aboutr  dl dd:nth-of-type(1) { border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.about .aboutr  dl dd:nth-of-type(2) {  border-bottom:solid 1px #ddd;}
.about .aboutr  dl dd:nth-of-type(3) { border-right:solid 1px #ddd;}
.about .aboutr  dl dd span.counter {font-size: 42px; color:#1b56d1;font-weight: 600;line-height: 1;}
.about .aboutr  dl dd p { margin-top:10px; }
@media(min-width:768px) {
.about .aboutl {font-size:16px; line-height:32px; }
.about .aboutr { font-size:24px;}
.about .aboutr  dl {margin-top:50px;  }
.about .aboutr  dl dd { width:25%;}
.about .aboutr  dl dd:nth-of-type(1) { border:none;}
.about .aboutr  dl dd:nth-of-type(2) {border:none;}
.about .aboutr  dl dd:nth-of-type(3) { border:none; }
.about .aboutr  dl dd:nth-of-type(4) { border:none; }
}
@media(min-width:992px) {
.about {display:flex; }
.about .aboutl {width:50%;margin-top:30px;font-size:18px; line-height:36px; }
.about .aboutr { width:40% ;margin-left:10%;margin-top:30px; font-size:24px;}
.about .aboutr  dl {margin-top:0px;  }
.about .aboutr  dl dd { width:50%;}
.about .aboutr  dl dd:nth-of-type(1) { border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.about .aboutr  dl dd:nth-of-type(2) {border-bottom:solid 1px #ddd;}
.about .aboutr  dl dd:nth-of-type(3) { border-right:solid 1px #ddd;}
}
.wiki { }
.wiki ul li { display:block;border-bottom: 1px #eeeeee solid; padding:10px 0 10px}
.wiki ul li:nth-of-type(2n) {margin-right:0}
.wiki ul li a{ display:block;  }
.wiki ul li a h2{ font-size:16px; color:#000; line-height:36px; margin:10px 0  }
.wiki ul li a p{ font-size:14px; color:#666; line-height:24px;}
.wiki ul li a:hover h2{ color:#1b56d1}
@media(min-width:768px) {
.wiki  ul { margin-top:50px;}
.wiki ul li{ float:left; width:calc((100% - 30px) /2); margin:0px 30px 0 0; padding:20px 0 30px}
.wiki ul li a h2{ font-size:18px; }
.wiki ul li a p{ font-size:15px; }
}
@media(min-width:992px) {
.wiki ul li{ float:left; width:calc((100% - 60px) /3);}
.wiki ul li:nth-of-type(2n) {margin-right:30px}
.wiki ul li:nth-of-type(3n) {margin-right:0}
.wiki ul li a h2{ font-size:20px; }
.wiki ul li a p{ font-size:16px; }
}
.zixun { background:url(../img/bg-zixun.jpg) center center no-repeat;background-size: cover; padding:50px 0}
.zixun .zixunl {font-size:22px; color:#333; line-height:42px; font-weight:bold; }
@media(min-width:768px) {
.zixun .zixunl { float:left; font-size:32px; }
.zixun .zixunr{ float:right; }
}
@media(min-width:992px) {

}
.footer { background:#111; }
.footer *{font-size:14px; color:#FFF; line-height:28px; }
.footer .footer-com .footer-b-t { font-size:24px; line-height:52px; font-weight:bold;  }
.footer .footer-com.footer-b,.footer .footer-com.footer-c { margin-top:50px;}
.footer .footer-com.footer-c .wx ul li{ display:inline-block;width:calc((100% - 90px) /2);margin-left:30px;text-align:center; }
.footer .footer-com.footer-c .wx ul li img { width:100%;}
.footer .footer-com .footer-b-t,.footer .footer-com img{ margin-bottom:20px;}
.copyright {color:#e6e8fd;text-align:center; margin-top:50px;}.copyright a{ display:block}
@media(min-width:768px) {
.footer .footer-com { float:left;width:50% }
.footer .footer-com.footer-a { width:100%;  }
.footer .footer-com.footer-c .footer-b-t { margin-left:30px;}
.copyright a{ display: inline-block}
}
@media(min-width:992px) {
.footer .footer-com { float:left;width:37% }
.footer .footer-com.footer-a { width:37%;  }
.footer .footer-com.footer-c { width:26%;  }
.footer .footer-com.footer-b { padding:0 30px 0 50px;}
.footer .footer-com.footer-b,.footer .footer-com.footer-c { margin-top:0px;}
}

.pagenavi { padding:50px 0;text-align:center }
.pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#0451e8; border:solid 1px #0451e8; border-radius:4px; margin:0 10px; padding:3px 8px; }
.pagenavi span.pages { }
.pagenavi span.current,.pagenavi a:hover { background:#0451e8; border:solid 1px #0451e8; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }
.article .pos,.article .art-date { font-size:14px;color:#999; line-height:2;}
.article .pos a { color:#999;}
.article .art-title { padding:40px 0; font-size:22px; font-weight:bold }
.article .art-date { }
.article .entry-content { font-size:16px; color:#4f4f4f; line-height:2; margin:40px 0;}
.shangxia { border-top:solid 1px #EDEDED; padding-top:30px}
.shangxia .pre,.shangxia .next {display:block; font-size:14px;color:#757575   }
.shangxia .pre a,.shangxia .next a {color:#757575 }
.shangxia .next { margin-top:20px;}
@media screen and (min-width: 768px) {
.shangxia .pre,.shangxia .next {font-size:16px;}
.shangxia .pre{float:left;}
.shangxia .next {float:right; margin-top:0}
}
@media(min-width:992px) {

}

.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:#1b56d1;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%; }