/* ====首页====== */
body{ background-color:#fff;}
/** header **/
.header{ position:relative; z-index:100; background-color: #fff;}
.loarea{ height:80px; position:relative; z-index:3;}
.loarea .wp{ }
.logo{ width:300px;height:80px; display:flex; align-items: center;}
.logo .tp{ height:35px; width:auto;}

/*PC导航 begin*/
.nav{  z-index:5;}
.navul{ font-size:0;}
.navul li{ display:inline-block; font-size:16px;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{  padding:0 20px; text-align:center; display:inline-block; line-height:80px; height:80px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#328EC1 ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{color:#328EC1 !important;}
.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}

/*PC导航end*/
.subnav{ position:absolute; display: none;  }
.subnavNormal{left:50%; margin-left: -60px; top:80px; width:120px;padding-top: 0px;}
.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}
.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }
.subnav .nr a:hover{ color: #fff !important; background-color: #328EC1; }

/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#328EC1; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(255, 255, 255, .99); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.navlogo{ padding: 30px;}
.navlogo .tp{ max-width: 66%;}
.inav ul{ margin: 0 30px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#333; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }
.act_inav{ border-color: #328EC1 !important; color:#328EC1 !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#666;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; width: 50%; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}
/* .banner .swiper-pagination{ bottom:24px !important;}
.banner .swiper-pagination-bullet{width:18px;height:18px;padding: 0;background-color:transparent; border:1px solid #ef9b35; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 11px !important;}
.banner .swiper-pagination-bullet-active{background-color:#ef9b35;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;} */
.banner .swiper-button-prev{ left:9%;}
.banner .swiper-button-next{ right:9%;} 
.banner .swiper-slide{ transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); z-index: 10; opacity: .8;   }
.banner .swiper-slide::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(9, 65, 96, .8 ); position: absolute; left: 0; top: 0;}
.banner .swiper-slide-active{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); z-index: 10; opacity: 1; }
.banner .swiper-slide-active::after{ display: none;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:38px; height:38px; line-height: 38px; top:50%; margin-top:-19px; color: #333; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 20px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ color: #fff; background-color: #328EC1;}
/*banner end*/
.hBan{ padding: 100px 0;}
.hBan .wp{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.hBanIntro{ width: 44%;}
.hBanIntro .h_tit{}
.hBanIntro .nr{margin-top: 10px; line-height: 1.6; text-indent: 2em;;}
.h_tit{ }
.h_tit .tit{ font-size: 46px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #6EC1E4; margin-bottom: 10px;}
.h_tit .subtit{ font-size: 20px; font-weight: bold;}

.h_tit2{ padding: 40px 0;}
.h_tit2 .tit .tp{ height: 52px;}
.h_tit2 .subtit{ font-size: 16px;}
.h_about{ padding: 20px 0 50px; background-color: #eafaff; }
.h_about .wrap .tp{ width: 100%;}

.h_tit3{ padding: 30px 0;}
.h_tit3 .tit{ font-size: 36px; font-weight: bold; padding-bottom: 15px; position: relative;}
.h_tit3 .tit::after{ content: ""; display: block; width: 2em ; height: 6px; background-color: #328EC1; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.h_server{ padding: 10px 0 60px;}
.h_server .wrap{ display: flex; justify-content: space-between;}
.hserverMess{ background-color: #328EC1; box-sizing: border-box; padding: 40px 24px; color: #fff;}
.h_tit4{}
.h_tit4 .tit{ font-size: 24px; font-weight: bold; color: #fff;}
.h_tit4 .subtit{color: rgba(255, 255, 255, .6);}
.hserverSlideWrap{ flex: 1; width: 0;}
.hserverMess{ width: 365px; margin-left: 30px;}
.hserverMess .form{ margin-top: 25px;}
.hserverMess .formItem{ margin-bottom: 25px;}
.hserverMess .formItem .text{ font-size: 14px; width: 100%; height: 48px; line-height: 48px; padding: 0 20px; background-color: #fff;}
.hserverMess .formConfirm{ padding-top: 25px;}
.hserverMess .formConfirm .sbtn{ font-size: 18px; width: 100%; height: 48px; line-height: 48px; padding: 0 20px; background-color: #094160; color: #fff; }

.hsItem{ padding: 38px 44px;}
.hsItem .inner{ padding: 40px; color: #fff; background-color: rgba(0, 0, 0, .6);}
.hsItem .title{ font-size: 36px; font-weight: bold; padding-bottom: 20px; position: relative;}
.hsItem .title a{color:#fff;}
.hsItem .title::after{ content: ""; display: block; width: 100%; height: 6px; background-color: #fff; position: absolute; left: 0; bottom: 0;}
.hsItem .nr{ margin-top: 20px;}
.hsItem .nr .wz{ font-size: 16px; color: rgba(255, 255, 255, .6);}
.hserverSlideWrap{ position: relative; }
.hserverSlideWrap .swiper-button-prev::after,.hserverSlideWrap .swiper-button-next::after{ display: none;}
.hserverSlideWrap .swiper-button-prev,.hserverSlideWrap .swiper-button-next{ width:50px; height:50px; line-height: 50px; top:50%; margin-top:-25px; color: #fff; background-color: rgba(50, 142, 193, .6); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hserverSlideWrap .swiper-button-prev{ left: -25px;}
.hserverSlideWrap .swiper-button-next{ right: -25px;}
.hserverSlideWrap .swiper-button-prev .iconfont,.hserverSlideWrap .swiper-button-next .iconfont{ font-size: 34px; font-weight: bold;}
.hserverSlideWrap .swiper-button-prev:hover,.hserverSlideWrap .swiper-button-next:hover{ background-color: rgba(50, 142, 193, 1);}

.h_advan{ padding: 30px 0;}
.h_advan .wrap{ display: flex; flex-wrap: wrap;}
.haItem{ margin-bottom: 30px; width: 23.5%; margin-right: 2%;}
.haItem:nth-child(4n){ margin-right: 0;}
.haItem .tparea{ font-size: 0; overflow: hidden; }
.haItem .tparea .tp{ width: 100%;}
.haItem .des{ width: 90%; box-sizing: border-box; margin: 0 0 0 5%; transform: translateY(-50%); position: relative; background-color: #fff; padding: 20px 20px; border-radius: 5px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); 
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.haItem .des .icon,.haItem .des .tit{ display: inline-block; vertical-align: middle; }
.haItem .des .icon{ height: 30px; }
.haItem .des .tit{margin-left: 10px; font-size: 24px; color: #00ADEF; }
.haItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.haItem:hover .des{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); width: 100%; margin-left: 0; }

.h_hon{ padding: 10px 0 50px;}
.honItem{}
.honItem .tparea{ font-size: 0; overflow: hidden;}
.honItem .tparea .tp{ width: 100%;}
.honItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.honSlideWrap{ position: relative; }
.honSlideWrap .swiper-button-prev::after,.honSlideWrap .swiper-button-next::after{ display: none;}
.honSlideWrap .swiper-button-prev,.honSlideWrap .swiper-button-next{ width:30px; height:30px; line-height: 30px; top:50%; margin-top:-15px; color: #fff; background-color: #ccc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.honSlideWrap .swiper-button-prev{ left: -40px;}
.honSlideWrap .swiper-button-next{ right: -40px;}
.honSlideWrap .swiper-button-prev .iconfont,.honSlideWrap .swiper-button-next .iconfont{ font-size: 20px; font-weight: bold; }
.honSlideWrap .swiper-button-prev:hover,.honSlideWrap .swiper-button-next:hover{ background-color: #00ADEF;}
.footer{ background-color: #333333; color: #fff; }
.f_t{ padding: 30px 0;}
.f_t{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.ftit{ font-weight: 16px; font-weight: bold;}
.f_t .nr{ margin-top: 10px;}
.fserver .nr{ font-size: 14px; color: #d6d6d6;}
.fserver .nr a{ color: #d6d6d6;}
.fcode .nr{}
.fcode .nr .tp{ width: 96px;}
.fcode .nr .tit{ font-size: 12px; margin-top: 5px;}
.flink .nr{}
.flink .nr a{font-size: 14px; display: block; color: #d6d6d6; padding: 2px 0;}
.flink .nr a:hover{ color: #fff;}
.fadd .nr{font-size: 14px; color: #d6d6d6;}
.fserver,.fcode,.flink,.fadd {box-sizing: border-box; position: relative; padding:0 50px;}
.fserver,.fadd{width: 30%;}
.fcode,.flink{ width: 20%;}
.fserver::after ,.fcode::after,.flink::after{ content: ""; display: block; width: 1px; height: 80%; top: 10%; right: 0; background-color: #5c5c5c; position: absolute;}
.f_b{ padding: 1em 0; border-top: 1px solid #5c5c5c;}
/* 02服务项目 */
.i_main{  min-height:400px;}
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%;}

.location{position: relative; z-index: 10; font-size: 14px; }
.location .wp{ padding: 8px 0; }
.location .home::before{ font-size: 18px; margin-right: 5px; line-height: 1; }
.location a:hover{ color:#328EC1;}
.act_loca{ color:#328EC1 !important;}
.location i{ margin:0 8px;font-style: normal; }

.certTest{ padding: 10px 0 40px;}
.i_tit{ padding: 20px 0;}
.i_tit .tit{ font-size: 24px; font-weight: bold;}
.certTest .nr{}
.certTest .nr .wz{ font-size: 16px; line-height: 1.8; text-indent: 2em; color: #666;}

.testStep{ padding: 55px 0;}
.testStep .inner{ background-color: rgba(17, 48, 74, .6); padding: 30px 60px 60px 60px;}
.testStep .nr{color: #F9FFFF;}
.testStep .nr .list{ padding:4px 0 4px 14px; position: relative;}
.testStep .nr .list::before{ content: ""; display: block; width: 5px; height: 5px; background-color: #F9FFFF; border-radius: 50%; position: absolute; left: 0; top: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.testStep .nr .list2{padding: 4px 0;}

.testLink{margin: 20px 0; background: url(../images/server_bg02.jpg) center center/100% 100% no-repeat; }
.testLink .wp{ display: flex; justify-content: space-between;}
.tlItem{ width: 41%; color: #fff;flex-direction: column; display: flex; }
.tlItem .box{ padding: 50px 0;}
.tlItem .box .p1{ font-size: 28px; font-weight: bold;}
.tlItem .box .p1 a{
    color: #FfFFFF;
}
.tlItem .box .p2{ font-size: 18px;}
.tlItem .mandiv{ padding: 15px 0;}
.tlItem .mandiv a{ color: #fff;}
.tlItem:nth-child(2){ flex-direction: column-reverse; }
.tlItem:nth-child(2) .box{ text-align: right;  }
.tlItem:hover .mandiv a{ color: #f6f6f6;}
.tlItem:hover .box{ transform: translateX(-5px); -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); }
.ckgd{
    font-size: 18px;
}

.serverDel{ padding: 20px 0 50px;}
.serverDel .nr{ margin-top: 20px;}
.serverDel .nr .tp{ width: 100%;}
/* 03检测技术咨询 */
.tech{ padding: 20px 0 50px;}
.tech .wrap{ display: flex; justify-content: space-between; align-items: center;}
.tech .intro{ font-size: 16px; text-indent: 2em; line-height: 1.8; flex: 1;}
.tech .tparea{ font-size: 0; width: 40%; margin-left: 8%;}
.tech .tparea .tp{ width: 100%;}

.techAdvan{ padding: 55px 0;}
.taItem{ margin-bottom: 1px; background-color: rgba(17, 48, 74, .6); padding: 20px 60px ; color: #fff;}
.taItem .p1{ font-size: 24px; font-weight: bold;}
.taItem .p2{ font-size: 14px;}

/* 04检测技术咨询 */
.techAdvan2{padding: 55px 0;}
.techAdvan2 .wp{ display: flex; justify-content: space-between; }
.taPart{ color: #fff; width: 49%; background-color: rgba(17, 48, 74, .6); box-sizing: border-box; padding: 20px 60px ; color: #fff;}
.ta_tit{ font-weight: bold; font-size: 30px; padding: 20px 0; }
.tanr{ }
.tanr .lists{display: flex; flex-wrap: wrap;}
.tanr .lists .list{ width: 50%; padding: 8px 0 8px 30px; box-sizing: border-box; position: relative;}
.tanr .lists .list .icon{ position: absolute; left: 0; top: 8px; height: 24px; }
.tanr .tanr2{ margin-top: 20px;}
.tanr .tanr2 .tp{}
.tanr2{}
.tanr2Item{ margin-bottom: 30px;}
.tanr2Item .p1{ font-size: 24px;}
.tanr2Item .p2{ font-size: 16px; margin-top: 10px; line-height: 1.6;}

/* 05合作伙伴 */
.coo{}
.coo .wp{ display: flex; flex-wrap: wrap; padding: 30px 0 40px;}
.cooItem{ font-size: 0; width: 23.5%; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; margin: 0 2% 30px 0;}
.cooItem:nth-child(4n){ margin-right: 0;}
.cooItem .tp{ width: 100%;}
.cooItem:hover{ border-color: #00ADEF;}
.cooItem:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 06关于我们 */
.about{ padding: 30px 0 60px;}
.about .wp{ display: flex; align-items: center; justify-content: space-between;}
.about .intro{ flex: 1;}
.about .intro .tit{ font-size: 24px; font-weight: bold; color: #2863BE; position: relative; padding-bottom: 15px;}
.about .intro .tit::after{ content: ""; display: block; width: 3.5em; height: 2px; background-color: #2863BE; position: absolute; left: 0; bottom: 0;}
.about .intro .nr{ margin-top: 30px; font-size: 16px; color: #666; line-height: 1.8;}
.about .tparea{ font-size: 0; width: 44%; margin-right: 50px;}
.about .tparea .tp{}

.map{ height: 500px; position: relative; overflow: hidden;}
.map iframe{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.cont{padding: 60px 0; position: relative; z-index: 2;}
.cont .wp{ display: flex; justify-content: space-between;}
.contItem{ width: 33.33%; text-align: center; border-right: 1px solid #eee;}
.contItem:nth-child(3){ border: none;}
.contItem .icon{ height: 60px;}
.contItem .des{ margin-top: 15px;}
.contItem .des .tit{ font-size: 18px; font-weight: bold;}
.contItem .des .nr{ font-size: 16px; margin-top: 10px; position: relative;}
.codeLay{
    padding: 5px; display: none;
    top: 40px;
    font-size: 0;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.codeLay::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid #eee;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    transform:translateX(-50%); top: -8px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.codeLay .tp{ width: 90px;}










.blue{ color: #328EC1;}
.banner .swiper-button-prev,.banner .swiper-button-next,.haItem .des,.tlItem .box,.hserverSlideWrap .swiper-button-prev,.hserverSlideWrap .swiper-button-next,.honItem:hover{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }