html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0px; padding: 0px; }
body { font-size: 14px; font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif; background: rgb(255, 255, 255); }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft Yahei"; color: rgb(51, 51, 51); }
a:hover { cursor: pointer; text-decoration: none; }
a:active { }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: "."; }
.clearfix::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }
img { padding: 0px; margin: 0px; }
a img { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
input, textarea { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: "Microsoft Yahei"; font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; }
.fl { float: left; }
.fr { float: right; }
.wrap { max-width: 750px; min-width: 320px; width: 100%; position: relative; margin: 0px auto !important; overflow:hidden;}
.wrap img { display: block; width: 100%; }
.layui-layer-page .layui-layer-content { overflow: hidden !important; }
video { width: 100%; object-fit: cover; object-position: center center; }
.tit { position: relative; display: block; text-align: center; }
.tit p, .tit a { font-size: 2.4rem; color: rgb(51, 51, 51); font-weight: bold; padding-bottom: 1.2rem; display: block; }
.tit span { font-size: 1.2rem; color: rgb(51, 51, 51); display: block; width: 90%; line-height: 2rem; margin: 0px auto; }
.tit1 { position: relative; display: block; text-align: center; margin-bottom: 1.5rem; }
.tit1 p, .tit1 a {font-size: 2.4rem;color: rgb(51, 51, 51);font-weight: bold;padding-bottom: 0rem;display: block;}
.tit1 i {background: url("../images/tline.png") center center / 6.1rem 0.9rem no-repeat;/* width: 6.1rem; */height: 1.2rem;display: block;margin: 0px auto;padding-bottom: 0.2rem;}
.tit1 span {font-size: 1.1rem;color: rgb(51, 51, 51);display: block;width: 86%;line-height: 2rem;margin: 0px auto;}
.g-adv { position: relative; width: 100%; margin: 0px auto; height: auto; z-index: 15; font-size: 0px; }
.g-adv .m-box img { display: block; position: relative; width: 100%; height: auto; }
.g-adv li p { position: relative; z-index: 5; }
.g-adv li video { display: block; position: absolute; inset: 0px; z-index: 1; width: 100%; }
.g-adv .swiper-pagination { bottom: 4rem; height: 0.8rem; line-height: 0; text-align: center; }
.g-adv .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: rgb(255, 255, 255); width: 0.8rem; height: 0.8rem; margin: 0px 0.4rem; border-radius: 0.5rem; box-sizing: border-box; }
.g-adv .swiper-pagination .swiper-pagination-bullet-active { background: #1dae34; }
.she { padding: 3rem 0px; position: relative; background-size: 100% 58.25rem; }
.she::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/sbg.jpg") center top / cover no-repeat; z-index: 0; }
.she .sbcon { position: relative; z-index: 1; }
.she .sbcon .sbhead { text-align: center; margin-bottom: 2rem; }
.she .sbcon .sbhead h2 { font-size: 2rem; color: rgb(51, 51, 51); margin-bottom: 0.8rem; }
.she .sbcon .sbhead .sbline { width: 4rem; height: 1px; background-color: rgb(204, 204, 204); margin: 0px auto 1rem; position: relative; }
.she .sbcon .sbhead .sbline::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: rgb(9, 86, 152); border: 2px solid rgb(255, 255, 255); }
.she .sbcon .sbhead p { font-size: 1rem; color: rgb(102, 102, 102); }
.she .sbcon .sbnav { list-style: none; justify-content: space-between; padding: 0px; margin: 0px auto; flex-wrap: wrap; height: 8rem; }
.she .sbcon .sbwap .sarea .sblist li:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.she .sbcon .sbnav li {width: 32.1%;float: left;margin: 0.6%;background: rgb(229, 229, 229);height: 5rem;}
.she .sbcon .sbnav li a {display: block;padding: 1.1rem 0.6rem;text-align: center;text-decoration: none;color: rgb(51, 51, 51);font-size: 1rem;border-right: 1px solid rgb(229, 229, 229);transition: 0.3s;}
.she .sbcon .sbnav li:last-child a { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.she .sbcon .sbnav li.cur { background: rgb(9, 86, 152); }
.she .sbcon .sbnav li.cur a { color: rgb(255, 255, 255); }
.she .sbcon .sbwap { width: 92%; margin: 0px 4%; }
.she .sbcon .sbwap .sarea { padding-top: 5rem; }
.she .sbcon .sbwap .sarea h3 { font-size: 2rem; color: rgb(51, 51, 51); margin-bottom: 1.2rem; }
.she .sbcon .sbwap .sarea h3 a { font-weight: bold; }
.she .sbcon .sbwap .sarea .desc { list-style: none; padding: 0px; margin: 0px 0px 3rem; grid-template-columns: repeat(2, 1fr); gap: 1rem 0px; display: flex; line-height: 2rem; font-size: 1.2rem; }
.she .sbcon .sbwap .sarea .smore { width: 10rem; height: 3rem; background: rgb(29, 174, 54); clip-path: polygon(12px 0px, 100% 0px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0px 100%, 0px 12px); text-align: center; }
.she .sbcon .sbwap .sarea .smore a { display: flex; align-items: center; justify-content: center; background-color: rgb(40, 167, 69); color: rgb(255, 255, 255); text-decoration: none; font-size: 1.1rem; line-height: 3rem; }
.she .sbcon .sbwap .sarea .smore a i img { padding-top: 0.1rem; display: block; padding-left: 1rem; width: 1.1rem; height: 1.1rem; }
.she .sbcon .sbwap .sbimg { position: relative; padding-top: 2rem; }
.she .sbcon .sbwap .sbimg .sbox { width: 94%; background-color: rgb(255, 255, 255); clip-path: polygon(80px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 80px); display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px; }
.she .sbcon .sbwap .sbimg .sbox img { width: 100%; height: 100%; object-fit: cover; padding-left: 5%; }
.she .sbcon .sbwap .sbimg::after { content: ""; position: absolute; bottom: -3rem; right: 0rem; width: 90%; height: 90%; background-color: rgb(9, 85, 151); clip-path: polygon(100% 0px, 100% 0px, 100% calc(100% - 60px), calc(100% - 60px) 100%, 0px 100%, 0px 60px); z-index: -1; }
.yzan { padding: 3.8rem 0px; position: relative; overflow: hidden; background-size: 100% 40rem; }
.yzan::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/cabg.jpg") center top / cover no-repeat; z-index: 0; }
.yzan .yzcon { position: relative; z-index: 1; text-align: center; }
.yzan .yzcon .tit { margin-bottom: 3rem; }
.yzan .yzcon .tit h2 { font-size: 2rem; color: rgb(51, 51, 51); margin-bottom: 1rem; }
.yzan .yzcon .tit p { }
.yzan .yzcon .ygid { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 94%; margin: 0px 4%; }
.yzan .yzcon .ygid dl { display: flex; flex-direction: column; align-items: center; text-align: center; float: left; width: 49%; background: rgb(255, 255, 255); margin-bottom: 1rem; padding: 2.5rem 0px; }
.yzan .yzcon .ygid dl dt { margin-bottom: 0.2rem; }
.yzan .yzcon .ygid dl dt .icon i { display: block; width: 4.6rem; height: 4.6rem; overflow: hidden; }
.yzan .yzcon .ygid dl dt .icon { width: 4.6rem; height: 4.6rem; display: flex; align-items: center; justify-content: center; margin: 0px auto 1.5rem; }
.yzan .yzcon .ygid dl dt .icon svg { width: 2rem; height: 2rem; fill: rgb(9, 86, 152); }
.yzan .yzcon .ygid dl dt .icon img { width: 4.6rem; height: 4.6rem; display: block; }
.yzan .yzcon .ygid dl dt h3 { font-size: 1.2rem; color: rgb(51, 51, 51); margin: 0px; font-weight: bold; }
.yzan .yzcon .ygid dl dt .ylin { width: 2.2rem; height: 0.15rem; background-color: rgb(9, 86, 152); margin: 1.5rem auto; }
.yzan .yzcon .ygid dl dd { font-size: 1.2rem; color: rgb(51, 51, 51); line-height: 2rem; width: 86%; }
.ys { padding: 2.5rem 0px 0px; background: rgb(245, 245, 245); }
.ys_t ul { display: flex; position: relative; z-index: 20; flex-wrap: wrap; width: 94%; margin: 0px 3% 2.6rem; }
.ys_t li { width: 48%; padding-top: 1rem; background: rgb(0, 70, 169); box-sizing: border-box; margin: 0.3rem; height: 6.5rem; line-height: 6.5rem; }
.ys_t li em { display: block; width: 2rem; height: 2rem; overflow: hidden; margin: 0px auto; }
.ys_t li em img { display: block; width: 2rem; height: 2rem; }
.ys_t li span { display: block; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 1.2rem; margin-top: 0.6rem; text-align: center; font-weight: bold; }
.ys_t li.cur { background: rgb(29, 174, 54); position: relative; }
.ys_t li.cur span { color: rgb(255, 255, 255); font-weight: bold; }
.ys_con { position: relative; }
.ys_con dt { display: block; width: 100%; position: relative; }
.ys_con dt > img { display: block; width: 100%; }
.ys_con dd {height: 44rem;background: rgb(240, 241, 245);padding: 2rem 4% 0px;box-sizing: border-box;}
.ys_con dd h4 {display: block;font-size: 1.6rem;line-height: 2.2rem;font-weight: bold;color: rgb(51, 51, 51);}
.ys_con dd h4 span { font-size: 1.2rem; font-weight: normal; display: block; padding: 0.6rem 0px; }
.ys_con dd p { font-size: 1.2rem; line-height: 2rem; }
.ys_con dd p i { display: block; font-size: 1.2rem; line-height: 1.8rem; color: rgb(51, 51, 51); margin-top: 1.3rem; }
.ys_con .swiper-pagination { position: absolute; left: 0px; width: 100%; text-align: center; bottom: 2.6rem !important; z-index: 999 !important; }
.ys_con .swiper-pagination-bullet { border: 0px; width: 0.9rem; height: 0.9rem; border-radius: 15px; display: inline-block; outline: none; background: rgb(0, 76, 141); transition: 0.5s; opacity: 1; margin: 0px 0.4rem !important; }
.ys_con .swiper-pagination .swiper-pagination-bullet-active { width: 3rem; background: rgb(29, 174, 54); }
.pei { padding: 3.5rem 0px; }
.pei .picon .tit { text-align: center; margin-bottom: 2.5rem; }
.pei .picon .tit h2 { font-size: 2.2rem; color: rgb(51, 51, 51); margin-bottom: 1rem; }
.pei .picon .tit p { font-size: 1rem; color: rgb(102, 102, 102); line-height: 1.8; max-width: 60rem; margin: 0px auto; }
.pei .picon .pinav { list-style: none; display: flex; justify-content: space-between; padding: 0px; margin: 0px auto 2rem; border-top: 1px solid rgb(238, 238, 238); }
.pei .picon .pinav li { flex: 1 1 0%; text-align: center; }
.pei .picon .pinav li a { display: block; padding: 1rem 0px; text-decoration: none; color: rgb(51, 51, 51); font-size: 1rem; position: relative; }
.pei .picon .pinav li.cur a { color: rgb(9, 86, 152); }
.pei .picon .pinav li.cur a::after { content: ""; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 5rem; height: 2px; background-color: rgb(9, 86, 152); }
.pei .picon .piap { position: relative; }
.pei .picon .piap .pibtn { position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; font-size: 1.5rem; cursor: pointer; z-index: 2; }
.pei .picon .piap .pibtn.pprev { left: 0px; color: rgb(40, 167, 69); }
.pei .picon .piap .pibtn.pnext { right: 0px; color: rgb(9, 86, 152); }
.pei .picon .piap .plist { list-style: none; display: flex; justify-content: space-between; margin: 0px 2rem; flex-wrap: wrap; }
.pei .picon .piap .plist li { text-align: center; width: 49%; float: left; }
.pei .picon .piap .plist li a { text-decoration: none; color: rgb(51, 51, 51); }
.pei .picon .piap .plist li a img { box-shadow: rgba(8, 8, 9, 0.16) 0px 0px 20px 0px; background: rgb(255, 255, 255);height:12.5rem;width:100%;}
.pei .picon .piap .plist li a span { font-size: 1rem; color: rgb(51, 51, 51);display: block;padding:0.5rem 0;}
.anli { padding: 3.5rem 3%; width: 94%; }
.anli .alcon .tit1 { text-align: center; margin-bottom: 1rem; }
.anli .alcon .tit1 h2 { font-size: 1.8rem; color: rgb(51, 51, 51); margin-bottom: 0.8rem; }
.anli .alcon .cased { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; margin-bottom: 2.5rem; padding-top: 0.2rem; }
.anli .alcon .cased dl { background-color: rgb(255, 255, 255); margin: 0px; display: flex; flex-direction: column; }
.anli .alcon .cased dl dt { line-height: 0; }
.anli .alcon .cased dl dt a { display: block; }
.anli .alcon .cased dl dt img { width: 100%; height: 12rem; object-fit: cover; }
.anli .alcon .cased dl dd { margin: 0px; padding: 1rem 0px; display: flex; flex-direction: column; gap: 1.5rem; background: rgb(245, 245, 245); }
.anli .alcon .cased dl dd h3 { margin: 0px; font-size: 1rem; text-align: center; }
.anli .alcon .cased dl dd h3 a { color: rgb(51, 51, 51); text-decoration: none; font-size: 1.2rem; }
.anli .alcon .cased dl:hover dd h3 a { color: rgb(9, 86, 152); }
.anli .alcon .cased dl dd p { font-size: 0.8rem; color: rgb(51, 51, 51); line-height: 1.6; margin: 0px; }
.news .tit em { color: rgb(247, 240, 238); }
.news { padding: 2rem 4%; background: rgb(246, 246, 246); }
.news_r { margin-top: 1rem; }
.news2 { position: relative; }
.news2 dl { box-sizing: border-box; padding: 1.2rem 0px; border-bottom: 1px solid rgb(183, 183, 183); }
.news2 dl:first-child, .news2 dl:first-child dt, .news2 dl:first-child dd { width: 100%; }
.news2 dl:first-child dd a{display:block;font-size:1.2rem;line-height:2rem;}
.news2 dl:first-child { border-bottom: 2px solid rgb(183, 183, 183); padding-bottom: 1.6rem; margin-bottom: 0.6rem; padding-top: 0px; }
.news2 dl:first-child dt img{width:100%;clip-path:polygon(
    0 0,          
    calc(100% - 35px) 0,
    100% 35px,
    100% 100%,
    0 100%
  );}
.news2 dt { float: left; width: 40.58%; }
.news2 dd { padding-top: 0.7rem; float: right; width: 55.8%; box-sizing: border-box; }
.news2 dd h4 { box-sizing: border-box; display: block; font-size: 1.3rem; color: rgb(26, 26, 26); line-height: 2rem; font-weight: normal; }
.news2 dd p { display: block; font-size: 1rem; color: rgb(153, 153, 153); line-height: 1.1rem; font-weight: normal; margin-top: 0.8rem; font-family: mon1; }
.news2 dd span { display: block; font-size: 1.3rem; color: rgb(51, 51, 51); font-weight: bold; padding: 0.8rem 0px; }
.news2 dl:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.anli .alian a { display: flex; align-items: center; width: 10.5rem; background: rgb(29, 174, 54); color: rgb(255, 255, 255); text-decoration: none; font-size: 1.1rem; clip-path: polygon(12px 0px, 100% 0px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0px 100%, 0px 12px); height: 3.3rem; line-height: 3.3rem; text-align: center; justify-content: center; gap: 1rem; margin: 0px auto; }
.anli .alian img { width: 1.1rem; height: 1.1rem; }
.abt {background: url("../images/abt_bg.jpg") center top / 100% 43.7rem no-repeat;padding: 3rem 4% 1.5rem;box-sizing: border-box;}
.abt div.tit1 p { color: rgb(255, 255, 255); }
.abt .desc { padding: 0px 0.3rem 2rem; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 2rem; text-align: center; }
.abt .tit1 { margin-bottom: 0.5rem; }
.abt .more { display: flex; align-items: center; width: 10.5rem; background: rgb(29, 174, 54); color: rgb(255, 255, 255); text-decoration: none; font-size: 1.1rem; clip-path: polygon(12px 0px, 100% 0px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0px 100%, 0px 12px); height: 3.3rem; line-height: 3.3rem; text-align: center; justify-content: center; gap: 1rem; margin: 0px auto; }
.abt .more img { width: 1.1rem; height: 1.1rem; }
.abt_t {width: 88%;display: flex;justify-content: space-between;margin: 0rem auto 0px;height: 6rem;}
.abt_t li { height: 2.1rem; position: relative; }
.abt_t li em { display: block; width: 1.5rem; height: 1.5rem; overflow: hidden; vertical-align: -0.25rem; text-align: center; margin: 0.5rem auto; }
.abt_t li em img { display: block; width: 1.5rem; height: 1.5rem; margin: 0px auto; text-align: center; }
.abt_t li span { font-size: 1.3rem; color: rgb(51, 51, 51); line-height: 2rem; font-weight: normal; margin-left: 0.3rem; display: block; }
.abt_t li.active span { color: rgb(29, 174, 54); font-weight: bold; }
.abt_t li.active em img:nth-child(1) { margin-top: -1.5rem; }
.abt_dd {padding: 1.2rem 0.9rem 1rem;background: rgb(255, 255, 255);/* margin-top: 10.5rem !important; */}
.abt_con.swiper-container { overflow: visible !important; }
.abt_con li img { display: block; width: 100%; }
.abt_con li span { display: block; font-size: 1.1rem; color: rgb(51, 51, 51); line-height: 3rem; font-weight: normal; text-transform: uppercase; transition: 0.5s; text-align: center; }
.abt_s {position: relative;margin-top: 1.5rem;height: 15rem;}
.abt_s .zprev { display: block; width: 0.85rem; height: 1.4rem; cursor: pointer; position: absolute; left: -2.2rem; top: 4.5rem; z-index: 20; overflow: hidden; }
.abt_s .znext { display: block; width: 0.85rem; height: 1.4rem; cursor: pointer; position: absolute; right: -2.2rem; top: 4.5rem; z-index: 20; overflow: hidden; }
.abt_s .znext img, .abt_s .zprev img { display: block; width: 0.85rem; height: 1.4rem; }
html { font-size: 10px; text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@media screen and (min-width: 320px) {
  html { font-size: 8.533px; }
}
@media screen and (min-width: 360px) {
  html { font-size: 9.6px; }
}
@media screen and (min-width: 375px) {
  html { font-size: 10px; }
}
@media screen and (min-width: 393px) {
  html { font-size: 10.48px; }
}
@media screen and (min-width: 400px) {
  html { font-size: 10.664px; }
}
@media screen and (min-width: 414px) {
  html { font-size: 11.04px; }
}
@media screen and (min-width: 440px) {
  html { font-size: 11.73px; }
}
@media screen and (min-width: 480px) {
  html { font-size: 12.796px; }
}
@media screen and (min-width: 520px) {
  html { font-size: 13.863px; }
}
@media screen and (min-width: 560px) {
  html { font-size: 14.93px; }
}
@media screen and (min-width: 600px) {
  html { font-size: 15.996px; }
}
@media screen and (min-width: 640px) {
  html { font-size: 17.06px; }
}
@media screen and (min-width: 680px) {
  html { font-size: 18.1288px; }
}
@media screen and (min-width: 700px) {
  html { font-size: 18.66px; }
}
@media screen and (min-width: 720px) {
  html { font-size: 19.1952px; }
}
@media screen and (min-width: 72.5rem) {
  html { font-size: 20px; }
}
@-webkit-keyframes fadeInDown1 { 
  0% { opacity: 0; transform: translate3d(0px, -50%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDown1 { 
  0% { opacity: 0; transform: translate3d(0px, -50%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.fadeInDown1 { animation-name: fadeInDown1; }
@-webkit-keyframes fadeInDown2 { 
  0% { opacity: 0; transform: translate3d(0px, -20%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDown2 { 
  0% { opacity: 0; transform: translate3d(0px, -20%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.fadeInDown2 { animation-name: fadeInDown2; }
@-webkit-keyframes fadeInLeft1 { 
  0% { transform: translate3d(-10%, 0px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInLeft1 { 
  0% { transform: translate3d(-10%, 0px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.fadeInLeft1 { animation-name: fadeInLeft1; }
@-webkit-keyframes fadeInLeft2 { 
  0% { transform: translate3d(-5%, 0px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInLeft2 { 
  0% { transform: translate3d(-5%, 0px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.fadeInLeft2 { animation-name: fadeInLeft2; }
@-webkit-keyframes fadeInRight1 { 
  0% { transform: translate3d(10%, 0px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInRight1 { 
  0% { transform: translate3d(10%, 0px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.fadeInRight1 { animation-name: fadeInRight1; }
@-webkit-keyframes fadeInRight2 { 
  0% { transform: translate3d(5%, 0px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInRight2 { 
  0% { transform: translate3d(5%, 0px, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.fadeInRight2 { animation-name: fadeInRight2; }
@-webkit-keyframes zoomLeft { 
  0% { transform: scale3d(0.3, 0.3, 0.3); opacity: 0; }
  50% { opacity: 1; }
}
@keyframes zoomLeft { 
  0% { transform: scale3d(0.3, 0.3, 0.3); opacity: 0; }
  50% { opacity: 1; }
}
.zoomLeft { transform-origin: 0px 50%; animation-name: zoomLeft; }
.zoomRight { transform-origin: 100% 50%; animation-name: zoomLeft; }
@-webkit-keyframes fadeInUp1 { 
  0% { transform: translate3d(0px, 10%, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInUp1 { 
  0% { transform: translate3d(0px, 10%, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.fadeInUp1 { animation-name: fadeInUp1; }
@-webkit-keyframes fadeInUp2 { 
  0% { transform: translate3d(0px, 2%, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInUp2 { 
  0% { transform: translate3d(0px, 2%, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.fadeInUp2 { animation-name: fadeInUp2; }
@keyframes myfirst { 
  0% { top: 0px; left: 0px; }
  25% { top: 10px; left: 0px; }
  50% { top: 0px; left: 0px; }
  100% { top: 0px; left: 0px; }
}
@-webkit-keyframes myfirst { 
  0% { top: 0px; left: 0px; }
  25% { top: 10px; left: 0px; }
  50% { top: 0px; left: 0px; }
  100% { top: 0px; left: 0px; }
}
@-webkit-keyframes fadeInUp1 { 
  0% { transform: translate3d(0px, 10%, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInUp1 { 
  0% { transform: translate3d(0px, 10%, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.fadeInUp1 { animation-name: fadeInUp1; }
@-webkit-keyframes fadeInUp2 { 
  0% { transform: translate3d(0px, 2%, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes fadeInUp2 { 
  0% { transform: translate3d(0px, 2%, 0px); opacity: 0; }
  100% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
.fadeInUp2 { animation-name: fadeInUp2; }
@keyframes myfirst { 
  0% { top: 0px; left: 0px; }
  25% { top: 10px; left: 0px; }
  50% { top: 0px; left: 0px; }
  100% { top: 0px; left: 0px; }
}
@-webkit-keyframes myfirst { 
  0% { top: 0px; left: 0px; }
  25% { top: 10px; left: 0px; }
  50% { top: 0px; left: 0px; }
  100% { top: 0px; left: 0px; }
}
html { font-size: 10px; }
@media screen and (min-width: 320px) {
  html { font-size: 8.533px; }
}
@media screen and (min-width: 360px) {
  html { font-size: 9.6px; }
}
@media screen and (min-width: 375px) {
  html { font-size: 10px; }
}
@media screen and (min-width: 393px) {
  html { font-size: 10.48px; }
}
@media screen and (min-width: 400px) {
  html { font-size: 10.664px; }
}
@media screen and (min-width: 414px) {
  html { font-size: 11.04px; }
}
@media screen and (min-width: 440px) {
  html { font-size: 11.73px; }
}
@media screen and (min-width: 480px) {
  html { font-size: 12.796px; }
}
@media screen and (min-width: 520px) {
  html { font-size: 13.863px; }
}
@media screen and (min-width: 560px) {
  html { font-size: 14.93px; }
}
@media screen and (min-width: 600px) {
  html { font-size: 15.996px; }
}
@media screen and (min-width: 640px) {
  html { font-size: 17.06px; }
}
@media screen and (min-width: 680px) {
  html { font-size: 18.1288px; }
}
@media screen and (min-width: 700px) {
  html { font-size: 18.66px; }
}
@media screen and (min-width: 720px) {
  html { font-size: 19.1952px; }
}
@media screen and (min-width: 750px) {
  html { font-size: 20px; }
}
.nsw-modal { width: 100%; height: 100%; background: rgba(225, 225, 225, 0.5); position: fixed; top: 0px; left: 0px; z-index: 99999; }
.modal-dialog { position: fixed; color: rgb(0, 0, 0); top: 150px; width: 400px; border-radius: 3px; min-height: 155px; overflow: hidden; z-index: 99998; margin-left: -200px; left: 50%; }
.modal-dialog .css-icon { background-image: url("../images/modal-icons.png"); }
.modal-dialog .modal-head { height: 30px; line-height: 30px; padding: 0px 20px; background: rgb(246, 239, 239); font-size: 14px; }
.modal-dialog .modal-head .modal-logo { width: 15px; height: 15px; background-position: 1px 0px; margin: 8px 5px 0px 0px; float: left; }
.modal-dialog .modal-head .close { float: right; width: 15px; height: 15px; background-position: -14px 0px; margin-top: 8px; }
.modal-dialog .modal-body { width: 100%; min-height: 125px; background: rgb(255, 255, 255); }
.modal-dialog .modal-body .modal-body-left { width: 140px; float: left; }
.modal-dialog .modal-body .modal-body-left .icon { width: 64px; height: 64px; margin: 30px 0px 0px 48px; }
.modal-dialog .modal-body .modal-body-left .success-message { background-position: 0px -14px; }
.modal-dialog .modal-body .modal-body-left .warming-message { background-position: 0px -78px; }
.modal-dialog .modal-body .modal-body-right { width: 260px; float: right; padding-top: 20px; }
.modal-dialog .modal-body .modal-body-right .close-btn { color: rgb(0, 0, 0); text-align: center; width: 90px; display: inline-block; height: 24px; line-height: 24px; background: rgb(129, 128, 121); }
.modal-dialog .modal-body .modal-body-right p { line-height: 30px; }