@charset "utf-8";
/* CSS Document */
/* 1 */
.newsDateCont .date a, .newsList .cont .li .text .h1, .indexNews .left .text .h1, .indexNews .right a .p, .listBoxMink .listCont .li .p,
.header .right .nav .list .sLi .mk a, .listCell .list .mink a{ overflow : hidden; white-space : nowrap; text-overflow : ellipsis;}
/* 2 */
.newsList .li .text .p, 
.newsIndex .left .mk .text .p, .rightEight .liste .li .p, .Groom .mker .text .p,
.listIndex .list .li .p, .indexNews .left .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
/* 3 */
.videoBoxOne .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
@media screen and (max-width:750px){
	/* cell */
	html,body{ font-size: calc(100vw/7.5);}
	.w1400, .w1200{ width: auto;}
	.header, .newsMiner{ display: none;}
	.bannerDate{ margin-top: 60px;}
	.bannerDate .img{ height: 270px;}
	.bannerDate .cont{ width: 90%; left: 5%; text-align: center;}
	.bannerDate .cont img{ height: 30px; margin: auto;}
	.bannerDate .cont .h1{ font-size: 28px; font-weight: bold;}
	.bannerDate .cont .p{ font-size: 15px; line-height: 25px; margin-top: 10px;}
	.peopleBox{ padding: 30px 0.25rem;}
	.peopleBox .top{ display: block;}
	.peopleBox .top .li .mk{ padding: 0.3rem; display: block; position: relative;}
	.peopleBox .top .li .text, .peopleBox .top .li{ width: auto;}
	.peopleBox .top .li{ margin-top: 20px;}
	.peopleBox .top .li .text .h1{ font-size: 17px; font-weight: bold; padding-left: 34px;}
	.peopleBox .top .li .mk .img{ width: 24px; height: 24px; position: absolute; top: 0.3rem; left: 0.3rem;}
	.peopleBox .top .li .mk .tel{ background: url(../images/tel3.png) no-repeat center; background-size: 90% auto;}
	.peopleBox .top .li .mk .mel{ background: url(../images/meil.png) no-repeat center; background-size: 90% auto;}
	.peopleBox .list .li{ margin-top: 20px;}
	.peopleBox .list .li .mk{ padding: 0.3rem;}
	.peopleBox .list .li .tit{ padding-bottom: 10px;}
	.peopleBox .list .li .tit .h1, .peopleBox .list .li .tit .g{ font-size: 17px;}
	.peopleBox .list .li .tit .h1{ font-weight: bold;}
	.peopleBox .list .li .p{ font-size: 15px; line-height: 26px; margin-top: 15px;}
	.peopleBox .padeing{ margin-top: 30px;}
	.padeing{ padding: 0 0.25rem; flex-wrap: wrap;} 
	.padeing .li a{ width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
	.padeing .li a.next, .padeing .li a.prev{ width: 60px;}
	.footer .bot{ flex-wrap: wrap; padding: 0.2rem 0.25rem;}
	.footer .bot .p, .footer .bot a{ font-size: 12px; line-height: 20px;}
	.footer .li{ display: none;}
	.footer .li:last-child{ display: block; float: none; width: auto; text-align: center; padding: 0 15px;}
	.footer .li .em{ margin: 18px auto 0;}
	.footer .li .Qr img{ width: 3rem; margin: auto;}
	.serviceBox .li{ padding: 0.3rem 0.25rem;}
	.serviceBox .li .img{ float: none; width: 100%; height: auto;}
	.serviceBox .li .text{ width: auto; float: none; padding-top: 30px;}
	.serviceBox .li .text .top .h1{ font-size: 22px; text-align: center;}
	.serviceBox .li .text .top .t{ font-size: 15px; text-align: center; padding-top: 0;}
	.serviceBox .li .text .top{ padding-left: 0;}
	.serviceBox .li .text .top::after{ content: ''; width: 30px; height: 2px; position: absolute; left: 50%; top: auto; bottom: -10px; margin-left: -15px;}
	.serviceBox .li .text .p, .serviceBox .li .text .p span, .serviceBox .li .text .p p{ font-size: 14px; line-height: 26px;}
	.serviceBox .li:nth-child(2n) .text{ float: none; margin-left: 0;}
	.serviceBox .li:nth-child(2n) .img{ float: none;}
	.title .h1{ font-size: 24px;}
	.title .em{ width: 30px; height: 3px;}
	.serviceTime{ padding: 40px 0.25rem;}
	.serviceTime .list .li{ width: 100%; margin-right: 0; margin-top: 20px; background: hsla(0,0%,100%,0.90);}
	.serviceTime .list .li:first-child{ margin-top: 0;}
	.serviceTime .list .li .mk{ padding: 0.5rem;}
	.serviceTime .list .li .h1{ font-size: 18px;}
	.serviceTime .list .li .p{ font-size: 14px; line-height: 24px; text-align: center; margin-top: 15px;}
	.serviceTime .list{ margin-top: 35px;}
	.serviceOpen{ padding: 40px 0.25rem;}
	.serviceOpen .h1{ font-size: 24px; text-align: center; line-height: 30px;}
	.serviceOpen .h1::after{ width: 30px; height: 3px; top: auto; left: 50%; margin-left: -15px; bottom: -10px;}
	.serviceOpen .list .li a{ width: 2.2rem; height: 1.6rem; margin-right: 0; margin-right: 0.2rem; margin-top: 0.2rem;}
	.serviceOpen .list .li:nth-child(3n) a{ margin-right: 0;}
	.newsDateCont{ padding: 60px 0 0 0;}
	.newsDateCont .cont{ padding: 40px 0.25rem;}
	.newsDateCont .h1{ font-size: 18px; line-height: 28px;}
	.newsDateCont .ser{ margin-top: 20px; padding: 0.3rem; font-size: 14px; line-height: 24px;}
	.newsDateCont .text .li{ margin-top: 30px;}
	.newsDateCont .text .li .h2{ font-size: 17px;}
	.newsDateCont .text .li p{ font-size: 14px; line-height: 24px; text-indent: 0;}
	.newsDateCont .quarry{ flex-wrap: wrap; padding: 0.3rem;}
	.newsDateCont .quarry em{ font-size: 14px; line-height: 30px;}
	.newsDateCont .date{ margin-top: 30px;}
	.newsList{ padding: 40px 0.25rem;}
	.newsList .cont .li a{ padding: 0;}
	.newsList .cont .li .img{ float: none; width: 100%; height: auto;}
	.newsList .cont .li .text{ width: auto; float: none; padding: 0.3rem; margin-right: 0;}
	.newsList .cont .li .text .h1{ font-size: 18px; width: 80%;}
	.newsList .cont .li .text .h1{ margin-top: 5px;}
	.newsList .cont .li .text .em{ display: none;}
	.newsList .cont .li .text .p{ font-size: 14px; line-height: 22px;}
	.newsList .cont .li{ margin-top: 20px;}
	.newsList .padeing{ margin-top: 35px;}
	.newsTitle{ padding-left: 0.25rem;}
	.newsTitle .cont{ overflow-x: auto;}
	.newsTitle .cont .li a{ white-space: nowrap; margin-right: 35px;}
	.listBoxMink .listCont{ float: none; width: auto; padding: 30px 0.25rem;}
	.listBoxMink .listNav{ float: none; width: auto; display: flex; justify-content: flex-start; border-radius: 0; background: #F7F8FA; box-shadow: 0 0 0 #fff; padding-left: 0.25rem; overflow-x: auto;}
	.listBoxMink .listCont .li{ width: 3.35rem; margin-right: 0; margin-bottom: 25px;}
	.listBoxMink .listCont .li:nth-child(2n){ float: right;}
	.listBoxMink .listCont .li .img{ border-radius: 0; border: none; width: 100%; height: 3.35rem; box-shadow: 0 0 0 #fff;}
	.listBoxMink .listCont .li .p{ font-size: 15px;}
	.listBoxMink{ padding: 20px 0 10px 0;}
	.listBoxMink .listNav .li:first-child, .listBoxMink .listNav .li:last-child{ border-radius: 0;}
	.listBoxMink .listNav .li a{ line-height:30px; margin-right:20px; white-space: nowrap; padding: 0; font-size: 15px;}
	.listBoxMink .listNav .li.on a{ color: #8FC31E; background: hsla(0,0%,100%,0.00);}
	.indexIcon .cont{ margin: 0; box-shadow: 0 0 0 #fff; display: block; padding: 0 0.25rem; margin-top: 5px;display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
	.indexIcon .cont .li{ width: 48%; background: hsla(0,0%,85%,0.30); margin: 0.25rem 0 0 0; padding: 0;}
	.indexIcon .cont .li::after{ display: none;}
	.indexIcon .cont .li a{ padding: 0.4rem 0.25rem; text-align: center;}
	.indexIcon .cont .li .h1{ font-size: 17px;}
	.banner .img{ height: 4rem;}
	.banner .text .h1, .banner .text .h1 i{ font-size: 22px; line-height: 34px; width: 80%; margin: auto;}
	.banner .text .p{ width: 90%; margin: 15px auto 0; font-size: 12px;}
	.banner .text{ top: 50%;}
	.banner .swiper-pagination-bullet{ background: #fff;color:transparent;border-radius: 4px;}
	.banner{ margin-top: 60px;}
	.indexTionBox{ padding: 40px 0;padding-bottom:20px}
	.indexTionBox .tionBox{ width: auto; margin-left: 0;}
	.indexTionBox .tionBox a{ margin: 0; width:2.9rem; height: 335px;}
	.indexTionBox .tionBox .swiper-container{ padding: 10px 1.8rem 10px 0.25rem;}
	.indexTionBox .tionBox a .mk{ padding-top: 30px;}
	.indexTionBox .kmer{ display: none;}
	.indexNews{ padding: 35px 0.25rem;}
	.indexNews .left, .indexNews .left .img, .indexNews .left .text, .indexNews .right{ float: none; width: auto; height: auto;}
	.indexNews .left .text .h1{ font-size: 18px; padding: 0 0 10px 0;}
	.indexNews .left .text .time, .indexNews .left .text .time i{ display: flex; justify-content: flex-start; font-size: 14px; line-height: 30px; color: #999; font-weight: normal;}
	.indexNews .left .text .time{ margin-top: 15px;}
	.indexNews .left .text .time i{ margin-right: 10px;}
	.indexNews .left .text .p{ font-size: 14px; line-height: 24px;}
	.indexNews .right{ border-top: 1px solid #D8D8D8; margin-top: 30px;}
	.indexNews .right a{ border-radius: 0; padding: 0; margin-top: 25px;}
	.indexNews .right a .p{ margin-top: 5px;}
	.indexNews .right a:hover{ background: hsla(0,0%,100%,0.00);}
	.indexNews .right a:hover .time{ color: #a2a2a2;}
	.indexNews .right a:hover .p{ color: #8FC31E;}
	.indexOpen{ padding: 30px 0.25rem 0 0.25rem;}
	.indexOpen .li, .indexOpen .li:nth-child(8n){ margin-top: 0.2rem; margin-right: 0.2rem;}
	.indexOpen .li:nth-child(3n){ margin-right: 0;}
	.indexOpen .li a{ width: 2.2rem; height: 1.6rem;}
	.goodsDate{ margin-top: 60px; padding: 0;}
	.goodsDate .cont{ padding: 0;}
	/*.goodsDate .cont .top .img a{ width: 100%; height: 7.5rem;}*/
	.goodsDate .cont .top .img .bigImg a{ width: 100%; height: 7.5rem;}
	.goodsDate .cont .top .img{ width: auto; height: auto; float: none;}
	.goodsDate .cont .top .text{ float: none; width: auto; padding: 30px 0.25rem;}
	.goodsDate .cont .top .text .h1{ font-size: 20px; font-weight: bold; line-height: 40px;}
	.goodsDate .cont .top .text .p i{ font-size: 17px; font-weight: bold;}
	.goodsDate .cont .top .text .p p{ font-size: 14px; line-height: 26px;}
	.goodsDate .cont .top .text .em{ font-size: 16px;}
	.goodsDate .cont .top .text .p{ margin-top: 10px;}
	.goodsDate .cont .boot{ margin-top: 25px;}
	.goodsDate .cont .boot .text p{ font-size: 14px;}
	.contactBox{ padding: 40px 0.25rem;}
	.contactBox .telBox{ padding: 0.3rem;}
	.contactBox .telBox .img{ margin: 0; float: none; width: auto;}
	.contactBox .telBox .text{ float: none; width: auto; padding-top: 10px;}
	.contactBox .telBox .text p{ font-size: 14px; line-height: 20px; margin-top: 8px;}
	.contactBox .list .li{ margin-top: 20px;}
	.contactBox .list .li a{ padding: 0;}
	.contactBox .list .li .img{ float: none; width: auto; height: auto;}
	.contactBox .list .li .text{ float: none; width: auto;}
	.contactBox .list .li .text .h1{ font-size: 18px; padding: 15px 0 10px 0;}
	.contactBox .list .li .text .mk{ display: block; margin-top: 25px; padding-left: 5px;}
	.contactBox .list .li .text .mk .sLi{ width: auto; display: block; margin-top: 10px;}
	.contactBox .list .li .text .mk .sLi:first-child{ margin-top: 0;}
	.contactBox .list .li .text .mk .sLi .p{ padding: 0; margin: 6px 0 0 24px;}
	.contactBox .list .li .text .mk .sLi:first-child .h2{ background: url(../images/icon6.png) no-repeat left center; background-size: 16px auto;}
	.contactBox .list .li .text .mk .sLi:nth-child(2) .h2{ background: url(../images/tel.png) no-repeat left center; background-size: 16px auto;}
	.contactBox .list .li .text .mk .sLi:nth-child(3) .h2{ background: url(../images/icon2.png) no-repeat left center; background-size: 16px auto;}
	.contactBox .list .li .text .mk .sLi .h2{ font-size: 16px; padding-left: 26px;}
	.bannerDate2 .cont .p{ width: auto;}
	.caseContentDate{ padding: 0;}
	.caseContentDate .mink{ padding: 30px 0.25rem;}
	.caseContentDate .mink .text .li .h2{ font-size: 18px;}
	.caseContentDate .mink .text .li .p p{ font-size: 14px;}
	.caseList{ padding: 40px 0.25rem;}
	.caseList .cont .li{ width: 100%; margin-right: 0; margin-bottom: 0.2rem;}
	.caseList .cont .li a{ width: auto; height: auto; padding-bottom: 25px;}
	.caseList .cont .li a .mk{ padding-top: 20px;}
	.caseList .cont .li a .h1{ font-size: 17px; margin-top: 15px;}
	.caseList .cont .li a .em{ width: 30px; margin: 10px auto 0;}
	.caseList .cont .li a .p p{ font-size: 13px; line-height: 20px;}
	.aboutOne{ padding: 35px 0.25rem 0 0.25rem;}
	.aboutOne p{ font-size: 14px; line-height: 24px;}
	.aboutTwo{ padding: 0 0.25rem;}
	.aboutTwo .img, .aboutMink .li .cont .textBox{ float: none; width: auto;}
	.aboutTwo .right{ float: none; width: auto; padding: 30px 0 0 0;}
	.aboutTwo .right .title{ text-align: center;}
	.aboutMink .li .img, .aboutMink .li:nth-child(2n) .img, .aboutMink .li:nth-child(2n) .cont .textBox{ float: none; width: auto; height: auto;}
	.aboutMink .li .img img{height: auto;position: relative;top: auto;left: auto;transform: none;width: 100%;}
	.aboutMink .li .cont{width: auto;position: relative;top: auto;left: auto;transform: none; padding: 30px 0.25rem;}
	.aboutMink .li .cont .textBox .text, .aboutMink .li:nth-child(2n) .cont .textBox .text{ padding: 0;}
	.aboutMink .li .cont .textBox .title{ text-align: center;}
	.aboutMink .li .cont .list p{ font-size: 14px;}
	.aboutCur{ width: auto; padding: 0 0.25rem;}
	.aboutCur a{ width: 3.35rem;}
	.aboutCur a .m{ height: 4.6rem;}
	.aboutCur a .p{ font-size: 14px; margin-top: 10px;}
	.searchTop{ margin-top: 60px; padding: 30px 0.25rem;}
	.searchTop .input{ width: auto;}
	.searchBox .tit{ padding: 0 0.25rem; text-align: center;}
	.navCell{ display: block;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 10px;}
	.listBoxMink .listNav .sLi:first-child{ display: flex;flex-wrap:wrap}
	.bodyEnglish .banner .text .h1, .banner .text .h1{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
	.banner .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
	.caseContentDate .mink .text p{ font-size: 14px; line-height: 30px;}
	.bodyEnglish .indexTionBox .tionBox a .h1{ width: 90%; margin: 10px auto 0; font-size: 15px; line-height: 25px;}
	.bodyEnglish .indexTionBox .tionBox a .em{ width: 30px; margin: 10px auto 0;}
	.bodyEnglish .indexTionBox .tionBox a .p{ width: 90%; margin: 10px auto 0;}
	.bodyEnglish .indexTionBox .tionBox a .p p{ font-size: 14px; line-height: 20px;}
	.indexTionBox .tionBox a .p{ width: 90%;}
	.indexTionBox .tionBox a .p p{ font-size: 14px; line-height: 24px;}
	/*  */
	.contEight{ display: block;}
	.contEight .mink{ width: auto;}
	.rightEight{ width: auto; margin-top: 0.2rem;}
	.rightEight .liste{ padding: 30px 0.25rem;}
	.rightEight .liste .mk{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	.rightEight .liste .li{ width: 3.38rem;}
	.rightEight .liste .li .h2{ font-size: 15px;}
	.rightEight .liste .li .p{ font-size: 12px; line-height: 18px; padding-right: 0.1rem;}
	/*  */
	.iconMore .moreBox{ margin: auto;}
	.iconMore .moreGent{ justify-content: space-between; margin-top: 30px; width: 100%;}
	.iconMore .moreGent .k{ margin: 0;}
	.goodsDate .cont .top .img .gallery-thumbs{ padding: 0;}
	.goodsDate .cont .top .img .swiper-button-next, .goodsDate .cont .top .img .swiper-button-prev{ display: none;}
	.smallScroll .smallImg ul li a{ width: 1.48rem; height: 1.48rem;} /*.smallScroll .sPrev, .smallScroll .sNext{ width: 1.8rem; height: 1.75rem;}*/
	.heading{ width: 100%; overflow-x: auto;}
	.heading .h2{ width: 100%; overflow: hidden;}
	.popTentBox{ width: 90%;}
	.smallScroll .sPrev, .smallScroll .sNext{ width: 0.6rem;}
	.smallScroll .sPrev{ left: 0.05rem;}
	.smallScroll .sNext{ right: 0.05rem;}
	.smallScroll{ padding: 0 0.7rem;}
	.rightPopUp{ display: none;}
	.wordsUp{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); bottom: auto; right: auto; z-index: 200!important;display:none}
	#newBridge{ z-index: 100!important;}
    .wordsUp .i{ width: 7.5rem; height: 200%; transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; z-index: -1; background: #000;}
    .indexTionBox{ overflow: hidden;}
    .Groom{ width: auto; margin-left: 0;}
    .clientIndexBox .h1{ font-size: 20px;}
    .clientIndexBox{ margin: 0 0.35rem;}
    
    .aboutSixHer .cont .li a{display:block}
    .aboutSixHer .cont .li a p{font-size:13px;padding:0}
    .aboutSixHer .cont .li a img{margin-left:15px}
    .aboutItemBoxs .mink{flex-wrap:wrap}
    .aboutItemBoxs .boot .li{margin:6px;width:120px}
    .aboutItemBoxs .boot .li a{height:88px}
    .aboutLiChen .abouty .frmt .p{width:195px}
    .aboutLiChen .kmer{display:none}
    
    .aboutThree{
                display: block;
            }
                 .aboutOne .imgtwo{
                width: 100%;
                height: auto;
            }
            .aboutOne .textwo{width:100%;}
            .years li{width:48%;margin-right:0}
            
            .lou{width:90%}
            
            .productsLeft{display:none}
            .products{width:100%}
            #iconlist  ul  li{width:35%;margin-bottom:20px}
            .lc{display:none}
            #iconlist{display:none}
            
            .customization li{width:48%;height:auto;padding-bottom:10px;margin-bottom:10px;box-shadow: 0px 0px 10px 0px rgb(209 209 209 / 50%);
                border-radius: 8px;overflow: hidden;
            }
            .customization li>img{height:135px}
            .customization li div{width:80px;height:80px;margin-top: -40px;}
            .customization li p  {
    font-size: 13px;
    line-height: 16px!important;
}
.products>div{width:48%;margin-bottom:10px}
.Groom .products a{width:100%;height:225px}
.Groom a .img{width:100%;height:170px}
.aboutes2{
    /*background-size: auto 100%;*/
    height: 950px;padding: 40px 20px;
}


.aboutes2 .aboutOne .moreBox{margin-top:25px!important}

.aboutOne{ padding: 0px;}
.fl{display:flex;flex-wrap:wrap;justify-content:space-around}
.fl div{padding: 3px 20px;
    background: #407A99;
    color: white;
     border-radius: 8px; 
    font-size: 13px;
    margin-bottom: 8px;
    width: 36%;}
.fl2 li:first-child{background:#f7941c}
.fl div.onred{background:#f7941c}
.fl div:hover{background:#f7941c}
.fl div a{color:white}
#newBridge .nb-icon-right-center{left:5px!important;top:80%!important}
#newBridge .nb-icon-left-center{left:5px!important;top:50%!important}
.prolist{display:none!important}
.idear{display:flex;flex-wrap:wrap;justify-content:space-between}
.idear>div{}
.liuyan{display:block}
.index_iconbox {
    display: flex;
    padding: 10px 6px 0;
}

.index_iconbox .icon {
    flex: 1;
    background: #fff;
    text-align: center;
    margin: 0 4px;
    padding: 3px 0 10px;
    border-radius: 5px;
}
.index_iconbox .icon i{font-size: 32px;
    line-height: 1.4;}
    
.c-blue {
    color: #3f6dff;
}
.c-red{color:#e91b1b}
.c-green{color:#1bd469}
.c-orange{color:#ff562b}
.index_iconbox .icon h4{color:black} 
.indexTionBox2{background:url(../images/bg.jpg);display:block}


.scheme li:first-child {
    width: 100%;
}
.scheme li{width:49%;height:auto}

.scheme li div{padding-top:10px}
.scheme li a{height:auto!important}


.sec-4 .HomeNews .HomeNewsCon .HomeNewsBox{width:100%;}


.casef{display:none}
.caseContentDate .mink .text img{height:auto}
.rightEight .liste .img{height:169px}

.listCase{display:flex;flex-wrap:wrap;justify-content:space-between}
.listCase div{width:32%;height:115px;background: whitesmoke;border-radius: 8px;
    margin-bottom: 7px;}
/*.listCase li:nth-child(4){width:49%;}*/
/*.listCase li:nth-child(5){width:49%;}*/
.listCase div a{font-size:15px;text-align:center}
.listCase div a img{margin: 0 auto}
/*.listCase div:nth-child(2n){background: whitesmoke;}*/
.listCase div:nth-child(4){
    width: 49%;
}
.listCase div:nth-child(5){
    width: 49%;
}

.goodsDate .cont .boot .text img{width: 100%;
    height: auto;}


.newsDateCont .cont .text img{width:100%}


.newsTitle2{height:322px}

/*.bannerother{display:none}*/

.bannerother {
  margin-top: 60px;
}



.banner .swiper-slide img{width:100%}








}


@media screen and (min-width:750px){
	/* pc */
	.listBoxMink .listCont{ min-height: 400px;}
	.listCase{display:none}
	.banner .swiper-pagination-bullet {
       width:50px;
    height:10px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: transparent;
    opacity: 1;
    /*background: rgba(255,255,255,0.5);*/
    border-radius: 5px;
      }
      .banner .img img{width:100%}
}
@media screen and (min-width:1080px) and (max-width: 1440px){
	.w1400{ width: 1400px;}
	.contactBox .telBox .text{ width: 595px;}
	.contactBox .list .li .text{ width: 720px;}
	.footer .li{ min-width: 170px;}
	.serviceTime .list .li{ width: 340px;}
	.serviceOpen .list .li a{ width: 173px;}
	.serviceBox .li .img{ width: 50%; height: 470px;}
	.serviceBox .li .text{ width: 46%; padding-top: 30px;}
	.caseList .cont .li, .caseList .cont .li:nth-child(5n){ margin-right: 20px;}
	.caseList .cont .li:nth-child(4n){ margin-right: 0;}
	/*.listBoxMink .listCont{ width: 855px;}*/
	.listBoxMink .listCont .li, .listBoxMink .listCont .li:nth-child(4n){ margin-right: 30px;}
	/*.listBoxMink .listCont .li:nth-child(3n){ margin-right: 0;}*/
	.newsList .cont .li .text{ width: 700px;}
	.aboutTwo .img{ width: 365px; padding-top: 50px;}
	.aboutCur{
	    /*width: 1100px;*/
	margin-left: 0;}
	.aboutCur a{ width: 200px;}
	.aboutCur a .m{ height: 275px;}
	.indexNews .left .img{ width: 330px; height: 230px;}
	.indexNews .left .text{ width: 320px;}
	.indexNews .left{ width: 675px;}
	.indexNews .right{ width: 400px;}
	.indexTionBox .tionBox{ width: 1100px; margin-left: 0;}
	.indexOpen .li:nth-child(8n){ margin-right: 17px;}
	.goodsDate .cont .top .text{ width: 480px;}
}
@media screen and (min-width: 750px) and (max-width: 1080px){
	/* cell */
	html,body{ font-size: calc(100vw/7.5);}
	.w1400, .w1200{ width: auto;}
	.header, .newsMiner{ display: none;}
	.bannerDate{ margin-top: 60px;}
	.bannerDate .img{ height: 270px;}
	.bannerDate .cont{ width: 90%; left: 5%; text-align: center;}
	.bannerDate .cont img{ height: 30px; margin: auto;}
	.bannerDate .cont .h1{ font-size: 28px; font-weight: bold;}
	.bannerDate .cont .p{ font-size: 15px; line-height: 25px; margin-top: 10px;}
	.peopleBox{ padding: 30px 0.25rem;}
	.peopleBox .top{ display: block;}
	.peopleBox .top .li .mk{ padding: 0.3rem; display: block; position: relative;}
	.peopleBox .top .li .text, .peopleBox .top .li{ width: auto;}
	.peopleBox .top .li{ margin-top: 20px;}
	.peopleBox .top .li .text .h1{ font-size: 17px; font-weight: bold; padding-left: 34px;}
	.peopleBox .top .li .mk .img{ width: 24px; height: 24px; position: absolute; top: 0.3rem; left: 0.3rem;}
	.peopleBox .top .li .mk .tel{ background: url(../images/tel3.png) no-repeat center; background-size: 90% auto;}
	.peopleBox .top .li .mk .mel{ background: url(../images/meil.png) no-repeat center; background-size: 90% auto;}
	.peopleBox .list .li{ margin-top: 20px;}
	.peopleBox .list .li .mk{ padding: 0.3rem;}
	.peopleBox .list .li .tit{ padding-bottom: 10px;}
	.peopleBox .list .li .tit .h1, .peopleBox .list .li .tit .g{ font-size: 17px;}
	.peopleBox .list .li .tit .h1{ font-weight: bold;}
	.peopleBox .list .li .p{ font-size: 15px; line-height: 26px; margin-top: 15px;}
	.peopleBox .padeing{ margin-top: 30px;}
	.padeing{ padding: 0 0.25rem; flex-wrap: wrap;} 
	.padeing .li a{ width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
	.padeing .li a.next, .padeing .li a.prev{ width: 60px;}
	.footer .bot{ flex-wrap: wrap; padding: 0.2rem 0.25rem;}
	.footer .bot .p, .footer .bot a{ font-size: 12px; line-height: 20px;}
	.footer .li{ display: none;}
	.footer .li:last-child{ display: block; float: none; width: auto; text-align: center; }
	.footer .li .em{ margin: 18px auto 0;}
	.footer .li .Qr img{ width: 3rem; margin: auto;}
	.serviceBox .li{ padding: 0.3rem 0.25rem;}
	.serviceBox .li .img{ float: none; width: 100%; height: auto;}
	.serviceBox .li .text{ width: auto; float: none; padding-top: 30px;}
	.serviceBox .li .text .top .h1{ font-size: 22px; text-align: center;}
	.serviceBox .li .text .top .t{ font-size: 15px; text-align: center; padding-top: 0;}
	.serviceBox .li .text .top{ padding-left: 0;}
	.serviceBox .li .text .top::after{ content: ''; width: 30px; height: 2px; position: absolute; left: 50%; top: auto; bottom: -10px; margin-left: -15px;}
	.serviceBox .li .text .p{ font-size: 14px; line-height: 26px;}
	.serviceBox .li:nth-child(2n) .text{ float: none; margin-left: 0;}
	.serviceBox .li:nth-child(2n) .img{ float: none;}
	.title .h1{ font-size: 24px;}
	.title .em{ width: 30px; height: 3px;}
	.serviceTime{ padding: 40px 0.25rem;}
	.serviceTime .list .li{ width: 100%; margin-right: 0; margin-top: 20px; background: hsla(0,0%,100%,0.90);}
	.serviceTime .list .li:first-child{ margin-top: 0;}
	.serviceTime .list .li .mk{ padding: 0.5rem;}
	.serviceTime .list .li .h1{ font-size: 18px;}
	.serviceTime .list .li .p{ font-size: 14px; line-height: 24px; text-align: center; margin-top: 15px;}
	.serviceTime .list{ margin-top: 35px;}
	.serviceOpen{ padding: 40px 0.25rem;}
	.serviceOpen .h1{ font-size: 24px; text-align: center; line-height: 30px;}
	.serviceOpen .h1::after{ width: 30px; height: 3px; top: auto; left: 50%; margin-left: -15px; bottom: -10px;}
	.serviceOpen .list .li a{ width: 2.2rem; height: 1.6rem; margin-right: 0; margin-right: 0.2rem; margin-top: 0.2rem;}
	.serviceOpen .list .li:nth-child(3n) a{ margin-right: 0;}
	.newsDateCont{ padding: 60px 0 0 0;}
	.newsDateCont .cont{ padding: 40px 0.25rem;}
	.newsDateCont .h1{ font-size: 18px; line-height: 28px;}
	.newsDateCont .ser{ margin-top: 20px; padding: 0.3rem; font-size: 14px; line-height: 24px;}
	.newsDateCont .text .li{ margin-top: 30px;}
	.newsDateCont .text .li .h2{ font-size: 17px;}
	.newsDateCont .text .li p{ font-size: 14px; line-height: 24px; text-indent: 0;}
	.newsDateCont .quarry{ flex-wrap: wrap; padding: 0.3rem;}
	.newsDateCont .quarry em{ font-size: 14px; line-height: 30px;}
	.newsDateCont .date{ margin-top: 30px;}
	.newsList{ padding: 40px 0.25rem;}
	.newsList .cont .li a{ padding: 0;}
	.newsList .cont .li .img{ float: none; width: 100%; height: auto;}
	.newsList .cont .li .text{ width: auto; float: none; padding: 0.3rem; margin-right: 0;}
	.newsList .cont .li .text .h1{ font-size: 18px; width: 80%;}
	.newsList .cont .li .text .h1{ margin-top: 5px;}
	.newsList .cont .li .text .em{ display: none;}
	.newsList .cont .li .text .p{ font-size: 14px; line-height: 22px;}
	.newsList .cont .li{ margin-top: 20px;}
	.newsList .padeing{ margin-top: 35px;}
	.newsTitle{ padding-left: 0.25rem;}
	.newsTitle .cont{ overflow-x: auto;}
	.newsTitle .cont .li a{ white-space: nowrap; margin-right: 35px;}
	.listBoxMink .listCont{ float: none; width: auto; padding: 30px 0.25rem;}
	.listBoxMink .listNav{ float: none; width: auto; display: flex; justify-content: flex-start; border-radius: 0; background: #F7F8FA; box-shadow: 0 0 0 #fff; padding-left: 0.25rem; overflow-x: auto;}
	.listBoxMink .listCont .li{ width: 3.35rem; margin-right: 0; margin-bottom: 25px;}
	.listBoxMink .listCont .li:nth-child(2n){ float: right;}
	.listBoxMink .listCont .li .img{ border-radius: 0; border: none; width: 100%; height: 3.35rem; box-shadow: 0 0 0 #fff;}
	.listBoxMink .listCont .li .p{ font-size: 15px;}
	.listBoxMink{ padding: 20px 0 10px 0;}
	.listBoxMink .listNav .li:first-child, .listBoxMink .listNav .li:last-child{ border-radius: 0;}
	.listBoxMink .listNav .li a{ line-height: 60px; margin-right: 30px;}
	.listBoxMink .listNav .li.on a{ color: #8FC31E; background: hsla(0,0%,100%,0.00);}
	.indexIcon .cont{ margin: 0; box-shadow: 0 0 0 #fff; justify-content: space-between; flex-wrap: wrap; padding: 0 0.25rem; margin-top: 5px;}
	.indexIcon .cont .li{ width: 3.35rem; background: hsla(0,0%,85%,0.30); margin: 0.25rem 0 0 0; padding: 0;}
	.indexIcon .cont .li::after{ display: none;}
	.indexIcon .cont .li a{ padding: 0.4rem 0.25rem; text-align: center;}
	.indexIcon .cont .li .h1{ font-size: 17px;}
	.banner .img{ height: 5.4rem;}
	.banner .text .h1, .banner .text .h1 i{ font-size: 22px; line-height: 34px; width: 80%; margin: auto;}
	.banner .text .p{ width: 90%; margin: 15px auto 0; font-size: 12px;}
	.banner .text{ top: 50%;}
	/*.banner .swiper-pagination-bullet{ background: #fff;}*/
	.banner{ margin-top: 60px;}
	.indexTionBox{ padding: 40px 0;}
	.indexTionBox .tionBox{ width: auto; margin-left: 0;}
	.indexTionBox .tionBox a{ margin: 0; width: 5rem; height: 335px;}
	.indexTionBox .tionBox .swiper-container{ padding: 10px 1.8rem 10px 0.25rem;}
	.indexTionBox .tionBox a .mk{ padding-top: 30px;}
	.indexTionBox .kmer{ display: none;}
	.indexNews{ padding: 35px 0.25rem;}
	.indexNews .left, .indexNews .left .img, .indexNews .left .text, .indexNews .right{ float: none; width: auto; height: auto;}
	.indexNews .left .text .h1{ font-size: 18px; padding: 0 0 10px 0;}
	.indexNews .left .text .time, .indexNews .left .text .time i{ display: flex; justify-content: flex-start; font-size: 14px; line-height: 30px; color: #999; font-weight: normal;}
	.indexNews .left .text .time{ margin-top: 15px;}
	.indexNews .left .text .time i{ margin-right: 10px;}
	.indexNews .left .text .p{ font-size: 14px; line-height: 24px;}
	.indexNews .right{ border-top: 1px solid #D8D8D8; margin-top: 30px;}
	.indexNews .right a{ border-radius: 0; padding: 0; margin-top: 25px;}
	.indexNews .right a .p{ margin-top: 5px;}
	.indexNews .right a:hover{ background: hsla(0,0%,100%,0.00);}
	.indexNews .right a:hover .time{ color: #a2a2a2;}
	.indexNews .right a:hover .p{ color: #8FC31E;}
	.indexOpen{ padding: 30px 0.25rem 0 0.25rem;}
	.indexOpen .li, .indexOpen .li:nth-child(8n){ margin-top: 0.2rem; margin-right: 0.2rem;}
	.indexOpen .li:nth-child(3n){ margin-right: 0;}
	.indexOpen .li a{ width: 2.2rem; height: 1.6rem;}
	.goodsDate{ margin-top: 60px; padding: 0;}

	.goodsDate .cont{ padding: 0;}
	.goodsDate .cont .top .img a{ width: 100%; height: 7.5rem;}
	.goodsDate .cont .top .img{ width: auto; height: auto; float: none;}
	.goodsDate .cont .top .text{ float: none; width: auto; padding: 30px 0.25rem;}
	.goodsDate .cont .top .text .h1{ font-size: 20px; font-weight: bold; line-height: 40px;}
	.goodsDate .cont .top .text .p i{ font-size: 17px; font-weight: bold;}
	.goodsDate .cont .top .text .p p{ font-size: 14px; line-height: 26px;}
	.goodsDate .cont .top .text .em{ font-size: 16px;}
	.goodsDate .cont .top .text .p{ margin-top: 10px;}
	.goodsDate .cont .boot{ margin-top: 25px;}
	.goodsDate .cont .boot .text p{ font-size: 14px;}
	.contactBox{ padding: 40px 0.25rem;}
	.contactBox .telBox{ padding: 0.3rem;}
	.contactBox .telBox .img{ margin: 0; float: none; width: auto;}
	.contactBox .telBox .text{ float: none; width: auto; padding-top: 10px;}
	.contactBox .telBox .text p{ font-size: 14px; line-height: 20px; margin-top: 8px;}
	.contactBox .list .li{ margin-top: 20px;}
	.contactBox .list .li a{ padding: 0.25rem;}
	.contactBox .list .li .img{ float: none; width: auto; height: auto;}
	.contactBox .list .li .text{ float: none; width: auto;}
	.contactBox .list .li .text .h1{ font-size: 18px; padding: 15px 0 10px 0;}
	.contactBox .list .li .text .mk{ display: block; margin-top: 25px; padding-left: 5px;}
	.contactBox .list .li .text .mk .sLi{ width: auto; display: flex; margin-top: 10px;}
	.contactBox .list .li .text .mk .sLi:first-child{ margin-top: 0;}
	.contactBox .list .li .text .mk .sLi .p{ padding: 0; margin: 0; margin-left: 10px;}
	.contactBox .list .li .text .mk .sLi:first-child .h2{ background: url(../images/icon6.png) no-repeat left center; background-size: 16px auto;}
	.contactBox .list .li .text .mk .sLi:nth-child(2) .h2{ background: url(../images/tel.png) no-repeat left center; background-size: 16px auto;}
	.contactBox .list .li .text .mk .sLi:nth-child(3) .h2{ background: url(../images/icon2.png) no-repeat left center; background-size: 16px auto;}
	.contactBox .list .li .text .mk .sLi .h2{ font-size: 16px; padding-left: 26px;}
	.bannerDate2 .cont .p{ width: auto;}
	.caseContentDate{ padding: 0;}
	.caseContentDate .mink{ padding: 30px 0.25rem;}
	.caseContentDate .mink .text .li .h2{ font-size: 18px;}
	.caseContentDate .mink .text .li .p p{ font-size: 14px;}
	.caseList{ padding: 40px 0.25rem;}
	.caseList .cont .li{ width: 3.35rem; margin-right: 0; margin-bottom: 0.2rem;}
	.caseList .cont .li a{ width: auto; height: 270px;}
	.caseList .cont .li:nth-child(2n){ float: right;}
	.caseList .cont .li a .mk{ padding-top: 20px;}
	.caseList .cont .li a .h1{ font-size: 17px; margin-top: 15px;}
	.caseList .cont .li a .em{ width: 30px; margin: 10px auto 0;}
	.caseList .cont .li a .p p{ font-size: 13px; line-height: 20px;}
	.aboutOne{ padding: 35px 0.25rem 0 0.25rem;}
	.aboutOne p{ font-size: 14px; line-height: 24px;}
	.aboutTwo{ padding: 0 0.25rem;}
	.aboutTwo .img, .aboutMink .li .cont .textBox{ float: none; width: auto;}
	.aboutTwo .right{ float: none; width: auto; padding: 30px 0 0 0;}
	.aboutTwo .right .title{ text-align: center;}
	.aboutMink .li .img, .aboutMink .li:nth-child(2n) .img, .aboutMink .li:nth-child(2n) .cont .textBox{ float: none; width: auto; height: auto;}
	.aboutMink .li .img img{height: auto;position: relative;top: auto;left: auto;transform: none;width: 100%;}
	.aboutMink .li .cont{width: auto;position: relative;top: auto;left: auto;transform: none; padding: 30px 0.25rem;}
	.aboutMink .li .cont .textBox .text, .aboutMink .li:nth-child(2n) .cont .textBox .text{ padding: 0;}
	.aboutMink .li .cont .textBox .title{ text-align: center;}
	.aboutMink .li .cont .list p{ font-size: 14px;}
	.aboutCur{ width: auto; padding: 0 0.25rem;}
	.aboutCur a{ width: 3.35rem;}
	.aboutCur a .m{ height: 4.6rem;}
	.aboutCur a .p{ font-size: 14px; margin-top: 10px;}
	.searchTop{ margin-top: 60px; padding: 30px 0.25rem;}
	.searchTop .input{ width: auto;}
	.searchBox .tit{ padding: 0 0.25rem; text-align: center;}
	.navCell{ display: block;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 10px;}
	.listBoxMink .listNav .sLi:first-child{ display: flex;}
	
}