@charset "utf-8";
.naa_ba{  }
.naa_ba_bga{ position: fixed; top: 0px; left: 0px; right: 0px; height: 100vh; z-index: -100; overflow: hidden; }
.naa_ba_txa{ margin-top: 108px; padding-top: 50px; padding-bottom: 50px; }
.naa_ba_txa ul{ padding: 50px; width: 52%; background-color: #1c337d; }
.naa_ba_txa ul h1{ color: #fff; font-size: 2.8rem; font-weight: 600; }
.naa_ba_txa ul p{ padding: 30px 0px; color: #fff; letter-spacing: 2px; line-height: 1.8rem; opacity: 0.7; }
.naa_ba_txa ul li a{ display: inline-block; padding: 10px 30px; color: #fff; border: 1px solid #fff; }

.naa_bb{ padding-top: 80px; padding-bottom: 80px; background-color: #fff; }
.naa_bb dt{ width: 48%; margin-right: 2%; }
.naa_bb dt h4{ margin-bottom: 10px; color: #1c337d; font-size: 1.2rem; font-weight: 600; }
.naa_bb dt h2{ margin-bottom: 30px; color: #333; font-size: 2.1rem; font-weight: 700; }
.naa_bb dt p{ color: #6C6D74; font-weight: normal; letter-spacing: 1.6px; line-height: 2rem; }
.naa_bb dt span a{ display: inline-block;  margin-top: 30px; padding: 12px 30px; color: #fff; font-size: 0.9rem; font-weight: 500; background-color: #1c337d; text-transform: uppercase; border-radius: 3px; }
.naa_bb dd{ width: 50%; }
.naa_bb dd img{ border-radius: 5px; }

.naa_bc{ padding-top: 80px; padding-bottom: 60px; background-color: #f7fafc; }
.naa_bc h2{ padding: 1rem 0px; color: #1c337d; font-size: 40px; font-weight: 700; font-family: 'Poppins', sans-serif; text-align: center; }
.naa_bc h4{ padding: 1rem 0px 1rem 10px;  width: 65%; margin: 0px auto; line-height: 1.8rem; font-size: 1rem; letter-spacing: 5px; text-align: center; }
.naa_bc h4 a:hover{ color: #1c337d; }
.naa_bc ul{ margin-top: 50px; }
.naa_bc_item{ margin: 0px 30px 30px 0px; padding: 30px; width: calc((100% - 90px)/4); background-color: #fff; border-radius: 5px; text-align: center; cursor: default; }
.naa_bc_item:nth-child(4n){ margin-right: 0px; }
.naa_bc_item div{ padding: 20px 0px 30px 0px; }
.naa_bc_item div i{ display: inline-block; width: 88px; height: 88px; line-height: 88px; color: #fff; font-size: 3rem; background-color: #1c337d; border-radius: 88px; }
.naa_bc_item h3{ margin: 0 0 10px; color: #2D2E33; font-size: 18px; font-weight: 500; text-transform: capitalize; }
.naa_bc_item p{ margin-bottom: 20px; line-height: 1.8rem; font-weight: 100; -webkit-line-clamp: 3; }
.naa_bc_act, .naa_bc_item:hover{ background-color: #1c337d; }
.naa_bc_act div i, .naa_bc_item:hover div i{ color: #1c337d; background-color: #fff; }
.naa_bc_act h3, .naa_bc_item:hover h3{ color: #fff; }
.naa_bc_act p, .naa_bc_item:hover p{ color: rgba(255,255,255,.5); }

.naa_bd{ padding-top: 80px; padding-bottom: 80px; }
.naa_bd ul{ width: 58%; margin: 0px auto; padding: 5rem; background: rgba(255, 255, 255, 0.86); text-align: center; }
.naa_bd ul h2{ margin-bottom: 2rem; color: #333; }
.naa_bd ul p{ color: #1c337d; font-size: 1rem; letter-spacing: 5px; text-align: left; line-height: 2rem; }
.naa_bd ul li{ margin-top: 2rem; }
.naa_bd ul li a{ display: inline-block; padding: 1.1rem 2.1rem; color: #fff; font-size: 0.86rem; font-weight: 600; background-color: #1c337d; border: 2px solid #1c337d; border-radius: 3px; }
.naa_bd ul li a:hover{ color: #1c337d; background-color: #fff; }
/* product */
.naa_be{ padding-top: 80px; padding-bottom: 60px; background-color: #fff; }
.naa_be h2{ padding: 1rem 0px; color: #1c337d; font-size: 40px; font-weight: 700; font-family: 'Poppins', sans-serif; text-align: center; }
.naa_be h4{ padding: 1rem 0px 1rem 10px; width: 60%; margin: 0px auto; line-height: 1.8rem; font-size: 1rem; letter-spacing: 5px; text-align: center; margin-bottom: 3rem; }
.naa_be h4 a:hover{ color: #1c337d; }
.naa_be ul{  }
.naa_be li{ position: relative; margin: 0px 30px 30px 0px; width: calc((100% - 90px)/4); border-radius: 3px; overflow: hidden; }
.naa_be li:nth-child(4n){ margin-right: 0px; }
.naa_be li img{ transition: ease all 0.3s; -webkit-transition: ease all 0.3s; transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); }
.naa_be li span{ position: absolute; left: 10px; right: 10px; bottom: 10px; color: #fff; padding: 20px; background-color: rgba(28,51,125,0.9); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.naa_be li span h3{ margin-bottom: 5px; font-size: 16px; font-weight: 400; }
.naa_be li span p{ color: rgba(255,255,255,0.6); font-size: 0.96rem; font-weight: 100; }
.naa_be li a{ z-index: 200; }
.naa_be li:after{ content: ""; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 1px solid rgba(0,0,0,.1); z-index: 100; }
.naa_be li:hover img{ transform: scale(1.14) rotate(2deg); -webkit-transform: scale(1.15) rotate(2deg); }
.naa_be li:hover:after{ border-color: rgba(28,51,125,0.7); }
.naa_be li:hover span{ opacity: 1; }
.naa_be li:hover a{ background-color: rgba(255,255,255,0.12); }
/* news */
.naa_bf{ padding-top: 80px; padding-bottom: 60px; background-color: #f7fafc; }
.naa_bf h2{ padding: 1rem 0px; color: #1c337d; font-size: 40px; font-weight: 700; font-family: 'Poppins', sans-serif; text-align: center; }
.naa_bf h3{ padding: 1rem 0px 1rem 10px; width: 60%; margin: 0px auto; line-height: 1.8rem; font-size: 1rem; letter-spacing: 5px; text-align: center; margin-bottom: 3rem; }
.naa_bf h3 a:hover{ color: #1c337d; }
.naa_bf ul{  }
.naa_bf li{ margin: 0px 30px 30px 0px; width: calc((100% - 60px)/3); position: relative; text-align: center; background: #fff; padding: 2rem 20px; border: 1px solid #eee; }
.naa_bf li:nth-child(3n){ margin-right: 0px; }
.naa_bf li span{ display: inline-block; width: 100px; height: 100px; border-radius: 60px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; transition: 0.2s background; -moz-transition: 0.2s background; -webkit-transition: 0.2s background; -o-transition: 0.2s background; }
.naa_bf li h4{ color: #333; font-size: 1.1rem; font-weight: 400; height: 3rem; line-height: 3rem; overflow: hidden; }
.naa_bf li p{ word-break: break-all; word-wrap: break-word; -webkit-line-clamp: 3; letter-spacing: 2px; line-height: 1.6rem; color: #666; font-size: 0.96rem; font-weight: 200; }
.naa_bf li:hover span{ background-size: auto 110%; }
.naa_bf li:hover h4{ color: #1c337d; }
.naa_bf li:hover p{ color: #333; }
/* partner */
.naa_bg{ padding-top: 80px; padding-bottom: 60px; background-color: #fff; }
.naa_bg h2{ padding: 1rem 0px; color: #1c337d; font-size: 40px; font-weight: 700; font-family: 'Poppins', sans-serif; text-align: center; }
.naa_bg h4{ padding: 1rem 0px 1rem 10px; width: 60%; margin: 0px auto; line-height: 1.8rem; font-size: 1rem; letter-spacing: 5px; text-align: center; margin-bottom: 2rem; }
.naa_bg h4 a:hover{ color: #1c337d; }
.naa_bg li{ width: calc((100%)/6); margin: 30px 0px; }
.naa_bg li img{ padding: 5px; -webkit-filter:grayscale(1); opacity: 0.8; }
.naa_bg li:hover img{ -webkit-filter:grayscale(0); opacity: 1; transform: scale(1.1); -webkit-transform: scale(1.1); }

.naa_bh{ text-align: right; }
.naa_bh ul{ display: inline-block; padding: 100px; width: 50%; text-align: left; background-color: #1c337d; }
.naa_bh ul h2{ color: #fff; font-size: 2.8rem; font-weight: 700; line-height: 4rem; margin-bottom: 25px; }
.naa_bh ul p{ color: #fff; font-size: 1.1rem; font-weight: 100; letter-spacing: 1px; line-height: 2rem; opacity: 0.7; margin-bottom: 35px; }
.naa_bh ul li a{ display: inline-block; padding: 1rem 2rem; color: #fff; border: 1px solid #fff; border-radius: 3px; }
.naa_bh ul li u{ margin-left: 30px; color: #fff; }

.naa_bh ul li a:hover{ border-color: rgba(255,255,255,0.5); }