@import url(/uiFramework/commonResource/css/layui.css);
a:hover {text-description:underline;}
/* flex 公用样式*/
.flex-us {display: flex;display: -ms-flexbox;}
.flex-cent {display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;}
.flex-space {display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;}
.flex-around {display: flex;display: -ms-flexbox;justify-content: space-around;-ms-flex-pack: justify;}
.flex-cent-cent {display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;align-items: center;-ms-flex-align: center;}
.flex-space-cent {display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;align-items: center;-ms-flex-align: center;}
.flex-ign-cent {display: flex;display: -ms-flexbox;align-items: center;-ms-flex-align: center;}
.flex-us-end {display: flex;display: -ms-flexbox;align-items: flex-end;-ms-flex-align: end;}
.flex-MsWarp {flex-wrap: wrap;-ms-flex-wrap: wrap;}
@media screen and (max-width: 1024px) {
.flex-us-no {display: block;}
.pc-nav{display:none;}
.wrapper-sj-nav{block}
}
@media screen and (min-width:1024px){
.wrapper-sj-nav{display:none}
.pc-nav{display:block;}
}
/* flex 公用样式 end*/
.fl {float: left;}
.fr {float: right;}
.clear{clear:both;}
.clearfix::after {content: "";display: table;clear: both;}
/* 公用 */
.mc_cont1500 {width: 78.125%;margin: 0 auto;}
.mc_back {background-color: #F4F4F4;padding: 50px 0 60px;}
/* 图片鼠标放上放大 */
.Mouse {overflow: hidden;}
.Mouse .MouseIMG {transition: all 0.4s;}
.Mouse:hover .MouseIMG {transform: scale(1.04);}
/* 禁止换行 */
.check-in-line {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 超过几行不显示 */
.check-in-line1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.check-in-line2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.check-in-line3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
@media screen and (max-width: 1024px) {
* {box-sizing: border-box;}
.pc-none {display: none;}
.mc_cont999 {width: 100%;padding: 0 20px;box-sizing: border-box;}
.mc_back {padding: 10px 0 30px;}
}
/* 公用 end*/
/* 网银登录 */
.e-bank {position: absolute;width: 100%;top: 140px;}
.e-bank-box {justify-content: flex-end;padding-right: 10%;-ms-flex-pack: end;}
.e-bank-cont {background-color: #ffffff;width: 271px;border-radius: 15px;padding: 25px 27px 30px;}
.e-bank-cont ul {}
.e-bank-cont ul li {margin-bottom: 25px;height: 48px;background-color: #DA251D;border-radius: 25px;}
.e-bank-cont ul li a {height: 100%;padding-left: 45px;}
.e-bank-cont ul li a img {width: 25px;transition: all 0.4s;}
.e-bank-cont ul li a:hover img {-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
.e-bank-cont ul li a p:before {content: attr(data-text);position: absolute;top: 0px;left: 0;height: 100%;width: 100%;filter: alpha(opacity = 100);opacity: 1;text-align: center;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;opacity: 0;-webkit-transform: translate3d(0, -100%, 0);letter-spacing: 2px;white-space: nowrap;}
.e-bank-cont ul li a p {font-size: 16px;color: #ffffff;margin-left: 8px;position: relative;}
.e-bank-cont ul li a span {font-size: 16px;color: #ffffff;margin-left: 8px;transition: all .3s;}
.e-bank-cont ul li a:hover p:before {opacity: 1;-webkit-transform: translate3d(0, -0, 0);}
.e-bank-cont ul li a:hover span {opacity: 0;}
.bank_verify a {display:inline-block;width: 48%;font-size: 16px;text-align: center;color: #3E3E3E;transition: all 0.4s;}
.bank_verify span {display:inline-block;width: 2px;height: 16px;background-color: #3E3E3E;}
.bank_verify a:hover {color: #DA251D;}
@media screen and (max-width: 1200px) {
.e-bank-box {padding-right: 5%;}
}
@media screen and (max-width: 1100px) {
.e-bank-box {padding-right: 0%;}
}
/* 网银登录 end*/
/* banner */
#banner {position: relative;}
.banner_box {}
.banner_box img {width: 100%;height: 468px;opacity: 0;}
.banner_text {position: absolute;top: 190px;left: 18.75%;}
.banner_text p {font-size: 65px;color: #ffffff;text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);}
@media screen and (max-width: 1200px) {
.banner_text {left: 15%;}
}
@media screen and (max-width: 1100px) {
.banner_text {left: 10%;}
}
@media screen and (max-width: 1024px) {
.banner_box img {height: 260px;}
.banner_text {top: 90px;}
.banner_text p {font-size: 33px;}
}
/* banner end*/
/* 常用工具 */
.common-cont {margin: 60px 0;}
.common_tool {}
.common_tool span {display: block;width: 9px;height: 9px;background-color: #DA251D;}
.common_tool p {font-size: 18px;color: #333333;font-weight: 700;margin-left: 10px;}

.tool {margin-top: 35px;}
.tool ul {}
.tool ul li {width: 20%;text-align: center;}
.tool ul li a {display: block;}
.tool_img {display: inline-block;width: 80px;height: 80px;background-color: #DA251D;border-radius: 45px;margin-bottom: 20px;}
.tool_img_box {width: 100%;height: 100%;}
.tool_img_box img {max-width: 51px;transition: all 0.4s;}
.tool ul li a p {font-size: 18px;color: #333333;transition: all 0.4s;}
.tool ul li a:hover p {color: #DA251D;}
.tool ul li a:hover img {-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@media screen and (max-width: 1024px) {
.common-cont {margin: 20px 0;}
.tool {overflow-y: hidden;}
.tool ul li {width: auto;margin-right: 20px;}
}
/* 常用工具 end*/
/* 存款保险与联系我们 */
.insurance {margin-top: 60px;}
.insurance ul {}
.insurance ul li {width: 48%;border-radius: 15px;overflow: hidden;}
.insurance ul li a {display: block;width: 100%;}
.insurance ul li a img {width: 100%;}
@media screen and (max-width: 1024px) {
.insurance {margin-top: 20px;}
.insurance ul li {width: 100%;margin-bottom: 10px;}
.insurance ul li:last-child {margin-bottom: 0px;}

}
/* 存款保险与联系我们 end*/
/*-图片抖动效果 start-*/
  @-webkit-keyframes tada{0%{-webkit-transform:scale(1.5);}
  10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
  100%{-webkit-transform:scale(1) rotate(0);}}
  @-moz-keyframes tada{0%{-moz-transform:scale(1);}
  10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
  100%{-moz-transform:scale(1) rotate(0);}}
  @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
  opacity:0;}</p>
  40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
  70%{-webkit-transform:perspective(400px) rotateY(10deg);}
  100%{-webkit-transform:perspective(400px) rotateY(0deg);
  opacity:1;}}
  @-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);
  opacity:0;}
  40%{-moz-transform:perspective(400px) rotateY(-10deg);}
  70%{-moz-transform:perspective(400px) rotateY(10deg);}
  100%{-moz-transform:perspective(400px) rotateY(0deg);
  opacity:1;}}
  @-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
  10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
  100%{-webkit-transform:scale(1) rotate(0);}}
  @-moz-keyframes tada{0%{-moz-transform:scale(1);}
  10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
  40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
  100%{-moz-transform:scale(1) rotate(0);}}
  @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
  opacity:0;}
  40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
  70%{-webkit-transform:perspective(400px) rotateY(10deg);}
  100%{-webkit-transform:perspective(400px) rotateY(0deg);
  opacity:1;}}
  @-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);
  opacity:0;}
  40%{-moz-transform:perspective(400px) rotateY(-10deg);}
  70%{-moz-transform:perspective(400px) rotateY(10deg);}
  100%{-moz-transform:perspective(400px) rotateY(0deg);
  opacity:1;}}
/*-图片抖动效果 end-*/