@charset "utf-8";
body { width: 100%; margin: 0; padding: 0; font-family:PingFang SC,Lantinghei SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,"微软雅黑",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif,HYWenHei-GEW !important; color: #333; }
* { margin: 0; padding: 0; list-style: none;}

.centerbox { width:1280px; margin: 0 auto; position: relative;}
.fl { float:left;}
.fr { float:right;}
header .centerbox { width:1370px; margin: 0 auto;}
header { float: left; width: 100%; height: 80px; background: rgba(255,255,255,0); box-shadow: 0 2px 8px rgba(21,21,21,0); position: fixed; top: 0; left: 0; z-index: 888; transition:all 200ms;  border-bottom: 1px solid rgba(0,0,0,0); }
header.hbarbg {background: rgba(255,255,255,1); box-shadow: 0 5px 15px rgba(21,21,21,.08); border-bottom: 1px solid #eee;}
header .logo {float: left; width: 255px; height: 56px; margin-top: 14px; line-height: 56px; background: url("../images/index/logo1.svg") no-repeat 0 0; background-size: 100% auto;}
header .logo a {display: block; width:100%; height:56px;}

header.hbarbg .logo{ background-image: url("../images/index/logo2.svg");}


nav { float:left; margin-top: 7px; margin-left:115px; }
nav ul li { float:left; margin: 0 23px;  font-weight: normal; height: 73px; font-size: 18px; letter-spacing: 1px; line-height: 71px;  }
nav ul li a { color: #fff; text-decoration: none; display: block; padding:0 1px;}
nav ul li a:hover {}
nav ul li.active a {color:#fff; border-bottom: 2px #fff solid;}
header.hbarbg nav ul li a { color: #333;}
header.hbarbg nav ul li a:hover { color:#06f;}
header.hbarbg nav ul li.active a { color:#06f; border-bottom: 2px #06f solid;}

.topbutt { float:right;}
.topbutt .btn{display:block; float: left;  font-size: 18px; line-height: 40px; letter-spacing: 1px;  padding: 0 18px;  color:#fff;
    text-align:center; margin-left:1rem;  border-radius: 4px; margin-top: 22px; cursor: pointer; text-decoration: none;}
.topbutt .btn:hover {background: #fff; color: #06f;}
.topbutt .btn.btn_zc { color: #fff; border: 1px solid #fff;}
.topbutt .btn.btn_zc:hover {color: #06f;}

/***二级菜单***/
.nav_erji_menu { border: 0;/*clip: rect(0, 0, 0, 0);*/	width: 100vw; /*overflow: hidden;*/	padding: 0; box-shadow: 0 50px 60px rgba(0,0,0,.3);	position:fixed; white-space: nowrap; background: #fff; left: 0; top: 81px; z-index: 1500; visibility: visible; opacity: 1; }
.nav_erji_menu.visually-hidden {visibility: hidden; opacity:0 ; }
.erji_left_bg { float:left; background:#f7f8fa;  }
.erji_zuo { min-height: 400px;}
.erji_zuo li { float:none; width:265px; padding-left: calc((100vw - 1370px)/2); padding-top:28px; padding-bottom: 28px; margin:0; height: auto; }
.erji_zuo li .ernav_cpimg { float:left; width: 44px; height: 44px; margin-right: 14px;}
.erji_zuo li .ernav_cpimg img { width:44px; height: auto;}
.erji_zuo li h3 { font-size:20px; color: #333; font-weight: normal; line-height: 20px;}
.erji_zuo li p { font-size:16px; color: #777; line-height: 28px; }
.erji_zuo li.bg-white {background: #fff;}

.erji_right_bg { float: left;  /*padding-right: calc((100vw - 1370px)/2);*/}
.navcp_list { float:left; width: 1055px;  margin-left: 50px; display: none;}
.nav_er_xian { display: block;}
.navcp_list h3 { height:100px; line-height: 100px; font-size: 24px; color: #333; border-bottom: 1px solid rgba(0,0,0,.1);}
.navcp_list h3 i { width:20px; height: 20px; background:url("../images/index/nav_more.png") no-repeat 0 0; background-size: cover; display: inline-block; margin-left: 7px; position: relative; top: 2px;}

.nav_erji_leimu { float:left; width: 240px; margin: 26px 0 0 30px; }
.zimenubox .nav_erji_leimu:nth-child(1) { margin-left: 0;}
.nav_erji_leimu h4 { font-size:20px; line-height: 28px;}
.nav_erji_leimu h4 img { float:left; width: 22px; height: 22px; margin-top:2px; margin-right: 8px;}
.nav_erji_leimu .erjizizi { padding-left: 30px; margin-top: 5px;}
.nav_erji_leimu .erjizizi li { font-size:16px; padding: 12px 0;  height: auto; letter-spacing: 1px; line-height:24px; margin:auto; float: none; }
.nav_erji_leimu .erjizizi li a { color: #444; text-decoration: none;}
.nav_erji_leimu .erjizizi li a:hover { color: #06f;}

header.hbarbg .topbutt .btn { color:#333;}
header.hbarbg .topbutt .btn:hover {background: #06f; color: #fff;}
header.hbarbg .topbutt .btn.btn_zc { color: #06f; border: 1px solid #06f;}
header.hbarbg .topbutt .btn.btn_zc:hover {color: #fff;}

.banner { float:left; width: 100%; height: auto; background: #174deb;  position: relative; overflow-x: hidden;}
.banner img {float:left; max-width:100%; height:auto;}

.bankuaibox {float: left; width: 100%; padding-top: 52px; padding-bottom: 50px;}
.bktitle { float: left; width: 100%; margin-bottom: 46px; font-size: 48px; color: #050f3f; font-family:PingFang SC,"苹方"; text-align: center; letter-spacing: 2px; }
.bktitle span { color:#06f;}
.bktitle p { display: block; color:#999; font-size: 24px; line-height: 20px; padding-top: 6px; letter-spacing: 1px; font-weight: normal;}

/**页脚**/
footer { float:left; width: 100%;}
.foot_telbox {padding:44px 102px;  background:url("../images/index/foot_telbg.png") no-repeat;  background-size:cover; height:180px;  display:-moz-box;  display:flex;
  -moz-box-align:center;  align-items:center;  box-sizing:border-box;   z-index:10}
.juzhong {  width:957px;  min-width:957px;  margin:0 auto;  padding:0 50PX;  display:-moz-box;  display:flex;  justify-content:space-between;
  -moz-box-align:center;  align-items:center}
.juzhong .foot_wenzi {  font-size:32px;  line-height:140px;  color:#fff;  display:inline-block}
.footer_inputbox {width: 558px;  height: 48px;  background: #fff;  float: right;  border: 2px solid #fff;  border-radius: 4px;  position: relative; display: flex;
  padding-left: 16px;}

.l_quhaobxo{z-index: 10;  position: relative; box-sizing: border-box;}
.quhaonum {margin: 16px 16px 16px 0;box-sizing: border-box;border-right: 1px solid rgba(17,31,44,.12);   width: 72.5px;  font-size: 14px;  color: #111f2c;  line-height: 16px;  font-weight: 400;  cursor: pointer;}
.quhaonum span{display: inline-block;  min-width: 45px;}
.iconupdow { width:12px; line-height: 16px; color: #111f2c; font-size: 16px;  font-weight: 400; cursor: pointer; transition: all .5s;}
.footer_inputbox input{width: 394px;  height: 48px;  outline: none;  border: none;  font-size: 16px;  color: #303133; box-sizing: border-box;}
.footer_inputbox button{float: right;  width: 160px;  height: 48px;  background: #2b85ff;  border-radius: 4px;  border: none;  color: #fff;  cursor: pointer;  font-size: 16px;  line-height: 20px;  font-weight: 400;  position: relative;}
.tishiwenzi {text-align: center;  color: #fff;  position: absolute;  width: 172px;  height: 36px;  line-height: 36px;  opacity: .9;
  background: #303133;  border-radius: 4px;  font-size: 14px;  top: -48px; user-select: none;  right: -15px; }
.tishiwenzi.buxians {opacity: 0;}
.footer_jiao{position: absolute;  bottom: -4px;  left: 82px;  width: 8px;  height: 8px;  opacity: .9;  background-color: #303133;  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);  transform: rotate(45deg);}

.footer_yejiao { float:left; width: 100%; background: #030f2d; padding-top: 70px;  padding-bottom: 26px;}
.footer_yejiao ul{display: inline-block;  width: 280px;  margin-left: 20px;  vertical-align: top;}
.footer_yejiao ul:nth-child(1) { margin-left: 0;}
.footer_title {position: relative;  opacity: .87;  font-size: 18px;  color: #fafafa;  font-weight: 400;  margin-bottom: 16px;  line-height: 25px;}

.footer_text {font-size: 14px;  font-weight: 200;  margin-bottom: 12px;  line-height: 20px;  color: hsla(0,0%,100%,.6);}
.footer_text a {color: hsla(0,0%,100%,.6); text-decoration: none;}
.footer_text a:hover { color:#06f}
.footer_phone {line-height: 33px;  font-size: 24px;  color: #fff;  margin-bottom: 8px;}
.footer_date {opacity: .6; font-size: 14px; color: #fafafa; font-weight: 400;  line-height: 20px; margin-bottom: 4px;}

.copybox { width:100%; text-align: center; font-size: 14px; color: hsla(0,0%,98%,.6); margin-top: 40px; line-height: 20px; padding-top: 19px; border-top: .5px solid hsla(0,0%,100%,.2);}