@charset "utf-8";
input::-webkit-input-placeholder { color: #ccc; }
input::-moz-input-placeholder { color: #ccc; }
input::-ms-input-placeholder { color: #ccc; }
textarea::-webkit-input-placeholder { color: #bbb; }
textarea::-moz-input-placeholder { color: #bbb; }
textarea::-ms-input-placeholder { color: #bbb; }
.nfa_bg{ position: fixed; top: 0px; left: 0px; right: 0px; z-index: -300; }
/* Contact Nfa-a */
.nfa_ba{ margin-top: 68px; padding-right: 0px; height: 300px; background: -webkit-gradient(linear, 150% 0, 60% 100%, from(rgba(102,153,204,0.6)), to(#fff)); }
.nfa_baa{ margin-top: 30px; width: calc(100% - 360px); height: 100%; }
.nfa_bab{ width: 300px; height: 100%; overflow: hidden; }
.nfa_bac{ width: 60px; height: 100%; font-size: 3rem; writing-mode: vertical-lr; text-align: center; background-color: rgba(255,255,255,0.8); color: #1c337d; font-weight: 500; line-height: 56px; padding-top: 30px; overflow: hidden; }
.nfa_bac p{ float: left; width: 100%; height: 50%; }
.nfa_bac b{ float: left; width: 100%; height: 50%; font-size: 2rem; text-align: center; color: #fff; background-color: #1c337d; font-weight: 500; }
.nfa_ba:hover .nfa_bac{  }
.nfa_ba:hover .nfa_bac p{ opacity: 1; height: 100%; color: #fff; background-color: rgba(28,51,125,0.8); }
/* Contact Nfa-b */
.nfa_bb{ padding-top: 70px; padding-bottom: 60px; background-color: #fff; }
.nfa_bb li{ position: relative; top: 5px; margin-right: 30px; padding: 30px; width: calc((100% - 60px)/3); text-align: center; cursor: pointer; border-radius: 5px; }
.nfa_bb li:nth-child(3n){ margin-right: 0px; }
.nfa_bb li div{ padding: 30px 0px; }
.nfa_bb li div i{ color: #1c337d; font-size: 3.6rem; }
.nfa_bb li h3{ color: #333; font-size: 1.2rem; }
.nfa_bb li p{ padding: 10px 0px; line-height: 1.8rem; color: #666; font-size: 0.9rem; }
.nfa_bb li:hover{ top: 0px; box-shadow: 0px 3px 8px #ccc; }
.nfa_bb li:hover i{ background-image: -webkit-linear-gradient(bottom, red, #fd8403); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nfa_bb li:hover h3{ color: #1c337d; letter-spacing: 6px; }
/* Contact Nfa-c */
.nfa_bc{ position: relative; padding-top: 10px; background-color: #fff; }
.nfa_bc img{ border-radius: 3px; }
.nfa_bc span{ position: absolute; top: 10px; bottom: 0px; left: 0px; right: 0px; display:flex; align-items: center; }
.nfa_bc span p{ display: block; padding: 0px 8%; width: 100%; text-align: right; }
.nfa_bc span a{ display: inline-block; margin-bottom: 8px; padding: 8px 1rem; text-transform: uppercase; color: rgba(255,255,255,0.6); background-color: rgba(28,51,125,0.8); border-radius: 2px; }
.nfa_bc span i{ vertical-align: middle; color: rgba(255,255,255,0.6); font-size: 1rem; margin-right: 3px; }
.nfa_bc span u{ vertical-align: middle; color: rgba(255,255,255,0.6); font-size: 0.86rem; cursor: pointer; }
.nfa_bc span u:after{ content: "·"; margin: 0px 10px; }
.nfa_bc span u:last-child:after{ content: ""; margin: 0; }
.nfa_bc span a:hover{ color: #fff; background-color: rgba(28,51,125,0.96); }
.nfa_bc span u:hover{ color: #eee; }
/* Contact Nfa-d */
.nfa_bd{ padding-top: 80px; padding-bottom: 80px; background-color: #fff; }
.nfa_bd li{ margin-right: 40px; padding: 10px; width: calc((100% - 80px)/3); height: 200px; background-color: #fff; border-radius: 3px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; border: 0.5px solid #eee; }
.nfa_bd li:nth-child(3n){ margin-right: 0px; }

.nfa_bda{ text-align: center; -webkit-filter:hue-rotate(0deg); }
.nfa_bda h3{ margin: 2.3rem 0 3rem 0; font-size: 1.8rem; }
.nfa_bda h3 a{ color: #286bca; }
.nfa_bda h3 a:before{ content: "—— "; font-weight: 100; transition: 0.6s all; opacity: 0; }
.nfa_bda h3 a:after{ content: " ——"; font-weight: 100; transition: 0.6s all; opacity: 0; }
.nfa_bda p{ cursor: pointer; }
.nfa_bda p a{ position: relative; top: 0px; color: #eee; vertical-align: middle; }
.nfa_bda p i{ margin: 0px 5px; color: #ddd; font-size: 0.8rem; vertical-align: middle; }
.nfa_bda:hover{ -webkit-filter:hue-rotate(320deg); }
.nfa_bda:hover h3 a:before{ opacity: 1; }
.nfa_bda:hover h3 a:after{ opacity: 1; }
.nfa_bda p a:hover{ display: inline-block; top: -3px; color: #fff; }

.nfa_bdb{ text-align: center; -webkit-filter:saturate(0.7); }
.nfa_bdb h3{ margin: 2.3rem 0 3rem 0; font-size: 1.8rem; }
.nfa_bdb h3 a{ color: orange; }
.nfa_bdb p{ padding: 0 0 1rem 1rem; }
.nfa_bdb p a{ display: inline-block; line-height: 2rem; color: #339999; }
.nfa_bdb p i{ font-size: 0.8rem; }
.nfa_bdb:hover{ -webkit-filter:saturate(1); }
.nfa_bdb:hover p a{ color: #059ff7; text-shadow: 0px 3px 3px orange; }
.nfa_bdb p a:hover{ padding-left: 10px; color: #1c337d; }

.nfa_bdc{ text-align: center; }
.nfa_bdc h3{ margin: 2.3rem 0 3rem 0; font-size: 1.8rem; }
.nfa_bdc h3 a{ color: #666; }
.nfa_bdc p{ padding: 0 0 1rem 1rem; }
.nfa_bdc p a{ display: inline-block; line-height: 2rem; }
.nfa_bdc p i{ font-size: 0.8rem; }
.nfa_bdc:hover{ background-image: url('/upload/limit/about-04.png') !important; }
.nfa_bdc:hover h3 a{ color: #1c337d; }
.nfa_bdc:hover p a{ color: orange; }
.nfa_bdc p a:hover{ padding-left: 10px; color: red; }
/* Contact Nfa-e */
.nfa_be{ position: relative; background-color: #fff; }
.nfa_bea{  }
#container{ width: 100%; height: 400px; }

.nfa_beb{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display:flex;  justify-content:center; align-items: center; background-color: rgba(28,51,125,0.3); box-shadow: 0px 0px 5px #ccc inset; }
.nfa_beb ul{ display: inline-block; margin-top: -30px; padding: 1rem 3rem; min-width: 300px; background-color: rgba(28,51,125,0.6); border-radius: 3px; z-index: 260; }
.nfa_beb h3{ padding: 1rem 0; color: #fff; font-size: 1.6rem; }
.nfa_beb p{ color: #fff; line-height: 3rem; }

.nfa_bec{ position: absolute; bottom: 0px; left: 0px; right: 0px; height: 30px; background-color: #111; z-index: 200; }
.nfa_bec p{ border-bottom: 2px dashed #111; height: 0; background-color: #ccc; }

/*================== 详情页 contact/view ==================*/
/* contact/view Nfc-a */
.nfc_ba{  }

/*================== 正品查询 contact/query ==================*/
/* contact/query Nfe-a */
.nfe_ba{ margin-top: 68px; padding-top: 58px; padding-bottom: 18px; height: 260px; background-color: #f7fafc; background-image: url("/upload/limit/con_qb00.png"); background-repeat: left; background-position: left; background-size: auto; }
.nfe_ba dt{ width: calc(100% - 380px); height: 100%; font-weight: normal; }
.nfe_ba dt h2{ margin-bottom: 0px; padding: 2rem 20px 10px 16px; color: #1c337d; font-size: 1.36rem; font-weight: 300; letter-spacing: 3px; filter:Alpha(opacity=80); opacity: 0.8; }
.nfe_ba dt h2 *{ vertical-align: middle; }
.nfe_ba dt h2 i{ margin-right: 5px; font-size: 1.6rem; }
.nfe_ba dt form{ margin-bottom: 10px; display: block; }
.nfe_ba dt input[type="text"],
.nfe_ba dt button[type="submit"]{ height: 36px; line-height: 36px; vertical-align: middle; }
.nfe_ba dt input[type="text"]{ padding: 0px 60px 0px 20px; width: 68%; border-radius: 36px; }
.nfe_ba dt button[type="submit"]{ margin-left: -60px; width: 60px; color: #aaa; background-color: transparent; }
.nfe_ba dt input[type="text"]:focus{ box-shadow: 0px 1px 3px rgba(28,51,125,0.1); }
.nfe_ba dt button[type="submit"]:hover{ color: #1c337d; }
.nfe_ba dt p{ display: none; padding: 0px 20px; color: red; font-size: 0.9rem; }

.nfe_ba dd{ margin-left: 20px; width: 360px; height: 100%; overflow: hidden; border-radius: 5px; }

/* contact/query Nfe-b */
.nfe_bb{ height: 5px; background-color: rgba(0,0,0,0.1); }

/* contact/query Nfe-c */
.nfe_bc{ padding-top: 50px; padding-bottom: 60px; background-color: #fff; }
/* contact/query Nfe-c left */
.nfe_bca{ width: calc(100% - 300px); }
/* contact/query Nfe-c right */
.nfe_bcb{ margin-left: 30px; width: 270px; }
.nfe_bcba{ position: relative; border-radius: 3px; overflow: hidden; }
.nfe_bcba img{  }
.nfe_bcba a{ position: absolute; top: 0px;  bottom: 0px; left: 0px; right: 0px; background-color: rgba(255,255,255,0); }

/*================== 查询挂件 widget/query ==================*/
/* widget/query Nfe-wa */
.nfe_waa{ display: ; min-height: 300px; }
.nfe_waa h3{ display: inline-block; margin-bottom: 1rem; padding: 10px 2rem; color: #fff; font-size: 1rem; background-color: #1c337d; }
/* widget/query Nfe-wb */
.nfe_wba{  }
.nfe_wba h3{ margin-bottom: 2rem; color: #0099FF; font-size: 1.4rem; }
.nfe_wba h3 *{ vertical-align: middle; }
.nfe_wba h3 i{ margin-right: 5px; font-size: 1.5rem; }
.nfe_wba h3 em{ color: rgba(255,153,0,0.7); font-size: 1rem; }
.nfe_wba h3 span{ float: right; font-weight: normal; }
.nfe_wba h3 span a{ display: block; padding: 6px 20px 5px 20px; color: #aaa; font-size: 0.8rem; background-color: #eee; border-radius: 10px; }
.nfe_wba h3 span a:hover{ color: #fff; background-color: rgba(28,51,125,0.5); }
.nfe_wba ul{  }
.nfe_wba li{ width: 50%; height: 3rem; line-height: 3rem; border-bottom: 0.5px solid #eee; }
.nfe_wba li b{ padding: 0 2rem; font-weight: normal; }
/* widget/query Nfe-wc */
.nfe_wca{  }
.nfe_wca h3{ margin-bottom: 1rem; color: #666; font-size: 1.2rem; font-weight: 300; }
.nfe_wca h3 *{ vertical-align: middle; }
.nfe_wca h3 i{ margin-right: 5px; color: #FF3300; font-size: 1.5rem; }