@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; font-family:微软雅黑}
html { -webkit-text-size-adjust:none;}
h1,h3,h4,h5,h6 { font-weight:normal;}
h2{font-size:18px; color:#000; 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;} 
.warp { width:1200px; margin:0 auto}
.bai,.hui { padding:100px 0}
.helpw,.support,.about { padding:100px 0; background:#f4f4f4 }
/*.wiki{ padding:100px 0; background:#fff }*/
.demandw { background:url(../images/bg-demand.jpg) center no-repeat}
.advantagew { background:url(../images/bg-advantage.jpg) center no-repeat}
.tijiaow { background:url(../images/bg-tijiao.jpg) center no-repeat; background-size:cover}
.tit { font-size:48px; color:#383838; text-align:center }
.time { font-size:14px; color:#999; text-align:center; margin:20px 0 0px}
.shang_xia { border-top:solid 2px #4e90ce; padding-top:50px; }
.shang_xia  li { display:block; float: left; width:590px; margin-right:20px; font-size:14px; color:#646464;line-height:24px;}
.shang_xia  li:nth-child(2n)  { margin-right:0;}
.shang_xia  li a { color:#646464;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.shang_xia  li a:hover { color:#4e90ce;}

.hui .tit { color:#FFF}
/*button_su*/
.button_su {overflow: hidden;position: relative;border-radius: 30px; width:200px; margin:0 auto; z-index:1 }
.button_su.button_sua { width:100px;margin:37px 10px 0;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.button_su.button_sub { width:200px; /*margin:20px auto 0*/ float:right}
.footer .button_su.button_sua { margin:0 20px;}
.topNavWrappera .button_su.button_sua { margin-top:22px; }

.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 .button_su_inner {display:block; float:right;width:198px; height:48px; border:solid 1px #3486d3; border-radius:30px; font-size:18px;color:#202020;line-height:48px;text-align:center; transition: 400ms;text-decoration: none;z-index: 801;}
.button_su.button_sua  .button_su_inner { width:98px;height:34px; line-height:34px; border:solid 1px #f7b81f; background:#f7b81f; font-size:16px;color:#FFF}
.button_su.button_sub  .button_su_inner { border:solid 1px #4e90ce; background:#4e90ce; }
.button_su_inner:hover {color:#FFF;}
.button_text_container {position:relative;z-index: 10000;}
.button_su .explode-circle {animation: explode 0.5s forwards;}
.button_su .desplode-circle {animation: desplode 0.5s forwards;}

.button_su.button_sua .explode-circle {animation: explodea 0.5s forwards;}
.button_su.button_sua .desplode-circle {animation: desplodea 0.5s forwards;}


 @keyframes explode {
 0% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color: rgba(42, 53, 80, 0.2);
}
 100% {
 width: 400px;
 height: 400px;
 margin-left: -200px;
 margin-top: -200px;
 background-color: rgba(52, 134, 211, 0.8);
}
}
 @keyframes desplode {
 0% {
 width: 400px;
 height: 400px;
 margin-left: -200px;
 margin-top: -200px;
 background-color: rgba(20, 180, 87, 0.8);
}
 100% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color: rgba(129, 80, 108, 0.6);
}
}

 @keyframes explodea {
 0% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color: rgba(42, 53, 80, 0.2);
}
 100% {
 width: 400px;
 height: 400px;
 margin-left: -200px;
 margin-top: -200px;
 background-color: rgba(247, 138, 31, 0.8);
}
}
 @keyframes desplodea {
 0% {
 width: 400px;
 height: 400px;
 margin-left: -200px;
 margin-top: -200px;
 background-color: rgba(242, 132, 4, 0.8);
}
 100% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color: rgba(129, 80, 108, 0.6);
}
}

/*head*/
.topNavWrapper {width: 100%; height:90px;z-index:900;_position: relative;_top:0px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; 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:110px;  border-bottom:solid 1px #030404;-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);-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.topNavWrappera { height:80px;}
.topNavWrappera .topNav { height:80px;}
.head { background:#030404;}
.logo {}
.logo a { display:block; width:360px; height:110px; padding:0 0 0 76px; background:url(../images/logo.png) left center no-repeat; font-size:30px; color:#FFF; line-height:110px; font-weight:bold;}
.topNavWrappera .logo a  { height:80px; font-size:28px; line-height:80px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav-menu{margin:32px 0 0 100px;}
.topNavWrappera #nav-menu { margin-top:12px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav-menu .menu{padding:0 0 0 14px;}
#nav-menu .menu li{display:inline-block; height:46px; line-height:46px; margin:0 15px;}
#nav-menu .menu li a.xialaguang{display:block; padding:0 15px; font-size:18px; color:#FFF; border-bottom: solid 2px #030404 }
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{border-bottom: solid 2px #FFF }
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{border-bottom: solid 2px #FFF}
#nav-menu .menu div.childrenw{display:none;position:absolute;top:80px;left:0px;width: 100%; padding:30px 0}
.topNavWrappera #nav-menu .menu div.childrenw { top:50px;/*-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;*/}
#nav-menu .menu div.childrenbg { background-color:rgba(59,59,59,0.9); padding:20px 0; }
#nav-menu .menu div.children { width:800px; margin:0 auto}
#nav-menu .menu div.children dl dt,#nav-menu .menu div.children dl dd { display:block; float:left;color:#FFF; }
#nav-menu .menu div.children dl dt { width:140px; padding:0 20px 0 0; font-size:16px; text-align:right}
#nav-menu .menu div.children dl dd{ margin:0 0px;  }
#nav-menu .menu div.children dl dd a{ display:block; width:80px;text-align: ; overflow:hidden;color:#d8d8d8;text-decoration:none; font-size:12px;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
#nav-menu .menu div.children dl dd a:hover{ color:#3486d3;text-decoration:none;}

a.zixun { display: inline-block; width:100px; height:34px; line-height:34px; font-size:18px; color:#000; text-align:center; background:#c6941a; border:solid 1px #c6941a; border-radius:6px; margin:37px 10px 0;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.topNavWrappera a.zixun { margin-top:22px; }
a.zixun:hover { color:#FFF}
/*banner*/
.banner_index { height:120px; padding:200px 0px; background:url(../images/banner-index.jpg) center no-repeat}
.banner_index h1 { font-size:48px; color:#f7b81f; line-height:120px; width:620px;background:url(../images/tel.png) right center no-repeat }
.banner_service { height:320px; padding:200px 0 0; background:url(../images/banner-service.jpg) center no-repeat}
.banner_support { height:320px; padding:200px 0 0; background:url(../images/banner-support.jpg) center no-repeat}
.banner_client { height:320px; padding:200px 0 0; background:url(../images/banner-client.jpg) center no-repeat}
.banner_about { height:320px; padding:200px 0 0; background:url(../images/banner-about.jpg) center no-repeat}
/*service*/
.tab-service {width:1200px;margin:50px auto 0;}
.tab-hd-service {overflow:hidden;zoom:1; text-align:center;}
.tab-hd-service li { display:inline-block;width:172px; height:52px; border:solid 2px #3486d3; font-size:16px;color:#555555; line-height:52px;text-align:center;cursor:pointer; margin-left:15px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.tab-hd-service li.active,.tab-hd-service li:hover {background:#3486d3; color:#FFF;}
.tab-bd-service li {display:none;}
.tab-bd-service li .index_service_list { display:block; float:left;}
.tab-bd-service li .index_service_list a { display:block; width:274px;  color:#202020; margin:90px 32px 90px 0px; padding:70px 0; text-align:center; border:solid 1px #ececec; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.tab-bd-service li .index_service_list:nth-child(4n) a{ margin-right:0;}
.tab-bd-service li .index_service_list a p { font-size:18px; color:#202020; margin-top:50px;}
.tab-bd-service li .index_service_list a:hover { background:#e6f3ff; border:solid 1px #e6f3ff}
.tab-bd-service li .index_service_list a:hover .pic {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);}
}
/*demand*/
.flexslider{position:relative;width:1200px;height:;overflow:hidden;zoom:1; padding:80px 0 120px;}
.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 .demand { width:380px; height:300px;float:left; margin:0 30px 0 0; background:#FFF; text-align:center; cursor:pointer; position:relative}
.flexslider .slides li .demand:nth-child(3n) { margin-right:0}
.flexslider .slides li .demand .demand_pic { position:absolute; width:100%; height:100px; top:80px;transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.flexslider .slides li .demand .demand_tit { position:absolute; width:100%; height:36px; top:200px; font-size:22px; color:#434343;transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.flexslider .slides li .demand .demand_tit a{ color:#434343; }
.flexslider .slides li .demand .demand_tit a:link{ color:#434343; }
.flexslider .slides li .demand .demand_tit a:hover{ color:#5985f7; }
.flexslider .slides li .demand .demand_con {position:absolute; width:220px;bottom:-50px;  padding:0 80px; font-size:14px; color:#5f5f5f; line-height:28px; text-align:left;transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.flexslider .slides li .demand .demand_con span { display:inline-block; margin: 0 10px;}
.flexslider .slides li .demand:hover { background:#e6f3ff}
.flexslider .slides li .demand:hover .demand_pic{ top:60px; }
.flexslider .slides li .demand:hover .demand_tit{ top:160px;  font-size:24px; font-weight:bold }
.flexslider .slides li .demand:hover .demand_con{ bottom:40px; }
.flexslider .slides li .demand:hover .demand_pic {animation:mymove 0.3s linear;	-webkit-animation:mymove 0.3s linear; /*Safari and Chrome*/}
.flex-direction-nav a{ display:none;}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 20px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:#f4f4f4;display:block;height:6px;overflow:hidden;text-indent:-99em;width:80px;cursor:pointer;}
.flex-control-paging li a.flex-active{background:#3486d3}
/*client*/
.client p { font-size:16px; color:#000; line-height:32px; text-align:center; margin-top:50px;}
.client ul li{ display:block; float:left; width:300px; height:120px; text-align:center; margin-top: 50px; overflow:hidden; cursor:pointer; position:relative}
.client ul li img { position:absolute; left:0; top:0;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{ top:-120px }
/*advantage*/
.advantage ul li { display:block; float:left; width:300px; text-align:center; margin-top: 50px; }
.advantage ul li .shuzi { font-size:48px; color:#ffd15c; }
.advantage ul li p { font-size:16px; color:#f3f3f3; line-height:28px; }
/*help*/
.help { padding:60px 0 90px;}
.help ul li { display:block; float:left; width:550px; margin:0px 0 0 0;}
.help ul li:nth-child(2n) { margin-left:100px;}
.help ul li a { display:block; border-bottom:solid 1px #eeeeee; padding:30px 0;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.help ul li a h2 { font-size:18px; color:#000;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.help ul li a p{ font-size:14px; color:#646464; line-height:24px; margin-top:10px}
.help ul li a:hover { border-bottom:solid 1px #3486d3}
.help ul li a:hover h2 {color:#3486d3}
/*tijiao*/
.tijiao p.tel{ font-family:"Times New Roman", Times, serif; font-size:36px; color:#5d8dfb; text-align:center; margin:10px 0}
.tijiao p.wen{ font-size:14px; color:#818181; letter-spacing:8px; text-align:center }
.tijiao form{ width:750px; margin:50px auto 0 }
.tijiao form input.text,.tijiao form textarea{ width:345px; height:24px; padding:7px 10px; border:solid 1px #f9f9f9; background:#f9f9f9; font-size:14px; color:#b2b2b2; line-height:24px;}
.tijiao form textarea{ width:728px; height:78px;margin:20px 0}
.tijiao form input.btn{ display:block; margin:0 auto; background: none; border: none;   font-size:18px;color:#FFF;text-align:center; cursor:pointer ; height:48px; line-height:42px; }
.h-captcha { float:left;transform:scale(0.56);transform-origin:0 0; }

/*city*/
.city { padding:10px 0 20px }
.city a { display:inline-block; width:52px; height:24px; line-height:24px;margin:10px 5px 0; font-size:12px; color:#6e6e6e; text-align:center;border:solid 1px #eeeeee; border-radius:6px;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.city a:hover { background:#3486d3; border-color:#3486d3; color:#FFF}
/*footer*/
.footer { background:#202020; padding:50px 0;}
.footer h2 { font-size:16px; color:#FFF }
.footer .footerl { width:600px; }
.footer .footerl a {display:inline-block;height:24px; line-height:24px;margin:10px 10px 0 0px; font-size:14px; color:#6e6e6e; }
.footer .footerr { width:600px; }
.footer .footerr p{ font-size:14px; color:#878787; line-height:30px; margin-top:10px }
.footer .add{ font-size:20px; color:#b7b7b7; margin:40px 0 20px 0; line-height:40px;}
.footer .add em { font-size:30px; color:#cc9a1f}
.footer .copy{ font-size:12px; color:#7a7a7a }
/*subnav*/
.subnav { background-color: rgba(0, 0, 0, 0.3); height:60px; line-height:60px; margin-top:140px;}
.subnav ul li { display: block; float:left; margin-left:1px;} 
.subnav ul li a { display:block; font-size:18px; color:#FFF; padding:0 15px; }
.subnav ul li.on a { background:#d4d6d8;  color:#000 }
.subnav ul li a:hover { background:#d4d6d8;  color:#000 }
/*service*/
.info { font-size:16px; color:#4d4d4d; line-height:32px; text-align:center; padding:50px 0 0}

.art { font-size:16px; color:#4d4d4d; line-height:32px;  padding:50px 0}
.service { }
.service ul li { display:block; float:left; width:200px; text-align:center; cursor:pointer }
.service{ padding:50px 0 0}
.service.servicea ul li { width:150px;}
.service ul li img { width:120px;}
.service ul li p { font-size:24px; color:#434343; margin-top:30px }
.service ul li:hover p { font-weight:bold}
.service ul li:hover:hover .pic {animation:mymove 0.3s linear;	-webkit-animation:mymove 0.3s linear; /*Safari and Chrome*/}

/*wiki*/
.huia { padding:100px 0; background-color:#f3f3f3}
.wiki  { padding:50px 0 0}
.wiki ul.list { overflow: hidden; margin-bottom:60px;}
.wiki ul li { display:block; float:left; width:550px; margin-left:0px; }
.wiki ul li h2 { font-size:18px; color:#000;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.wiki ul li p { font-size:14px; color:#646464; line-height:24px; margin-top:10px}
.wiki ul li:nth-child(2n) { border-bottom:none; margin-left:100px;}
.wiki ul li:nth-child(3n) { border-bottom:none}
.wiki ul li:nth-child(4n) { border-bottom:none}
.wiki ul li a {color:#4d4d4d; display:block; border-bottom:solid 1px #ddd; padding:30px 0;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;transition: all 1s ease;}
.wiki ul li a:hover {color:#4c88c6; border-bottom:solid 1px #4c88c6}
.wiki ul li a:hover h2 {color:#4c88c6}

/*wikilist*/
.wikilist { padding:50px 0; background-color:#fff}
.wikilist ul.list { overflow: hidden; margin-bottom:60px;}
.wikilist ul li { display:block; float:left; width:550px; margin-left:0px; }
.wikilist ul li h2 { font-size:18px; color:#000;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.wikilist ul li p { font-size:14px; color:#646464; line-height:24px; margin-top:10px; min-height:48px;}
.wikilist ul li:nth-child(2n) { border-bottom:none; margin-left:100px;}
.wikilist ul li:nth-child(3n) { border-bottom:none}
.wikilist ul li:nth-child(4n) { border-bottom:none}
.wikilist ul li a {color:#4d4d4d; display:block;border-bottom:solid 1px #eeeeee;padding:30px 0;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;transition: all 1s ease;}
.wikilist ul li a:hover { border-bottom:solid 1px #4c88c6}
.wikilist ul li a:hover h2 {color:#4c88c6}

/*gdxt*/
.zixun a { display:block; text-align:center; }
.zixun a p { font-size:20px; color:#434343;margin-top:30px; }
.gdxt .gdxt_xcx,.gdxt .gdxt_zx a,.gdxt .gdxt_mis { display:block;width:368px; height:208px; margin-top:80px;padding:50px 0; border:solid 1px #ececec;font-size:20px; color:#434343; text-align:center; cursor:pointer; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.gdxt .gdxt_xcx { margin-right:45px;  }
.gdxt  p { margin-top:30px; }
.gdxt  p span { font-size:16px;}
.gdxt .gdxt_xcx img .gdxt_zx img,.gdxt .gdxt_mis img { margin-top:40px;}
.gdxt .gdxt_xcx:hover,.gdxt .gdxt_zx a:hover,.gdxt .gdxt_mis:hover { background:#e6f3ff; border:solid 1px #e6f3ff}


.page { text-align:center;}
.page ul li { display:inline-block;  color:#FFF; ; /*width:40px; */ line-height:32px; margin:0 10px;  }
.page ul li a { display:block;  color:#838383;background:#eaeaea;border:solid 1px #eaeaea; border-radius: 6px; padding:0 10px;}
.page ul li.thisclass { background:#b6b6b6;border:solid 1px #b6b6b6;border-radius: 6px;  padding:0 10px;}
.page ul li a:hover {background:#b6b6b6; border:solid 1px #b6b6b6; color:#FFF }
.page ul li .pageinfo { display:none}

 
.pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#838383; border:solid 1px #838383; border-radius:4px; margin:0 10px; padding:3px 8px; }
.pagenavi span.pages { }
.pagenavi span.current,.pagenavi a:hover { background:#b6b6b6; border:solid 1px #b6b6b6; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }

/* 侧边悬浮导航 */
.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: solid 1px #ad0023;}
.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%; }