﻿@charset "utf-8";
/* CSS reset for c_b*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/* Screen-reader only / SEO accessibility helper */
.sr-only {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table th, table td {
        padding: 5px;
    }

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, i, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

ception, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

a {
    color: #666;
    text-decoration: none;
}
    /*for ie f6n.net*/
    a:focus {
        outline: none;
    }
    /*for ff f6n.net*/
    a:hover {
        text-decoration: none;
    }
/*定位*/
.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.bc {
    margin-left: auto;
    margin-right: auto;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.zoom {
    zoom: 1
}

.hidden {
    visibility: hidden;
}

.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

p {
    word-spacing: -1.5px;
}

li {
    list-style: none;
}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
/*其他*/
.cur {
    cursor: pointer
}
/*原reset*/
sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    outline: none;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

input, select {
    vertical-align: middle;
}

body {
    font: 12px/1.231 "微软雅黑","Arial Narrow",HELVETICA;
}

select, input, button, textarea, button {
    font: 99% "微软雅黑","Arial Narrow",HELVETICA;
}

table {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}
/*title*/
h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}
/*清除浮动*/
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    /*兼容 IE*/
    zoom: 1;
}
/*end reset*/
body {
    min-width:1200px;
    margin:0 auto;
    background: #f4f4f4;
}

.content, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

/* tanchuang1 提交弹窗*/
  .tanchuang1 {
  width:100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/Common/tanchuangBg.png);
  height:100%;
  z-index:9999999;
}
.tanchuang1 .conBox {
  width: 400px;
  height: 212px;
  padding: 20px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -220px;
  top: 50%;
  margin-top: -80px;
  z-index:9999999;
}
.tanchuang1 .conBox .tcClose {
  width: 33px;
  height: 90px;
  position: absolute;
  right: 45px;
  top: -90px;
  cursor: pointer;
  z-index:999999999999999;
}
.tanchuang1 .conBox .box {
  width: 398px;
  height: 190px;
  border: 1px solid #e5e5e5;
  padding-top: 20px;
  text-align: center;
  position: relative;
}
.tanchuang1 .conBox .box img {
  display: block;
  width: 47px;
  height: 47px;
  margin: 0 auto;
}
.tanchuang1 .conBox .box h5 {
  font-size: 24px;
  color: #fe4157;
  font-weight: bold;
  margin-top: 10px;
}
.tanchuang1 .conBox .box p {
  font-size: 16px;
  color: #4d4d4d;
  margin-top: 10px;
}
.tanchuang1 .conBox .box .b15 {
  display: block;
  width: 150px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -75px;
  background: #fe4157;
  text-decoration: none;
  z-index:999999999999999;
  border:0px;
}
.tanchuang2 .conBox .box a {
  background: #404040;
}

/*------------------------------------  新加入的代码放在下面  ---------------------------------------------*/

/*关闭网站*/
.y-close-page {
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
    background-color:#333;
}
.y-dialog-cont {
    width:360px;
    height:160px;
    background-color:#fff;
    margin:8% auto 0;
    border-radius:10px;
    text-align:center;
    color: #666;
}
.y-dialog-cont p{
    padding-top:10%;
    font-size:18px;
}
.y-dialog-cont a{
   display:block;
   width:70px;
   height:36px;
   line-height:36px; 
   color:#fff; 
   border-radius:5px; 
   margin:36px auto 0; 
   text-decoration:none;
   background:#fe4157;
}

/*-----------------------------*/
/* 
    author:PengJin;
    date:2019-08-20;
*/

