@charset "utf-8";
/*base*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Microsoft YaHei";}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{width:100%;min-height:100%;outline:0;font-size:20px;font-family:"微软雅黑";-webkit-text-size-adjust:none;}
body,dd,div,dl,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,textarea,ul,button{margin:0;padding:0;list-style: none; outline:none; resize:none; border-style: none; border-color: initial; border-image: initial;}
body{background: url(../mimg/index/bg.png) repeat-y top center;color:#333;font-family:"微软雅黑";position: relative;}
a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
ol,ul{list-style:none;}
html{max-width:750px;min-width:320px; margin:0 auto; position:relative;}
body{max-width:750px;min-width:320px;font-size:.14rem;}
em,i{font-style:normal;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
.row::after, .row::before{clear: both; content: '.'; height: 0; line-height: 0; visibility: hidden; display: block; }
.ck {display: block; margin-right: auto; margin-left: auto; }
.rimg{display: block; max-width: 100%; height: auto; }
.cf::after, .cf::before{clear: both; content: '.'; height: 0; line-height: 0; visibility: hidden; display: block; }
.fl{float: left;display: block;}
.fr{float: right;display: block;}
.hid{display: none;}
.h88{height: .88rem;}
.h12rem{height: 1.2rem;}
.h92{height: .92rem;}

.banner{height: 4.58rem;}
.banner .swiper-container{width: 100%;height: 100%;}
.index-title{font-size: .28rem;text-align: center;line-height: .6rem;height: .6rem;background: #575554;color: #dcdddd;}
.cases{margin-bottom: .2rem;}
.cases .pic-list{height: auto;background: url(../images/index2_02.png) no-repeat center center;background-size: 100% 100%;box-sizing: border-box;padding-top: 5px;}
.cases .pic-list .cf1{height: 66.66%;box-sizing: border-box;padding-bottom: 4px;}
.cases .pic-list .cf1 .fl{width: 66.66%;height: 100%;}
.cases .pic-list .cf1 .fl .imgbox{width: 100%;height: 100%;box-sizing: border-box;padding-right: 4px;}
.cases .pic-list .cf1 .fr{height: 100%;width: 33.34%;}
.cases .pic-list .cf1 .fr .imgbox{width: 100%;height: 50%;padding-bottom: 2px;}
.cases .pic-list .cf1 .fr .imgbox:last-child{padding-bottom: 0px;padding-top: 2px;}
.cases .pic-list .cf2{height: 33.34%;}
.cases .pic-list .cf2 .fl{height: 100%;width: 33.33%;padding-right: 4px;box-sizing: border-box;}
.cases .pic-list .cf2 .fl:last-child{padding: 0;}
.cases .pic-list .cf2 .fl .imgbox{width: 100%;height: 100%;}
.cases .pic-list .cf img{width: 100%;height: 100%;display: block;}
.cases .cate-list {box-sizing: border-box;padding: 0 .15rem;}
.cases .cate-list .cf{background: #595757;box-sizing:border-box;padding: .1rem 0;padding-bottom: 0;}
.cases .cate-list .cf .fl{box-sizing: border-box;padding: 0 .15rem;height: .5rem;margin-bottom:  .1rem;width: 33.33%;}
.cases .cate-list .cf .fl a{display: block;width: 100%;height: 100%;border-radius: 5px;background: #fff;color: #595757;line-height: .5rem;text-align: center;font-size: .18rem;}

.base-nav{height: .92rem;width: 7.4rem;position: fixed;z-index: 998;bottom: 0;left: 0;}
.base-nav .cf{height: 100%;}
.base-nav .cf .fl{display: block;width: 25%;box-sizing: border-box;border-right: 2px solid #fff;height: 100%;}
.base-nav .cf .fl .nbox{width: 100%;height: 100%;background: #007cc6;}
.base-nav .cf .fl .ico{width: 100%;height: .45rem;}
.base-nav .cf .fl p{text-align: center;font-size: .2rem;color: #fff;}
.base-nav .cf .fl:nth-of-type(1) .ico {background: url(../mimg/index/home.png) no-repeat center bottom;background-size:.29rem .27rem;}
.base-nav .cf .fl:nth-of-type(2) .ico {background: url(../mimg/index/tel.png) no-repeat center bottom;background-size:.27rem .27rem;}
.base-nav .cf .fl:nth-of-type(3) .ico {background: url(../mimg/index/address.png) no-repeat center bottom;background-size:.19rem .29rem;}
.base-nav .cf .fl:nth-of-type(4) .ico {background: url(../mimg/index/message.png) no-repeat center bottom;background-size:.22rem .23rem;}
.base-nav .cf .fl:last-child{border-right:none;}

.index-youshi .cf{width: 100%;}
.index-youshi .cf.lista {height: .4rem;margin-bottom: .2rem;}
.index-youshi .cf.lista .fl{width: 33.33%;background: #8a8a8a;height: .4rem;line-height: .4rem;color: #fff;font-size: .2rem;text-align: center;border-right: 1px solid #fff;cursor: pointer;}
.index-youshi .cf.lista .fl:last-child{border: none;}
.index-youshi .cf.lista .fl.on{background: #007cc6;}
.index-youshi .cf.imgbox {height: 1.8rem;position: relative;}
.index-youshi .cf.imgbox img{width: 100%;height: 100%;position: absolute;z-index: 99;opacity: 1;}
.index-youshi .cf.imgbox img.hids{opacity: 0;}

.index-more{font-size: .18rem;color: #595757;line-height: 1.5;box-sizing: border-box;padding: 0 .45rem;display:block;}
.index-more i{color: #007cc5;}
.index-more span{margin-left: .1rem;padding:0 .1rem;background: #8a8a8a;color: #fff;}
.index-line{padding: .45rem;}
.index-line p{border-bottom:  1px dotted #ddd}
.index-h3 {font-size: .22rem;font-weight: normal;padding: .3rem .45rem;color:#007cc5}
.xijie{height: 4.91rem;padding-top: 3.8rem;background: url(../images/index_17.jpg) no-repeat center center;background-size: 100% 100%;margin-bottom: .3rem;}
.xijie div{text-align: center;margin-bottom: .2rem;}
.xijie .qqa a{padding: 0.05rem .2rem;background: #007cc6;color: #fff;font-size: .18rem;border-radius: 4px;}
.xijie .tel a{padding-left: .3rem;color: #898989;font-size: .18rem;background: url(../mimg/index/tel_blue.png) no-repeat center left;line-height: .3rem;background-size: .17rem .17rem}
.xijie .tel a i{color: #222;font-size: .22rem;}
.imbox{box-sizing: border-box;padding: 0 .48rem;}

.news{padding: 0 .45rem;}
.news .news-title{padding-top: .2rem;border-bottom: 1px solid #ddd;margin-bottom: .1rem;}
.news .news-title h3{line-height: .37rem;font-size: .22rem;color: #007cc5;width: 20%;border-bottom: .03rem solid #007cc5;}
.news .news-title .fr{width: 80%;text-align: right;height: .4rem;line-height: .4rem;}
.news .news-title .fr a{font-size: .18rem;color: #898989;}
.news .newslist:last-child{margin-bottom: .2rem;}
.news .newslist .item {display: block;height: .5rem;}
.news .newslist .item .fl{width: 75%;height: .5rem;line-height: .5rem;box-sizing: border-box;padding-left: .2rem;background: url(../mimg/index/dian_03.jpg) no-repeat center left;color: #898989;font-size: .2rem;     overflow: hidden; white-space: nowrap; text-overflow: ellipsis;background-size: .11rem .11rem;}
.news .newslist .item .fr{width: 25%;height: .5rem;line-height: .5rem;box-sizing: border-box;font-size: .2rem;color: #898989;text-align: right;}

.footeryoushi{width: 100%;height: .56rem;line-height: .56rem;background: #595757;text-align: center;}
.footeryoushi a{font-size: .2rem;color: #fff;margin: 0 .25rem;}

.footercus{height: 0.9rem;width: 100%;background: #007cc6;padding: 0 .25rem;}
.footercus .fl{display: block;width: 25%;padding-top: .18rem;color: #fff;font-size: .18rem;height: 100%;}
.footercus .fl:first-child{padding: 0;}
.footercus .fl:first-child p{height: 100%;width: 80%;text-align: center;line-height: .9rem;color: #fff;font-size: .18rem;background: #409dd4;}
.footer{/*height: 2.56rem;*/width: 100%;padding: .2rem .5rem;font-size: .18rem;color: #221815;}

