@charset "UTF-8";
@media (max-width: 1680px) {
  .wrap{width: 1440px;}
  .menuDl dd{padding: 0 15px;}
  .h10Bf{height: 5%;}
  .productSlick .con{ margin-left: calc((100vw - 1440px)/2);}
  .floLeftBox{left: 1%;}
  .productControl{ bottom: 10px;}
  .productDots{ bottom: 30px;}
  .subTitle .title1{font-size: 40px;}
}
@media (max-width: 1500px) {
  .subTitle .title1{font-size: 38px;}
  .serviceColumn1,
  .serviceColumn2,
  .serviceColumn3,
  .serviceColumn4,
  .serviceColumn5,
  .serviceColumn6{
    padding: 80px 0;}
  .serviceTitle{
    font-size: 22px;
    line-height: 60px;
    height: 60px;}
  .serviceColumn1Text{
    padding-top: 30px;
    line-height: 28px;
    font-size: 15px;}
  .groupDl {
    height: 100px;
    width: 110%;}
  .groupDl dd .titleCon{
    height: 40px;
    line-height: 40px;
    font-size: 30px;}
  .groupDl dd .text{
    height: 28px;
    line-height: 28px;
    font-size: 14px;}
  .serviceColumn2Text{
    padding-top: 30px;
    line-height: 28px;
    font-size: 15px;
    margin-bottom: 30px;}
  .serviceMore a{
    height: 42px;
    line-height: 42px;
    width: 140px;
    font-size: 15px;}
  .serviceColumn2R{
    padding-left: 5%;}
  .serviceColumn3Title .title{
    line-height: 40px;
    font-size: 18px;}
  .serviceColumn3Title .egTitle{
    height: 30px;
    line-height: 30px;
    font-size: 16px;}
  .serviceColumn3RightDl dd{
    width: 50%;}
  .serviceColumn3RightDl .con span{
    padding-left: 45px;
    font-size: 18px;}
  .serviceColumn3Text{
    line-height: 28px;
    font-size: 15px;}
  .serviceColumn3RTop .title{
    line-height: 36px;
    font-size: 26px;}
  .serviceColumn3RDl{
    height: 540px;}
  .serviceColumn3RDl dd{
    height: 180px;}
  .serviceColumn3RDl dd .title{
    height: 30px;
    line-height: 30px;
    font-size: 16px;}
  .serviceColumn4Infor,
  .serviceColumn5L{
    font-size: 16px;}
  .serviceColumn6Dl{
    width: 100%;}
  .serviceColumn6Dl dd .name{
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    margin-bottom: 10px;}
  .serviceColumn6Dl dd .infor{
    font-size: 20px;}
  .serviceColumn6Dl dd.dd2 .title{
    margin-bottom: 20px;}
  .serviceColumn6Dl dd .con{
    height: 190px;}
  .serviceColumn6Dl dd.dd2 .address{
    line-height: 28px;
    font-size: 16px;}
  .serviceColumn6{
    height: 600px;}
}
@media (max-width: 1440px) {
  .wrap{width: 1200px;}
  .menuDl dd{padding: 0 5px;}
  .menuDl dd .yj a{font-size: 14px;}
  .newsHeader{padding-top: 10px;}
  .indexTitle{font-size: 32px;}
  .newsSlick .item{padding-top: 40px;}
  .newsSlick .arrows{width: 40px;height: 40px;position: relative;top: -20px;}
  .newsTabs .item{font-size: 16px;line-height: 40px;}
  .newsSlick .item{padding-top: 30px;}
  .newsSlick .item a:hover .time { transform: translateY(-10px);}
  .newsSlick .title{padding-top: 20px;font-size: 16px;line-height: 24px;height: 48px;}
  .newsSlick .info{padding-top: 10px;font-size: 14px;height: 21px;height: 42px;}
  .newsSlick .time{padding-top: 10px;font-size: 14px;}
  .newsBtn{width: 38px;height: 38px;background-size: 25%;}
  .h10Bf{height: 0;}
  .aboutBox .h10Bf{height: 5%;}
  #section4 .h10Bf{height: 2%;}
  .newsSlick{height: 440px;}
  .newsSlick .item a:hover .pic,
  .newsSlick .item a:hover .title,
  .newsSlick .item a:hover .info,
  .newsSlick .item a:hover .time {
    transform: translateY(-15px);}
  .aboutText{ padding-top: 3%; margin-bottom: 3%; font-size: 16px;}
  .aboutData{padding-bottom: 5%;}
  .aboutData .num{font-size: 48px;}
  .aboutData .text{font-size: 16px;}
  .indexBusiness .item{padding-top: 10px;padding-bottom: 10px;}
  .indexBusiness .item.active .info{height: 108px;}
  .indexBusiness .pic{width: 160px;height: 160px;margin-top: -80px;}
  .indexBusiness .title{font-size: 22px;}
  .businessL{padding-top: 3%;}
  .businessInfo1{font-size: 30px;line-height: 44px;}
  .businessInfo2{font-size: 16px;line-height: 30px; padding-top: 7%; margin-bottom: 7%;}
  .productSlick .con{ margin-left: calc((100vw - 1200px)/2);}
  .aboutCol2{padding: 100px 0 100px;}
  .aboutText1{padding-top: 80px;}
  .introduceVideo{width: 450px;height: 300px;}
  .commonTitle{font-size: 32px;padding-bottom: 20px;margin-bottom: 20px;}
  .introduceData .num{font-size: 36px;}
  .introduceData{padding: 10px 0 30px;}
  .introduceText{font-size: 16px;}
  .businessTitle{font-size: 38px;}
  .businessText{font-size: 16px;}
  .businessDots dd{font-size: 18px;line-height: 60px;}
  .businessDots dd.active,.businessDots dd:hover{font-size: 20px;}
  #map{height: 400px;}
  .contactInfo{height: 440px;}
  .contactInfo .item{margin-top: 55px;}
  .innovateData .text{font-size: 16px;}
  .productSlick .con{padding-top: 18%;}
  .productSlick .info{font-size: 16px;}
  .aboutCol1{height: 600px;}
  .aboutImg2::before{border-width: 300px 65px;}
  .aboutText2 {font-size: 30px;}
  .honorBtn{width: 48px;height: 48px;}
}