/*--public--*/
.wrapper{margin:0 auto;width:1200px;}
.wrap-title{position:relative;z-index:99;padding-bottom:40px;line-height:1.4;text-align:center;overflow:hidden;animation:fadeinT 1s ease-out backwards;transition:all 1s;}
.wrap-title h1,.wrap-title h2{font-weight:normal;font-size:28px;color:#121212;}
.wrap-title h1 a,.wrap-title h2 a{color:#121212;}
.wrap-title h1 strong,.wrap-title h2 strong{color:#fe4157;}
.wrap-title p{font-size:16px;color:#505050;}
.wrap-title i{display:block;margin:20px auto 0;width:46px;height:1px;background:#d0d0d0;}
.wrap-title.white *{color:#fff;}
.wrap-title.white i{background:#fff;}
/*--end public--*/

/*按钮动画*/
.btn-wave{position:relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;}
.btn-wave:before{content:'';display: block;width: 120%;height: 0;padding: 60% 0;background-color:#69991f;border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}
.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
/*end 按钮动画*/

/*--top-wrap--*/
.top-wrap{height:46px;line-height:46px;overflow:hidden;border-top:#c6c6c6 solid 4px;background:#fff;}
.welcome{font-size:14px;color:#919191;}
.lang{float:right;padding-left:15px;font-size:14px;color:#666;}
.lang a{color:#666;}
.lang a.cur,.lang a:hover{color:#fe4157;}
.lang i{display:inline-block;margin:0 2px;}
.top-menu{float:right;overflow:hidden;}
.top-menu li{float:left;background:url(img/top_line.png) no-repeat right 0;}
.top-menu li a{display:block;padding:0 15px;font-size:14px;color:#5c5c5c;}
.top-menu li a:hover{color:#fe4157;}
/*--end top-wrap--*/

/*--header--*/
.header{height:110px;overflow:hidden;background:#fff;}
.header .logo{float:left;margin-top:12px;margin-right:20px; height:80px;overflow:hidden;}
.header .logo img{display:block; height:80px;}
.header .slogan{float:left;margin-top:24px;line-height:1.5;overflow:hidden;border-left:#ccc solid 1px;}
.header .slogan h2{padding-left:20px;font-size:26px;font-weight:normal;color:#333;}
.header .slogan p{padding-left:20px;font-size:16px;font-weight:bold;color:#fe4157;}
.header .tel{float:right;margin-top:30px;background:url(img/tel-icon.png?v=1) no-repeat 0 0; height:50px;}
.header .tel p{padding-left:54px;line-height:20px;font-size:24px;color:#333; line-height:50px;}
.header .search{float:right;position:relative;margin-top:30px;margin-right:72px;width:320px;height:42px;border:#ddd solid 1px;border-radius:22px;overflow:hidden;}
.header .search input{display:block;padding:0 25px;width:216px;height:42px;line-height:42px;font-size:14px;border:none;background:no-repeat;outline:none;}
.header .search button{display:block;position:absolute;right:0;top:0;width:56px;height:42px;cursor:pointer;border:none;background:url(img/search_btn.png) no-repeat;}
/*--end header--*/

/*--nav--*/
.nav{position:relative;height:40px;line-height:40px;background:#fe4157;}
.nav-list{margin:0 auto;width:auto;display:table;}
.nav-list li{float:none;display:table-cell;white-space:nowrap;}
.nav-list li>a{display:block;padding:0 25px;font-size:16px;color:#fff;font-weight:bold;}
.nav-list li.cur>a{
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: inset 0 0 15px rgba(255,255,255,0.15);
}
.nav-list li:hover>a{
    background: rgba(255,255,255,0.40);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: inset 0 0 20px rgba(255,255,255,0.25);
}
.dropDown{display:none;position:absolute;z-index:999;left:50%; margin-left:-600px;top:100%;width:1200px; text-align:center;background:#fff;box-shadow:0 0 20px #ccc; overflow:hidden; padding:20px 0;}
.dropDown a{display:inline-block;padding:0 10px;font-size:16px;color:#666; font-weight:900; line-height:2;}
.dropDown a:hover{color:#fe4157;}
.dropDown .erjia{display:inline-block; float:left; width:33.33%; }
.nav7 .dropDown .erjia{ height:170px;}
.dropDown .erjia a{display:block; }
.dropDown .erjia a.smalla{font-size:14px; font-weight:normal; color:#333}
 .dropDown .erjia a{ color:#000; }
 dropDown .erjia a.smalla{color:#333}
 .dropDown .erjia a:hover{ color:#fe4157}
.nav81 .dropDown{
    width:980px;
    margin-left:-490px;
    padding:7px 28px 6px;
    box-sizing:border-box;
    text-align:left;
    background:#fff;
    box-shadow:0 16px 32px rgba(40,40,40,0.16);
    border-bottom:3px solid #fe4157;
}
.nav81 .dropDown:after{
    content:"";
    display:block;
    clear:both;
}
.nav81 .dropDown .erjia{
    float:left;
    display:block;
    width:33.333%;
    height:auto;
    min-height:0;
    padding:0 8px;
    margin:0;
    box-sizing:border-box;
}
.nav81 .dropDown .erjia>a:first-child{
    display:block;
    min-height:0;
    padding:2px 14px 2px 18px;
    box-sizing:border-box;
    border:none;
    border-left:5px solid #fe4157;
    border-radius:0;
    background:transparent;
    color:#111;
    font-size:16px;
    line-height:1.2;
    font-weight:900;
    text-align:left;
    white-space:normal;
    transition:all .2s ease;
}
.nav81 .dropDown .erjia>a:first-child:hover{
    color:#fe4157;
    background:transparent;
    border-left-color:#fe4157;
    transform:none;
    box-shadow:none;
}
.nav81 .dropDown .erjia a.smalla{
    display:none;
}
.nav92 .dropDown{
    width:980px;
    margin-left:-490px;
    padding:12px 28px 10px;
    box-sizing:border-box;
    text-align:left;
    background:#fff;
    box-shadow:0 16px 32px rgba(40,40,40,0.16);
    border-bottom:3px solid #fe4157;
}
.nav92 .dropDown:after{
    content:"";
    display:block;
    clear:both;
}
.nav92 .dropDown .erjia{
    float:left;
    display:block;
    width:25%;
    height:auto;
    min-height:0;
    padding:0 8px;
    margin:0;
    box-sizing:border-box;
}
.nav92 .dropDown .erjia>a:first-child{
    display:block;
    min-height:0;
    padding:4px 8px 4px 14px;
    box-sizing:border-box;
    border:none;
    border-left:5px solid #fe4157;
    border-radius:0;
    background:transparent;
    color:#111;
    font-size:16px;
    line-height:1.25;
    font-weight:900;
    text-align:left;
    white-space:nowrap;
    transition:all .2s ease;
}
.nav92 .dropDown .erjia>a:first-child:hover{
    color:#fe4157;
    background:transparent;
    border-left-color:#fe4157;
    transform:none;
    box-shadow:none;
}
.nav92 .dropDown .erjia a.smalla{
    display:none;
}
/*--end nav--*/

/* --indexKey-- */
.indexKey{padding:5px 0;overflow:hidden;background:#fe4157;}
.indexKey dl{display:flex;align-items:center;margin:0;}
.indexKey dt{width:105px;text-align:right;font-size:16px;line-height:25px;color:#fff;margin:0;}
.indexKey dd{padding-left:25px;line-height:25px;overflow:hidden;margin:0;display:flex;align-items:center;flex-wrap:wrap;}
.indexKey dd a{display:inline-block;margin-right:30px;font-size:14px;color:#fff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexKey dd a:hover{text-decoration:underline;}
/* --end indexKey-- */

/*--footer--*/
.footer{padding:20px 0 60px;overflow:hidden;background:linear-gradient(180deg,#666666 0%,#222222 100%);}
.ft-search{padding-bottom:40px;overflow:hidden;background:url(img/ft_search_line.png) no-repeat center bottom;}
.ft-search .form{position:relative;margin:0 auto;width:788px;height:48px;overflow:hidden;background:#fff;border-radius:25px;}
.ft-search .form input{display:block;padding:0 20px;width:600px;height:48px;line-height:48px;font-size:14px;border:none;background:transparent;}
.ft-search .form button{display:block;position:absolute;z-index:3;right:1px;top:1px;width:128px;height:46px;font-size:14px;color:#fff;text-indent:10px;cursor:pointer;border:none;border-radius:0 23px 23px 0;background:#fe4157 url(img/ft_search_btn.png) no-repeat 20px center;}
.ft-search .form button:hover{background-color:#5d9408;}
.ft-inner{margin:20px auto 0;width:1200px;overflow:hidden;}
.ft-menu{display:flex;width:100%;overflow:hidden;}
.ft-menu dl{flex:none;width:auto;padding:0 20px;overflow:hidden;box-sizing:border-box;}
.ft-menu dl:first-child{width:330px;}
.ft-menu dl:nth-child(2){width:220px;}
.ft-menu dt{padding-left:15px;height:45px;line-height:45px;font-size:18px;font-weight:bold;background:url(img/ft_dt.png) no-repeat 0 center;}
.ft-menu dt,.ft-menu dt a{color:#fff !important;transition:all 0.5s;}
.ft-menu dt a:hover{letter-spacing:2px;}
.ft-menu dd{padding-left:15px;}
.ft-menu dd a{display:block;height:38px;line-height:38px;font-size:14px;color:#fff !important;}
.ft-menu dl:first-child dd a{white-space:nowrap;}
.ft-menu dd a:hover{text-decoration:underline;}
.ft-menu dd p{line-height:38px;font-size:14px;color:#fff !important;}
.ft-menu dd p a{display:inline;height:auto;line-height:inherit;color:#fff !important;}
.ft-menu dd p a:hover{text-decoration:underline;}
.ft-QRcode{flex:none;width:170px;padding:0 20px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.ft-QRcode li{margin-bottom:26px;text-align:center;}
.ft-QRcode li img{display:block;margin:0 auto;width:112px;height:112px;}
.ft-QRcode li p{font-size:14px;color:#fff;}
/*--end footer--*/
/* 隐藏所有浮动客服窗口 */
.toolbar,
.suspension,
#wjdh-kefu,
.y-kefu-box,
.y-kefu-box01,
.y-kefu-box02,
.y-kefu-box03,
.y-kefu-box04,
.y-kefu-box05 {
    display: none !important;
}

/* 屏蔽常见第三方客服浮动窗 */
#BDBridgeIconWrap,
#BDBridgeMess,
.bd-bridge,
.bd-bridge-chat,
#aifanfan,
.fanfan-widget,
.meiqia-widget,
.huakesi-widget,
.easemob-widget,
#qimo_chatpup,
.zhiwang-widget,
#nb_invite_wrap,
.nb-box-wrap,
#doyoo_mon_outer,
#doyoo_monitor,
#udesk_btn,
#udesk-panel,
.laiye-widget,
.goutong-widget,
.clink-widget,
#qiao-wrap,
#kfivtwin,
#kfivtwinbtn,
#MEIQIA-BTN,
#MEIQIA-IFRAME,
#chat-window,
.chat-widget,
.online-widget,
.zixun-panel,
.zx-panel,
.kefu-panel,
.float-panel,
.right-panel,
.side-panel,
.side-widget {
    display: none !important;
}

/* 第三方 embed 留言弹窗配色改为 #fe4157 */
.embed-messageboard,
.embed-messageboard-header,
.embed-messageboard-header * {
    background-color: #fe4157 !important;
}
.embed-messageboard-submit,
.embed-messageboard-submit button,
.embed-messageboard button[type="submit"],
.embed-messageboard .submit-btn {
    background-color: #fe4157 !important;
    border-color: #fe4157 !important;
}
.embed-messageboard-header,
.embed-messageboard-header span,
.embed-messageboard-header div {
    color: #fff !important;
}

/* embed 弹窗按钮颜色兜底 */
.embed-messageboard button,
.embed-messageboard input[type="submit"],
.embed-messageboard input[type="button"],
.embed-messageboard .btn,
.embed-messageboard [class*="submit"],
.embed-messageboard [class*="btn"],
.embed-messageboard [class*="button"] {
    background-color: #fe4157 !important;
    border-color: #fe4157 !important;
    background-image: none !important;
}

/* embed 弹窗所有按钮统一配色 */
#aff-in-root button,
#aff-in-root .btn,
#aff-in-root [class*="btn"],
#aff-in-root [class*="button"],
#aff-in-root [class*="consult"] {
    background-color: #fe4157 !important;
    border-color: #fe4157 !important;
    background-image: none !important;
}

/* embed 邀请弹窗按钮 */
.embed-invite-chat-button {
    background-color: #fe4157 !important;
    border-color: #fe4157 !important;
    background-image: none !important;
}

/* 隐藏右侧浮动服务列表，保留弹窗 */
.embed-group-icon,
.embed-icon {
    display: none !important;
}

/* 检测项目总览页链接卡片提示 */
.testing-page .test-card {
    position: relative;
    padding-bottom: 38px !important;
}
.testing-page .test-card:after {
    content: "MORE >";
    position: absolute;
    right: 16px;
    bottom: 14px;
    color: #fe4157;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: .4px;
}
