@charset "utf-8";

/* CSS Document */
@media screen and (max-width: 1680px){	
  .container{padding: 0 3%;}
  .inAbout .abol{padding: 0 70px 0 3%;}
  .page_product .pro_list .item{position: relative; padding: 60px 3%;}
}

@media screen and (max-width: 1440px){	
  .header .nav .drop{ padding: 0 20px;}
  .inzrh .zrhcont .swiper{padding: 120px 0;}
}

@media screen and (max-width: 1280px){	
  .header .nav .drop{ padding: 0 12px;}
    
}

@media screen and (max-width: 1024px) and (min-width: 768px){
  .header{height: 70px;}
  .heade .logo{height: 70px;}
  .header .logo img{ height: 50px;}
  .header .nav{display: none;}
  .sp_nav{display:block; width:45px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 10px;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
  .header.scroll{height: 70px;}
  .header.scroll .sp_nav{ margin-top:10px;}
  .sp_nav span{display:block;background:#2781bc;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
  .sp_nav span:nth-of-type(1){top:0px}
  .sp_nav span:nth-of-type(2){top:10px}
  .sp_nav span:nth-of-type(3){top:20px}
  .sp_nav_se span{background: #2781bc;}
  .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
  .sp_nav_se span:nth-of-type(2){width:0}
  .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
  .sjj_nav{display:block; position:fixed;z-index:999;background:#ffffff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
  .sjj_nav .bg{ width: 100%; height: 4px;background: #2781bc;}
  .sjj_nav .hotline{ background-color: #2781bc; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
  .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
  .nav_show{top:70px}
  .header.scroll .nav_show{top:60px}
  .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:70%;}
  .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
  .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
  .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
  .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
  .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
  .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
  .sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:50px;font-size:16px}
  .sjj_nav ul li a{color:#666;padding:0 20px; width:100%; display: block; box-sizing:border-box}
  .sjj_nav ul>li:hover>a{ background-color:#2781bc; color:#fff}
  .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
  .sjj_nav ul li .dirnav{display:none}
  .sjj_nav ul li .dirnav .li{margin-left:10px;border-top:1px #ddd solid;}
  .sjj_nav ul li .dirnav .li a{ font-size:15px; color:#999;display:block;text-align:left;}
  .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
  .sjj_nav ul li .sjj_nav_i_se svg{fill:#2781bc}
  .banner{ height:auto;}
  .banner .swiper-pagination{bottom:10px !important}
  .banner .swiper-slide .pic{ height: auto;}
  .inAbout{padding: 40px 0;}
  .inAbout .abol{ padding: 0 30px 0 3%;}
  .inAbout .abol .title{font-size: 24px;}
  .inAbout .abol .en{ margin-top: 5px; font-size: 20px;}
  .inAbout .abol .name{margin-top: 30px; font-size: 18px;}
  .inAbout .abol .cont{margin-top: 25px; font-size: 15px; line-height: 28px; height: 112px; }
  .inAbout .abol .more{ margin-top: 10px; margin-bottom: 40px;}
  .inAbout .abol .more .more_flex .span{ font-size: 14px; padding: 0 30px;}
  .inAbout .aboImg{ width: 48%;}

  .inzrh .zrhcont .zrh_title{padding-top: 40px;}
  .inzrh .zrhcont .zrh_title .title{font-size: 24px;}
  .inzrh .zrhcont .zrh_title .describe{ margin-top: 10px; font-size: 16px; line-height: 26px;}
  .inzrh .zrhcont .swiper{padding: 120px 0;}
  .inzrh .zrhcont .swiper-slide .cont{font-size: 15px; line-height: 28px;}
  .inzrh .zrhtab .swiper-slide{ padding: 20px 0;}
  .inzrh .zrhtab .swiper-slide .key{font-size: 28px;}
  .inzrh .zrhtab .swiper-slide .name{font-size: 16px;}

  .intfl{ padding: 40px 0;}
  .intfl .title{font-size: 24px;}
  .intfl .describe{width: 94%; font-size: 16px; line-height: 26px;}
  .intfl .tfhbox{ margin-top: 30px; grid-gap:20px;grid-template-columns: repeat(2,1fr);}
  .intfl .tfhbox .item .infor .name{font-size: 16px;}
  .intfl .tfhbox .item .infor .cont{ line-height: 26px;}

  .inapplication{padding-top: 40px;}
  .inapplication .title{font-size: 24px;}
  .inapplication .describe{width: 94%; font-size: 16px; line-height: 26px;}
  .inapplication .application{margin-top: 30px; grid-template-columns: repeat(2,1fr);}

  .inNews{padding: 40px 0;}
  .inNews .title{font-size: 24px;}
  .inNews .describe{width: 94%; font-size: 16px; line-height: 26px;}
  .inNews .newsbox .item{padding: 15px; width: 32.333333%; margin-right: 1%;}
  .inNews .newsbox .item.active .time{width: 90px; height: 75px; padding-top: 45px; font-size: 15px;}
  .inNews .newsbox .item.active .time .s2{font-size: 24px;line-height: 30px;}
  .inNews .newsbox .item.active .box{ padding: 15px;}
  .inNews .newsbox .item.active .text{ margin: 5px 0 0 0;}
  .inNews .newsbox .item .cont h6{font-size: 16px;}
  .inNews .newsbox .item .time{font-size: 14px;}
  .inNews .newsbox .item .more .more_flex .span{padding: 0 30px;}

  .footer .footl{padding: 40px 0;}
  .footer .footr .footnav{ padding-top: 40px; width: 100%;}
  .footer .footl .title{font-size: 16px;}
  .footer .footr .footnav dt{font-size: 16px;}
  .footer .footl .dd p{line-height: 28px;}
  .footer .footr .footnav dd a{line-height: 28px;}

  .pbanner .bannerText{ padding-top: 70px;}
  .pbanner .bannerText .container h5{font-size: 20px;}
  .pbanner .bannerText .container h6{margin-top: 5px; font-size: 15px;}

  .pageNav .subNav ul li{height: 60px; line-height: 60px;}
  .pageNav .subNav ul li a{font-size: 16px;}
  .pageNav .porNav{ padding: 10px 3%;}
  .pageNav .porNav ul{display:block; width: 100%;}
  .pageNav .porNav ul li{ width: 23.5%; float: left;border-right:none; background: #f9f9f9;margin-right: 2%; margin-bottom: 2%;} 
  .pageNav .porNav ul li:nth-child(4n){ margin-right: 0;}
  .pageNav .porNav ul li:nth-last-of-type(-n+4){ margin-bottom: 0;}

  .about_us01{ padding: 40px 0;}
  .about_us01 .abocent .alt{height: 410px;}
  .about_us01 .abocent .art{ height: 350px;padding: 25px;}
  .about_us01 .abocent .art .atc{ height: 220px;}
  .about_us01 .abocent .art .att{ margin-bottom: 15px; font-size: 20px;}
  .about_us01 .abocent .art .atb{margin-bottom: 20px; font-size: 16px;}
  .about_us01 .abocent .art .att s{ left: -10px;}

  .about_us02{ padding: 40px 0;}
  .about_us02 .title h3{font-size: 24px;}
  .about_us02 .title h6{font-size: 16px;}
  .about_us02 .abocul{grid-gap: 15px; grid-template-columns: repeat(3,1fr);}
  .about_us02 .abocul .item{ height: 40vh;}
  .about_us02 .abocul .item .text{ padding: 30px 10px;}
  .about_us02 .abocul .item .tit{font-size: 17px;}
  .about_us02 .abocul .item .ttc{font-size: 15px;}

  .about_us03{ padding: 40px 0;}
  .about_us03 .title h3{font-size: 24px;}
  .about_us03 .title h6{font-size: 16px;}
  .about_us03 .honorbox .item{ width: 32% !important; }
  .page_honor{ padding: 40px 0;}
  .page_honor .honorList{grid-gap: 15px; grid-template-columns: repeat(3,1fr);}
  .page_honor .honorList .slide p{padding: 15px 10px;}

  .page_device{ padding: 40px 0;}
  .page_device .deviceList{grid-gap: 15px; grid-template-columns: repeat(3,1fr);}
  .page_device .deviceList .slide p{padding: 15px 10px;}

  .page_product{ padding: 40px 0;}
  .page_product .cateName h3{font-size: 24px; line-height: 30px;}
  .page_product .pro_list .item{padding: 40px 3%;}
  .page_product .pro_list .item .right_pro .tit{font-size: 18px;}
  .page_product .pro_list .item .right_pro .ttc{font-size: 15px; line-height: 28px;}
  .page_product .pro_list .item .img{width: 48%;}
  .page_product .pro_list .item .right_pro .line{ margin: 15px 0;}

  .lubrication01{ padding: 40px 0;}
  .lubrication01 .title h3{font-size: 24px; line-height: 30px;}
  .lubrication01 .lubrcent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .lubrication02{ padding: 40px 0;}
  .lubrication02 .title h3{font-size: 24px; line-height: 30px;}
  .lubrication02 .lubrcent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .lubrication03{ padding: 40px 0;}
  .lubrication03 .title h3{font-size: 24px; line-height: 30px;}
  .lubrication03 .lubrcent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .lubrication04{ padding: 40px 0;}
  .lubrication04 .title h3{font-size: 24px; line-height: 30px;}
  .lubrication04 .lubrcent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .teflon01{ padding: 40px 0;}
  .teflon01 .title h3{font-size: 24px; line-height: 30px;}
  .teflon01 .tefloncent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .teflon02{ padding: 40px 0;}
  .teflon02 .title h3{font-size: 24px; line-height: 30px;}
  .teflon02 .tfhbox{ margin-top: 30px;}
  .teflon02 .tfhbox{ margin-top: 30px; grid-gap:20px;grid-template-columns: repeat(2,1fr);}
  .teflon02 .tfhbox .item .infor .name{font-size: 16px;}
  .teflon02 .tfhbox .item .infor .cont{ line-height: 26px;}

  .teflon03{ padding: 40px 0;}
  .teflon03 .title h3{font-size: 24px; line-height: 30px;}
  .teflon03 .tefloncent{margin-top: 30px; }
  .teflon03 .tefloncent .llt{padding: 30px 12% 30px 30px;}
  .teflon03 .tefloncent .llt .tit{ height: 260px;}
  .teflon03 .tefloncent .llt .tit .tt{font-size: 18px;}
  .teflon03 .tefloncent .llt .tit .tc p{font-size: 15px; line-height: 1.8;}
  .teflon03 .tefloncent .llt .tit .tc p::before{width: 25px;}

  .teflon04{ padding: 40px 0;}
  .teflon04 .title h3{font-size: 24px; line-height: 30px;}
  .teflon04 .tefloncent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .pageNews{padding: 40px 0;}
  .pageNews .newsbox{grid-gap:15px;}
  .pageNews .newsbox .item .infor .t{font-size: 17px;}
  .pageNews .newsshow{ padding: 30px;}
  .pageNews .newsshow .item_top .pageT{font-size: 20px;}
  .pageNews .newsshow .item_content{font-size: 15px; line-height: 1.8;}
  .pageNews .newsshow .item_btm .paging_nav .prevpage a,.pageNews .newsshow .item_btm .paging_nav .nextpage a{font-size: 15px;}
  .pageNews .newsshow .item_btm .return_list .backList{font-size: 15px;}
  .pageTalent{ padding: 40px 0;}
  .joinProfile .left .splitlist{font-size: 24px;}
  .joinProfile .left .info{font-size: 15px; line-height: 1.8;}
  .pageTalent .joinbox{grid-gap:15px;}
  .pageTalent .joinbox .item a{ padding: 15px;}
  .pageTalent .joinbox .item .title{font-size: 17px;}
  .pageTalent .joinshow .item_top .pageT{font-size: 20px;}
  .pageTalent .joinshow .item_content{font-size: 15px; line-height: 1.8;}
  .pageTalent .joinshow .item_top .return_list .backList{font-size: 15px;}

  .contact{ padding: 40px 0;}
  .contact .cont .contR .title{font-size: 20px;}
  .contact .cont .contR .contbox .flex-center .ml .ft{font-size: 17px;}
  .contact .cont .contR .contbox .flex-center .icon{width: 40px; height: 40px; font-size: 18px;}
  .contact .cont .contR .contbox .flex-center{ margin-bottom: 20px;}
  .contactMap .Map{ height: 300px;}
}


@media screen and (max-width: 767px){
  .placeholder{ width: 100%; height: 70px;}
  .header{height: 70px; background: #ffffff;}
  .heade .logo{height: 70px;}
  .header .logo img{ height: 50px;}
  .header .logo .logo-1{display: none;}
  .header .logo .logo-2{display: block;}
  .header .nav{display: none;}
  .sp_nav{display:block; width:45px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 10px;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
  .header.scroll{height: 70px;}
  .header.scroll .sp_nav{ margin-top:10px;}
  .sp_nav span{display:block;background:#2781bc;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
  .sp_nav span:nth-of-type(1){top:0px}
  .sp_nav span:nth-of-type(2){top:10px}
  .sp_nav span:nth-of-type(3){top:20px}
  .sp_nav_se span{background: #2781bc;}
  .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
  .sp_nav_se span:nth-of-type(2){width:0}
  .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
  .sjj_nav{display:block; position:fixed;z-index:999;background:#ffffff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
  .sjj_nav .bg{ width: 100%; height: 4px;background: #2781bc;}
  .sjj_nav .hotline{ background-color: #2781bc; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
  .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
  .nav_show{top:70px}
  .header.scroll .nav_show{top:60px}
  .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:70%;}
  .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
  .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
  .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
  .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
  .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
  .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
  .sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:50px;font-size:16px}
  .sjj_nav ul li a{color:#666;padding:0 20px; width:100%; display: block; box-sizing:border-box}
  .sjj_nav ul>li:hover>a{ background-color:#2781bc; color:#fff}
  .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
  .sjj_nav ul li .dirnav{display:none}
  .sjj_nav ul li .dirnav .li{margin-left:10px;border-top:1px #ddd solid;}
  .sjj_nav ul li .dirnav .li a{ font-size:15px; color:#999;display:block;text-align:left;}
  .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
  .sjj_nav ul li .sjj_nav_i_se svg{fill:#2781bc}
  .banner{ height:auto;}
  .banner .swiper-pagination{bottom:10px !important}
  .banner .swiper-slide .pic{ height: auto;}
  .inAbout{padding: 40px 0; flex-direction: column;}
  .inAbout .abol{ width: 100%; padding: 0 3%;}
  .inAbout .abol .title{font-size: 22px;}
  .inAbout .abol .en{ margin-top: 5px; font-size: 18px;}
  .inAbout .abol .name{margin-top: 30px; font-size: 16px; line-height: 1.8;}
  .inAbout .abol .cont{margin-top: 20px; font-size: 15px; line-height: 28px; height: 112px; }
  .inAbout .abol .more{ margin-top: 20px; margin-bottom: 20px;}
  .inAbout .abol .more .more_flex .span{ font-size: 14px; padding: 0 20px;}
  .inAbout .aboImg{ width: 100%; height: 210px;}

  .inzrh .zrhcont .zrh_title{padding-top: 40px;}
  .inzrh .zrhcont .zrh_title .title{font-size: 22px;}
  .inzrh .zrhcont .zrh_title .describe{ margin-top: 10px; font-size: 14px; line-height: 1.8;}
  .inzrh .zrhcont .swiper{padding: 50px 0;}
  .inzrh .zrhcont .swiper-slide .name{font-size: 18px;}
  .inzrh .zrhcont .swiper-slide .cont{width: 100%; font-size: 15px; line-height: 1.8;}
  .inzrh .zrhtab .swiper-slide{ padding: 20px 0;}
  .inzrh .zrhtab .swiper-slide .key{font-size: 24px;}
  .inzrh .zrhtab .swiper-slide .name{font-size: 15px;}

  .intfl{ padding: 40px 0;}
  .intfl .title{font-size: 22px;}
  .intfl .describe{width: 100%;  font-size: 14px; line-height: 1.8;}
  .intfl .tfhbox{ margin-top: 30px; grid-gap:7px;grid-template-columns: repeat(2,1fr);}
  .intfl .tfhbox .item .infor{padding: 15px 10px;}
  .intfl .tfhbox .item:hover .infor{ padding: 10% 5px;}
  .intfl .tfhbox .item .infor .name{font-size: 16px;}
  .intfl .tfhbox .item .infor .line{ padding: 10px auto;}
  .intfl .tfhbox .item .infor .cont{font-size: 13px; line-height: 1.5; -webkit-line-clamp: 3;}

  .inapplication{padding-top: 40px;}
  .inapplication .title{font-size: 22px;}
  .inapplication .describe{width: 100%;  font-size: 14px; line-height: 1.8;}
  .inapplication .application{margin-top: 30px; grid-template-columns: repeat(2,1fr);}

  .inNews{padding: 40px 0;}
  .inNews .title{font-size: 22px;}
  .inNews .describe{width: 100%;  font-size: 14px; line-height: 1.8;}
  .inNews .newsbox{ margin-top: 30px; display: grid; grid-gap: 10px; grid-template-columns: repeat(1,1fr);}
  .inNews .newsbox .item{padding: 15px; width: 100%; margin-right: 0;}
  .inNews .newsbox .item.active{ width: 100%;}
  .inNews .newsbox .item.active .time{width: 90px; height: 75px; padding-top: 45px; font-size: 15px;}
  .inNews .newsbox .item.active .time .s2{font-size: 24px;line-height: 30px;}
  .inNews .newsbox .item.active .box{ padding: 15px; width: 90%;}
  .inNews .newsbox .item.active .text{ margin: 5px 0 0 0;}
  .inNews .newsbox .item .cont h6{font-size: 16px;}
  .inNews .newsbox .item .time{font-size: 14px;}
  .inNews .newsbox .item .more{display: none !important;}

  .footer .container{flex-direction: column;}
  .footer .footl{padding: 40px 0; width: 100%;border-right:0;}
  .footer .footl .ewm{display: none;}
  .footer .footl .title{font-size: 16px;}
  .footer .footl .dd p{line-height: 28px;}
  .footer .footr{width: 100%;}
  .footer .footr .footnav{display: none;}
  .footer .footr .copy{padding: 20px 0; line-height: 1.8;}

  .pbanner .bannerText{ padding-top: 0;}
  .pbanner .bannerimg img{ width: 130%;}
  .pbanner .bannerText .container h5{font-size: 17px;}
  .pbanner .bannerText .container h6{margin-top: 5px; font-size: 14px;}

  .pageNav .subNav{ padding: 10px 3%;}
  .pageNav .subNav ul{display:block; width: 100%;}
  .pageNav .subNav ul li{ width: 49%; float: left; line-height: 45px; height: 45px; border-right:none; background: #f9f9f9;margin-right: 2%; margin-bottom: 2%;} 
  .pageNav .subNav ul li:nth-child(2n){ margin-right: 0;}
  .pageNav .subNav ul li:nth-last-of-type(-n+2){ margin-bottom: 0;}
  .pageNav .subNav ul li a{font-size: 16px;}

  .about_us01{ padding: 40px 0;}
  .about_us01 .abocent .alt{width: 100%; height: auto; left: 0;}
  .about_us01 .abocent .alt img{position: relative; width: 100%;}
  .about_us01 .abocent .art{ position: relative; width: 100%; top:0; transform: translateY(0); height: 350px;padding: 20px;}
  .about_us01 .abocent .art .atc{ height: 220px; font-size: 15px; line-height: 1.8;}
  .about_us01 .abocent .art .att{ margin-bottom: 15px; font-size: 18px;}
  .about_us01 .abocent .art .atb{margin-bottom: 20px; font-size: 16px;}
  .about_us01 .abocent .art .att s{ left: -10px;}

  .about_us02{ padding: 40px 0;}
  .about_us02 .title h3{font-size: 20px; line-height: 1.2;}
  .about_us02 .title h6{font-size: 14px;}
  .about_us02 .abocul{grid-gap: 10px; grid-template-columns: repeat(1,1fr);}
  .about_us02 .abocul .item{ height: 35vh;}
  .about_us02 .abocul .item .text{ padding: 30px 10px;}
  .about_us02 .abocul .item .tit{font-size: 17px; margin: 15px 0;}
  .about_us02 .abocul .item .ttc{font-size: 15px;}

  .about_us03{ padding: 40px 0;}
  .about_us03 .title h3{font-size: 22px; line-height: 1.2;}
  .about_us03 .title h6{font-size: 14px;}
  .about_us03 .honorbox .item{ width: 49% !important; }
  .about_us03 .honorbox .item p{ font-size: 15px; padding: 0 2%; line-height: 45px;}
  .page_honor{ padding: 40px 0;}
  .page_honor .honorList{grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
  .page_honor .honorList .slide p{font-size: 15px; padding: 0 2%; line-height: 45px;}

  .page_device{ padding: 40px 0;}
  .page_device .deviceList{grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
  .page_device .deviceList .slide p{font-size: 15px; padding: 0 2%; line-height: 45px;}

  .page_product{ padding: 40px 0;}
  .page_product .cateName h3{font-size: 22px; line-height: 30px;}
  .page_product .pro_list .item{padding: 40px 3%;}
  .page_product .pro_list .item .right_pro .tit{font-size: 18px;}
  .page_product .pro_list .item .right_pro .ttc{font-size: 15px; line-height: 28px;}
  .page_product .pro_list .item .img{width: 100%;}
  .page_product .pro_list .item .right_pro{margin-top: 20px; width: 100%;}
  .page_product .pro_list .item .right_pro .line{ margin: 15px 0;}

  .lubrication01{ padding: 40px 0;}
  .lubrication01 .title h3{font-size: 22px; line-height: 30px;}
  .lubrication01 .lubrcent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .lubrication02{ padding: 40px 0;}
  .lubrication02 .title h3{font-size: 22px; line-height: 30px;}
  .lubrication02 .lubrcent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .lubrication03{ padding: 40px 0;}
  .lubrication03 .title h3{font-size: 22px; line-height: 30px;}
  .lubrication03 .lubrcent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .lubrication04{ padding: 40px 0;}
  .lubrication04 .title h3{font-size: 22px; line-height: 30px;}
  .lubrication04 .lubrcent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .teflon01{ padding: 40px 0;}
  .teflon01 .title h3{font-size: 22px; line-height: 30px;}
  .teflon01 .tefloncent{margin-top: 30px; font-size: 15px; line-height: 1.8;}

  .teflon02{ padding: 40px 0;}
  .teflon02 .title h3{font-size: 22px; line-height: 30px;}
  .teflon02 .tfhbox{ margin-top: 30px; grid-gap:7px;grid-template-columns: repeat(2,1fr);}
  .teflon02 .tfhbox .item .infor{padding: 15px 10px;}
  .teflon02 .tfhbox .item:hover .infor{ padding: 10% 5px;}
  .teflon02 .tfhbox .item .infor .name{font-size: 16px;}
  .teflon02 .tfhbox .item .infor .line{ padding: 10px auto;}
  .teflon02 .tfhbox .item .infor .cont{font-size: 13px; line-height: 1.5; -webkit-line-clamp: 3;}

  .teflon03{ padding: 40px 0;}
  .teflon03 .title h3{font-size: 22px; line-height: 30px;}
  .teflon03 .tefloncent{margin-top: 30px; }
  .teflon03 .tefloncent .img{position: relative; width: 100%;transform: translateY(0); -webkit-transform: translateY(0);}
  .teflon03 .tefloncent .llt{width: 100%; padding: 20px 3%;}
  .teflon03 .tefloncent .llt .tit{ height: auto;}
  .teflon03 .tefloncent .llt .tit .tt{font-size: 18px; margin-bottom: 20px;}
  .teflon03 .tefloncent .llt .tit .tc p{font-size: 15px; line-height: 1.8;}
  .teflon03 .tefloncent .llt .tit .tc p::before{width: 25px;}

  .teflon04{ padding: 40px 0;}
  .teflon04 .title h3{font-size: 22px; line-height: 30px;}
  .teflon04 .application{margin-top: 30px; display: grid; grid-gap: 0; grid-template-columns: repeat(2,1fr);}

  .pageNews{padding: 40px 0;}
  .pageNews .newsbox{grid-gap:10px; grid-template-columns: repeat(2,1fr);}
  .pageNews .newsbox .item .infor{ padding: 10px;}
  .pageNews .newsbox .item .infor .t{font-size: 16px; margin-bottom: 15px; line-height: 24px;}
  .pageNews .newsshow{ padding: 20px;}
  .pageNews .newsshow .item_top .pageT{font-size: 18px;}
  .pageNews .newsshow .item_content{padding: 20px 0; font-size: 14px; line-height: 1.8;}
  .pageNews .newsshow .item_top{ padding-bottom: 20px;}
  .pageNews .newsshow .item_btm{ padding-top: 20px;}
  .pageNews .newsshow .item_btm .paging_nav .prevpage a,.pageNews .newsshow .item_btm .paging_nav .nextpage a{font-size: 14px;}
  .pageNews .newsshow .item_btm .return_list{ width: 120px;}
  .pageNews .newsshow .item_btm .return_list .backList{font-size: 14px; height: 40px;}
  .pageNews .newsshow .item_btm .paging_nav{width: calc(100% - 130px);}
  .pageTalent{ padding: 40px 0;}
  .joinProfile .left{ width: 100%;}
  .joinProfile .left .splitlist{font-size: 22px;}
  .joinProfile .left .info{padding: 20px 0; font-size: 15px; line-height: 1.8;}
  .joinProfile .right{ width: 100%;}
  .pageTalent .joinbox{grid-gap:10px; grid-template-columns: repeat(1,1fr);}
  .pageTalent .joinbox .item a{ padding: 15px;}
  .pageTalent .joinbox .item .title{font-size: 17px;}
  .pageTalent .joinshow{padding: 20px;}
  .pageTalent .joinshow .item_top .pageT{font-size: 18px;}
  .pageTalent .joinshow .item_content{padding: 20px 0;font-size: 14px; line-height: 1.8;}
  .pageTalent .joinshow .left{ width: calc(100% - 130px);}
  .pageTalent .joinshow .item_top .return_list{ width: 120px;}
  .pageTalent .joinshow .item_top .return_list .backList{font-size: 15px;}

  .support{ padding: 40px 0;}
  .contact{ padding: 40px 0;}
  .contact .cont{ flex-direction: column;}
  .contact .cont .contImg{ width: 100%;}
  .contact .cont .contR{ width: 100%; padding: 30px 3%;}
  .contact .cont .contR .title{font-size: 18px;}
  .contact .cont .contR .contbox .flex-center .ml .ft{font-size: 16px;}
  .contact .cont .contR .contbox .flex-center .icon{width: 40px; height: 40px; font-size: 17px;}
  .contact .cont .contR .contbox .flex-center{ margin-bottom: 20px;}
  .contact .cont .contR .contbox{ margin-top: 30px;}
  .contactMap{ margin-top: 20px;}
  .contactMap .Map{ height: 220px;}
  .amap-controlbar .amap-luopan{display: none;}

  

}