@charset "utf-8";
input::-webkit-input-placeholder { color: #ccc; }
input::-moz-input-placeholder { color: #ccc; }
input::-ms-input-placeholder { color: #ccc; }
.nfa_bg{ position: fixed; top: 0px; left: 0px; right: 0px; z-index: -300; }
/* Service Nea-a */
.nea_ba{ position: relative; margin-top: 68px; height: 300px; background-color: #f7fafc; }
.nea_baa{ position: absolute; top: 80px; left: 8%; width: 260px; bottom: 0px; background-color: #fff; border-radius: 10px 10px 0px 0px; box-shadow: 0px -2px 3px #eee; }
.nea_bab{ position: absolute; top: 80px; left: 8%; width: 260px; height: 280px; background-image: url("/upload/banner/serv_bc01.png"); background-repeat: no-repeat; background-position: center; background-size: auto 98%; }
.nea_bac{ margin-left: calc(8% + 210px); padding: 120px 10% 0px 10%; }
.nea_bac form{ position: relative; padding: 8px 10px; height: 52px; border-radius: 50px; background-color: rgba(0,0,0,0.02); border: none; }
.nea_bac input[type="text"]{ padding: 0px 38px 0px 20px; width: 100%; height: 36px; background-color: #fff; border: 0.5px solid #f3f3f3; border-radius: 30px; }
.nea_bac button[type="submit"]{ position: absolute; top: 15px; right: 1.8rem; color: #aaa; background-color: transparent; }
.nea_bac input[type="text"]:focus{ border-color: #fff; box-shadow: 0px 0px 10px rgba(28,51,125,0.1); }
.nea_bac button[type="submit"]:hover{ color: #1c337d; }
.nea_bac p{ padding: 1rem; }
.nea_bac p a{ float: left; margin-bottom: 10px; width: 50%; height: 1.4rem; line-height: 1.4rem; overflow: hidden; color: #aaa; }
.nea_bac p a i{ float: left; margin: 2px 3px 0px 0px; padding: 0px 5px; height: 1.1rem; line-height: 1.2rem; color: #eee; font-size: 0.7rem; background-color: #FF3300; border-radius: 1px; }
.nea_bac p a:hover{ color: #1c337d; }
/* Service Nea-b */
.nea_bb{ padding-top: 60px; padding-bottom: 60px; background-color: #fff; }
.nea_bb li{ margin: 0px 30px 30px 0px; width: calc((100% - 60px)/3); padding: 50px 30px; text-align: center; border-radius: 5px; cursor: default; }
.nea_bb li:nth-child(3n){ margin-right: 0px; }
.nea_bb li:hover{ background-color: #1c337d; }
.nea_bb li div{ margin-bottom: 10px; }
.nea_bb li div i{ display: inline-block; width: 80px; height: 80px; line-height: 80px; color: #fff; font-size: 2.6rem; background-color: #1c337d; border-radius: 50px; }
.nea_bb li h3{ padding: 1rem 0; color: #333; font-size: 1.4rem; }
.nea_bb li p{ color: #666; font-size: 0.9rem; line-height: 1.8rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; }
.nea_bb li:hover div i{ color: #1c337d; background-color: #fff; }
.nea_bb li:hover h3{ color: #fff; }
.nea_bb li:hover p{ color: rgba(255,255,255,0.5); font-weight: 100; }
/* Service Nea-c */
.nea_bc{ padding-top: 80px; padding-bottom: 60px; background-color: #f7fafc; }
.nea_bc h2{ padding: 0 0 2rem 30px; color: #1c337d; font-size: 1.6rem; }
.nea_bc li{ margin: 0px 30px 30px 0px; width: calc((100% - 60px)/3); padding: 30px; background-color: #fff; border-radius: 2px; }
.nea_bc li:nth-child(3n + 1){ margin-right: 0px; }
.nea_bc li h3{ margin-bottom: 1rem; color: #555; font-size: 1.2rem; height: 2rem; line-height: 2rem; overflow: hidden; }
.nea_bc li p{ height: 3.6rem; line-height: 3.6rem; overflow: hidden; border-bottom: 0.6px solid rgba(0,0,0,0.2); }
.nea_bc li p:last-child{ border-bottom: none; }
.nea_bc li:hover{ box-shadow: 0px 2px 5px #eee; }
.nea_bc li p:hover a{ margin-left: 5px; }
/* Service Nea-d */
.nea_bd{ padding-top: 80px; padding-bottom: 80px; background-color: #fff; }
.nea_bd h2{ padding: 0 0 2rem 1rem; color: #1c337d; font-size: 1.6rem; }
.nea_bd dt{ width: calc(((100% - 60px)/3)*1); margin-right: 30px; font-weight: normal; background-color: #fff; box-shadow: 0px 0px 20px #eee; }
.nea_bd dt a{ display: block; padding: 1.4rem; border-top: 1px dashed #ddd; }
.nea_bd dt a:first-child{ border-top: none; color: #fff; background-color: #1c337d; }
.nea_bd dd{ width: calc(((100% - 60px)/3)*2); }
.nea_bd dd h3{ margin-bottom: 1rem; color: #333; font-size: 1.4rem; }
.nea_bd dd img{ margin-bottom: 1rem; }
.nea_bd dd p{ line-height: 2rem; }
/*================== 列表页面 service/list ==================*/
/* service/list Neb-a */
.neb_ba{ margin-top: 68px; padding-top: 68px; padding-bottom: 28px; background-color: #f7fafc; }
.neb_ba ul{  }
.neb_ba li{ margin: 1rem 20px 1rem 0px; width: calc((100% - 100px)/6); text-align: center; border-right: 0.5px solid #eee; background-color: #1c337d; border-radius: 5px; }
.neb_ba li:last-child{ margin-right: 0px; }
.neb_ba ul a{ display: block; }
.neb_ba li i{ display: inline-block; padding-top: 12%; color: #eee; font-size: 2.8rem; }
.neb_ba li p{ padding: 2% 0 10% 0; color: #aaa; }
.neb_ba li:hover{ color: #fff; background-color: rgba(28,51,125,0.96); }
.neb_ba li:hover i{ color: yellow; }
.neb_ba li:hover p{ color: #ccc; }

/* service/list Neb-b */
.neb_bb{ padding-top: 30px; padding-bottom: 30px; background-color: #fff; }
/* service/list Neb-c */
.neb_bc{ padding-top: 10px; padding-bottom: 60px; background-color: #fff; }
/* service/list Neb-c left */
.neb_bca{ width: calc(100% - 320px); }
.neb_bca h3{ margin-bottom: 1rem; padding-bottom: 10px; color: #1c337d; font-size: 1.5rem; border-bottom: 1px solid #1c337d; }
.neb_bca ul{  }
.neb_bca li{ padding: 1rem 0; border-bottom: 0.5px solid #eee; }
.neb_bca li h4{ display: inline-block; font-size: 1rem; }
.neb_bca li h4 i{ font-weight: normal; }
.neb_bca li h4 i:after{ content: "."; margin-right: 8px; }
.neb_bca li h4 em{ margin-left: 5px; padding: 2px 8px 1px 8px; color: #eee; font-size: 0.76rem; background-color: #FF3300; border-radius: 2px; }
.neb_bca li span{ float: right; cursor: default; }
.neb_bca li span i{ margin-right: 5px; color: #666; font-size: 1rem; }
.neb_bca li span u{ margin-right: 1rem; color: #aaa; font-size: 0.8rem; }
.neb_bca li span u:last-child{ margin-right: 0px; }
/* service/list Neb-c right */
.neb_bcb{ margin-left: 50px; width: 270px; height: 300px; background-color: red; }
/*================== 详情页面 service/view ==================*/
/* service/view Nec-a */
.nec_ba{ margin-top: 68px; padding-top: 68px; padding-bottom: 28px; height: 300px; background-color: #f7fafc; background-image: url("/upload/banner/serv_mb01.png"); background-repeat: no-repeat; background-position: right; background-size: auto 100%; }
.nec_ba ul{ padding: 2rem; width: 36%; min-width: 300px; height: 100%; background-color: rgba(28,51,125,0.6); border-radius: 3px; }
.nec_ba ul h2{ margin-bottom: 1rem; color: #fff; font-size: 2rem; font-weight: 300; letter-spacing: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nec_ba ul p{ line-height: 2rem; color: #ddd; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
/* service/view Nec-b */
.nec_bb{ padding-top: 30px; padding-bottom: 10px; background-color: #fff; }
/* service/view Nec-c */
.nec_bc{ padding-top: 30px; padding-bottom: 60px; background-color: #fff; }
/* service/view Nec-c left */
.nec_bca{ margin-right: 50px; width: 270px; }
.nec_bcaa{ position: relative; overflow: hidden; }
.nec_bcaa span{ position: absolute; top: 0px; left: -3rem; padding: 1.5rem 8px; color: #eee; writing-mode: vertical-lr; background-color: rgba(28,51,125,0.9); border-radius: 0px 10px 10px 0px; opacity: 0; }
.nec_bcaa:hover span{ left: 0px; opacity: 1; }
.nec_bcab{  }
.nec_bcab li{ width: 25%; height: 54px; line-height: 54px; text-align: center; border-right: 0.5px solid rgba(28,51,125,0.5); }
.nec_bcab li:last-child{ border-right: 0px; }
.nec_bcab li i{ display: inline-block; color: rgba(28,51,125,0.6); font-size: 1.8rem; }
.nec_bcab li:hover i{ transform: scale(1.1); }

/* service/view Nec-c right */
.nec_bcb{ width: calc(100% - 320px); }
.nec_bcb h3{ margin-bottom: 1rem; padding-bottom: 10px; color: #1c337d; font-size: 1.4rem; border-bottom: 1px solid #1c337d; }
.nec_bcb h6{ margin-bottom: 1rem; font-weight: normal; font-weight: 0.8rem; }
.nec_bcb h6 *{ vertical-align: middle; }
.nec_bcb h6 i{ margin: 0 6px 0 2rem; }
.nec_bcb h6 i:first-child{ margin-left: 0px; }
.nec_bcb article{ margin-bottom: 2rem; line-height: 2rem; }
.nec_bcb ul{  }
.nec_bcb ul li{ padding: 8px 0; }
.nec_bcb ul span{ margin-right: 10px; padding: 5px 1rem 4px 1rem; font-size: 0.86rem; background-color: #ccc; }
.nec_bcb ul a:after{ content: ">"; margin-left: 5px; font-family: "SimHei"; opacity: 0; }
.nec_bcb ul li:hover a:after{ opacity: 1; }
.nec_bcb ul li:hover span{ color: #fff; background-color: #aaa; }

/*================== 搜索页面 service/search ==================*/
/* service/search Sea-a */
.sea_ba{  }
/* service/search Sea-b */
.sea_bb{  }
/* service/search Sea-c */
.sea_bc{  }
.sea_bca{ width: calc(100% - 300px); margin-right: 30px; }
.sea_bca dl{ padding: 1.5rem 0; border-bottom: 0.5px solid #eee; }
.sea_bca dt{ margin-right: 20px; width: 100px; min-height: 100px; background-color: #F7F7F7; border: 0.5px solid #eee; overflow: hidden; }
.sea_bca dt img{ border-radius: 5px; }
.sea_bca dd{ width: calc(100% - 120px); }
.sea_bca dd h4{ margin-bottom: 5px; font-size: 1.2rem; }
.sea_bca dd p{ height: 4rem; }
.sea_bca dd span{ color: #888; font-size: 0.86rem; font-weight: normal; }
.sea_bca dd span i{ margin-right: 8px; font-size: 1rem; }

.sea_bcb{ width: 270px; }
/* service/search/widget-A */
.pro_wa{ margin-bottom: 20px; }
/* service/search/widget-B */
.pro_wb{ margin-bottom: 20px; }
/* service/search/widget-C */
.pro_wc{ position: relative; overflow: hidden; border-radius: 5px; }
.pro_wc span{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 50%; padding: 25% 1rem 0 2rem; background-color: rgba(28,51,125,0.8); opacity: 0; }
.pro_wc span h4{ margin-bottom: 10px; color: #fff; font-size: 1.2rem; letter-spacing: 3px; }
.pro_wc span p{ color: #eee; font-size: 0.8rem; }
.pro_wc span em{ display: block; }
.pro_wc span em i{ display: inline-block; margin-right: 8px; width: 20px; height: 3px; }
.pro_wc span em i:nth-child(1){ background-color: #FF6600; }
.pro_wc span em i:nth-child(2){ background-color: #3399FF; }
.pro_wc span em i:nth-child(3){ background-color: #E3E3E3; }
.pro_wc:hover span{ opacity: 1; bottom: 0px; }