*{animation: ease-in 0.3s;}
ul,li{list-style: none;padding: 0;}
.container,.pro-container{margin: 0 auto;padding: 0;position: relative;}
.row{margin: 0 auto;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0;}
.m{display: none;}
/*放大效果*/
.zoom_in{overflow: hidden;display: block;}
.zoom_in img{width: 100%;transition: all 0.6s;height: 100%;}
.zoom_in:hover img{transform: scale(1.2);}
/*文本溢出省略*/
.p-hidden{
    display: inline-block;
    width: 96%;
    text-overflow: ellipsis; /* 文本溢出显示省略标记 是一种生声明需要配合下面俩个属性才能生效*/
    overflow: hidden;
    white-space: nowrap;
}
/*导航跟随*/
.navbar.topfix{position: fixed;z-index:9;width: 100%;top: 0;}
/*手机底部导航*/
.m-foot-nav{position: fixed;z-index: 9999;bottom: 0;width: 100%;display: none;}
.m-foot-nav a{background-color: #005AA1;color: #fff;font-size: 18px;display: block;float: left;width: 33.3%;text-align: center;}
.m-foot-nav a:hover{text-decoration: none;}
.m-foot-nav a>span{display: block;margin: 0 auto;font-size: 20px;line-height: 30px;}
@media (min-width: 1601px) {
    .container{max-width: 1400px;}
    .pro-container{max-width: 1600px;}
}
@media (max-width: 1600px){
.container{max-width: 1200px;}
.pro-container{max-width: 1400px;}
}

@media (max-width: 1400px){
    .container{max-width: 1170px;}
    .pro-container{max-width: 1170px;}
}

@media (max-width: 1200px){
    .container{max-width: 990px;}
    .pro-container{max-width: 990px;}
}
@media (max-width: 992px){
    .container{max-width: 96%;}
    .pro-container{max-width: 96%;}
}
/*标题*/
.title{text-align: center;}
.title h1{font-size: 36px;font-weight: bold;color: #005AA1;padding-bottom: 30px;margin: 0;}
.title h5{font-size: 16px;margin: 0;color: #005AA1;}
/*头部*/
.top{background: #F3F3F3;color: #666;line-height: 40px;font-size: 14px;}
.top .rmss{margin-right: 30px;}
.top .fdj{background: #005AA1;color: #ffffff;width:30px;height:30px;float:right;text-align: center;border-radius: 50%;margin-top: 5px;}
.top .fdj::before{position: relative;top: -5px;}
.top input{line-height: 30px;border:0;border-radius: 15px;z-index: -1;position: relative;}
.top .ss_txt{transition: ease-in 0.5s;width: 0;}
.top .ss_txt.on{width: 150px;border: 1px #ccc solid;line-height: 20px;z-index: unset;}
.top #ss.on{position: relative;transition: ease-in 0.5s;}
.top #ss .ss_fdj{position: absolute;top: -11px;right: 9px;color:#F3F3F3;display: none !important;}
.top #ss.on .ss_fdj.on{color:#005AA1;display: inline-block !important;}
/*logo*/
header img{max-width:500px;}
header .logo-txt{margin-left: 20px;padding-left: 20px;border-left: 1px #dcdcdc solid;height: 44px;margin-top: 5px;}
header .logo-txt b{font-size: 18px;font-weight: bold;line-height: 23px;color: #000;}
header .logo-txt p{font-size: 14px;color: #333333;}
header .logo-left{padding: 30px 0;}
header .ewm{padding-top: 18px; padding-left: 10px;} 
header .ewm span{width: 70px;font-size: 12px;display: inline-block;line-height: 20px;padding-top: 25px; padding-left: 6px;;}
header .tel{padding-top: 10px;}
header .tel .iconfont{color: #005AA1;font-size: 17px;}
header .tel .tel-txt{font-size: 14px; margin-right: 10px; }
header .tel p{font-size: 14px; line-height:20px;float: right;}
/*导航*/
.navbar{background-color: #005AA1;}
.navbar-dark .navbar-nav .nav-link{color: #fff;font-size: 16px;position: relative;}
.navbar-dark .navbar-nav .nav-link.on{font-weight: bold;color: #fff;}
.navbar-dark .navbar-nav .nav-link.on:before{content: url("../img/nav-this.png");position: absolute;top: 30px;z-index: 99;left: 33%;}
.navbar-dark .navbar-nav .nav-link:hover{font-weight: bold;color: #fff;}
.navbar-dark .navbar-nav .nav-link:hover:before{content: url("../img/nav-this.png");position: absolute;top: 30px;z-index: 99;left: 33%;}
.navbar-nav{width: 100%;}
.navbar-nav .nav-item{width: 15.1%;text-align: center;position: relative;}
.navbar-nav .nav-item:after{color: #fafafa;content: "/";position: absolute;top: 25%;right: 0;}
.navbar-nav .nav-item:last-child:after{display: none;}
.navbar-nav .nav-item .dropdown-menu{top: 46px;text-align: center;padding: 0;border: 0;z-index: 999;}
.navbar-nav .nav-item .dropdown-menu .dropdown-item{line-height: 2;}
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: #005AA1;color: #fff;}
.navbar-brand{display: none;}
/*轮播*/
#banner{position: relative;overflow: hidden;height: 100%;}
#banner .jt{height: 80px;width: 28px;}
#banner .swiper-button-prev{left: 6.5%;top: 42.5%;}
#banner .swiper-button-next{right: 6.5%;top: 42.5%;}
#banner .swiper-button-prev{background: url("../img/banner-left.png");left: 130px;}
#banner .swiper-button-next{background: url("../img/banner-right.png");}
#banner .swiper-button-prev:after{content: unset;}
#banner .swiper-button-next:after{content: unset;}
/*产品中心*/
.product{padding-right: 0;}
.product h1{font-size: 34px;font-weight: bold;color: #000;padding-top: 60px;padding-bottom: 20px;}
.product h1>span{font-size: 16px;color: #666;font-weight: 400;display: inline-block;margin-left: 10px;}
.product .pro-con{background-color: #F9F9F9;height: 455px;}
.product ul{width: 180px;}
.product li{width: 100%;line-height: 90px;font-size: 18px;border-left: 1px #E5E5E5 solid;border-right:1px #E5E5E5 solid;}
.product li:first-child{background-color: #005AA1;color: #fff;border: 0;}
.product li:hover{background-color: #005AA1;color: #fff;border: 0;}
.product .pro-con .type-con .pro-title h3{font-size: 24px;color: #333;padding-bottom: 20px;}
.product .pro-con .type-con .pro-title a{font-size: 12px;line-height: 2;width: 120px;background-color: #f1f1f1;color: #7C7C7C;text-align: center;border-radius: 10px;}
.product .pro-con .type-con .pro-title a:hover{background-color: #005AA1;color: #fff;}
.product .pro-con .type-con{width: 82%;display: none;padding: 30px 40px;}
.product .pro-con .type-con:nth-child(2){display: block;}
.product .pro-con .type-con .pro-text a{width: 31.6%;margin-right: 20px;background-color: #fff;text-decoration: unset;}
.product .pro-con .type-con .pro-text a:hover{margin-top: -10px;box-shadow: 6px 2px 21px 0 rgba(0,0,0,0.1);}
.product .pro-con .type-con .pro-text a:last-child{margin-right: 0;}
.product .pro-con .type-con .pro-text a h5{color: #333;font-size: 18px;padding: 20px 0;border-bottom: 1px #eaeaea solid;margin: 0 30px;margin-bottom: 20px;}
.product .pro-con .type-con .pro-text a:hover h5{color: #005AA1;border-bottom: 1px #005AA1 solid;}
.product .pro-con .type-con .pro-text a img{width: 100%;height: 200px;object-fit: cover;}
.product .pro-con .type-con .pro-text a div{margin: 0 30px;margin-bottom: 30px;}
.product .pro-con .type-con .pro-text a div *{color: #666;font-size: 14px;line-height: 20px;margin: 0;height: 20px;overflow: hidden;}
/*每日价格*/
.price h1{font-size: 34px;font-weight: bold;color: #000;padding-top: 90px;padding-bottom: 40px;}
.price h1>a{font-size: 12px;line-height: 2;width: 120px;background-color: #f1f1f1;color: #7C7C7C;text-align: center;display: inline-block;border-radius: 10px;margin-left: 10px;}
.price h1>a:hover{background-color: #005AA1;color: #fff;}
.price .price-con{height: 455px;border: 1px solid #ECECEC;overflow: hidden;}
.price .price-con .myscroll2{margin:0 30px;overflow: hidden;height: 375px;margin-top: 40px;}
.price .price-con a{display: block;font-size: 16px;line-height: 3;color: #333;width: 100%;}
.price .price-con a>span{float: right;font-size: 14px;color: #999;}
.price .price-con a:before{content: '·';display: inline-block;line-height: 3;font-size: 16px;color: #333;}
.price .price-con a:hover{color: #005AA1;font-weight: bold;}
/*案例*/
.title.case-title{margin-top: 60px;margin-bottom: 40px;}
#case{position: relative;overflow: hidden;}
#case .swiper-slide img{height: 340px;object-fit: cover;}
#case .swiper-slide p{font-size: 16px;text-align: center;margin:0;margin-top: 30px;line-height: 16px;overflow: hidden;height: 16px;}
#case .jt{top: 43.4%;}
#case .jt span{font-size: 40px;}
#case .jt:hover span{color: #005AA1;}
#case .swiper-slide-duplicate-next p,#case .swiper-slide-duplicate-prev p{color: rgba(0,0,0,0.3);}
#case .jt:before {
    content: " ";
    background-color: rgba(245, 245, 245, 0.4);
    width: 230px;
    height: 341px;
    position: absolute;
    left: 0;
    z-index: -1;
    margin-top: -86.8%;
}
#case .jt.swiper-button-prev{padding-left: 9%;left: 0;}
#case .jt.swiper-button-prev span{transform: rotate(180deg);}
#case .jt.swiper-button-next{padding-right: 9%;right: 0;}
#case .jt.swiper-button-next:before{margin-left: -23%;}
.case-mode:before{content: " ";background-color: #005AA1;width: 0;height: 44px;border-radius: 22px;transition: 0.5s;position: absolute;left: 0;z-index: -1;}
.case-mode{position:relative;display: block;font-size: 16px;line-height: 44px;border-radius: 22px;margin: 0 auto;text-align: center;border: 1px #005AA1 solid;width: 220px;text-decoration: none;}
.case-mode:hover{color: #ffffff;font-weight: bold;}
.case-mode:hover:before{width: 100%;}
/*关于我们*/
.about-title{background: url("../img/about-title-bg.jpg");background-size: 100% 100%;padding: 40px 0 80px;margin-top: 80px;}
#about .about-list{width: 50%;}
#about .about-list1{width: 660px;}
#about .about-list h3{font-size: 30px;font-weight: bold;color: #005AA1;padding-bottom: 30px;margin: 0;}
#about .about-list h3>img{display: inline-block;margin-right: 20px;}
#about .about-list p{font-size: 14px;color: #333;line-height: 2;margin: 0;}
#about .about-list p:before{content: url("../img/about-icon.png");float:left;margin-right: 15px;padding-left: 10px;padding-top: 3px;}
#about1 .about-list1{padding-top: 80px;padding-left: 60px;}
#about2{margin-top: 80px;}
#about2 .about-list1{padding-right: 110px;padding-top: 5px;width: 710px;}
#about2 .about-list .img-about2{height: 280px;object-fit: cover;}
#about3{margin-top: 35px;}
#about3 .about-list>img{height: 390px;object-fit: cover;}
#about3 .about-list1{padding-top: 20px;padding-left: 60px;width: 700px;}
#about3 .about-list1 h3{margin-top: 60px;}
#about3 .about-list1 h3:first-child{margin-top: 0;}
#about3 .about-list1 p{float: left;width: 100%;}
.about-con{margin-top: 80px;}
.about-con .about-top .col-xl-4{background-color: #005AA1;padding:0 40px;}
.about-con .about-top .col-xl-4 *{color: #fff;}
.about-con .about-top .col-xl-4 h4{
	font-size: 24px;
	padding-top: 30px;
	padding-bottom: 20px;
	font-weight: bold;

}
.about-con .about-top .col-xl-4 p{font-size: 14px;line-height:24px;position: relative;	text-align: left;
	text-indent: 35px;}
.about-con .about-top .col-xl-4 p>a{position: absolute;right: 0; margin-top:5px;}
.about-con .about-foot{margin-top: 20px;}
.about-con .about-foot .col-xl-4 a{display: block;width: 100%;text-align: center;color: #fff;padding: 70px 0;height: 210px;}
.about-con .about-foot .col-xl-4 a>label{font-size: 36px;font-weight: bold;margin: 0;line-height: 1;}
.about-con .about-foot .col-xl-4 a>p{padding-top: 20px;margin: 0;}
.about-con .about-foot .col-xl-4.zz{background: url("../img/zzry.jpg") no-repeat center;background-size: 100% 100%;}
.about-con .about-foot .col-xl-4.gg{background: url("../img/gsgg.jpg") no-repeat center;background-size: 100% 100%;}
.about-con .about-foot .col-xl-4{transition: 0.3s;overflow: hidden;}
.about-con .about-foot .col-xl-4:hover{background-size: 120% 120%;}
.about-con .about-foot .col-xl-4.wh a{background-color: #eee;text-align: left;transition: 0.3s;}
.about-con .about-foot .col-xl-4.wh a{padding:0;padding-top: 40px;padding-left: 40px;}
.about-con .about-foot .col-xl-4.wh a>label{color:#333;font-size: 32px;font-weight: bold;}
.about-con .about-foot .col-xl-4.wh a>label>span{color: #a6a6a6;text-indent: 7px;font-size: 18px;}
.about-con .about-foot .col-xl-4.wh a>p{color: #666;font-size: 18px;line-height: 2;}
.about-con .about-foot .col-xl-4.wh a:hover{background-color: #005AA1;}
.about-con .about-foot .col-xl-4.wh a:hover *{color: #fff;}
/*合作客户*/
#client{ background-color: #2a5ea9;
background-size: 100% 100%;margin-top: 90px;padding-bottom: 70px;}
.client-title{padding: 60px 0 40px 0;}
#client .pro-container{background-color: #f0f0f0;padding: 10px;margin: 0 auto;}
#client .div1{ width: 100%; height: 130px; position: relative; overflow: hidden;}
#client .div1 ul { width: 100%; height: 100%; position: relative; }
#client .div1 li{float: left;height: 100%;max-width: 255px;width: 100%;margin-right: 20px;}
#client .div1 li img{width: 100%;height: 100%;object-fit: cover;}
/*新闻中心*/
.news-title{padding: 70px 0 40px;}
.news-title h1{font-size: 36px;line-height: 1;color: #000;font-weight: bold;margin: 0;}
.news-title p{margin: 0;}
.news-title a{line-height: 36px;display: inline-block;color: #333;font-size: 18px;margin-left: 40px;}
.news-title a.on{color: #005AA1;font-weight: bold;border-bottom: 3px #005AA1 solid}
.news-con{display: none; }
.news-con2{display: block; margin-bottom: 30px;}
.news-con .first{position: relative;}
.news-con .first img{height: 480px;object-fit: cover;}
.news-con .news-txt{display: block;color: #000;position: relative;}
.news-con .first .news-txt{position: absolute;top: 75.6%;background: rgba(0,0,0,0.5);margin-right: 15px;padding: 21px 0;}
.news-con .first .news-txt *{color: #fff;}
.news-con .news-txt .float-left{width: 15%;text-align: center;}
.news-con .news-txt .float-left b{font-weight: bold;width:100%;height:22px;line-height:1;font-size: 22px;}
.news-con .news-txt .float-left p{font-size: 16px;}
.news-con .news-txt .float-right{width: 85%;padding-right: 5%;}
.news-con .news-txt .float-right b{font-size: 20px;font-weight: bold;line-height: 22px;height: 22px;}
.news-con .news-txt .float-right p{margin-bottom: 0;}
.news-con .other .news-txt{padding: 30px 10px;margin-bottom:20px; }
.news-con .other .news-txt:before{content: " ";background-color: #005AA1;width: 100%;height:100%;opacity:0;transition: 0.3s;position: absolute;left: 0;z-index: -1;top: 0;}
.news-con .other .news-txt:hover{color: #fff;}
.news-con .other .news-txt:hover:before{opacity:1;}
/*底部搜索*/
.search-foot{background: url("../img/foot-ss-bg.jpg");background-size: 100% 100%;padding: 70px 0 65px 0;text-align: center;margin-top: 90px;}
.search-foot>label{position: relative;margin-bottom: 0px;}
.search-foot>label>input{display:inline-block;width:570px;height: 66px;}
.search-foot>label:before{content: "请输入搜索关键词";position: absolute;left: 40px;line-height: 66px;color: #888;font-size: 16px;}
.search-foot>label.on:before{content: unset;}
.search-foot>a{display: inline-block;line-height: 62px;width: 110px;background-color: #fff;text-align: center;top: 1.7px;position: relative;left: 10px;}
.search-foot>a>span{font-size: 28px;color: #132B83;}
.search-foot>p{margin: 0;margin-top: 30px;}
.search-foot>p *{font-size: 14px;color: #fff;}
.search-foot>p>a{text-indent: 1rem;display: inline-block;}
/*底部内容*/
#footer-content{background-color: #1C1C1D; width:100&; margin:0 auto;}
#footer-content *{padding-left: 0;padding-right: 0;}
#footer-content .container{border-bottom: 1px rgba(255,255,255,0.1) solid;}
#footer-content .rowma{ width:100%; height:260px;
}
#footer-content .rowma li{
	font-size: 14px;
	color: #fff;

	font-weight: normal;
	margin-bottom: 0;
	float: left;
	text-decoration: none;
	margin-right: 20px;
	line-height: 46px;
}
#footer-content .rowma h6{font-size: 18px;color: #fff;padding-top: 60px;padding-bottom: 20px;font-weight: bold;margin-bottom: 0; }
#footer-content .rowma p{margin-bottom: 14px;color:#fff;}
#footer-content .rowma a{display: block;margin-bottom: 20px;color:#fff;}
#footer-content .rowma .left{padding-right: 0;max-width:70%; float:left; }
#footer-content .rowma .center{padding-left: 0;max-width: 26%;}
#footer-content .rowma .right{padding-top: 70px;   max-width: 30%; float:right;}
#footer-content .rowma .right p{font-size: 14px;text-align: center;float: left;width: 50%;}
#footer-content .rowma .right p>span{display: block;}
#footer-content .rowma .right img{width: 108px;display: block;margin: 0 auto;padding-bottom: 15px;}
#footer-content .links{margin-top: 60px;}
#footer-content .links *{color:#666;font-size: 14px;}
#footer-content .container>p span{color:#fff;background: url("../img/links-bg.png");display: inline-block;line-height: 28px;width: 92px;text-align: center;}
#footer-content p.text-center{color: #D0D1D4;font-size: 14px;padding: 30px 0;margin-bottom: 0;}
#footer-content p.text-center *{color: #D0D1D4;font-size: 14px;}

@media (max-width: 1600px) {
    #about3 .about-list1 h3{margin-top: 20px;}
    #about3 .about-list>img{height: 340px;}
    .about-con .about-foot .col-xl-4.wh a>p{font-size: 14px;}
    #case .jt:before {width: calc(100% + 50px);}
    .news-con .first .news-txt{top: 75.2%;}
}
@media (max-width: 1400px) {
    .product .pro-con .type-con{width: 76%;}
    .product .pro-con .type-con .pro-text a{width: 30%;}
    .product .pro-con .type-con .pro-text a img{height: 160px;}
    #about2 .about-list1{width: 95%;padding-right: 40px;}
    #about3 .about-list1{width: 95%;}
    #about .about-list1{width: 95%;}
    #about .about-list h3{padding-bottom: 15px;}
    .about-con .about-top .col-xl-4 p{font-size: 14px;}
    .news-con .news-txt .float-right b{font-size: 16px;}
    .news-con .news-txt .float-right p{font-size: 12px;}
    .news-con .other .news-txt{padding: 20px 10px;margin-bottom: 0;}
    .news-con .first img{height: 340px;}
    .news-con .first .news-txt{top: 68.1%;}
    #about1 .about-list1{padding-top: 50px;}
    #case .jt:before {width: calc(100% + 45px);}
    .price h1 > a{width: 70px;}
    .price .price-con .myscroll2{margin: 0 15px;margin-top: 30px;}
    #about .about-list h3{font-size: 20px;}
    #about .about-list h3>img{height: 40px;}
    #about .about-list p{font-size: 12px;}
    #about1 .about-list1{padding-left: 30px;}
    .about-con .about-top .col-xl-4 p{font-size: 12px;}
    .about-con .about-top .col-xl-4 h4{padding: 40px 0 20px;}
    .about-con .about-foot .col-xl-4.wh a{padding: 20px;}
    .about-con .about-foot .col-xl-4.wh a > label{font-size: 26px;}
    .about-con .about-foot .col-xl-4.wh a > label > span{font-size: 16px;}
    .news-con .news-txt .float-right b{height: 20px;display: block;overflow: hidden;margin-bottom: 10px;width: 80%;text-overflow: ellipsis;white-space: nowrap;}
    #case .jt.swiper-button-next::before{margin-left: -17%;}
}

@media (max-width: 1199px) {
    .product ul{width: 100%;display: flow-root;border-bottom: 1px #ccc solid;}
    .product li{float: left;width: 20%;border-left: 0;}
    .product .pro-con .type-con{width: 100%;}
    .product .pro-con{height: auto;}
    .product .pro-con .type-con .pro-text a img{height: 240px;}
    .product .pro-con .type-con .pro-text a{width: 31.5%;}
    #case .swiper-slide img{height: 210px;}
    #case .jt:before {width: calc(100% + 35px);height: 230px;margin-top: -40px;}
    #case .jt.swiper-button-next::before{margin-left: -13%;}
    .price h1{padding-top: 2rem;}
}
@media (max-width: 992px) {
    .navbar-nav .nav-item{width: 100%;text-align: center;}
    .product h1{font-size: 2rem;padding: 2rem 0;margin-bottom: 0;}
    .product li{line-height: 3;}
    .product h1 > span{font-size: 1rem;}
    .product .pro-con .type-con{padding: 1.5rem;}
    .title h1{padding-bottom: 0;}
    .title h5{display: none;}
    .title{margin: 2rem auto !important;}
    .about-title{padding: 2rem 0;}
    #about .about-list{width: 100%;}
    #about .about-list>.about-list1{padding-top: 2rem;}
    #about .about-list p{float: left;}
    #about .about-list h3{font-size: 1.5rem;}
    #about .about-list p{font-size: 1rem;}
    .about-con{margin-top: 3rem;}
    .about-con .about-foot .col-xl-4 a{height: 160px;padding: 15% 0;}
    .about-con .about-foot .col-xl-4 a>label{font-size: 2rem;}
    .about-con .about-foot .col-xl-4.wh a>p{padding-top: 0;}
    .about-con .about-foot .col-xl-4.wh a > label{font-size: 1.3rem;display: block;padding-bottom: 1rem;}
    .about-con .about-foot .col-xl-4.wh a > label > span{font-size: 0.5rem;}
    #client{margin-top: 3rem;padding-bottom: 2.5rem;}
    .client-title{padding:2rem 0;margin: 0 !important;}
    #footer-content .row .right p{width: 100%;}
    #footer-content .row .right p:last-child{display: none;}
    #banner .jt{height: 40px;width: 20px;background-size: 100% 100%;}
    #banner .swiper-button-prev{left: 60px;}
}
@media (max-width: 991px) {
    .navbar-brand{display: block;}
    .top,header{display: none;}
    .news-con .first img{display: none;}
    .news-con .first .news-txt{position: unset;top: unset;background-color: unset;width: 100%;}
    .news-con .first .news-txt *{color: unset;}
    .news-con .first .news-txt:hover{background-color: #005AA1;color: #fff;animation: 0.3s;}
    .search-foot{display: none;}
    #footer-content .links{display: none;}
    #footer-content .center .col-lg-4:last-child{display: none;}
    #case .swiper-slide p{font-size: 12px;}
    #case .jt::before{width: calc(100% + 28px);}
    .news-title{padding: 2rem 0;}
}
@media (max-width: 768px) {
    .product .pro-con .type-con .pro-text a{width: 31%;}
    .product .pro-con .type-con .pro-text a img{height: 160px;}
    #about2{margin-top: 3rem;}
    .about-con .about-top .col-xl-4{padding: 0 20px;}
    .about-con .about-top .col-xl-4 h4{font-size: 1rem;padding: 0.5rem 0;}
    .about-con .about-foot .col-xl-4.wh a > label > span{display: none;}
    .about-con .about-foot .col-xl-4.wh a>p{font-size: 0.5rem;}
    .product h1 > span{display: none;}
    #case .swiper-slide img{height: 160px;}
    #case .jt::before{display: none;}
    #case .jt{display: none;}
    .case-mode{margin-top: 2rem;line-height: 2;width: 200px;}
    .case-mode::before{height: 32px;border-radius: 16px;}
}
@media (max-width: 767px) {
    #footer-content .center .col-lg-4:first-child{display: none;}
    .product .pro-con .type-con .pro-text a{width: 47.5%;margin-bottom: 1.5rem;}
    .product .pro-con .type-con .pro-text a img{height: 240px;}
    .product .pro-con .type-con .pro-text a:nth-child(2n+2){margin-right: 0;}
    .product .pro-con .type-con .pro-text a:last-child{margin: 0 auto;}
    .about-top img{display: none;}
    .about-con .about-top .col-xl-4 h4{font-size: 1.5rem;padding: 1rem 0;}
    .about-con .about-top .col-xl-4 p{font-size: 14px;}
    .about-con .about-foot .col-xl-4.wh a > label{font-size: 2rem;}
    .about-con .about-foot .col-xl-4.wh a > label > span{display: inline-block;font-size: 1rem;}
    .about-con .about-foot .col-xl-4 a > p{font-size: 18px;}
    .about-con .about-foot .col-xl-4.wh a > p{font-size: 14px;}
    .about-con .about-top .col-xl-4{padding: 0 30px;}
}
@media (max-width: 550px) {
    #footer-content .center{display: none;}
    #footer-content .row .right p img{width: 100%;}
    .about-con .about-foot .col-xl-4.wh{padding: 1rem 0;}
    .about-con .about-foot .col-xl-4 a{padding: 8% 0;}
    .product .pro-con .type-con .pro-text a{width: 100%;}
    #about .about-list p:before{content: unset;}
    #about .about-list>.about-list1{padding-left: 0;}
    #about .about-list1{margin:  0 auto;}
    #about .about-list p{font-size: 14px;}
    #about2 .about-list1{padding-right: 0;float: unset !important;}
    .product li{width: 33%;margin: 0 auto;}
    .title h1{font-size: 2rem;}
    #about .about-list h3{font-size: 1rem;}
    #about .about-list h3>img{height: 2rem;}
    .navbar-dark .navbar-brand img{width: 200px;}
    .pc{display: none;}
    .m{display: block;}
    .m-foot-nav{display: block;}

}
@media (max-width: 440px) {
    .news-title h1{display: none;}
    .news-title p{width: 100%;text-align: center;}
    .news-title a:first-child{margin-left: 0;}
    .title{margin: 1rem auto !important;}
    .title h1{font-size: 24px;}
    .news-con .news-txt .float-left{width: 20%;}
    .news-con .news-txt .float-right{width: 75%;}
    #banner .jt{display: none;}
    #banner img{height: 150px;object-fit: cover;}
    .product h1{font-size: 24px;width: 100%;text-align: center;}
}