@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; }
* { margin: 0; padding: 0; list-style: none;}

.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;}

.abouimg { width: 666px; height: 509px; margin-top: 40px; }
.aboutext { width: 554px; margin-top: 40px; font-size: 18px; color: #444; line-height: 1.8; text-indent: 2em; }
.aboutext p { padding-top: 20px;}

.moshibox { background: url("../images/index/sy_bk2bg.png") no-repeat 0 0;}
.longtit { font-size: 38px; letter-spacing: 0; color: #06f; font-family: "alibaba-sh"; font-weight:500;}
.mslist {float:left; width:100%; }
.mslist li { width:620px; height: 505px; padding:30px; background:#fff;  border-radius: 30px;  box-sizing: border-box;  }
.mslist li h3 {color:#0066ff; font-size:26px; font-family: "alibaba-ph"; font-weight: 500;}
.mslist li h3 span { font-family: "alibaba-sh"; font-size:30px; color:#555; font-style: italic; letter-spacing: 2px; padding-right:3px; font-weight:500; }
.mslist li .mstxt { font-size: 18px; color: #444; line-height: 1.7; text-indent: 2em;}
.mslist li .mstxt p { padding-top:20px;}

.linianbox { padding-bottom: 0;}
.sylnlist { float:left;}
.sylnlist li { float:left; width: 416px; height: 440px; border-radius: 20px; background: #fff;  box-sizing: border-box; margin-left: 16px; position: relative; overflow: hidden;}
.sylnlist li:first-child { margin-left: 0;}
.sylnlist li .lnbgt {width: 416px; height: 440px; transition: all 300ms;}
.sylnlist li .lnbgt img { width: 100%; height: auto;}
.sylnlist li p { position: absolute; width:100%; top:165px; color: #fff; font-size: 30px; line-height: 1.8; text-align: center;}
.sylnlist li:hover .lnbgt {  transform: scale(1.1);}

.sytdlist { }
.sytdlist li { float: left; width:308px; height: 350px; background: #fff; border-radius: 20px; box-shadow: 0 5px 10px rgba(24,108,187,.1); margin-left: 16px; margin-bottom: 20px; transition: all 300ms;}
.sytdlist li:hover { box-shadow: 0 5px 15px rgba(24,108,187,.2); }
.sytdlist li .tdlbbt { width:100%; height: 259px; position: relative;}
.sytdlist li .tdlbbt .tdnum { width: 308px; position: absolute; color: #fff; top:60px; text-align: center; font-size: 24px; font-weight: bold; line-height: 1.8;}
.sytdlist li .tdlbbt .tdnum span { font-family: "alibaba-ph"; font-size: 38px; display: block;}
.sytdlist li .tdsm { width:100%; padding:15px 28px 0; box-sizing: border-box; font-size: 18px; color: #666;}

.sytdlist li:nth-child(1), .sytdlist li:nth-child(5) { margin-left: 0;}

.hexinbox { background: #e8f4ff;}
.hexinlist { float: left; width: 100%; margin-top: 30px;}
.hexinlist li { float:left; width: 243px; text-align: center; margin-left: 16px;}
.hexinlist li:first-child { margin-left: 0;}
.hexinlist li h3 {  font-size:26px; color: #444; line-height: 40px; margin-top: 20px;}
.hexinlist li p { font-size: 18px; color: #777; padding: 5px 10px 0; box-sizing: border-box;} 

.shijianlist li { float: left; width: 308px; height: 350px; background: rgba(250,251,255,1); position: relative; overflow: hidden; transition: all 300ms; cursor: pointer;}
.shijianlist li .sjbgtp {width: 100%; height: 350px; opacity: .15;}
.shijianlist li .sjnrbox { width: 100%; position: absolute; top: 0; left: 0; padding: 32px; box-sizing: border-box;}
.shijianlist li .sjnrbox .sjfa_num { color:#999; font-size: 46px; font-weight: 200; margin-top: 10px;  transition: all 300ms;}
.shijianlist li .sjnrbox h3 { font-size: 25px; color: #333; white-space:nowrap;  transition: all 300ms;}
.shijianlist li .sjnrbox p { font-size: 18px; color: #666; line-height: 1.666; padding-top: 30px; position: relative; margin-top: 15px;  transition: all 300ms;}

.shijianlist li.sjan_now { background:rgba(0,57,221,1); width: 356px; }
.shijianlist li.sjan_now .sjnrbox .sjfa_num,.shijianlist li.sjan_now .sjnrbox h3,.shijianlist li.sjan_now .sjnrbox p  { color: #fff;}
.shijianlist li.sjan_now .sjnrbox p:before { content: ""; width: 40px; height: 3px; background: #fff; position: absolute; left: 0; top: 0;}

/**新闻**/
.zixunbox { background: #e8f4ff;}
.synewslist { float:left; margin-top: 17px;}
.synewslist li { float:right; width: 679px; margin-bottom: 32px;}
.synewslist li .news_img { float:left; width:220px; height: 124px; }
.synewslist li .news_img img { width: 100%; height: auto}
.synewslist li h3 { float:right; width: 435px; font-size: 18px; color: #111f2c; margin-top: 1px;}
.synewslist li h3 a { color: #111f2c; text-decoration:none;}
.synewslist li h3 a:hover { color:#06f;}
.synewslist li p { float:right; width: 435px; font-size: 14px; color: #727f8b; margin-top: 11px; line-height:24px; height:48px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  /*设置从第几行后开始省略*/ -webkit-box-orient: vertical;}
.synewslist li:nth-child(1) {float:left; width:520px; padding-right: 40px; padding-bottom: 15px; border-right: 1px solid #d7e3ee;}
.synewslist li:nth-child(1) .news_img { width:100%; height:293px; }
.synewslist li:nth-child(1) h3 { width:100%; font-size: 24px; margin-top: 34px; line-height: 30px;}
.synewslist li:nth-child(1) p { width:100%; font-size: 16px; margin-top: 13px; line-height: 1.6;}

/**页脚**/

.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);}