/*公用*/
.mwrap{ width: 100%; margin: 0 auto;}
.mwrap_lr3{ width:100%; padding: 0 5%; box-sizing: border-box;}
.clear{ clear: both;}

.module_h{box-sizing: border-box;margin-bottom:20px;}
.module_h p{ color: #878787;line-height: 18px; font-size: 0.45rem;}
.module_h h3{ color: #3c3c3c; line-height: 30px; font-size: 0.5rem; font-weight: bold;}
.module_b{box-sizing: border-box;margin-bottom:20px;}
.module_b p{ color: #000;line-height: 18px; font-size: 14px;margin:10px 0}
.module_b h3{ color: #000; line-height: 30px; font-size: 0.5rem; font-weight: bold;}

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


/*头部*/
.headwrap{ padding: 0 5%; box-sizing: border-box;}
.header_top{ position: fixed; top: 0; left: 0; z-index: 99; float: left; width: 100%; height: 83px; box-sizing: border-box;  border-bottom: 1px solid #5062af36;}
.header_top .mlogo{ display: block; width: calc(100% - 50px); text-align: center; padding: 10px 10px; box-sizing: border-box; overflow: hidden;}
.header_top .mlogo img{ width: auto; max-width: 100%; height: auto; max-height: 63px; float: left;}
.header_top .img1{ display: block;}
.header_top .img2{ display: none;}
.header_top .navbutton{ width: 40px; height: 83px; position: absolute; top: 0;right: 10px; padding: 10px 10px;  box-sizing: border-box; background: url("m-top_b1.png") center no-repeat;background-size: auto 23px ; }
.header_top .navbutton.close{ background: url("m-top_b1c.png") center no-repeat;background-size: auto 40px ;}
.header_active { background: #fff; }
.header_active  .img1{ display: none;}
.header_active  .img2{ display: block; width: auto; height: 63px; float: left;}
.header_active .navbutton{background: url("m-top_b2.png") center no-repeat;background-size: auto 25px ;}
.header_active .navbutton.close{background: url("/static/mob/imgnew/m-top_b2c.png") center no-repeat;background-size: auto 40px ;}
#shade_mask {display: none;z-index: 100;background-color: rgb(0, 0, 0,0.4);left: 0;width: 100%;height: 100%;position: fixed; overflow: scroll;}
.menuul {display: block;width: 150px;height: 100%;background: #d0b233;list-style: none;margin: 0;padding: 0;position: absolute;right: 0;z-index: 1001;}
.menuul li {display: block;color: black;text-indent: 2em;height: 48px;line-height: 48px;text-align: left;border-bottom: 1px solid #4b6691; position: relative;}
.menuul li.active {background: #102c58;border-bottom: 1px solid #102c58;}
.menuul li a {color: #fff;display: block;text-decoration: none;}
.menuul .sondiv{ width: 100%; height: auto; position: absolute; left: -100%; top: -1px; background: #22447b; border: 1px solid #4b6691;}
.menuul .sondiv a{ display: block; border-bottom: 1px solid #4b6691;}
.menuul .sondiv a:last-child{ border-bottom: none;}
/*滚动图*/
.navSwiper { width: 100%; height: 100%; }
.swiper-slide { background-position: center; background-size: cover;}
.swiper-slide img { display: block; width: 100%; }
.swiper-button-next{ width: 30px; height: 30px; right: 30px;}
.swiper-button-prev{ width: 30px; height: 30px; left: 30px; }
.swiper-button-next:hover{ color: #fff;}
.swiper-button-prev:hover{ color: #fff;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 16px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

/*关于我们*/
.aboutusw{background: #f2f2f2; background-size: 100%; height: auto; }
.aboutusw .htitle{ padding-top: 70px; padding-bottom: 0px;}
.aboutusw .abouttit{ color: #d0b233; font-weight: bold; font-size: 0.4rem; margin-top: 3%; line-height: 40px;}
.aboutusw .about_p{color: #3c3c3c; line-height: 21px;text-align: justify; font-size: 0.35rem;padding-bottom:50px;}
.aboutusw .more{ display: block; line-height: 35px; text-align: right; padding: 10px 0;}
.aboutusw .more a{ color: #d0b233; font-size: 0.35rem; font-weight: bold;}
.aboutusw .aboutus_bottom_img{ margin: 20px 0 40px 0; float: left;}
.aboutusw .aboutus_bottom_img img{ width: 100%; height: auto;}
.aboutusw1{ float: left;}
.aboutusw1 .left{ width: 100%; height: 40px; padding: 20px 0; background: url("12:15 2025/6/5 星期四m-about2.png") center no-repeat #d0b233; background-size: 70% auto; }
.aboutusw1 .right{width: 100%; height: 70px; background: #f6f6f6;}


.aboutusw1 .rightc{ width: 100%; float: left;height: auto;}
.rightc li{ width: 25%; height: 80px; float: left; background:url("aboutusb.png") center right no-repeat #f6f6f6; position: relative; text-align: center; }
.rightc li:hover{ cursor: pointer;background:url("aboutusb.png") center right no-repeat #fff;}
.rightc li p{ position: absolute; width: 150px; background: #c3c3c3; padding: 5px 10px; line-height: 21px; color: #d0b233; z-index: 10;
    border-radius: 5px; background: #fff; border: 1px solid #e2e2e2; top: 90px;
    font-weight: bold; font-size: 12px; display: none; text-align: left;}
.rightc li p span{width: 10px; height: 10px; position: absolute; 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: 40px; margin: 10px 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;}
.rightc li:nth-child(1) p{ left: 5px;}
.rightc li:nth-child(1) p span{top: -6px; left: 25%;}
.rightc li:nth-child(2) p{ left: 5px;}
.rightc li:nth-child(2) p span{top: -6px; left: 25%;}
.rightc li:nth-child(3) p{ left: 5px;}
.rightc li:nth-child(3) p span{top: -6px; left: 25%;}
.rightc li:nth-child(4) p{ right: 5px;}
.rightc li:nth-child(4) p span{top: -6px; right:25%;}



/*证书查询*/
.certqueryw{ background: #f2f2f2; background-size: 100% auto; padding-top: 50px; padding-bottom: 30px;}
.searchf{padding: 46px 0 10px 0; box-sizing: border-box;}
.searchf .finput{ width: 70%; height: 50px; float: left; border: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding-left: 40px; box-sizing: border-box;
    background: url("magnifier.png") center left no-repeat #fff; background-size: auto 25px; background-position: 10px center;
    border: 1px solid #d0b233;
    border-top-right-radius:0 ;
    border-bottom-right-radius:0 ;
    -webkit-appearance:none;
}
.searchf .fbutton{width: 30%; height: 50px; float: left; border-radius: 0; border: 0;  background: #d0b233; color: #fff;
    font-weight: bold; font-size: 18px;letter-spacing:10px; cursor: pointer;-webkit-appearance:none;
    border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}
.searchf input{ border: none; border-style: none; border-color: initial;border-image: initial;outline: none; font-size: 16px; font-weight: bold;}
.searchf p{ color: #595959; line-height: 20px; margin-top: 30px; font-size: 0.3rem; text-align: justify;}

/*检测服务*/
.checkw{ padding-top: 50px; padding-bottom: 50px;  background: url("m-checkw-ng.jpg") no-repeat #fafafa; background-size: 100% auto; }
.checkw .checkwul{ width: 100%; height: auto; margin-top: 15px;}
.checkwul li{ width: 50%; float: left; box-sizing: border-box; margin-bottom: 4%;}
.checkwul li a{ display: block; position: relative;}
.checkwul li img{ width: 100%; height: auto;}
.checkwul li:nth-child(1),.checkwul li:nth-child(3){ padding-right: 2%;}
.checkwul li:nth-child(2),.checkwul li:nth-child(4){ padding-left: 2%;}
.checkwul li .button {position: absolute;top: 25%;left: 23%;}
.checkwul li .button img{ width: 70%; height: auto;}

/*新闻中心*/
.allnewsw{ background:  #f2f2f2; background-size: 100% auto; min-height: 100px; padding-top: 50px; padding-bottom: 30px;}
.allnewsw .newtul{ position: relative; margin: 10px 0; margin-top: 30px;}
.allnewsw .newtul li{ display: inline-block; line-height: 25px; margin-right: 15px;}
.allnewsw .newtul a{ display: inline-block; color: #778dbb; font-size: 0.4rem;}
.allnewsw .newtul .more{float: right; line-height: 25px;font-size: 0.3rem;}
.allnewsw .newtul li.active{ border-bottom: 2px solid #fff;}
.allnewsw .newtul li.active a{ color: #000; font-weight: bold;}

.allnewsw .newdiv{ display: block;padding-top: 20px; padding-bottom: 20px;}
.inews_c1{ width: 48.5%; height: 210px; overflow: hidden; float: left;margin-right: 1.5%; box-sizing: border-box; background: #fff;}
.inews_c2{width: 48.5%;  height: 210px; overflow: hidden; float: left;margin-left: 1.5%; box-sizing: border-box; padding: 10px 10px; box-sizing: border-box;
 background: #fff;}
.inews_c1 .aimg{ width: 100%;height: 110px; display: block; overflow: hidden;}
.inews_c1 .aimg img{ min-width: 100%; min-height: 110px;}
.inews_c1 h3{margin: 5px 10px 0 10px; box-sizing: border-box; height: 60px; line-height: 20px; overflow: hidden; letter-spacing: 0;}

.inews_c1 p{margin: 0px 10px 0 10px; box-sizing: border-box; color: #666666; font-size: 0.3rem; line-height: 22px;
    height: 44px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;line-clamp: 2;-webkit-line-clamp: 2;}
.inews_c1 h3 a{ width: 100%; font-size: 14px; float: left; color: #d0b233; overflow: hidden; font-weight: bold; text-align: justify;}
.inews_c1 .datatime { height: 30px; line-height: 30px; margin: 0px 10px 0 10px; padding-left: 15px; box-sizing: border-box; font-size: 0.2rem; color: #8c8c8c;background: url("clock1.png") center left no-repeat; background-size: auto 10px;}
.inews_c2 .titletop{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; color: #d0b233;}
.inews_c2 .titletop a{width: 60%; float: left;  height: 20px; overflow: hidden; font-weight: bold; font-size: 0.35rem; color: #d0b233;}
.inews_c2 .titletop span{width:auto; color: #8c8c8c; padding-left: 15px; float: left; font-weight: bold;
    background: url(clock1.png) center left no-repeat;
    background-size: auto 10px; font-size:0.2rem;text-align: right;}
.inews_c2 .title {color: #d0b233; font-weight: bold; height: 40px; line-height: 20px; margin: 0px 0; overflow: hidden;}
.inews_c2 .title a{ color: #d0b233;  font-size: 14px;}
.inews_c2 p{line-height: 20px; font-size: 12px; height: 80px; overflow: hidden; color: #d0b233; text-align: justify;
    background: url("m-YNGTC1.png") center 75% no-repeat #fff;
    background-size:100% auto;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;}
.inews_c2 .linkbutton { width: 100%; height: auto; margin-top: 12px;}
.inews_c2 .linkbutton a{ display: inline-block; height: 25px; width: 100%; box-sizing: border-box; border-radius: 5px;
    background: url("jt1.png") center no-repeat #d0b233; background-size: auto 8px;
}
.noticeul{margin-top: 30px; margin-bottom: 30px;}
.noticeul li{ display: block; height: 100px; border-bottom: 1px solid #d0b233; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden;}
.noticeul .left{ width: 35%; float: left; height: 100px; overflow: hidden;}
.noticeul .right{width: 60%; float: right; height: 100px; overflow: hidden;}
.noticeul .left a{ width: 100%; height: 100px; overflow: hidden;}
.noticeul .left a img{ min-width: 100%;
    height: 100%;
    width: auto;}
.noticeul .right .linktit{ height: 40px; line-height: 40px; font-size: 0.35rem;  color: #000; overflow: hidden; font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}
.noticeul .right p{
    text-align: justify;
    height: 40px; line-height: 20px;
    color: #000;
    font-size: 0.3rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.noticeul .right .more{ width: 30px; height: 25px; background: #c3c3c3; display: inline-block;background: url("jt2.png") center left no-repeat; background-size: auto 5px;}

/*合作伙伴*/
.partnersw{ display: block;}
.partnersw img{ width: 100%; height: autol}

/*尾部*/
.foot_wrap{background: #d5ca70; padding: 0 5%; float: left; box-sizing: border-box; background-size: 100% auto; color: #fff;}
.foot_topimg{ border-bottom: 1px solid #d5ca70; text-align: center;}
.foot_topimg img{ margin: 40px 0 0 0; height: auto; width: 100%;}

.footer_nav{ margin: 20px 0;}
.footer_nav h3{ color: #fff; font-weight: bold; font-size: 0.4rem; line-height: 25px; margin: 5px 0; width: 100%;}
.footer_nav .suna{ display: block;}
.footer_nav .suna a{ color: #fff; font-size: 0.3rem; padding-right: 10px;}


.foot_follow{ margin-top: 20px;}
.foot_follow h3{ color: #fff; font-weight: bold; font-size: 0.4rem; line-height: 35px;}
.foot_follow .qrcodeul{ display: block; margin-top: 5px; margin-bottom: 12px;}
.foot_follow .qrcodeul li{ float: left; width: auto; height: auto; position: relative; padding-bottom: 10px; cursor: pointer;}
.foot_follow .qrcodeul li .img1 { width: 26px; height: auto; margin-right: 15px;}
.foot_follow .qrcodeul li div{ display: none; width: 110px; height: 110px; border: 1px solid #e2e2e2; border-radius: 5px; padding: 5px 5px; background: #fff;
    position: absolute; left: -0px;top: 40px;}
.foot_follow .qrcodeul li:hover div{ display: block;transition: width 2s, height 2s, transform 2s;-webkit-transition: width 2s, height 2s, -webkit-transform 2s;}
.foot_follow .qrcodeul li div .img2{ width: 100%; height: auto; }
.foot_follow .qrcodeul li div span{ width: 10px; height: 10px; position: absolute; top: -6px; left: 6px; transform: rotate(45deg);
    background: #fff;border-bottom: none;border-left: 1px solid #e2e2e2;border-right: none;border-top: 1px solid #e2e2e2;}
.foot_addr{ margin-bottom: 40px;}
.foot_addr .addrw h3 { color: #fff; font-weight: bold; font-size: 0.35rem; line-height: 30px; margin-bottom: 1px; margin-top: 15px;}
.foot_addr .addrw p { color: #cccccc; font-size: 0.3rem; line-height: 18px;}
.foot_copyw{background: #d0b233	;}
.foot_copy{color: #fff; text-align: center; padding: 10px 0; line-height: 21px; font-size: 0.25rem;}
.foot_copy .a{ color: #fff; font-size: 0.25rem;}
.foot_copy .a img{ width: auto; height: 12px; display: inline-block;}

/*内页面包屑*/
.breadwram{ display: block; height: 50px; border-bottom: 1px solid #d9d9d9; line-height: 50px; padding: 0px 3%; box-sizing: border-box;}
.breadul{ height: 48px; line-height: 48px; border-bottom: 2px solid #d9d9d9;}
.breadwram li{ display: inline-block; margin-left: 3px;}
.breadwram li a{color: #707070; font-size: 0.35rem;}
.breadwram span{ display: inline-block; color: #b5b5b5; font-size: 0.3rem;}
.breadwram li:nth-child(1){ margin-left: 0;}
.breadwram li.active{ border-bottom: 3px solid #d0b233;}
.breadwram li.active a{ color: #d0b233; font-weight: bold;}

.box{ margin: 20px 0;}
.box .p3{ text-align:center; line-height: 35px; font-size: 0.5rem;}