.header{position: relative;}
.header-nav{padding: .25rem;position: absolute;right: 0;top: 100%;background: #007cc6;z-index: 99;}
.header-nav .nav-box{width: .44rem;position: relative;height: .35rem;}
.header-nav .nav-box p{width: 100%;height: .04rem;background: #fff;opacity: 1;position: absolute;left: 0;transition: all .3s;}
.header-nav .nav-box p:nth-of-type(1){top: 0;}
.header-nav .nav-box p:nth-of-type(2){top: 50%;transform: translateY(-50%);}
.header-nav .nav-box p:nth-of-type(3){bottom: 0;}
.header-nav .nav-box.on p:nth-of-type(1){top: 50%;transform: translateY(-50%);transform: rotate(45deg);}
.header-nav .nav-box.on p:nth-of-type(2){opacity: 0;}
.header-nav .nav-box.on p:nth-of-type(3){top: 50%;transform: translateY(-50%);transform: rotate(-45deg);}

.headerlist{width: 100%;height: 100%;position: fixed;top: 1.3rem;left: 0;display: none;z-index: 999;}
.headerlist .clearfix{background: #fff;box-sizing: border-box;padding-top: .46rem;width: 100%;padding-left: .1rem;padding-right: .1rem;border: 1px solid #efefef;transform: translateY(-200%);transition: all .6s;}
.headerlist .clearfix .fl{width: 25%;box-sizing: border-box;padding: 0 .1rem;margin-bottom: .45rem;}
.headerlist .clearfix .fl a{display: block;font-size: .24rem;height: .63rem;width: 100%;border-radius: .63rem;background: #f6f6f6;line-height: .63rem;text-align: center;color: #333;}
.hftop{position: fixed;width: 100%;top: 0;left: 0;z-index: 98;background: #fff;}

.mbax{box-sizing: content-box;margin: 0 .35rem;line-height: .4rem;border-bottom: 2px solid #8e8e8e;color: #383838;font-size: .2rem;margin-bottom: .2rem;}
.mbax a{color: #383838}
.mbax span{color: #007cc5}

.about-info{font-size: .18rem;line-height: 1.8;padding: .2rem .35rem;}
.about-info1{padding: .2rem .4rem;}
.about-info1 h3{border-bottom: 2px solid #8e8e8e;padding-left: .7rem;font-size: .28rem;line-height: .5rem;background: url(../mimg/about/woshou.png) no-repeat center left;background-size: .52rem .32rem}
.about-info1 p.t{font-size: .18rem;line-height: 1.8;}
.about-footer{padding: .1rem .4rem;margin-bottom: .1rem}
.about-footer p{padding: .2rem;background: #e4e5e5;border-left: .05rem solid #007cc5;font-size: .18rem;line-height: 1.8;}
.about-info h2{font-size: .45rem;text-align: center;color: #007cc5;}
.about-info h4{color: #595757;font-size: .32rem;text-align: center;}
.about-info .bluebox{border: 2px solid #007cc5;color: #007cc5;padding: .2rem;font-size: .28rem;}
.cus{padding: .4rem}
.cus img{width: 2.32rem;height: 2.28rem;}
.cus .telinfos{font-size: .18rem;color: #221815;text-align: center;padding: .3rem .2rem;}
.cus .map{height: 4rem;width: 100%;overflow: hidden;text-align: center;}

.qiye{padding: .25rem .35rem;}
.qiye h2{color: #007cc5;font-size: .22rem;background: url(../mimg/index/dian_03.jpg) no-repeat center left;background-size: .11rem .11rem;padding: .2rem;padding-left: .3rem;}
.qiye p{font-size: .18rem;line-height: 1.8;margin-bottom: .15rem;padding-left: .3rem;color: #595757;}

.news .newslists.cf	{border-bottom: 1px solid #ddd;margin-bottom: .2rem;}
.news .newslists.cf .fl{width: 1.5rem;padding: 0;line-height: .48rem;color: #7c7c7c;font-size: .26rem}
.news .newslists.cf a.on{color: #007cc6;border-bottom: 2px solid #007cc6}

.pages{width:100%;line-height:.5rem;text-align:center;border-top:none;/*margin:10px auto 10px auto;*/font-family:arial;margin-top: .2rem;margin-bottom: .2rem}
.pages a{padding:.06rem .1rem !important;color:#666;margin:0 .06rem;border:1px solid #E2E2E2;background:#fff;border-radius:0px;}
.pages a:hover{background:#007cc6;color:#fff;border-radius:0px;border:1px solid #007cc6;}
.pages span{padding:.06rem .1rem;color:#666;margin:0 .06rem;border:1px solid #007cc6;background:#007cc6;color:#fff;border-radius:0px;}

.centenbox-cases{padding: 0 .3rem}
.centenbox-cases .case-list{padding: .1rem;background: #e4e5e5;margin-bottom: .3rem;display: block;}
.centenbox-cases .case-list .fl{height: 2.13rem;width: 2.8rem;}
.centenbox-cases .case-list .fl img{width: 100%;height: 100%;}
.centenbox-cases .case-list .fr{height: 2.13rem;width: 3.5rem;}
.centenbox-cases .case-list .fr h3{font-weight: normal;font-size: .20rem;color: #007cc5;margin-bottom: .15rem}
.centenbox-cases .case-list .fr p{margin-bottom: .1rem;color: #595757;font-size: .16rem}
.centenbox-cases .case-list .fr p.itf{     overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.centenbox-cases .case-list .fr .infoa a{display: inline-block;width: 1rem;height: .3rem;border-radius: 3px;background: #007cc6;color: #fff;font-size: .14rem;margin-right: .3rem;text-align: center;line-height: .3rem;}

.art{padding: 0rem .3rem;}
.art .title{font-size: .28rem;color: #007cc6;line-height: .8rem;height: .8rem;border-bottom: 1px solid #ddd;text-align: center;margin-bottom: .2rem}
.art .content{font-size: .2rem;line-height: 1.8;}
.art .content img{max-width: 100%;height: auto;display: block;margin: 0 auto;}


.main_404{border-top:1px solid #eee;padding: .3rem 0;}
.main_404 .imgbox{margin-top:1.6rem;margin-bottom:.3rem;}
.main_404 .txt{text-align:center;}
.main_404 .txt dt{font-size:.32rem;line-height:.32rem;}
.main_404 .txt dd{font-size:.26rem;line-height:.26rem;margin-top:.20rem;color:#777;}
.toindex{margin:0 auto;margin-top:.8rem;border-radius:5px;text-align:center;font-size:.34rem;color:#444;width:3rem;height:.68rem;line-height:.68rem;border:1px solid #444;display:block;border-radius:5px;}
.toindex:hover{border-color:#ED3943;color:#ED3943;}
.bg_b { width: 100%; margin: 0 auto; position: relative; text-align: center; }
.bg_b > img, .bg_b a img { display: block; margin: 0 auto; max-width: 100%; }

.bg_b.tel img { position: absolute; z-index: 2; top: -1.4rem; left: 1.14rem; width: 4.12rem; height: 1.18rem; display: block; }

.items-img {
  width: 100%;
  padding: 0;
}
.pro-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 12px;
    padding-right: 6px;
	padding-top:7px;
  gap: 5px; 
  /* 卡片之间间距，按需修改 *
  /
}
.pro-card {
  width: calc(33.333% - 7px); /* 3列，减去gap补偿 */
  box-sizing: border-box;
}
.img-box {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.img-box img {
  width: 100%;
  height: auto;
  display: block;
}
.tit {
  padding: 6px 2px;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding: 5px 2px 0px 2px;
}
/* 适配手机小屏幕，小于768px自动2列 */
@media (max-width:768px) {
  .pro-card {
    width: calc(50% - 5px);
  }
}