@charset "utf-8";
/* CSS Document */


.vh-center { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.h-center { position:absolute; left:50%; transform:translateX(-50%) }
.v-center { position:absolute; top:50%; transform:translateY(-50%) }
*:focus { outline: none; }
.serviceContainer,.serviceContainer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; list-style-type:none;}
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.aniNo{transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s;}
.fl { float: left !important; }
.fr { float: right !important; }
.wrap{ width:1300px; margin:0 auto;}
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }


.serviceSearch{text-align:center;background: url(../images/180224001.jpg) no-repeat center bottom;min-height: 320px;color:#fff;border-bottom:1px solid #ebecee;}
.serviceSearch h3{color:#fffefe;font-size:42px;line-height:42px;padding: 100px 0 20px;font-weight:normal;}
.serviceSearch form{ width:810px; height:50px; background:rgba(255, 255, 255, 0.75); border-radius: 50px; margin:0 auto 25px; display:block; position:relative;}
.serviceSearch .text{display:block; line-height:50px; width:100%; padding:0 60px 0 30px; border:none; padding:none; background:none; font-size:18px; font-family:"Microsoft YaHei"; color:#3a3a3a;}
.serviceSearch .text::-webkit-input-placeholder{ color:#787878;}
.serviceSearch .btn{ position:absolute; right:0; top:5px; width:52px; height:42px; border:none; border-left:1px solid #acacb3; text-align:center; color:#3b60ff; background:none;  cursor:pointer; font-size:24px;}
.serviceSearch p{width:810px;margin:0 auto;text-align:center;display: none;}
.serviceSearch p a{ display:inline-block; color:#fff; font-size:18px; padding:0 0px 10px; margin:0 20px; text-decoration:none;}
.serviceSearch p a:hover{ color:#32c1fc;}
.serviceBreadcrumbs{ line-height:50px; color:#444444; font-size:16px}
.serviceBreadcrumbs span{color:#868686;}
.serviceBreadcrumbs a{ color:#444444; text-decoration:none;}
.serviceBreadcrumbs a:hover{color:#32c1fc;}
.serviceSidebar{ width:168px; min-height:390px; background:#e2e1dd; padding:54px 0 0 48px;}
.serviceSidebar h2{ font-size:18px; line-height:18px; color:#3a3a3a; font-weight:normal;}
.serviceSidebar ul{ padding:42px 0 0 0;}
.serviceSidebar li{ /*padding:0 0 33px;*/ height:47px;}
.serviceSidebar li a{ color:#444; font-size:14px; line-height:14px; text-decoration:none;}
.serviceSidebar li a:hover,.serviceSidebar li.on a{color:#1f49ff;}
.serviceRight{ width:1115px; min-height:780px; padding:0 48px; background:#fff;}
.serviceRight h2{ font-size:34px; color:#b0b0b0; font-weight:normal;line-height:34px; border-bottom:1px solid #c9ceea; padding:54px 0 30px;}
.serviceRight ul{ padding:26px 0;}

.servicePage{ text-align:center;}
.servicePage .pagesnums{display:none;}
.servicePage a,.servicePage strong{min-width: 28px;height:28px;display:inline-block;margin:0 3px;color:#444;font-size:14px;line-height:28px;text-decoration:none;}
.servicePage strong{color: #32c1fc;font-weight:normal;}
.servicePage a.prev,.servicePage a.next{ text-indent:-999999px; position:relative;}
.servicePage a.prev:before,.servicePage a.next:before{content:'<';position:absolute;left:0;top:0;width:28px;height:28px;line-height: 25px;text-indent:0;border: 1px solid #32c1fc;font-size: 21px;border-radius:28px;color: #32c1fc;}
.servicePage a.next:before{ content:'>'}

.serviceRight h1{ font-size:24px; line-height:24px; color:#323232; padding:60px 0 25px; font-weight:normal;}
.serviceHd{text-align:center;/*height:28px;*/line-height:28px;padding:0 0 20px;border-bottom:1px solid #ededed;/* vertical-align: top; */}
.serviceHd span{display:inline-block;margin-right:10px;font-size:14px;color:#bcbcbc;line-height:28px;vertical-align: text-bottom;height: 28px;overflow: hidden;vertical-align: initial;}
.serviceHd span i{color:#bcbcbc;}
.serviceHd .date i{ font-size:20px; display:none;}
.serviceHd .num i{ font-size:28px; padding-right: 3px;}
.serviceHd .praise i{ font-size:28px; padding-right: 3px;}
.serviceHd span a{text-decoration:none; color:#32c1fc;}
.serviceHd span a:hover,.serviceHd span a:hover i,.serviceHd span.on a,.serviceHd span.on a i{color:#bcbcbc;}
.serviceHd .praise a,.serviceHd .praise a i,.serviceHd .praise a em{color:#32c1fc !important; color:#bcbcbc !important;}
.serviceHd .praise.on a,.serviceHd .praise.on a i,.serviceHd .praise.on a em{color:#bcbcbc !important;color:#32c1fc !important;}
.shareBox{ display:inline-block; background:#32c1fc; width:64px; height:28px; line-height:28px; border-radius:4px; position:relative;}
.shareBox .hd{ display:block; color:#fff; text-align:center; float:left; width:100%; cursor:pointer;}
.shareBox .bd{width:130px;height:30px;position:absolute;right:0;top:28px;background: #fff;box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.08);border-radius: 4px;text-align: center; opacity:0;}
.shareBox .bd a{ text-decoration:none;}
.shareBox:hover .bd{opacity:1;}
.serviceDetail{ font-size:14px; line-height:33px; color:#686868; padding:20px 0 0 0;}
.serviceDetail img{ max-width:100%; margin: 15px 0;}
.serviceDetail a{ text-decoration:none; color:#32c1fc;}
.serviceDetail h3{ font-size:16px; line-height:33px; color:#333333; font-weight:normal; padding:10px 0 0;}
.serviceDetail p{ padding:0 0 10px;}
.bdPraise{ padding:20px 0; border-bottom:1px solid #ededed; padding:70px 0 60px; text-align:center;}
.bdPraise a{height:71px;width:71px;text-align:center;display:inline-block;background:url(../images/180224002.png) no-repeat center left;color:#fff;text-decoration:none;font-size: 14px;line-height: 14px;}
.bdPraise a i{display:block;font-size: 30px;line-height: 30px;padding: 10px 0 5px;}
.bdPraise a:hover{ background-position: center center;} 
.bdPraise a.on{ background-position: center right; cursor:text;}

.DetailPage{ margin:0 -10px;}
.DetailPage li{float:left;width:50%;padding: 5px 10px;/*height:64px; border:1px dotted #e8e8e8 !important; *//* border-width:1px 0 !important; */line-height: 32px;/* vertical-align: top; */}
.DetailPage li a{display:block;position:relative;padding:0 0 0 40px;max-width: 100%;line-height: 30px;}
.DetailPage li a i{width: 30px;height: 30px;border-radius: 30px;border:1px solid #5785e5;text-align:center;color:#5785e5;font-size: 14px;line-height: 30px;position:absolute;left:0;top: 2px;}

.DetailPage li a p{font-size:16px;color: #575757;}
.DetailPage li a p span{font-weight: normal;}
.DetailPage li:last-of-type a{padding:0 40px 0 0;text-align: right;/* vertical-align: top; */}
.DetailPage li:last-of-type a i{ left:inherit; right:0}
.DetailPage li.on a{ display:none;}
.DetailPage li a:before{ display:none;}
.DetailPage li a:hover p{ text-decoration:none;}
.searchWrap{ padding:60px 135px 0; background:#fff;}
.searchNoResult{}
.searchNoResult .hd{ text-align:center; color:#444; height:170px;}
.searchNoResult .hd h3{ font-size:28px; line-height:30px; padding:50px 0 15px; font-weight:normal;}
.searchNoResult .hd h3 span{ color:#32c1fc;}
.searchNoResult .hd P{ height:14px; line-height:14px;}
.searchNoResult .bd{ font-size:16px; color:#444; line-height:20px; padding-bottom:10px; min-height:600px;}
.searchNoResult .bd .tips{ font-size:16px; color:#444; padding-bottom:10px; line-height:1;}
.searchNoResult textarea{ height:320px;display:block; width:100%; padding:20px; border:1px solid #ddd; border-radius:5px; resize:none; font-size:16px; line-height:1.2; color:#868686;  font-family:"Microsoft YaHei"; margin-bottom:40px;}
.searchNoResult .nameTel{ font-size:14px; color:#868686; line-height:30px; padding-bottom:50px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.searchNoResult .nameTel .text,.searchNoResult .nameTel span{float:left; line-height:30px;}
.searchNoResult .nameTel span{ color:#444; padding:0 10px 0 0;}
.searchNoResult .nameTel .text{ width:172px; height:30px; line-height:28px; border:1px solid #ddd; padding:0 10px; border-radius:4px;}
.searchNoResult .nameTel p{ float:right;}
.searchNoResult .btnItem{}
.searchNoResult .btnItem a{float:left; height:28px; line-height:28px; margin-top:5px;color:#32c1fc; text-decoration:none;}
.searchNoResult .btnItem a i{ width:28px; height:28px; border-radius:28px; border:1px solid #32c1fc; text-align:center; float:left;}
.searchNoResult .btnItem a em{ font-style:normal; font-size:16px; float:left; padding-left:15px;}
.searchNoResult .btnItem .btn{float:right; width:98px; height:38px; line-height:38px; font-size:16px;font-family:"Microsoft YaHei";  border:none; cursor:pointer; color:#fff; text-align:center; background:#32c1fc; border-radius:4px;}
.searchSuccess{min-height: 650px;padding-top: 100px;}
.searchSuccess .hd{text-align:center;/* margin-top:100px; */margin-bottom:80px;background:url(../images/180224003.gif) no-repeat center 0;padding: 107px 0 0 0;font-size:16px;color:#868686;line-height:20px;min-height: 320px;border-bottom:1px solid #ddd;}
.searchSuccess a{ display:block; margin:0 auto; width:628px; height:72px; line-height:70px; text-align:center; font-size:28px; color:#787878; text-decoration:none; background:#faf9f9; border:1px solid #ddd; border-radius:5px;}
.searchSuccess a i{ font-style:normal;}
.searchSuccess a:hover i{ color:#2d55ff;}