html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
body {font-size: 16px; line-height: 1.5; font-family:'微软雅黑','Microsoft Yahei','simsun','arial','tahoma';  color: #333; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none}
ul, ol { list-style: none; }


/*公用*/
*{ margin: 0; padding: 0;}
body,html{ font-family: "微软雅黑";font-size: 14px;height: auto;line-height: 1;min-width: 1200px !important; width: 100%; overflow-y: auto; overflow-x: auto;}
.clear{ clear: both;}
.wrap{ width: 100%; height: auto; overflow: hidden;}
.wrapi{ width: 1200px;height: auto; margin: 0 auto;}
.wrapi1000{ width: 1000px;height: auto; margin: 0 auto;}
.wrapi1200{ width: 1200px;height: auto; margin: 0 auto;}
/*当前位置*/
.breadwrap{ width: 100%; height: auto; background: #fff; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}
.breadwrapc{ border-bottom: 2px solid #d9d9d9; height: 50px;}
.breadul { width: 50%; float: left; margin: 0 auto; height: 49px; line-height: 49px;}
.breadul li{ display: inline-block; padding-right: 6px; color: #b5b5b5;}
.breadul li a{ color: #707070;}

.pagetabul{width: 50%; height: 50px; float: left; text-align: right;}
.pagetabul li{ display: inline-block; line-height: 49px; margin-left: 10px;}
.pagetabul li a{ display: inline-block; color: #707070}
.pagetabul .active a{color: #002a82; font-weight: bold; border-bottom: 3px solid #002a82;}
.pagetabul li:hover a{color: #002a82; font-weight: bold; border-bottom: 3px solid #002a82;}
/*导航*/
.navwrap{ width: 100%; height: auto; box-shadow: x-shadow y-shadow blur spread color inset;
    position: fixed; top: 0; z-index: 9999; border-bottom: 1px solid #274a8b; }
.navwrap:hover{ background: #fff;}
.navwrapplaceholder{ width: 100%; height: 93px;}
.nav_l{ width: 35%; float: left;}
.nav_l a{ display: block;}
.nav_l img{ width: 100%; height: auto; margin-top: 10px;}
.nav_l .img2{ display: none;}
.nav_z{ width: 47%; float: left; margin-left: 3%;}
.nav_z li.son{ width: 14%; float: left; text-align: center; padding: 22px 0; box-sizing: border-box; position: relative; display: block;}
.nav_z li.son .sonlink{ display:inline-block;height: 60px; line-height: 60px; border-bottom: 2px solid rgba(200,200,200,0.0);}
.nav_z li.son:hover .sonlink{ border-bottom: 2px solid #002a82; font-weight: bold;}
.nav_z .grandson{ display: block; position: absolute; top:75px; left: 0; width: 100%; background: rgba(0, 42, 130, 1); padding: 10px 0; display: none;}
.nav_z .grandson li{ display: block; width: 100%; text-align: center; height: 28px; line-height: 28px;}
.nav_z .grandson li a{ display: block; color: #fff; font-size: 12px;}
.nav_z .grandson li:hover a{ font-weight: bold;}
.nav_z li.son:hover .grandson{ display: block;}
.nav_r{ width: 15%; float: left;}
.nav_r li{ width: auto; float: left; cursor: pointer; margin-top: 40px; float: right; position: relative; padding-bottom: 15px;}
.nav_r li .img1{width: auto; height: 20px; margin-right: 10px;}
.nav_r li a{ height: 20px; line-height: 20px; font-size: 12px; font-weight: bold;}
.nav_r li div{ display: none; width: 110px; height: 110px; border: 1px solid #e2e2e2; border-radius: 5px; padding: 5px 5px; background: #fff; position: absolute; left: -52px;top: 40px;}
.nav_r li:hover div{ display: block; transition: width 2s, height 2s, transform 2s; -webkit-transition: width 2s, height 2s, -webkit-transform 2s;}
.nav_r li div .img2{ width: 100%; height: auto; }
.nav_r li div span{ width: 10px; height: 10px; position: absolute; top: -6px; left: 55px; transform: rotate(45deg);
    background: #fff;
    border-bottom: none;
    border-left: 1px solid #e2e2e2;
    border-right: none;
    border-top: 1px solid #e2e2e2;
}
.navwrap a{ color: #fff;}

.navwrap_active{ background: #fff;}
.navwrap_active a{ color:#002a82; }
.navwrap_active .nav_l .img1{display: none;}
.navwrap_active .nav_l .img2{display: block;}
.navwrap_active1{ background: #fff;}
.navwrap_active1 a{ color:#002a82; }
.navwrap_active1 .nav_l .img1{display: none;}
.navwrap_active1 .nav_l .img2{display: block;}


.navbg{ width: 100%; height: auto;}
.navbg img { width: 100%; height: auto;}

/*滚动图*/
.navSwiper { width: 100%; height: 100%; }
.swiper-slide { background-position: center; background-size: cover;}
.swiper-slide img { display: block; width: 100%; }
.swiper-button-next{ width: 60px; height: 60px; right: 60px;}
.swiper-button-prev{ width: 60px; height: 60px; left: 60px; }
.swiper-button-next:hover{ color: #fff;}
.swiper-button-prev:hover{ color: #fff;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 18px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ display: none;}
/*尾部*/
.foot_bg{ background: #0b294d;}
.foot_cwrap{ color: #fff; padding: 30px 0px; box-sizing: border-box;}
.foot_copy{width: 100%; height: auto; line-height: 40px; background: #082140; color: #fff; font-size: 13px; text-align: center;}
.foot_img1{ width: 100%; height: auto; padding-bottom: 20px; border-bottom: 2px solid #233c5b;}
.foot_img1 img{ width: 100%; height: auto;}
.foot_content{ margin: 20px 0;}
.foot_left{ width: 40%; float: left;}
.foot_addr{ color: #fff; width: 100%; height: auto; margin-top: 20px;}
.foot_addr .addrtitle { height: 28px; line-height: 28px; font-size: 14px; font-weight: bold;}
.foot_addr p{ width: 100%; height: auto; line-height: 21px; font-size: 14px;}
.foot_qrcodew{ width: 100%; height: auto;}

.qrcodewtitle{height: 28px; line-height: 28px; font-size: 14px; font-weight: bolder;}
.qrcodeul{ display: block; margin-top: 5px;}
.qrcodeul li{ float: left; width: auto; height: auto; position: relative; padding-bottom: 10px; cursor: pointer;}
.qrcodeul li .img1 { width: 26px; height: auto; margin-right: 8px;}
.qrcodeul li div{ display: none; width: 110px; height: 110px; border: 1px solid #e2e2e2; border-radius: 5px; padding: 5px 5px; background: #fff;
    position: absolute; left: -52px;top: 40px;}
.qrcodeul li:hover div{
    display: block;
    transition: width 2s, height 2s, transform 2s;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
}
.qrcodeul li div .img2{ width: 100%; height: auto; }
.qrcodeul li div span{ width: 10px; height: 10px; position: absolute; top: -6px; left: 55px; transform: rotate(45deg);
    background: #fff;
    border-bottom: none;
    border-left: 1px solid #e2e2e2;
    border-right: none;
    border-top: 1px solid #e2e2e2;
}
.foot_right{ width: 60%; float: right;}
.foot_nav_ul{ width: 11%; height: auto; float: left; margin-left: 6%;}
.foot_right .foot_nav_ul:first-child{margin-left:1.5%;}
.foot_nav_ul h4{ width: 100%; height: 25px; line-height: 25px; font-size: 13px; font-weight: bold; margin-bottom: 10px;}
.foot_nav_ul li{ display: block; height: 25px; line-height: 25px;}
.foot_nav_ul li a{ color: #fff; font-size: 14px;}
.foot_copy strong{ font-weight: bold;}

/*首页合作伙伴*/
.index_partners{ width: 100%; height: auto;}
.index_partners img{ width: 100%; height: auto;}

/*首页新闻板块*/
.index_new_w { width: 100%;background: url("../image/new_bg.jpg") no-repeat; background-size: 100% auto; padding: 100px 0;}
.index_new_w1 { min-height: 300px; height: auto;}
.news_top img{ height: 60px; width: auto; margin-left: 10px;}
.inews_wrap{padding: 30px 100px;box-sizing: border-box;}
.inews_t_ul{ display: block; width: 100%; height: auto;}
.inews_t_ul li{ display: block; float: left; margin-right: 40px; width: auto; color: #778dbb; cursor: pointer; padding-bottom: 8px;}
.inews_t_ul li:hover{ color: #fff; font-weight: bold; border-bottom: 4px solid #fff;}
.inews_t_ul li.active{ color: #fff; font-weight: bold; border-bottom: 4px solid #fff; }
.inews_t_ul li a{ color: #fff;}

.inews_c_ul{ width: 100%; height: auto; margin-top: 30px;}
.inews_c1{ width: 30%; float: left; background: #fff; height: 340px; overflow: hidden;}
.inews_c2{width: 30%; float: left;
    background: url("../image/YNGTC.png") center left no-repeat #fff;
    background-size:100% auto;
    background-position: 0 180px;
    margin: 0 2.5%; padding: 2% 2%; box-sizing: border-box;  height: 340px; overflow: hidden;}

.inews_c3{width: 35%; float: left;  height: 340px; overflow: hidden;}
.inews_c1 .aimg{ width: 100%;height: 180px; display: block; overflow: hidden;}
.inews_c1 .aimg img{ width: 100%; height: auto;}
.inews_c1 h3{margin: 20px 20px 0 20px; box-sizing: border-box; height: 50px; line-height: 25px; overflow: hidden;}
.inews_c1 p{margin: 0px 20px 0 20px; box-sizing: border-box; color: #666666; font-size: 14px; line-height: 25px;
    height: 50px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.inews_c1 h3 a{ width: 100%; font-size: 16px; float: left; color: #002a82; overflow: hidden; font-weight: bold; text-align: justify;}

.inews_c1 .datatime { height: 30px; line-height: 30px; margin: 0px 20px 0 20px; padding-left: 15px; box-sizing: border-box; font-size: 12px; color: #8c8c8c;background: url("../image/clock1.png") center left no-repeat; background-size: auto 10px;}
.inews_c2 .titletop{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; color: #002a82;}
.inews_c2 .titletop a{width: 66%; float: left;  height: 30px; overflow: hidden; font-weight: bold;}
.inews_c2 .titletop span{width: 34%; float: right; font-weight: bold;  background: url("../image/clock2.png") center left no-repeat; background-size: auto 10px; font-size: 12px; text-align: right;}
.inews_c2 .title {color: #002a82; font-weight: bold; height: 60px; line-height: 30px; margin: 10px 0; overflow: hidden; font-size: 16px;}
.inews_c2 .title a{ color: #002a82; }
.inews_c2 p{line-height: 25px; font-size: 12px; height: 125px; overflow: hidden; color: #002a82;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    -webkit-line-clamp: 5;}
.inews_c2 .linkbutton { width: 100%; height: auto; margin-top: 20px;}
.inews_c2 .linkbutton a{ display: inline-block; height: 40px; padding: 0 65px; border-radius: 20px;
    background: url("../image/jt1.png") center no-repeat #002a82; background-size: auto 8px;
}
.inews_c3 li{ display: block; height: 100px; border-bottom: 1px solid #1b4190; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden;}
.inews_c3 li:nth-child(3){ border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.inews_c3 .left{ width: 47%; float: left; height: 100px; overflow: hidden;}
.inews_c3 .right{width: 47%; float: right; height: 100px; overflow: hidden;}
.inews_c3 .left a{ width: 100%; height: 100px; overflow: hidden;}
.inews_c3 .left a img{ width: auto; height: 100%;}
.inews_c3 .right .linktit{ height: 40px; line-height: 40px; font-size: 13px;  color: #fff; overflow: hidden; font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}
.inews_c3 .right p{
    height: 40px; line-height: 20px;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.inews_c3 .right .more{ width: 30px; height: 25px; background: #c3c3c3; display: inline-block;background: url("../image/jt2.png") center left no-repeat; background-size: auto 5px;}
.newmore{ color: #fff; float: right; font-size: 12px;}

/*首页-检测服务*/
.index_testingser{
    min-height: 500px;
    background: repeating-linear-gradient(to bottom,#edeeee,#d9d8d8);
}
.index_testingser_w { padding: 100px 0; }
.test_top img{ height: 60px; width: auto; margin-left: 10px;}
.testul{ display: block; padding: 40px 100px; box-sizing: border-box;}
.testul li{ width: 240px; height: 460px; float: left; margin: 0 5px; overflow: hidden; position: relative; cursor: pointer;}
.testul li a{ display: block;}
.testul li:first-child{ margin-left: 0;}
.testul li:last-child{ margin-right: 0;}
.testul li .testulimg{ width: 100%; height: auto; left: -10px;}
.testul li .img2{display: none;}
.testul li .button { position: absolute; top: 170px; left: 60px;}
.testul li:hover .button { position: absolute; top: 165px; left: 55px;}
.testul li .button img { width: 120px; height: 120px;}
.testul li .button .button1{display: none;}
.testul li:hover .img1{ display: none;}
.testul li:hover .img2{ display: block; width: 250px; height: auto;margin-left: -5px;margin-top: -10px;}
.testul li:hover .button .button2{display: none;}
.testul li:hover .button .button1{display: block; width: 130px; height: 130px;}

/*首页-证书查询*/
.sraechw{ width: 100%; height: auto;background: url("../image/searchbg.jpg") no-repeat #104287; background-size: 100% auto; padding: 80px 0;}
.search_top img{ height: 60px; width: auto; margin-left: 10px;}
.searchf{padding: 40px 100px; box-sizing: border-box;}
.searchf .finput{ width: 70%; height: 60px; float: left; border: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 0 60px; box-sizing: border-box;
    background: url("../image/magnifier.png") center left no-repeat #fff; background-size: auto 25px; background-position: 20px center; }

.searchf .fbutton{width: 30%; height: 60px; float: left; border: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #002a82; color: #fff;
    font-weight: bold; font-size: 18px;letter-spacing:10px; cursor: pointer;}
.searchf input{ border: none; border-style: none; border-color: initial;border-image: initial;outline: none; font-size: 16px; font-weight: bold;}
.searchf p{ color: #fff; line-height: 30px; margin-top: 20px;}

/*首页-关于我们*/
.aboutusw { width: 100%; height: auto;background: url("../image/aboutusbg1.jpg") repeat; background-size: 100% auto; padding: 50px 0;}
.aboutusw_top img{height: 60px; width: auto; margin-left: 10px;}
.aboutusc{ width: 100%; height: auto; padding: 30px 600px 30px 100px; box-sizing: border-box;}
.aboutusc h3{ color: #002a82; height: 30px; line-height: 30px; font-weight: bold; font-size: 18px;}
.aboutusc p{ height: auto; line-height: 28px; margin-top: 15px; text-align: justify; font-size: 16px;}
.aboutusc .more { display: block; text-align: right; height: 30px; line-height: 30px; margin-top: 25px;}
.aboutusc .more a{ color: #002a82; font-weight: bold; font-size: 12px;}
.aboutusc .aboutuscimg{ margin-top: 25px; width: 100%; height: auto;}
.aboutusc .aboutuscimg img{ width: 100%; height: auto;}
.aboutusc1 { width: 100%; height: auto;}
.aboutusc1 .left{ width: 50%; float: left; height: 100px; background: #002a82; overflow: auto;}
.aboutusc1 .right{ width: 50%; float: right; height: 100px; background: #f6f6f6;}
.aboutusc1 .leftc{ width: 500px; float: right; background: url("../image/abouttit.png") center left no-repeat; background-size: auto 65px;  height: 100px;}


.aboutusc1 .rightc{ width: 100%; float: left;height: auto;}
.rightc li{ width: 25%; height: 100px; float: left; background:url("../image/aboutusb.png") center right no-repeat #f6f6f6; position: relative; text-align: center; }
.rightc li:hover{ cursor: pointer;background:url("../image/aboutusb.png") center right no-repeat #fff;}
.rightc li p{ position: absolute; width: auto; background: #c3c3c3; padding: 5px 10px; line-height: 21px; color: #002a82; z-index: 10;
    top: 110px; border-radius: 10px; background: #fff; border: 1px solid #e2e2e2;
    font-weight: bold; font-size: 12px; display: none; text-align: left;}
.rightc li p span{width: 10px; height: 10px; position: absolute; top: -6px; left: 55px;transform: rotate(45deg);
    background: #fff; border-bottom: none; border-left: 1px solid #e2e2e2; border-right: none; border-top: 1px solid #e2e2e2;}
.rightc li:hover p{ display: block;}
.rightc li img{ width: 48px; margin: 16px auto auto auto;}
.rightc li .img1{ display: block;}
.rightc li .img2{ display: none;}
.rightc li:hover .img1{ display: none;}
.rightc li:hover .img2{ display: block;  width: 48px; margin-top: 16px;}
.backToTop { position: fixed; width: 40px; cursor: pointer; height: 40px; right: 30px; bottom: 30px; z-index: 9999; background:url("../image/totop.png") center right no-repeat;
    background-size: 100% 100%;}