@charset "utf-8";
/*================== 联系项目 widget/item ==================*/
/* widget/item Nfc-wa */
.nfc_waa{ position: relative; margin-top: 68px; background-color: #f7fafc; }
.nfc_waa p{ position: absolute; bottom: 0px; width: 100%; height: 5px; background-color: #FF6600; background-image: linear-gradient(to right, #FF9900, #FF6600); }
.nfc_waa:after{ content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(28,51,125,0); }
.nfc_waa p:after{ content: ""; position: absolute; width: 100%; bottom: 1.36px; border-top: 2px dashed rgba(255,255,255,0.5); z-index: 200; }

.nfc_wab{ padding-top: 15px; height: 60px; line-height: 60px; background-color: #fff; }
.nfc_wab p{ display: inline-block; padding-top: 1.4rem; height: 1.4rem; line-height: 1.4rem; overflow: hidden; transition: 0.3s padding-top; -moz-transition: 0.3s padding-top; -webkit-transition: 0.3s padding-top; -o-transition: 0.3s padding-top; }
.nfc_wab:hover p{ padding-top: 0px; }

.nfc_wac{ padding-top: 10px; padding-bottom: 60px; background-color: #fff; }

.c_card{ position: relative; margin: 0px 30px 30px 0px; padding: 1rem 1rem 6px 1rem; width: calc((100% - 60px)/3); min-height: 210px; background-color: rgba(0,153,255,0.12); border-radius: 3px; cursor: default; overflow: hidden; }
.c_card:nth-child(3n){ margin-right: 0px; }
.c_carda{  }
.c_carda dt{ width: 80px; font-weight: normal; }
.c_carda dt img{ width: 80px; height: 80px; background-color: #eee; border-radius: 50px; cursor: pointer; }
.c_carda dd{ width: calc(100% - 80px); }
.c_carda dd h3{ margin-left: 10%; padding: 1.6rem 0px 5px 10%; letter-spacing: 3px; border-bottom: 0.5px solid #ccc; }
.c_carda dd h3 em{ margin-left: 5px; font-size: 0.8rem; }
.c_carda dd p{ margin-left: 10%; text-align: center; letter-spacing: 2px; color: rgba(0,0,0,0.5); font-size: 0.6rem; }

.c_cardb{ padding: 1rem 0; }
.c_cardb dt{ padding-left: 1rem; width: calc(100% - 100px); font-weight: normal; }
.c_cardb dt p{ height: 2.1rem; line-height: 2.1rem; font-size: 0.9rem; }
.c_cardb dt p b{ font-weight: normal; }
.c_cardb dd{ padding: 5px 1rem; width: 100px; opacity: 0.8; }
.c_cardb dd img{  }

.c_cardc{ display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 1.6rem; background-color: #bae3ff; }
.c_cardc h4{ margin-bottom: 10px; font-size: 1.36rem; letter-spacing: 3px; }
.c_cardc p{ font-size: 0.9rem; }

.c_card:hover{ background-color: #fff; box-shadow: 0px 3px 10px rgba(28,51,125,0.1); }
.c_card:hover dt img{ transform: scale(1.1); }

.nfc_wad{ position: relative; background-color: lightblue; overflow: hidden; }
.nfc_wad span{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(33,60,79,0.3); display:flex; justify-content:center; align-items: center; box-shadow: 0px 0px 3px #888 inset; }
.nfc_wad span a{ padding: 10px 28px 10px 32px; color: #eee; letter-spacing: 4px; background-color: rgba(28,51,125,0.8); border-radius: 3px; }
.nfc_wad span a:hover{ color: #fff; background-color: rgba(28,51,125,1); }

.nfc_wae{ margin-bottom: 30px; padding-top: 60px; padding-bottom: 60px; background-color: #fff; }
.nfc_wae h3{ margin-bottom: 1rem; padding: 6px 0px; color: rgba(28,51,125,0.8); font-size: 1.41rem; border-bottom: 1px solid rgba(28,51,125,0.3); }
.nfc_wae h3 *{ vertical-align: middle; }
.nfc_wae h3 i{ margin-right: 6px; font-size: 1.5rem; }
.nfc_wae h3 a{ float: right; margin-top: 8px; padding: 6px 30px 3px 10px; font-size: 0.9rem; color: #aaa; background-color: rgba(28,51,125,0.1); border-radius: 6px 100% 0px 0px; }
.nfc_wae h3 a:hover{ color: #fff; background-color: rgba(28,51,125,0.8); }
.nfc_wae ul{  }
.nfc_wae ul li{ margin-right: 30px; width: calc((100% - 30px)/2); padding: 1rem 0; border-bottom: 0.5px solid #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: default; }
.nfc_wae ul li:nth-child(2n){ margin-right: 0px; }
.nfc_wae ul li a{ color: #666; vertical-align: middle; }
.nfc_wae ul li u{ margin-left: 6px; color: #888; font-size: 0.9rem; vertical-align: middle; transition: 0.5s margin-left; -moz-transition: 0.5s margin-left; -webkit-transition: 0.5s margin-left; -o-transition: 0.5s margin-left; }
.nfc_wae ul li:hover a{ color: #1c337d; }
.nfc_wae ul li:hover u{ margin-left: 10px; color: #666; }

/* widget/item Nfc-wb */
.nfc_wba{ position: relative; margin-top: 68px; background-color: #f7fafc; }
.nfc_wba:after{ content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }

.nfc_wbb{ padding-top: 30px; padding-bottom: 10px; background-color: #fff; }

.nfc_wbc{ padding-top: 10px; padding-bottom: 60px; background-color: #fff; }
.nfc_wbca{ margin-right: 50px; width: 270px; }
.nfc_wbcaa{ margin-bottom: 2rem; border-radius: 3px; overflow: hidden; }
.nfc_wbcab{ margin-bottom: 1rem; }
.nfc_wbcab h4{ padding: 5px 0px; font-size: 1.2rem; border-bottom: 1px solid rgba(28,51,125,0.3); }
.nfc_wbcab ul{ padding-top: 6px; }
.nfc_wbcab li{ height: 3.8rem; line-height: 3.8rem; border-bottom: 0.5px solid #eee; }
.nfc_wbcab li *{ display: inline-block; vertical-align: middle; }
.nfc_wbcab li i{ padding-top: 2px; width: 1.5rem; }
.nfc_wbcab li a{ width: calc(100% - 1.5rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nfc_wbcab li:hover a{ padding-left: 5px; }

.nfc_wbcac{  }
.side_ewm{ padding: 1rem 0; }
.side_ewm li{ width: 50%; padding: 5px; }
.side_ewm li h5{ height: 2rem; line-height: 2rem; text-align: center; color: gray; font-size: 0.9rem; font-family: "SimHei"; }
.side_ewm li img{ padding: 5px; border-radius: 3px; background-color: #f7fafc; }

.nfc_wbcb{ width: calc(100% - 320px); }
.nfc_wbcba{ margin-bottom: 4rem; }
.nfc_wbcba h4{ margin-bottom: 1.5rem; padding-bottom: 6px; color: #1c337d; font-size: 1.26rem; border-bottom: 1px solid #1c337d; }
.nfc_wbcba ul{}
.nfc_wbcba ul li{ margin-bottom: 1rem; }
.nfc_wbcba ul li:nth-child(1),
.nfc_wbcba ul li:nth-child(3){ margin-right: 30px; width: calc((100% - 30px)/2); }
.nfc_wbcba ul li:nth-child(2),
.nfc_wbcba ul li:nth-child(4){ width: calc((100% - 30px)/2); }
.nfc_wbcba input[type="text"]{ padding: 0px 1rem; width: 100%; height: 32px; background-color: #f7fafc; border: 0.5px solid #fff; border-radius: 2px; }
.nfc_wbcba textarea{ margin-bottom: 10px; padding: 1rem; width: 100%; height: 210px; font-size: 1rem; background-color: #f7fafc; border: 0.5px solid #fff; border-radius: 2px; resize: none; }
.nfc_wbcba button{ padding: 10px 0px 10px 4px; width: 7.6rem; color: #eee; font-size: 1rem; letter-spacing: 4px; background-color: rgba(28,51,125,0.8); border-radius: 2px; }
.nfc_wbcba button:hover{ color: #fff; background-color: rgba(28,51,125,0.9); }
.nfc_wbcba button:active{ transform: scale(0.96); }
.nfc_wbcba ul li label{ color: rgba(28,51,125,0.5); font-size: 0.8rem; }
.nfc_wbcba ul li:nth-child(6) button{ vertical-align: middle; }
.nfc_wbcba ul li:nth-child(6) p{ display: inline-block; margin-left: 1.4rem; width: calc(100% - 9rem); font-size: 1rem; vertical-align: middle; }
.nfc_wbcba ul li input[name="cagent"]:focus .cagents dl{ display: block; }
.nfc_wbcba ul li input[type="text"]:focus,
.nfc_wbcba ul li textarea:focus{ border-color: rgba(28,51,125,0.3); }
.cagents{ position: relative; height: 0px; }
.cagents dl{ display: none; position: absolute; top: 0px; left: 0px; right: 0px; padding: 1rem 0px; background-color: #fff; box-shadow: 0px 2px 5px #eee; }
.cagents dl p{ padding: 0px 1rem; height: 2.1rem; line-height: 2.1rem; font-size: 0.96rem; cursor: default; }
.cagents dl p *{ color: gray; font-size: 0.96rem; }
.cagents dl p i{ margin-right: 5px; font-size: 0.9rem; }
.cagents dl p:hover{ background-color: #f6f6f6; }
.cagents dl p:hover u{ color: #0099CC; }


.nfc_wbcbb{ position: relative; margin-bottom: 4rem; border-radius: 3px; overflow: hidden; background-color: #f7fafc; }
.nfc_wbcbb span{ 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); }
.nfc_wbcbb span a{ padding: 10px 28px 10px 32px; color: #eee; letter-spacing: 4px; background-color: rgba(28,51,125,0.9); border-radius: 3px; }
.nfc_wbcbb span a:hover{ color: #fff; background-color: rgba(28,51,125,1); }

.nfc_wbcbc{  }
.nfc_wbcbc h4{ margin-bottom: 3rem; height: 0.76rem; border-bottom: 0.5px solid #eee; text-align: center; }
.nfc_wbcbc h4 b{ padding: 4px 21px 4px 24px; font-size: 1.2rem; font-weight: 300; letter-spacing: 3px; background-color: #eee; border-radius: 3rem; border: 2px solid #fff; }
.nfc_wbcbc ul a{ margin: 0px 30px 30px 0px; width: calc((100% - 60px)/3); background-color: #fff; border-radius: 3px; overflow: hidden; }
.nfc_wbcbc ul a:nth-child(3n){ margin-right: 0px; }
.nfc_wbcbc ul a:after{ background-color: rgba(28,51,125,0.1); z-index: 100; }
.nfc_wbcbc ul a img{ margin: -10% 0px -10% 0px; padding: 0px 8%; }
.nfc_wbcbc ul a span{ position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 10px 1rem; color: rgba(255,255,255,0.6); background-color: rgba(28,51,125,0.5);z-index: 200; }
.nfc_wbcbc ul a:hover span{ color: rgba(255,255,255,0.9); }

/* widget/item Nfc-wc */
.nfc_wca{ margin-top: 68px; height: 40px; }

.nfc_wcb{ position: relative; height: 100px; line-height: 100px; background-color: #3399FF; overflow: hidden; background-image: linear-gradient(to right, #3366FF , #3399FF); background-image: url("/upload/limit/con_vb20.png"); }
.nfc_wcb h3{ display: inline-block; color: rgba(255,255,255,0.9); letter-spacing: 3px; }
.nfc_wcb h3 *{ display: inline-block; vertical-align: middle; }
.nfc_wcb h3 i{ padding: 2px 5px 0px 0px; font-size: 1.86rem; }
.nfc_wcb h3 b{ font-weight: 300; }
.nfc_wcb h3 small{ padding: 10px 0px 0px 10px; color: rgba(255,255,255,0.7); font-size: 0.9rem; }
.nfc_wcb span{ position: absolute; right: 50px; width: 300px; height: 300px; padding: 50px; background-color: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.nfc_wcb span em{ display: inline-block; width: 100%; height: 100%; border: 10px solid #3399FF; }

.nfc_wcc{ padding-top: 30px; padding-bottom: 30px; }

.nfc_wcd{ padding-top: 0px; padding-bottom: 60px; background-color: #fff; }
.nfc_wcda{ margin-right: 50px; width: 270px; }
.nfc_wcdaa{ position: relative; margin-bottom: 2rem; border-radius: 2px; overflow: hidden; }
.nfc_wcdaa a{ content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(28,51,125,0); }

.nfc_wcdab{ margin-bottom: 2rem; }
.nfc_wcdab li{ width: 25%; }
.nfc_wcdab li a{ display:flex; justify-content:center; align-items: center; height: 68px; }
.nfc_wcdab li i{ font-size: 2rem; }
.nfc_wcdab li:nth-child(odd){ background-image: linear-gradient(to right, #1c337d, #2a4cb9); }
.nfc_wcdab li:nth-child(even){ background-image: linear-gradient(to right, #f7fafc, #dedede); }
.nfc_wcdab li:nth-child(odd) a{ color: #fff; }
.nfc_wcdab li:nth-child(even) a{ color: #1c337d; }
.nfc_wcdab li:hover i{ transform: scale(1.1); }

.nfc_wcdac{  }

.nfc_wcdb{ width: calc(100% - 320px); }
.nfc_wcdba{ margin-bottom: 4rem; }
.nfc_wcdba textarea{ margin-bottom: 1rem; padding: 1rem; width: 100%; height: 210px; background-color: #f8f8f8; border: 0.5px solid #f3f3f3; border-radius: 2px; resize: none; }
.nfc_wcdba button{ padding: 12px 3rem; color: #eee; background-color: rgba(28,51,125,0.9); border-radius: 3px; vertical-align: middle; }
.nfc_wcdba textarea:focus{ border-color: rgba(28,51,125,0.3); }
.nfc_wcdba button:hover{ color: #fff; background-color: rgba(28,51,125,1); }
.nfc_wcdba button:active{ transform: scale(0.98); }
.nfc_wcdba p{ display: inline-block; margin-left: 2rem; width: calc(100% - 12rem); font-size: 1rem; vertical-align: middle; }

.nfc_wcdbb h4{ margin-bottom: 10px; padding-bottom: 6px; color: rgba(28,51,125,0.8); font-size: 1.3rem; border-bottom: 1px solid rgba(28,51,125,0.6); }
.nfc_wcdbb h4 span{ float: right; margin-top: 3px; }
.nfc_wcdbb h4 span a{ padding: 5px 10px; color: #aaa; font-size: 0.9rem; font-weight: normal; }
.nfc_wcdbb dl{ padding: 1.3rem 0rem; border-bottom: 0.5px solid #eee; }
.nfc_wcdbb dt{ padding: 6px 0px; font-weight: normal; cursor: pointer; }
.nfc_wcdbb dt *{ vertical-align: middle; }
.nfc_wcdbb dt i{ margin-right: 5px; padding: 3px 6px; color: #fff; font-size: 0.76rem; background-color: #FF3300; }
.nfc_wcdbb dt a{  }
.nfc_wcdbb dt u{ float: right; margin: 5px 2px 0px 0px; color: gray; font-size: 0.8rem; }
.nfc_wcdbb dd{ padding: 10px; min-height: 60px; background-color: #f7fafc; }
.nfc_wcdbb dd b{ color: #3399FF; font-size: 1rem; font-weight: normal; }