@charset "utf-8";
/* CSS Document */
* { 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标签的虚线框，避免出现奇怪的选中区域*/
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.warp { width:1200px; margin:0 auto}
.hui { background:#f0f0f0}
.bai,.hui { padding:100px 0}
.whwbtit { text-align:center; margin-bottom:30px;}
.whwbtit h2{ font-size:48px; color:#4457c0;  padding-bottom:20px; }
.whwbtijiao .whwbtijiao_tit h2{ color:#FFF;}
.whwbtit span { font-size:14px; color:#4d4d4d;}
/*button_su*/
.button_su {overflow: hidden;position: relative;border-radius: 30px; width:250px; 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:248px; 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: 100000;}
.button_su_inner:hover {color:#FFF;}
.button_text_container {position:relative;z-index: 10000;}
.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(42, 53, 80, 0.2);
}
 100% {
 width: 500px;
 height: 500px;
 margin-left: -250px;
 margin-top: -250px;
 background-color: rgba(68, 87, 192);
}
}
 @keyframes desplode {
 0% {
 width: 500px;
 height: 500px;
 margin-left: -250px;
 margin-top: -250px;
 background-color: rgba(30, 60, 188);
}
 100% {
 width: 0px;
 height: 0px;
 margin-left: 0px;
 margin-top: 0px;
 background-color: rgba(129, 80, 108, 0.6);
}
}
 
/*head*/
.head { background:#050d31;}
.logo h1 a { display:block;height:100px;line-height:74px; /*background:url(../images/logo.png)  bottom no-repeat;*/  font-size:32px; color:#FFF;}
.logo h1 a span { display:block; width:254px; background:#f2f2f2; border:solid 1px #f2f2f2; border-radius:6px; height:26px; line-height:26px; font-size:14px; text-align:center; letter-spacing:5px; color:#777777; }
.nav { margin: 28px 0 0 0 ; }
.nav ul li { display:block; float:left; height:42px; line-height:42px; margin:0 10px;}
.nav ul li a{ display:block; padding:0 10px; font-size:16px; color:#ababab;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.nav ul li.on a,.nav ul li a:hover { color:#FFF }
.nav ul li.current_page_item a,.nav ul li a:hover,.nav ul li.current-menu-item a,.nav ul li.current-menu-parent a { color:#FFF; }
/*banner*/
.banner{ height:180px; padding:170px 0; background:url(../images/banner.jpg) center no-repeat; text-align:center;color:#FFF;}
.banner h2 { font-size:48px; line-height:60px; margin-bottom:20px; }
.banner p{ font-size:18px; line-height:40px;}
/*whwbservice*/
.whwbservice ul li { display:block; float:left; width:299px; margin-right:1px; background:#FFF; text-align:center; margin-bottom:1px;}
.whwbservice ul li:nth-child(4n) { width:300px; margin-right:0}
.whwbservice ul li a { display:block; padding:100px 0;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.whwbservice ul li .pic{ width:150px; height:120px; overflow:hidden; margin:0 auto; position:relative}
.whwbservice ul li .pic img { position: absolute; left:0; top:0px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}
.whwbservice ul li h2{ font-size:18px; color:#202020; line-height:56px;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}
.whwbservice ul li p{ font-size:12px; color:#FFF;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }
.whwbservice ul li.active { background:#4457c0}
.whwbservice ul li.active img { top:-120px }
.whwbservice ul li.active h2 {font-size:20px;color:#FFF  }
.whwbservice ul li.active p {color:#dedede  }
.whwbservicen h2 {font-size:48px; color:#4457c0; margin-bottom:20px;}
.whwbservicen span { font-size:14px; color:#242424;}
.whwbservicen ul { margin:50px 0;}
.whwbservicen ul li { display:block; float:left;width:299px; height:88px; line-height:88px; margin-right:1px; background:#f5f5f5; text-align:center; border-bottom:solid 2px #FFF}
.whwbservicea ul li:nth-child(4n) { width:300px; margin-right:0}
.whwbservicen ul li:hover { border-bottom:solid 2px #4457c0 }
/*whwbcase*/
.whwbcase .whwbcase_tit { font-size:24px; margin-top:50px; }
.whwbcase ul li{ display:block; float:left; width:360px;  margin:30px  60px 0 0; cursor:pointer}
.whwbcase ul li:nth-child(3n) {margin-right:0}
.whwbcase ul li .pic_icon {width:360px; height:240px; position:relative}
.whwbcase ul li .pic{ position:absolute; left:0; top:0 }
.whwbcase ul li .icon { width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0; top:0 ; text-align:center}
.whwbcase ul li .icon img { margin-top:80px; }
.whwbcase ul li p { font-size:14px; color:#282828; margin-top:10px;}
.whwbcase ul li p span { font-size:12px; color:#959494; padding-left:20px;}
.whwbcase ul li:hover .icon { background:rgba(0,0,0,0.4); }
.whwbcase ul li:hover p{ color:#4457c0  }
/*whwbwhy*/
.whwbwhy .whwbwen p{ font-size:16px; color:#232323; line-height:32px; text-indent:2em; margin-top:20px;  }
.whwbwhy ul li{ display:block; float:left; width:288px; height:160px;  margin:30px 16px  0 0; position:relative; cursor:pointer }
.whwbwhy ul li:nth-child(4n) {margin-right:0}
.whwbwhy ul li .pic{ position:absolute; left:0; top:0 }
.whwbwhy ul li .wen { width:80%; padding: 0 10%; position:absolute; left:0;top:0px;height:160px;  line-height:160px; font-size:14px;background:rgba(216,216,216,0.8);}
.whwbwhy ul li .wen span {font-family:"Times New Roman", Times, serif; font-size:72px; color:#4457c0; font-weight:bold}
.whwbwhy ul li:hover .wen{background:rgba(216,216,216,0.4);}
/*whwbwiki*/
.whwbwiki ul li { display:block; float:left; width:550px; margin:0px 0 0 0; }
.whwbwiki ul li:nth-child(2n) { margin-left:100px;}
.whwbwiki 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;}
.whwbwiki ul li a h2 { font-size:18px; color:#000;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.whwbwiki ul li a p{ font-size:14px; color:#646464; line-height:24px; margin-top:10px}
.whwbwiki ul li a:hover { border-bottom:solid 1px #4457c0}
.whwbwiki ul li a:hover h2 {color:#4457c0}
.hidden{ display: none;}
.lanren{overflow: hidden;}
.lanren ul.list{overflow: hidden; margin-bottom:60px;}
.art h1 {  font-size:32px; color:#4d4d4d; text-align:center ; }
.art .time { font-size:14px; color:#999; text-align:center; margin:20px 0}
.art .artcon {font-size:16px; color:#4d4d4d; line-height:32px; }
.shangxia { border-top:solid 2px #4457c0; padding-top:30px; margin-top:50px; }
 .shangxia  li { display:block; float: left; width:590px; margin-right:20px; font-size:14px; color:#646464;line-height:24px;}
 .shangxia  li:nth-child(2n)  { margin-right:0;}
 .shangxia  li a { color:#646464;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
 .shangxia  li a:hover { color:#991348;}
/*whwbtijiao*/
.whwbtijiao { background:url(../images/bg-tijiao.jpg) center no-repeat; background-size:cover}
.whwbtijiao p.tel{ font-family:"Times New Roman", Times, serif; font-size:36px; color:#FFF; text-align:center; margin:10px 0}
.whwbtijiao p.wen{ font-size:14px; color:#818181; letter-spacing:8px; text-align:center }
.whwbtijiao form{ width:750px; margin:50px auto 0 }
.whwbtijiao form input.text,.whwbtijiao form textarea{ width:345px; height:24px; padding:7px 10px; border:solid 1px #f9f9f9; background:#f9f9f9; font-size:14px; color:#b2b2b2; line-height:24px;}
.whwbtijiao form textarea{ width:728px; height:78px;margin:20px 0}
.whwbtijiao form input.btn{ display:block;  float:right;width:198px; height:48px; background:#4457c0; border:solid 1px #4457c0; border-radius:6px; font-size:18px;color:#FFF;line-height:42px;text-align:center; cursor:pointer }

.h-captcha { float:left;transform:scale(0.56);transform-origin:0 0; }
 
/*footer*/
.footer { background:#181818; padding:80px 0; color:#898989; }
.footer .footerl { padding-left:80px; background:url(../images/logo-hui.png) left top no-repeat;}
.footer .footerl h2 { font-size:24px; line-height:36px; }
.footer .footerl h2 a.zixun { display: inline-block; width:80px; height:24px; line-height:24px; font-size:14px; color:#FFF; text-align:center; background:#4457c0; border:solid 1px #4457c0; border-radius:6px; margin:0px 10px 0; }
.footer .footerl p { font-size:14px; color:#484848; margin:10px 0; letter-spacing:5px;}
.footer .footerl em { font-size:30px;}
.footer .footerr { font-size:24px; color:#484848; }
.footer .footerr p.add{ font-size:14px; margin:20px 0 }
.footer .footerr p.copy{ font-size:12px; }

 .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:#4457c0; border:solid 1px #4457c0; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border: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: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%; }