/*首页样式*/

@keyframes a2 {

    0% {

      transform: scale3d(1.1, 1.1, 1);

    }

    100% {

      transform: scale3d(1, 1, 1);

    }

  }

@media only screen and (min-width: 1480px) {

  .m_{display: none !important;}



    .nav {width: 100%; box-sizing: border-box;  top: 0; height: 102px; z-index: 5; position: fixed; background: #fff;}



    .nav_in {width: 1500px; display: flex; justify-content: space-between; margin: 0 auto; background: #fff; align-items: center; height: 100%;}



    .nav_title{display: flex; align-items: center;}



    .nav_title ul{display: flex;}



    .nav_title ul li {font-size: 16px; color: #444; margin-right: 60px; cursor: pointer; line-height: 102px;}

    .nav_title ul li.on1{color: #00a684;cursor: pointer;font-size: 18px; font-weight: bold;position: relative;}
    .nav_title ul li.on1::before {position: absolute; width: 130%; height: 2px; background: #00a684; display: block; content: ''; bottom: 0; left: 50%; transform: translateX(-50%);}


    .search_box {width: 190px; height: 35px; background: #f6f5f5; display: flex; align-items: center; border-radius: 17px;}



    .search_box input {width: 80%; font-size: 14px; color: #444444; padding-left: 16px;}



    .search_box input::-webkit-input-placeholder{color: #444444;}







    .ind7-a1{width: 100%;height: 100%;position: relative;overflow: hidden;}



	.ind7-a2{width: 1920px;height: 100%;position: relative;margin-left: calc(50% - 1920px/2); overflow: hidden;}



    .ind7-a2 img{min-height: 100%; animation: a2 12s ease infinite ;}



    .ind7-a4{width: 1500px;position: absolute;top: 50%;left: calc(50% - 1500px/2); color: #fff; transform: translateY(-50%);}



    .ind7-a5 {font-size: 52px; font-weight: bold;}



    .ind7-a6 {font-size: 27px; font-weight: lighter;}



    .ind7-a7 {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);}



    .ind7-a8 {width: 32px; height: 50px; margin: 0 auto; margin-bottom: 24px; animation: up1  linear 1.5s infinite alternate;}



    .ind7-a9 {color: #fff; opacity: .6;}



    @keyframes up1 {  0% { transform: translateY(-25px); }100% {transform: translateY(10px); } }







    /* 第二屏 */



    .ind2-a1{width: 1500px;position: absolute;top: 50%;left: calc(50% - 1500px/2); color: #fff; transform: translateY(-50%);}



    .ind2-a2 {display: flex; margin-bottom: 90px;}



    .ind2-a3 {width: 660px; height: 380px; flex-shrink: 0; position: relative; overflow: hidden;}



    .ind2-a3 img {transition: .3s;}



    .ind2-a3:hover img {transform: scale(1.05); transition: .3s; overflow: hidden;}



    .ind2-a3 img {width: 640px; height: 360px; margin: 0 auto; margin-top: 10px;}



    .ind2-a3::before {position: absolute; width: 60px; height: 60px; display: block; content: ''; background: #00a887; top: 0; right: 0; z-index: -1;}



    .ind2-a3::after {position: absolute; width: 60px; height: 60px; display: block; content: ''; background: #00a887; bottom: 0; left: 0; z-index: -1;}



    .ind2-a4 {margin-left: 90px; margin-top: 30px;}



    .ind2-a5 {font-size: 44px; font-weight: bold; color: #444444;}



    .ind2-a6 {color: #666; font-size: 16px; line-height: 54px; margin-top: 20px;}



    .ind3-a1 {color: #444; display: flex; }



    .ind3-a2 {width: calc(100%/4);}



    .ind3-a3 {display: flex; justify-content: center; position: relative;}



    .ind3-a4 {font-size: 94px; color: #333333; font-weight: bold; margin-top: -15px; position: relative;}



    .ind3-a5 {position: absolute; color: #333333; font-size: 12px; top: 15px; font-weight: normal;}



    .ind3-a6 {color: #444; font-weight: 16px; text-align: center;}



    .ind3-a7 {font-size: 12px; color: #444; text-align: center; opacity: .57; margin-top: 10px;}



    .ind3-a8 {width: 21px; height: 21px; position: absolute; top: 50%; transform: translateY(-50%); right: -24px;}



    .ind3-a9 {margin-right: 20px; display: inline-block;}







    /* 第三屏 */



    .ind5-a1 {width: 100%;height: 100%;position: relative;overflow: hidden;}



    .ind5-a2{width: 1920px;height: 100%;position: relative;margin-left: calc(50% - 1920px/2); transition: .3s;}



    .ind5-a2::before {width: 100%; display: block; content: ''; height: 100%; left: 0; top: 0;position: absolute; background: linear-gradient(90deg, rgba(0, 0, 0, .5) , transparent);}



    .ind5-a2 img{min-height: 100%;}



    .ind5-a3 {width: 1500px;height: 100%;position: absolute;margin-left: calc(50% - 1500px/2); top: 35%;}



    .ind5-a4 {font-size: 50px; color: #fff; font-weight: bold;}



    .ind5-a4 span {font-size: 20px; color: #fff; font-weight: initial;}



    .ind5-a5 {width: 715px; overflow: hidden; line-height: 42px; font-size: 16px; opacity: .8; color: #fff; margin-top: 50px;}



    .ind5-a6 {width: 1100px; margin-top: 130px; position: relative;}



    .ind5-a6 .swiper2 {width: 990px;}



    .ind5-a6 .prev-1::after{display: none;}



    .ind5-a6 .next-1::after{display: none;}



    .ind5-a6 .prev-1 {position: absolute; left: 0; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3);}



    .ind5-a6 .next-1 {position: absolute; right: 0; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3);}



    .ind5-a6 .prev-1 img{width: 10px !important; height: 15px !important;}



    .ind5-a6 .prev-1:hover {border: 1px solid ; border-color: #fff #fff #fff rgba(255, 255, 255, .3)}



    .ind5-a6 .next-1:hover {border: 1px solid ; border-color: #fff rgba(255, 255, 255, .3) #fff #fff }



    .ind5-a6 .swiper-slide img {width: 142px; height: 94px;}



    .ind5-a6 .swiper .swiper-wrapper {align-items: baseline;}



    .ind5-a6 .swiper2 .swiper-slide div {width: 100%; height: 100%;}



    .ind5-a6 .swiper2 .swiper-slide.on1 {width: 165px !important; height: 110px!important; border: 5px solid #fff; overflow: hidden; margin-right: 20px; }



    .ind5-a6 .swiper2 .swiper-slide.on1 img {width: 100% !important; height: 100% !important; transition: .3s;}



    .ind5-a7 {display: flex; position: absolute; top: 0; right: 0;}

    .ind5-a8 {width: 170px; height: 55px; border-radius: 27px; border: 1px solid #fff; background: rgba(0, 0, 0, .46); text-align: center; 

      font-size: 20px; line-height: 55px; color: #fff; display: flex; justify-content: center; align-items: center; margin-left: 30px;}

    .ind5-a8 span {width: 10px; height: 10px; border-radius: 50%; background: #fff; display: inline-block; margin-right: 12px;}

    .ind5-a8.on {border: 1px solid #00a684; color: #00a887; font-weight: bold; background: rgba(255, 255, 255, .6);}

    .ind5-a8.on span {background: #00a684; box-shadow: 0 0 0 5px #fff}



    /* 第三屏 */



    .ind6-a1{width: 100%;position: absolute;top: 10%;left: calc(50% - 100%/2); height: 100%; display: flex; justify-content: space-between; }



    .ind6-a2 {width: calc(100%/3); height: 100%; background: #00a684;}



    .ind6-a3 {color: #fff; font-size: 50px; font-weight: bold; padding-top: 220px; padding-left: calc(100% - 86%);}



    .ind6-a3 span {font-size: 20px; font-weight: initial; text-transform: uppercase;}



    .ind6-a4 {width: calc(100% - 30%); margin: 0 auto; font-size: 16px;line-height: 42px; opacity: .93; color: #fff; margin-top: 45px;}



    .ind6-a5 {display: flex; margin-top: 120px; width: calc(100% - (100% / 3 - -60px));}

    .ind6-a5 .ind6-a6 {width: calc(100% / 3);}

    .ind6-a6 {width: calc(100% / 3); height: 580px; border-radius: 20px; background: red; position: relative; overflow: hidden; margin-left: 40px;}



    .ind6-a6:hover::before{position: absolute; display: block; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); transition: .3s;}



    .ind6-a6:hover .ind6-a8 {width: 100%; height: 100%;}



    .ind6-a6:hover .ind6-a8  .ind6-a9 {margin-top: 150px;}



    .ind6-a6:hover .ind6-a8 .ind6-a10 img:nth-child(1){display: none;}



    .ind6-a6:hover .ind6-a8 .ind6-a10 img:nth-child(2){opacity: 1;}



    .ind6-a6:hover .ind6-a11 {opacity: 1;}



    .ind6-a7 {width: 100%; height: 100%;}



    .ind6-a8 {position: absolute; width: 100%; bottom: 45px; left: 0; display: flex; align-items: center; justify-content: center; }



    .ind6-a9 {color: #fff; font-size: 27px; font-weight: bold; margin-left: 15px;}



    .ind6-a10 img:nth-child(1){width: 34px; height: 34px;}



    .ind6-a10 img:nth-child(2){width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0;}



    .ind6-a11 {opacity: 0; position: absolute; bottom: 60px; width: 155px; height: 55px; border-radius: 27px; border: 1px solid #fff; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;}



    .ind6-a11 img {margin-left: 10px; margin-top: 3px;}



    .ind6-a11:hover {background: #00a684; color: #fff; border: none; transition: .3s; cursor: pointer;}







    /* 第四屏 */



    .ind8-a1{width: 1500px;position: absolute;top: 25%;left: calc(50% - 1500px/2); }



    .ind8-a2 {font-weight: bold; font-size: 50px; color: #444; }



    .ind8-a2 span {color: #00a887; text-transform: uppercase; font-size: 20px; font-weight: initial;}



    .ind8-a3 {margin-top: 115px; display: flex; justify-content: space-between;}



    .ind8-a4 {position: relative; }



    .ind8-a5 {width: 440px; height: 315px; transition: .3s;}



    .ind8-a6 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}



    .ind8-a8 {font-size: 26px; color: #fff; font-weight: bold; text-align: center; margin-top: 30px;}



    .ind8-a7 { width:75px; height: 75px; margin: 0 auto;}



    .ind8-a4:hover  .ind8-a5{transform: scale(1.08); transition: .3s; }



    .ind8-a4:hover .ind8-a5::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; background: rgba(0, 0, 0, .5);}







    /* 第五个 */



    .ind9-a1 {width: 1500px;position: absolute;top: 35%;left: calc(50% - 1500px/2); display: flex;}



    .ind9-a2 {width: 546px; height: 543px; position: relative; flex-shrink: 0;}



    .ind9-a3 {width: 100%; height: 100%;}



    .ind9-a4 {width: 100%; height: 160px; background: rgba(3, 147, 139, .8); bottom: 0; position: absolute; padding-left: 30px; padding-top: 25px;}



    .ind9-a5{font-size: 22px; font-weight: bold; color: #fff; }



    .ind9-a6{font-size: 16px; line-height: 36px; color: #fff; margin-top: 15px;}



    .ind9-a7 {position: absolute; font-size: 16px; top: 26px; right: 45px; color: #fff;}



    .ind9-a8{width: 430px; height: 255px; background: #fff; display: flex; padding-top: 52px; margin-right: 30px; margin-bottom: 30px;}



    .ind9-a8:nth-child(2n+2) {margin-right: 0;}



    .ind9-a9{flex-shrink: 0; width: 150px; text-align: right; padding-right: 55px;}



    .ind9-a10{font-size: 18px; color: #00a887;}



    .ind9-a11 {font-size: 22px; font-weight: bold; color: #00a887;}



    .ind9-a13{font-size: 22px; color: #333333; font-weight: bold;}



    .ind9-a14{font-size: 16px; line-height: 36px; padding-right: 50px; margin-top: 10px;}



    .ind9-a15{font-size: 16px; color: #00a887; margin-top: 10px;}



    .ind9-a16 {display: flex; flex-wrap: wrap; margin-left: 30px;}



    .ind9-a17{position: absolute; width: 140px; line-height: 40px; border: 1px solid #00a684; color: #00a684; text-align: center; border-radius: 25px; font-size: 16px; right: 0; top: -15%;}



    .ind9-a17:hover {background: #00a684; color: #fff; cursor: pointer;}

    .ind9-a18 {position: absolute; top: -20%; font-size: 50px; color: #444444; font-weight: bold;}

    .ind9-a18 span {color: #00a887; font-size: 20px; text-transform: uppercase;}



    /* 第六个 */



    .ind10-a1 {width: 1500px;position: absolute;top: 50%;left: calc(50% - 1500px/2);transform: translateY(-50%);}



    .ind10-a2{width: 368px; margin: 0 auto;}



    .ind10-a3{text-align: center; font-size: 22px; color: #fff; position: relative; width: 63%; margin: 0 auto; margin-top: 60px;}



    .ind10-a3::after{display: block; content: ''; position: absolute; width: 316px; height: 1px; background: rgba(255, 255, 255, .3); left: 20px; top: 50%; transform: translateY(-50%);}



    .ind10-a3::before{display: block; content: ''; position: absolute; width: 316px; height: 1px; background: rgba(255, 255, 255, .3); right: 20px; top: 50%; transform: translateY(-50%);}



    .ind10-a4 {display: flex; padding-left: 250px; flex-wrap: wrap; margin-top: 90px;}



    .ind10-a5 {display: flex; align-items: center; width: 600px; margin-bottom: 70px;}



    .ind10-a6 {width: 60px; height: 60px;}



    .ind10-a7{font-size: 40px; color: #fff; font-weight: bold; margin-left: 26px;}



    .ind10-a8{font-size: 18px; color: #fff; margin-left: 26px;}

    .ind10-a8 img {width: 80px; height: 80px;}



    .ind10-a9 {position: absolute; bottom: 0; line-height: 112px; color: #fff; font-size: 16px; opacity: .5; width: 100%; text-align: center;}







    /* 弹窗 */



    .ind11-a1{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 5;display: none;}



    .ind11-a2{width: 850px; height: 680px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff;}



    .ind11-a5{display: flex; justify-content: center; align-items: center; line-height: 165px;}



    .ind11-a6 {width: 45px; margin-right: 20px; flex-shrink: 0; }



    .ind11-a7{font-size: 42px; color: #444444; font-weight: bold;}



    .ind11-a3{position: absolute; top: 35px; right: 30px;}



    .ind11-a8 {width: 610px; height: 400px;}



    .swiper3 { width: 610px; }



    .ind11-a9 {position: absolute; bottom: 0; width: 100%; left: 40px; }



    .ind11-a10 {font-size: 22px; font-weight: bold; color: #fff;}



    .ind11-a11{font-size: 18px; color: #fff; line-height: 75px;}



    .ind11-a12{position: relative;}



    .ind11-a12 .prev-2::after{display: none;}



    .ind11-a12 .next-2::after{display: none;}



    .ind11-a12 .prev-2 {position: absolute; left: 40px; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 168, 135, .3);}



    .ind11-a12 .next-2 {position: absolute; right: 40px; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 168, 135, .3);}



    .ind11-a12 .prev-2 img{width: 10px !important; height: 15px !important;}



    .ind11-a12 .prev-2:hover {border: 1px solid ; border-color: #00a887 #00a887 #00a887 rgba(0, 168, 135, .3)}



    .ind11-a12 .next-2:hover {border: 1px solid ; border-color: #00a887 rgba(0, 168, 135, .3) #00a887 #00a887 }



    .ind11-a4 .pagination1 {color: #333; position: absolute; bottom: 50px; font-size: 16px; display: flex; align-items: baseline; justify-content: center;} 



    .ind11-a4 .pagination1 .active_dq{font-size: 20px; font-weight: bold;}



    .ind11-a4 .pagination1 .hengh{display: inline-block; margin: 0 5px;}



}   



@media only screen and (max-width: 1479px) and (min-width: 1024px) {

   .m_{display: none !important; }



    .nav {width: 100%; box-sizing: border-box;  top: 0; height: 85px; z-index: 5; position: fixed; background: #fff;}



    .nav_in {width: 1200px; display: flex; justify-content: space-between; margin: 0 auto; background: #fff; align-items: center; height: 100%;}
    .m_logo img:nth-child(1) {width: 230px;}


    .nav_title{display: flex; align-items: center;}



    .nav_title ul{display: flex;}



    .nav_title ul li {font-size: 14px; color: #444; margin-right: 30px;cursor: pointer;line-height: 85px;}

    .nav_title ul li.on1{color: #00a684;cursor: pointer;font-size: 15px; font-weight: bold; position: relative; }
    .nav_title ul li.on1::before {position: absolute; width: 130%; height: 2px; background: #00a684; display: block; content: ''; bottom: 0; left: 50%; transform: translateX(-50%);}



    .search_box {width: 190px; height: 35px; background: #f6f5f5; display: flex; align-items: center; border-radius: 17px;}



    .search_box input {width: 80%; font-size: 14px; color: #444444; padding-left: 16px;}



    .search_box input::-webkit-input-placeholder{color: #444444;}







    .ind7-a1{width: 100%;height: 100%;position: relative;overflow: hidden;}



	.ind7-a2{width: 1920px;height: 100%;position: relative;margin-left: calc(50% - 1920px/2);overflow: hidden;}



    .ind7-a2 img{min-height: 100%;animation: a2 12s ease infinite ;}



    .ind7-a4{width: 1024px;position: absolute;top: 50%;left: calc(50% - 1024px/2); color: #fff; transform: translateY(-50%);}



    .ind7-a5 {font-size: 52px; font-weight: bold;}



    .ind7-a6 {font-size: 27px; font-weight: lighter;}



    .ind7-a7 {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);}



    .ind7-a8 {width: 32px; height: 50px; margin: 0 auto; margin-bottom: 24px; animation: up1  linear 1.5s infinite alternate;}



    .ind7-a9 {color: #fff; opacity: .6;}



    @keyframes up1 {  0% { transform: translateY(-25px); }100% {transform: translateY(10px); } }







    /* 第二屏 */



    .ind2-a1{width: 1024px;position: absolute;top: 50%;left: calc(50% - 1024px/2); color: #fff; transform: translateY(-50%);}



    .ind2-a2 {display: flex; margin-bottom: 30px;}



    .ind2-a3 {width: 470px; height: 330px; flex-shrink: 0; position: relative; overflow: hidden;}



    .ind2-a3 img {transition: .3s;}



    .ind2-a3:hover img {transform: scale(1.05); transition: .3s; overflow: hidden;}



    .ind2-a3 img {width: 450px; height: 310px; margin: 0 auto; margin-top: 10px;}



    .ind2-a3::before {position: absolute; width: 60px; height: 60px; display: block; content: ''; background: #00a887; top: 0; right: 0; z-index: -1;}



    .ind2-a3::after {position: absolute; width: 60px; height: 60px; display: block; content: ''; background: #00a887; bottom: 0; left: 0; z-index: -1;}



    .ind2-a4 {margin-left: 60px; margin-top: 30px;}



    .ind2-a5 {font-size: 32px; font-weight: bold; color: #444444;}



    .ind2-a6 {color: #666; font-size: 14px; line-height: 40px; margin-top: 8px;}



    .ind3-a1 {color: #444; display: flex; }



    .ind3-a2 {width: calc(100%/4);}



    .ind3-a3 {display: flex; justify-content: center; position: relative;}



    .ind3-a4 {font-size: 55px; color: #333333; font-weight: bold; margin-top: -15px; position: relative;}



    .ind3-a5 {position: absolute; color: #333333; font-size: 12px; top: 15px; font-weight: normal;}



    .ind3-a6 {color: #444; font-weight: 16px; text-align: center;}



    .ind3-a7 {font-size: 12px; color: #444; text-align: center; opacity: .57; margin-top: 10px;}



    .ind3-a8 {width: 21px; height: 21px; position: absolute; top: 50%; transform: translateY(-50%); right: -24px;}



    .ind3-a9 {margin-right: 20px; display: inline-block;}







    /* 第三屏 */



    .ind5-a1 {width: 100%;height: 100%;position: relative;overflow: hidden;}



    .ind5-a2{width: 1920px;height: 100%;position: relative;margin-left: calc(50% - 1920px/2); transition: .3s;}



    .ind5-a2::before {width: 100%; display: block; content: ''; height: 100%; left: 0; top: 0;position: absolute; background: linear-gradient(90deg, rgba(0, 0, 0, .5) , transparent);}



    .ind5-a2 img{height: auto !important;}



    .ind5-a3 {width: 1024px;height: 100%;position: absolute;margin-left: calc(50% - 1024px/2); top: 25%;}



    .ind5-a4 {font-size: 36px; color: #fff; font-weight: bold;}



    .ind5-a4 span {font-size: 18px; color: #fff; font-weight: initial;}



    .ind5-a5 {width: 715px; overflow: hidden; line-height: 36px; font-size: 16px; opacity: .8; color: #fff; margin-top: 30px;}



    .ind5-a6 {width: 1100px; margin-top: 75px; position: relative;}



    .ind5-a6 .swiper2 {width: 990px;}



    .ind5-a6 .prev-1::after{display: none;}



    .ind5-a6 .next-1::after{display: none;}



    .ind5-a6 .prev-1 {position: absolute; left: 0; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3);}



    .ind5-a6 .next-1 {position: absolute; right: 0; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3);}



    .ind5-a6 .prev-1 img{width: 10px !important; height: 15px !important;}



    .ind5-a6 .prev-1:hover {border: 1px solid ; border-color: #fff #fff #fff rgba(255, 255, 255, .3)}



    .ind5-a6 .next-1:hover {border: 1px solid ; border-color: #fff rgba(255, 255, 255, .3) #fff #fff }



    .ind5-a6 .swiper-slide img {width: 142px; height: 94px;}



    .ind5-a6 .swiper .swiper-wrapper {align-items: baseline;}



    .ind5-a6 .swiper2 .swiper-slide div {width: 100%; height: 100%;}



    .ind5-a6 .swiper2 .swiper-slide.on1 {width: 165px !important; height: 110px!important; border: 5px solid #fff; overflow: hidden; margin-right: 20px; }



    .ind5-a6 .swiper2 .swiper-slide.on1 img {width: 100% !important; height: 100% !important;}



    .ind5-a7 {display: flex; position: absolute; top: 0; right: 0;}

    .ind5-a8 {width: 170px; height: 55px; border-radius: 27px; border: 1px solid #fff; background: rgba(0, 0, 0, .46); text-align: center; 

      font-size: 20px; line-height: 55px; color: #fff; display: flex; justify-content: center; align-items: center; margin-left: 30px;}

    .ind5-a8 span {width: 10px; height: 10px; border-radius: 50%; background: #fff; display: inline-block; margin-right: 12px;}

    .ind5-a8.on {border: 1px solid #00a684; color: #00a887; font-weight: bold; background: rgba(255, 255, 255, .6);}

    .ind5-a8.on span {background: #00a684; box-shadow: 0 0 0 5px #fff}





    /* 第三屏 */



    .ind6-a1{width: 100%;position: absolute;top: 10%;left: calc(50% - 100%/2); height: 100%; display: flex; justify-content: space-between; }



    .ind6-a2 {width: 640px; height: 100%; background: #00a684;}



    .ind6-a3 {color: #fff; font-size: 36px; font-weight: bold; padding-top: 125px; padding-left:60px;}



    .ind6-a3 span {font-size: 18px; font-weight: initial; text-transform: uppercase;}



    .ind6-a4 {width: 410px; margin-left: 60px; padding-right: 60px; font-size: 16px;line-height: 36px; opacity: .93; color: #fff; margin-top: 45px;}



    .ind6-a5 {display: flex; margin-top: 120px; width: calc(100% - 480px);}

    .ind6-a5 .ind6-a6{width: calc(100% / 3);}

    .ind6-a6 {width: 368px; height: 378px; border-radius: 20px; background: red; position: relative; overflow: hidden; margin-left: 40px;}



    .ind6-a6:hover::before{position: absolute; display: block; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); transition: .3s;}



    .ind6-a6:hover .ind6-a8 {width: 100%; height: 100%;}



    .ind6-a6:hover .ind6-a8  .ind6-a9 {margin-top: 80px; margin-left: 0;}



    .ind6-a6:hover .ind6-a8 .ind6-a10 img:nth-child(1){display: none;}



    .ind6-a6:hover .ind6-a8 .ind6-a10 img:nth-child(2){opacity: 1;}



    .ind6-a6:hover .ind6-a11 {opacity: 1;}



    .ind6-a7 {width: 100%; height: 100%;}



    .ind6-a8 {position: absolute; width: 100%; bottom: 45px; left: 0; display: flex; align-items: center; justify-content: center; }



    .ind6-a9 {color: #fff; font-size: 20px; font-weight: bold; margin-left: 15px;}



    .ind6-a10 img:nth-child(1){width: 28px; height: 28px;}



    .ind6-a10 img:nth-child(2){width: 38px; height: 38px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0;}



    .ind6-a11 {opacity: 0; position: absolute; bottom: 30px; width: 115px; height: 30px; border-radius: 27px; border: 1px solid #fff; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff;}



    .ind6-a11 img {margin-left: 10px; margin-top: 3px;}



    .ind6-a11:hover {background: #00a684; color: #fff; border: none; transition: .3s; cursor: pointer;}







    /* 第四屏 */



    .ind8-a1{width: 1024px;position: absolute;top: 25%;left: calc(50% - 1024px/2); }



    .ind8-a2 {font-weight: bold; font-size: 36px; color: #444; }



    .ind8-a2 span {color: #00a887; text-transform: uppercase; font-size: 18px; font-weight: initial;}



    .ind8-a3 {margin-top: 115px; display: flex; justify-content: space-between;}



    .ind8-a4 {position: relative; }



    .ind8-a5 {width: 290px; height: 235px; transition: .3s;}



    .ind8-a6 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}



    .ind8-a8 {font-size: 22px; color: #fff; font-weight: bold; text-align: center; margin-top: 30px;}



    .ind8-a7 { width:50px; height: 50px; margin: 0 auto;}



    .ind8-a4:hover  .ind8-a5{transform: scale(1.08); transition: .3s; }



    .ind8-a4:hover .ind8-a5::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; background: rgba(0, 0, 0, .5);}







    /* 第五个 */



    .ind9-a1 {width: 1024px;position: absolute;top: 30%;left: calc(50% - 1024px/2); display: flex;}



    .ind9-a2 {width: 380px; height: 485px; position: relative; flex-shrink: 0;}



    .ind9-a3 {width: 100%; height: 100%;}



    .ind9-a4 {width: 100%; height: 160px; background: rgba(3, 147, 139, .8); bottom: 0; position: absolute; padding-left: 20px; padding-right: 20px; padding-top: 25px;}



    .ind9-a5{font-size: 22px; font-weight: bold; color: #fff; }



    .ind9-a6{font-size: 16px; line-height: 36px; color: #fff; margin-top: 15px;}



    .ind9-a7 {position: absolute; font-size: 16px; top: 26px; right: 45px; color: #fff;}



    .ind9-a8{width: 290px; height: 225px; background: #fff; display: flex; padding-top: 52px; margin-right: 30px; margin-bottom: 30px;}



    .ind9-a8:nth-child(2n+2) {margin-right: 0;}



    .ind9-a9{flex-shrink: 0; width: 100px; text-align: right; padding-right: 20px;}



    .ind9-a10{font-size: 18px; color: #00a887;}



    .ind9-a11 {font-size: 22px; font-weight: bold; color: #00a887;}



    .ind9-a13{font-size: 22px; color: #333333; font-weight: bold;}



    .ind9-a14{font-size: 16px; line-height: 25px; padding-right: 20px; margin-top: 10px;}



    .ind9-a15{font-size: 16px; color: #00a887; margin-top: 10px;}



    .ind9-a16 {display: flex; flex-wrap: wrap; margin-left: 30px;}



    .ind9-a17{position: absolute; width: 140px; line-height: 40px; border: 1px solid #00a684; color: #00a684; text-align: center; border-radius: 25px; font-size: 16px; right: 0; top: -15%;}



    .ind9-a17:hover {background: #00a684; color: #fff; cursor: pointer;}



    .ind9-a18 {position: absolute; top: -20%; font-size: 50px; color: #444444; font-weight: bold;}

    .ind9-a18 span {color: #00a887; font-size: 20px; text-transform: uppercase;}



    /* 第六个 */



    .ind10-a1 {width: 1024px;position: absolute;top: 57%;left: calc(50% - 1024px/2);transform: translateY(-50%);}



    .ind10-a2{width: 368px; margin: 0 auto;}
    .ind10-a2 img{margin: 0 auto; width: 250px;}


    .ind10-a3{text-align: center; font-size: 22px; color: #fff; position: relative; width: 63%; margin: 0 auto; margin-top: 30px;}



    .ind10-a3::after{display: block; content: ''; position: absolute; width: 316px; height: 1px; background: rgba(255, 255, 255, .3); left: 20px; top: 50%; transform: translateY(-50%);}



    .ind10-a3::before{display: block; content: ''; position: absolute; width: 316px; height: 1px; background: rgba(255, 255, 255, .3); right: 20px; top: 50%; transform: translateY(-50%);}



    .ind10-a4 {display: flex;  flex-wrap: wrap; margin-top: 90px;}



    .ind10-a5 {display: flex; align-items: center; width: 512px; margin-bottom: 40px;}



    .ind10-a6 {width: 40px; height: 40px;}



    .ind10-a7{font-size: 25px; color: #fff; font-weight: bold; margin-left: 26px;}



    .ind10-a8{font-size: 18px; color: #fff; margin-left: 26px;}

    .ind10-a8 img {width: 80px; height: 80px;}



    .ind10-a9 {position: absolute; bottom: 0; line-height: 112px; color: #fff; font-size: 16px; opacity: .5; width: 100%; text-align: center;}



    .titile{position: absolute;}







    /* 弹窗 */



    .ind11-a1{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 5; display: none;}



    .ind11-a2{width: 850px; height: 560px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff;}



    .ind11-a5{display: flex; justify-content: center; align-items: center; line-height: 90px;}



    .ind11-a6 {width: 30px; margin-right: 10px; flex-shrink: 0; }



    .ind11-a7{font-size: 24px; color: #444444; font-weight: bold;}



    .ind11-a3{position: absolute; top: 35px; right: 30px;}

      .ind11-a3 img {width: 25px;}

    .ind11-a8 {width: 610px; height: 400px;}



    .swiper3 { width: 610px; }



    .ind11-a9 {position: absolute; bottom: 0; width: 100%; left: 40px; }



    .ind11-a10 {font-size: 22px; font-weight: bold; color: #fff;}



    .ind11-a11{font-size: 18px; color: #fff; line-height: 75px;}



    .ind11-a12{position: relative;}



    .ind11-a12 .prev-2::after{display: none;}



    .ind11-a12 .next-2::after{display: none;}



    .ind11-a12 .prev-2 {position: absolute; left: 40px; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 168, 135, .3);}



    .ind11-a12 .next-2 {position: absolute; right: 40px; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 168, 135, .3);}



    .ind11-a12 .prev-2 img,  .ind11-a12 .next-2 img{width: 10px !important;}



    .ind11-a12 .prev-2:hover {border: 1px solid ; border-color: #00a887 #00a887 #00a887 rgba(0, 168, 135, .3)}



    .ind11-a12 .next-2:hover {border: 1px solid ; border-color: #00a887 rgba(0, 168, 135, .3) #00a887 #00a887 }



    .ind11-a4 .pagination1 {color: #333; position: absolute; bottom: 15px; font-size: 16px; display: flex; align-items: baseline; justify-content: center;} 



    .ind11-a4 .pagination1 .active_dq{font-size: 20px; font-weight: bold;}



    .ind11-a4 .pagination1 .hengh{display: inline-block; margin: 0 5px;}



}



@media only screen and (max-width: 1023px) {

  /* 手机背景图片 */

  .mimg img:nth-child(1){display: none;}

  .mimg img:nth-child(2){display: block;}

    /* 导航 */

  .m_hide{display: none;}

     /* 手机logo */

  .m_logo{display: flex; align-items: center; justify-content: space-between; width: 100%;}

  .m_logo img:nth-child(1){width: 4rem; height: 0.3rem; margin-left: 0.3rem;}

  .m_logo img:nth-child(2){width: 0.44rem; height: 0.37rem; margin-right: 0.3rem;}

  /* 隐藏pc样式 */

  .pc_{display: none !important;}





  .nav {width: 100%; box-sizing: border-box;  top: 0; height: 1.24rem; z-index: 5; position: fixed; background: #fff;}



  .nav_in {width: 100%; display: flex; justify-content: space-between; margin: 0 auto; background: #fff; align-items: center; height: 100%;}



  .nav_title{display: flex; align-items: center;}



  .nav_title ul{display: flex;}



  .nav_title ul li {font-size: 16px; color: #444; margin-right: 30px;cursor: pointer;}



  .nav_title ul li.on1{color: #00a684;cursor: pointer; font-size: 18px; font-weight: bold;}



  .search_box {width: 190px; height: 35px; background: #f6f5f5; display: flex; align-items: center; border-radius: 17px;}



  .search_box input {width: 80%; font-size: 14px; color: #444444; padding-left: 16px;}



  .search_box input::-webkit-input-placeholder{color: #444444;}



  .ind7-a1{width: 100%;height: 100%;position: relative;overflow: hidden;}



  .ind7-a2{width: 100%;height: 100%;position: relative; margin-left: calc(50% - 100%/2);overflow: hidden;}



  .ind7-a2 img{min-height: 100%;animation: a2 12s ease infinite ;}



  .ind7-a4{width: 100%;position: absolute;top: 35%;left: calc(50% - 100%/2); color: #fff; transform: translateY(-50%); padding-left: 0.8rem;}



  .ind7-a5 {font-size: 0.52rem; font-weight: bold;}



  .ind7-a6 {font-size: 0.27rem; font-weight: lighter; margin-top: 0.3rem;}



  .ind7-a7 {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);}



  .ind7-a8 {width: 0.32rem; height: 0.5rem; margin: 0 auto; margin-bottom: 0.24rem; animation: up1  linear 1.5s infinite alternate;}



  .ind7-a9 {color: #fff; opacity: .6; font-size: 0.22rem;}



  @keyframes up1 {  0% { transform: translateY(-25px); }100% {transform: translateY(10px); } }







  /* 第二屏 */

  /* 手机单独样式 */

  .m_title {font-size: 0.44rem; font-weight: bold; color: #444444; text-align: center;}

  .m_jj{display: flex; color: #333; width: calc(100% - 0.6rem); margin: 0 auto; justify-content: space-between;}

  .m_jjon{width: calc(100%/4); text-align: center; margin: 0 auto;}

  .m_jjon_t1 {font-size: 0.46rem; font-weight: bold; color: #444; margin-top: 0.6rem;}

  .m_jjon_t2 {font-size: 0.22rem; color: #444; opacity: .6; margin-top: 0.1rem; }

  /* end  */

  .ind2-a1{width: 100%;position: absolute;top: 15% !important; left: calc(50% - 100%/2); color: #fff; }



  .ind2-a2 { margin-top: 0.45rem;}



  .ind2-a3 {width: 5.4rem; height: 3.1rem; flex-shrink: 0; position: relative; overflow: hidden; margin: 0 auto;}



  .ind2-a3 img {transition: .3s;}



  .ind2-a3:hover img {transform: scale(1.05); transition: .3s; overflow: hidden;}



  .ind2-a3 img {width: 5.2rem; height: 2.95rem;  margin: 0 auto; margin-top: 0.1rem;}



  .ind2-a3::before {position: absolute; width: 0.5rem; height: 0.5rem; display: block; content: ''; background: #00a887; top: 0; right: 0; z-index: -1;}



  .ind2-a3::after {position: absolute; width: 0.5rem; height: 0.5rem; display: block; content: ''; background: #00a887; bottom: 0; left: 0; z-index: -1;}



  .ind2-a4 {width: calc(100% - 0.6rem); margin: 0 auto;}



  .ind2-a5 {font-size: 0.44rem; font-weight: bold; color: #444444; display: none;}



  .ind2-a6 {color: #666; font-size: 0.26rem; line-height: 0.58rem; margin-top: 0.7rem;}



  .ind3-a1 {color: #444; display: flex; display: none;}



  .ind3-a2 {width: calc(100%/4);}



  .ind3-a3 {display: flex; justify-content: center; position: relative;}



  .ind3-a4 {font-size: 0.46rem; color: #333333; font-weight: bold; margin-top: -15px; position: relative;}



  .ind3-a5 {position: absolute; color: #333333; font-size: 12px; top: 15px; font-weight: normal; display: none;}



  .ind3-a6 {color: #444; font-weight: 0.22rem; text-align: center; opacity: .6;}



  .ind3-a7 {font-size: 12px; color: #444; text-align: center; opacity: .57; margin-top: 10px; display: none;}



  .ind3-a8 {width: 21px; height: 21px; position: absolute; top: 50%; transform: translateY(-50%); right: -24px; display: none;}



  .ind3-a9 {margin-right: 20px; display: inline-block;}







  /* 第三屏 */



  .ind5-a1 {width: 100%;height: 100%;position: relative;overflow: hidden;}



  .ind5-a2{width: 100%;height: 100%;position: relative;margin-left: calc(50% - 100%/2); transition: .3s;}



  .ind5-a2::before {width: 100%; display: block; content: ''; height: 100%; left: 0; top: 0;position: absolute; background: linear-gradient(90deg, rgba(0, 0, 0, .5) , transparent);}



  .ind5-a2 img{min-height: 100%;}



  .ind5-a3 {width: calc(100% - 0.6rem); margin: 0 auto; height: 100%;position: absolute;margin-left: calc(50% - 100%/2); top: 30%; margin-left: 0.3rem;}



  .ind5-a4 {font-size: 0.46rem; color: #fff; font-weight: bold;}



  .ind5-a4 span {font-size: 0.2rem; color: #ffffff; font-weight: initial;}



  .ind5-a5 {width: 100%; margin: 0 auto; overflow: hidden; line-height: 0.58rem; font-size: 0.26rem; opacity: .8; color: #fff; margin-top: 50px;}



  .ind5-a6 {width: 100%; margin: 0 auto; margin-top: 1.3rem; position: relative;}



  .ind5-a6 .swiper2 {width: 100%;}



  .ind5-a6 .prev-1::after{display: none;}



  .ind5-a6 .next-1::after{display: none;}



  .ind5-a6 .prev-1 {display: none !important; position: absolute; left: 0; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3);}



  .ind5-a6 .next-1 {display: none !important; position: absolute; right: 0; width: 42px; top: 55%; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3);}



  .ind5-a6 .prev-1 img{width: 10px !important; height: 15px !important;}



  .ind5-a6 .prev-1:hover {border: 1px solid ; border-color: #fff #fff #fff rgba(255, 255, 255, .3)}



  .ind5-a6 .next-1:hover {border: 1px solid ; border-color: #fff rgba(255, 255, 255, .3) #fff #fff }



  .ind5-a6 .swiper-slide img {width: 1.5rem; height: 1rem;}



  .ind5-a6 .swiper .swiper-wrapper {align-items: baseline;}



  .ind5-a6 .swiper2 .swiper-slide div {width: 100%; height: 100%;}



  .ind5-a6 .swiper2 .swiper-slide.on1 {width: 1.77rem !important; height: 1.17rem!important; border: 5px solid #fff; overflow: hidden; margin-right: 0.2rem; }



  .ind5-a6 .swiper2 .swiper-slide.on1 img {width: 100% !important; height: 100% !important;}

  .ind5-a7 {display: flex; position: absolute; top: -10%; left: 0;}

  .ind5-a8 {width: 2rem; height: 0.75rem; border-radius: 0.38rem; border: 1px solid #fff; background: rgba(0, 0, 0, .46); text-align: center; 

    font-size: 0.26rem; line-height: 0.75rem; color: #fff; display: flex; justify-content: center; align-items: center; margin-right: 0.3rem;}

  .ind5-a8 span {width: 0.12rem; height: 0.12rem; border-radius: 50%; background: #fff; display: inline-block; margin-right: 0.12rem;}

  .ind5-a8.on {border: 1px solid #00a684; color: #00a887; font-weight: bold; background: rgba(255, 255, 255, .6);}

  .ind5-a8.on span {background: #00a684; box-shadow: 0 0 0 0.05rem #fff}





  /* 第三屏 */



  .ind6-a1{width: 100%;position: absolute;top: 7.5%;left: calc(50% - 100%/2); height: 100%;  }



  .ind6-a2 {width: 100%; height: 5.72rem; background: #00a684;}



  .ind6-a3 {color: #fff; font-size: 0.44rem; font-weight: bold; width: calc(100% - 0.6rem); margin: 0 auto; padding-top: 0.85rem;}



  .ind6-a3 span {font-size: 0.2rem; font-weight: initial; text-transform: uppercase;}



  .ind6-a4 {width: 100%; font-size: 0.26rem;line-height: 0.54rem; opacity: .93; color: #fff; width: calc(100% - 0.6rem); margin: 0 auto; padding-top: 0.4rem;}



  .ind6-a5 {display: flex; margin-top: 1.2rem;}



  .ind6-a6 {width: 3.5rem; height: 4.95rem; border-radius: 20px; background: red; position: relative; overflow: hidden; margin-top: 0.55rem;}



  .m_ind6-a1 .swiper-slide-active .ind6-a6::before{position: absolute; display: block; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); transition: .3s;}



  .m_ind6-a1 .swiper-slide-active .ind6-a6 .ind6-a8 {width: 100%; height: 100%;}



  .m_ind6-a1 .swiper-slide-active .ind6-a6 .ind6-a8  .ind6-a9 {margin-top: 150px;}



  .m_ind6-a1 .swiper-slide-active .ind6-a6 .ind6-a8 .ind6-a10 img:nth-child(1){display: none;}



  .m_ind6-a1 .swiper-slide-active .ind6-a6 .ind6-a8 .ind6-a10 img:nth-child(2){opacity: 1;}



  .m_ind6-a1 .swiper-slide-active .ind6-a6 .ind6-a11 {opacity: 1;}

  .m_swiper2 .swiper-slide {width: 3.5rem;}

  .ind6-a7 {width: 100%; height: 100%;}



  .ind6-a8 {position: absolute; width: 100%; bottom: 45px; left: 0; display: flex; align-items: center; justify-content: center; }



  .ind6-a9 {color: #fff; font-size: 0.27rem; font-weight: bold; margin-left: 0.15rem;}



  .ind6-a10 img:nth-child(1){width: 0.34rem; height: 0.34rem;}



  .ind6-a10 img:nth-child(2){width: 0.68rem; height: 0.68rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0;}



  .ind6-a11 {opacity: 0; position: absolute; bottom: 0.8rem; width: 1.3rem; height: 0.5rem; border-radius: 0.22rem; border: 1px solid #fff; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; font-size: 0.16rem; color: #fff;}



  .ind6-a11 img {margin-left: 0.1rem; margin-top: 0.03rem; width: 0.06rem; height: 0.1rem;}



  .ind6-a11:hover {background: #00a684; color: #fff; border: none; transition: .3s; cursor: pointer;}







  /* 第四屏 */

  .widthrestes{background: #f7f7f7;}

  .ind8-a1{width: 100%;position: absolute;top: 25%;left: calc(50% - 100%/2); }



  .ind8-a2 {font-weight: bold; font-size: 0.5rem; color: #444; margin-left: 0.3rem;}



  .ind8-a2 span {color: #00a887; text-transform: uppercase; font-size: 0.20rem;}



  .ind8-a3 {margin-top: 1.45rem; display: flex; justify-content: space-between;}



  .ind8-a4 {position: relative; }



  .ind8-a5 {width: 100%; transition: .3s;}



  .ind8-a6 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}



  .ind8-a8 {font-size: 0.36rem; color: #fff; font-weight: bold; text-align: center; margin-top: 0.3rem;}



  .ind8-a7 { width:0.65rem; height: 0.65rem; margin: 0 auto;}

  .m_swiper3 .swiper-wrapper {align-items: center;}

  .m_swiper3 .swiper-slide-active {transform: scale(1.11); }

  .m_swiper3 .swiper-slide-active .ind8-a4 .ind8-a5::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; background: rgba(0, 0, 0, .5);}

  .m_swiper3{margin-top: 1.5rem;}

  .m_swiper3 .swiper-slide {width: 5.4rem;}



  /* 第五个 */



  .ind9-a1 {width: 100%;position: absolute;top: 25%;left: calc(50% - 100%/2); display: flex;}



  .ind9-a2 {width: 546px; height: 543px; position: relative; flex-shrink: 0; display: none;}



  .ind9-a3 {width: 100%; height: 100%;}



  .ind9-a4 {width: 100%; height: 160px; background: rgba(3, 147, 139, .8); bottom: 0; position: absolute; padding-left: 30px; padding-top: 25px;}



  .ind9-a5{font-size: 22px; font-weight: bold; color: #fff; }



  .ind9-a6{font-size: 16px; line-height: 36px; color: #fff; margin-top: 15px;}



  .ind9-a7 {position: absolute; font-size: 16px; top: 26px; right: 45px; color: #fff;}



  .ind9-a8{width: 100%; height: 2.95rem; background: #fff; display: flex; padding-top: 0.5rem;  margin-bottom: 0.4rem; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);}



  .ind9-a9{flex-shrink: 0; width: 1.8rem; text-align: right; padding-right: 0.5rem;}



  .ind9-a10{font-size: 0.26rem; color: #00a887;}



  .ind9-a11 {font-size: 0.3rem; font-weight: bold; color: #00a887;}



  .ind9-a13{font-size: 0.3rem; color: #333333; font-weight: bold;}



  .ind9-a14{font-size: 0.28rem; line-height: 0.48rem; padding-right: 0.3rem; margin-top: 0.1rem;}



  .ind9-a15{font-size: 0.26rem; color: #00a887; margin-top: 0.1rem;}



  .ind9-a16 { width: calc(100% - 0.6rem); margin: 0 auto;}



  .ind9-a17{position: absolute; width: 1.78rem; line-height: 0.7rem; border: 1px solid #00a684; color: #00a684; text-align: center; border-radius: 0.34rem; font-size: 0.26rem; right: 0; top: -15%; margin-right: 0.3rem;}



  .ind9-a17:hover {background: #00a684; color: #fff; cursor: pointer;}



  .ind9-a18 {position: absolute; top: -15%; font-size: 0.5rem; color: #444444; font-weight: bold; margin-left: 0.3rem;}

  .ind9-a18 span {color: #00a887; font-size: 0.2rem; text-transform: uppercase; font-family: Arial;}





  /* 第六个 */



  .ind10-a1 {width: 100%;position: absolute;top: 50%;left: calc(50% - 100%/2);transform: translateY(-50%);}



  .ind10-a2{width: 3.9rem; margin: 0 auto;}

  .ind10-a2 img {width: 100%;}

  .ind10-a3{text-align: center; font-size: 0.26rem; color: #fff; position: relative; width: 103%; margin: 0 auto; margin-top: 0.6rem;}



  .ind10-a3::after{display: block; content: ''; position: absolute; width: 316px; height: 1px; background: rgba(255, 255, 255, .3); left: 20px; top: 50%; transform: translateY(-50%);}



  .ind10-a3::before{display: block; content: ''; position: absolute; width: 316px; height: 1px; background: rgba(255, 255, 255, .3); right: 20px; top: 50%; transform: translateY(-50%);}



  .ind10-a4 {width: calc(100% - 0.6rem); margin: 0 auto; margin-top: 0.8rem;}



  .ind10-a5 {display: flex; align-items: center; width: 87%; margin: 0 auto; margin-bottom: 0.7rem;}



  .ind10-a6 {width: 0.6rem; height: 0.6rem; flex-shrink: 0;}



  .ind10-a7{font-size: 0.4rem; color: #fff; font-weight: bold; margin-left: 0.26rem;}



  .ind10-a8{font-size: 0.28rem; color: #fff; margin-left: 0.26rem;}

  .ind10-a8 img {width: 0.97rem; height: 0.97rem; display: inline-block; margin-right: 0.2rem;}



  .ind10-a9 {position: absolute; bottom: 0.15rem; line-height: 0.5rem; color: #fff; font-size: 0.22rem; width: 80%; left: 50%; transform: translateX(-50%); opacity: .5; width: 100%; text-align: center;}



  .titile{position: absolute;}







  /* 弹窗 */



  .ind11-a1{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 5; display: none;}



  .ind11-a2{width: calc(100% - 0.6rem); height: 7.3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff;}



  .ind11-a5{display: flex; justify-content: center; align-items: center; line-height: 1.6rem;}



  .ind11-a6 {width: 0.6rem; margin-right: 20px; flex-shrink: 0; }



  .ind11-a7{font-size: 0.42rem; color: #444444; font-weight: bold;}



  .ind11-a3{position: absolute; top: 35px; right: 30px;}
  .ind11-a3 img {width: 0.5rem;}


  .ind11-a8 {width: 100%; margin: 0 auto; height: 4rem;}



  .swiper3 { width: calc(100% - 0.8rem); margin: 0 auto; }



  .ind11-a9 {position: absolute; bottom: 0; width: 100%; left: 0.35rem; }



  .ind11-a10 {font-size: 0.3rem; font-weight: bold; color: #fff;}



  .ind11-a11{font-size: 0.26rem; color: #fff; line-height: 0.75rem;}



  .ind11-a12{position: relative;}



  .ind11-a12 .prev-2::after{display: none;}



  .ind11-a12 .next-2::after{display: none;}



  .ind11-a12 .prev-2 {position: absolute; left: 0.4rem; width: 0.4rem; top: auto; bottom: -1.1rem !important; height: 0.4rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 168, 135, .3);}



  .ind11-a12 .next-2 {position: absolute; right: 0.4rem; width: 0.4rem; top: auto; bottom: -1.1rem !important; height: 0.4rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 168, 135, .3);}



  .ind11-a12 .prev-2 img,  .ind11-a12 .next-2 img{width: 0.1rem !important; height: 0.15rem !important;}



  .ind11-a12 .prev-2:hover {border: 1px solid ; border-color: #00a887 #00a887 #00a887 rgba(0, 168, 135, .3)}



  .ind11-a12 .next-2:hover {border: 1px solid ; border-color: #00a887 rgba(0, 168, 135, .3) #00a887 #00a887 }



  .ind11-a4 .pagination1 {color: #333; position: absolute; bottom: 0.6rem; font-size: 0.24rem; display: flex; align-items: baseline; justify-content: center;} 



  .ind11-a4 .pagination1 .active_dq{font-size: 0.3rem; font-weight: bold;}



  .ind11-a4 .pagination1 .hengh{display: inline-block; margin: 0 5px;}



}



/* 销售网络 */

@media only screen and (min-width: 1480px) {

  .map_box {  width: 100%; height: 100%;position: relative;  overflow: hidden;}

  .map_boximg{width: 1920px;height: 100vh;position: relative;margin-left: calc(50% - 1920px/2);}

  .map_box2 {width: 1500px;position: absolute;top: 20%;left: calc(50% - 1500px/2);transform: translateY(-50%);}

  .map_title {font-size: 50px; font-weight: bold; color: #444444; }

  .map_title span{ color: #00a887; font-size: 20px; font-weight: initial;  text-transform: uppercase;}

  .map_img {width: 1026px;position: absolute; left: 50%; transform: translateX(-50%); top: 165PX;}

  .map_txt {font-size: 16px; text-align: center; position: absolute; bottom: 30px; width: 100%; margin: 0 auto; opacity: .5;}

}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {

  .map_box {  width: 100%; height: 100%;position: relative;  overflow: hidden;}

  .map_boximg{width: 1920px;height: 100vh;position: relative;margin-left: calc(50% - 1920px/2);}

  .map_box2 {width: 1024px;position: absolute;top: 20%;left: calc(50% - 1024px/2);transform: translateY(-50%);}

  .map_title {font-size: 36px; font-weight: bold; color: #444444; }


  .map_title span{ color: #00a887; font-size: 18px;  font-weight: initial;text-transform: uppercase;}

  .map_img {width: 715px;position: absolute; left: 50%; transform: translateX(-50%); top: 145px;}

  .map_txt {font-size: 16px; text-align: center; position: absolute; bottom: 30px; width: 100%; margin: 0 auto; opacity: .5;}

}

@media only screen and (max-width: 1023px) {

  .height_{height: 100vh;}

  .map_box {  width: 100%; height: 100%;position: relative;  overflow: hidden;}

  .map_boximg{width: 1920px;height: 100vh;position: relative;margin-left: calc(50% - 1920px/2);}

  .map_box2 {width: 100%;position: absolute;top: 20%;left: calc(50% - 100%/2);transform: translateY(-50%);}

  .map_title {font-size: 0.5rem; font-weight: bold; color: #444444; margin-left: 0.3rem; }

  .map_title span{ color: #00a887; font-size: 0.26rem;  font-weight: initial; text-transform: uppercase;}

  .map_img {width: 95%;position: absolute; left: 50%; transform: translateX(-50%); top: 165PX;}

  .map_txt {font-size: 16px; text-align: center; position: absolute; bottom: 30px; width: 100%; margin: 0 auto; opacity: .5;}

}

/* 联系我们 */

@media only screen and (min-width: 1480px) {

  .lxwm_box {  width: 100%; height: 100%;position: relative;  overflow: hidden;}

  .lxwm_boximg{width: 1920px;height: 100vh;position: relative;margin-left: calc(50% - 1920px/2);}

  .lxwm_box2 {width: 1500px;position: absolute;top: 54%;left: calc(50% - 1500px/2);transform: translateY(-50%);}

  .lxwm_title {font-size: 50px; font-weight: bold; color: #444444; }

  .lxwm_title span{ color: #00a887; font-size: 20px; font-family: Arial; text-transform: uppercase;}

  .lxwm_xx {display: flex; justify-content: space-between; }

  .lxwm_xx .lxwm_xx1{width: 750px; height: 420px; }

  .lxwm_xx2 {margin-top: 120px; }

  .lxwm_xx3{display: flex;  align-items: center; margin-bottom: 60px;}

  .lxwm_xx3 span {display: inline-block; margin-left: 20px; font-size: 18px; color: #ffffff;}

  .lxwm_xx3 .lxwm_xx6 {font-size: 20px; font-weight: bold; color: #fff;}

  .lxwm_xx7{display: flex; align-items: center; margin-left: 20px;}

  .lxwm_xx7 img {width: 80px; height: 80px; border: 3px solid #feeff6; margin-right: 20px;}

  .lxwm_xx10{font-size: 28px; font-weight: bold; color: #444444; margin-bottom: 40px;}

  .lxwm_xx11 { width: 710px;}
  .lxwm_xx12 {width: 440px}
.lxwm_xx13 {width: 377px;}


  

}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {

  .lxwm_box {  width: 100%; height: 100%;position: relative;  overflow: hidden;}

  .lxwm_boximg{width: 1920px;height: 100vh;position: relative;margin-left: calc(50% - 1920px/2);}

  .lxwm_box2 {width: 1024px;position: absolute;top: 54%;left: calc(50% - 1024px/2);transform: translateY(-50%);}

  .lxwm_title {font-size: 36px; font-weight: bold; color: #444444; }

  .lxwm_title span{ color: #00a887; font-size: 20px; font-family: Arial; text-transform: uppercase;}

  .lxwm_xx {display: flex; justify-content: space-between; }

  .lxwm_xx .lxwm_xx1{width: 750px; height: 420px; }

  .lxwm_xx2 {margin-top: 90px; }

  .lxwm_xx3{display: flex;  align-items: center; margin-bottom: 60px;}

  .lxwm_xx3 span {display: inline-block; margin-left: 20px; font-size: 16px;  color: #ffffff;}

  .lxwm_xx3 .lxwm_xx6 {font-size: 20px; font-weight: bold; color: #fff;}

  .lxwm_xx7{display: flex; align-items: center; margin-left: 20px;}

  .lxwm_xx7 img {width: 80px; height: 80px; border: 3px solid #feeff6; margin-right: 20px;}

  .lxwm_xx10{font-size: 24px; font-weight: bold; color: #444444; margin-bottom: 40px;}

  .lxwm_xx11 {margin-left: 20px; width: 41%;}

}

@media only screen and (max-width: 1023px) { 

  .lxwm_box2 {top: 15% !important;}

  .lxwm_boximg img:nth-child(1){display: none;}

  .lxwm_box {  width: 100%; height: 100%;position: relative;  overflow: hidden;}

  .lxwm_boximg{width: 100%;height: 16.43rem;position: relative;margin-left: calc(50% - 100%/2); margin-top: 3.5rem;}

  .lxwm_box2 {width: 100%;position: absolute;left: calc(50% - 100%/2);}

  .lxwm_title {font-size: 0.5rem; font-weight: bold; color: #444444; text-align: center;}

  .lxwm_title span{ color: #00a887; font-size: 0.2rem; font-family: Arial; text-transform: uppercase; display: block; text-align: center;}

  .lxwm_xx { justify-content: space-between; width: calc(100% - 0.6rem); margin: 0 auto; }

  .lxwm_xx .lxwm_xx1{width: 750px; height: 420px; }

  /* .lxwm_xx2 {margin-top: 90px; } */

  .lxwm_xx3{display: flex;  align-items: center; margin-bottom: 0.7rem; color: #fff;}

  .lxwm_xx3 span {display: inline-block; margin-left: 0.26rem; font-size: 0.28rem;}

  .lxwm_xx3 .lxwm_xx6 {font-size: 0.32rem; font-weight: bold; color: #fff;}

  .lxwm_xx4{width: 0.6rem; height: 0.6rem;}

  .lxwm_xx7{display: flex; align-items: center; margin-left: 20px;}

  .lxwm_xx7 img {width: 80px; height: 80px; border: 3px solid #feeff6; margin-right: 20px;}

  .lxwm_xx8 {margin-bottom: 0.6rem; flex-shrink: 0;}

  .lxwm_xx9 {margin-bottom: 0.6rem;}

  .lxwm_xx10{font-size: 0.32rem; font-weight: bold; color: #444444; margin-bottom: 0.6rem; }

  .lxwm_xx11 {width: 100%; margin: 0 auto; }
  .lxwm_xx12 {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .lxwm_xx14{margin-top: 1rem; margin-bottom: 0.47rem;}

}



/*  招贤纳士 */

@media only screen and (min-width: 1480px) {
  .ad_ins1{width: 1500px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}
  .ad_ins2 {width: 156px; height: 58px; border-radius: 29px; transition: .3s; border: 1px solid #00a887; text-align: center; line-height: 58px; color: #00a887; font-size: 16px; margin-top: 40px;}
  .ad_ins2:hover{color: #fff; background: #00a887; transition: .3s;}
  .zxna_box {  width: 100%; height: 100%;position: relative;  overflow: hidden; margin-top: 95px;}
  .zxna_a3_add1 {display: flex; align-items: center; justify-content: center; font-size: 16px!important;}
  .zxna_a3_add3{display: flex; align-items: center;justify-content: center;}
  /* .zxna_boximg{width: 1920px;position: relative; margin-left: calc(50% - 1920px/2); 
    background-attachment: fixed; background-image: url(../img/ad.jpg);  background-size: 100% auto; height: 838px;} */
  .zxna_boximg  img {display: none;}

  .zxna_box2 {width: 100%; margin: 0 auto;  background-size: 100% auto;  background-image: url(../img/ad.jpg); background-attachment: fixed;  }

  .zxna_title {font-size: 50px; font-weight: bold; color: #444444; padding-top: 40px;}

  .zxna_title span{ color: #00a887; font-size: 20px; font-family: Arial; text-transform: uppercase;}

  .zxna_a1{width: 1500px; margin: 0 auto; margin-top: 55px; padding-bottom: 50px; overflow: hidden;}

  .zxna_a2 {width: 100%; line-height: 68px; background: #00a684; display: flex;}

  .zxna_a2>div{text-align: center; color: #fff; font-weight: bold;}

  .zxna_a3{width: 20%;}

  .zxna_a4{width: 62%;}
  .zxna_a4 p {font-size: 18px; padding: 10px 25px; min-height: 88px; display: flex;  align-items: center; text-align: left;}

  .zxna_a5{width: 18%;}

  .zxna_a6 {width: 100%; display: flex; line-height: 88px; position: relative; transition: .3s;}

  .zxna_a6>div{text-align: center; font-size: 18px; color: #333;}
  .zxna_a6:hover {transform: scale(1.02); transition: .3s; box-shadow:  0 0 10px 2px rgba(0, 0, 0, .12);}
  .zxna_a6:hover>div{color: #00a684;}
  .zxna_a6do_a {width: 100%; height: 100%; position: absolute;}
  .zxna_a6:nth-child(odd) .zxna_a3{background: #eaf5f3;}

  .zxna_a6:nth-child(odd) .zxna_a4{background: #f2fdfb;}

  .zxna_a6:nth-child(odd) .zxna_a5{background: #eaf5f3;}



  .zxna_a6:nth-child(even) .zxna_a3{background: #f2fdfb;}

  .zxna_a6:nth-child(even) .zxna_a4{background: #eaf5f3;}

  .zxna_a6:nth-child(even) .zxna_a5{background: #f2fdfb;}

}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .ad_ins1{width: 1024px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}
  .ad_ins2 {width: 156px; height: 58px; border-radius: 29px; transition: .3s; border: 1px solid #00a887; text-align: center; line-height: 58px; color: #00a887; font-size: 16px; margin-top: 40px;}
  .ad_ins2:hover{color: #fff; background: #00a887; transition: .3s;}
  .zxna_box {  width: 100%; height: 100%;position: relative;  overflow: hidden; margin-top: 95px;}
  .zxna_a3_add1 {display: flex; align-items: center;justify-content: center; font-size: 16px !important; padding:  0 10px; line-height: initial;}
  .zxna_a3_add3{display: flex; align-items: center;justify-content: center;}
  /* .zxna_boximg{width: 1920px;height: 100vh;position: relative;margin-left: calc(50% - 1920px/2);} */
  .zxna_boximg  img {display: none;}
  .zxna_box2 {width: 100%; margin: 0 auto;  background-size: 100% auto;  background-image: url(../img/ad.jpg); background-attachment: fixed;  }

  .zxna_title {font-size: 36px; font-weight: bold; color: #444444; width: 1024px; margin: 0 auto; padding-top: 40px;}

  .zxna_title span{ color: #00a887; font-size: 20px; font-family: Arial; text-transform: uppercase;}

  .zxna_a1{width: 1024px; margin: 0 auto; margin-top: 55px; padding-bottom: 50px; overflow: hidden;}

  .zxna_a2 {width: 100%; line-height: 68px; background: #00a684; display: flex;}

  .zxna_a2>div{text-align: center; color: #fff; font-weight: bold;}

  .zxna_a3{width: 20%;}

  .zxna_a4{width: 62%;}
  .zxna_a4 p {font-size: 18px; padding: 10px 25px; min-height: 88px; display: flex; align-items: center; text-align: left;}
  .zxna_a5{width: 18%;}

  .zxna_a6 {width: 100%; display: flex; line-height: 56px;}
  .zxna_a6:hover {transform: scale(1.02); transition: .3s; box-shadow:  0 0 10px 2px rgba(0, 0, 0, .12);}
  .zxna_a6:hover>div{color: #00a684;}
  .zxna_a6>div{text-align: center; font-size: 18px; color: #333;}

  .zxna_a6:nth-child(odd) .zxna_a3{background: #eaf5f3;}

  .zxna_a6:nth-child(odd) .zxna_a4{background: #f2fdfb;}

  .zxna_a6:nth-child(odd) .zxna_a5{background: #eaf5f3;}



  .zxna_a6:nth-child(even) .zxna_a3{background: #f2fdfb;}

  .zxna_a6:nth-child(even) .zxna_a4{background: #eaf5f3;}

  .zxna_a6:nth-child(even) .zxna_a5{background: #f2fdfb;}

}

@media only screen and (max-width: 1023px) { 

  .zxna_box {  width: 100%; height: 100%;position: relative;  overflow: hidden; margin-top: 1.24rem;}

  /* .zxna_boximg{width: 100%;height: 100vh;position: relative;margin-left: calc(50% - 100%/2);} */
    /* .zxna_boximg{width: 1920px;height: 100vh;position: relative;margin-left: calc(50% - 1920px/2);} */
    .zxna_boximg  img {display: none;}

    .zxna_box2 {width: 100%; margin: 0 auto;  background-size: 100% auto;  background-image: url(../img/ad.jpg); background-attachment: fixed;  padding-bottom: 1rem;}

  .zxna_title {font-size: 0.5rem; font-weight: bold; color: #444444; padding: 0.3rem;}

  .zxna_title span{ color: #00a887; font-size: 0.2rem; font-family: Arial; text-transform: uppercase; display: block;}

  .zxna_a1{width: calc(100% - 0.6rem); margin: 0 auto; margin-top: 0.45rem;}

  .zxna_a2 {width: 100%; line-height: 0.9rem; background: #00a684; display: flex;}

  .zxna_a2>div{text-align: center; color: #fff; font-weight: bold; font-size: 0.3rem;}

  .zxna_a3{width: 20%;}

  .zxna_a4{width: 62%;}
  .zxna_a4 p {font-size: 0.2rem; padding: 0.2rem 0.2rem; min-height: 1rem; display: flex; justify-content: center; align-items: center; text-align: left;}
  .zxna_a5{width: 18%;}

  .zxna_a6 {width: 100%; display: flex;}

  .zxna_a6>div{text-align: center; font-size: 0.26rem; color: #333; display: flex; align-items: center; justify-content: center;}

  .zxna_a6 .zxna_a4 {padding: 0 0.32rem;}

  .zxna_a6:nth-child(odd) .zxna_a3{background: #eaf5f3;}

  .zxna_a6:nth-child(odd) .zxna_a4{background: #f2fdfb;}

  .zxna_a6:nth-child(odd) .zxna_a5{background: #eaf5f3;}



  .zxna_a6:nth-child(even) .zxna_a3{background: #f2fdfb;}

  .zxna_a6:nth-child(even) .zxna_a4{background: #eaf5f3;}

  .zxna_a6:nth-child(even) .zxna_a5{background: #f2fdfb;}

  .map_txt {font-size: 0.26rem; text-align: center; position: absolute; bottom: 0.6rem; width: calc(100% - 0.6rem); left: 0.3rem; margin: 0 auto; opacity: .5;}

}



/* 下拉导航 */

@media only screen and (min-width: 1480px) {

 .xlnav{display: none;}

}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {

  .xlnav{display: none;}

}

@media only screen and (max-width: 1023px) {

 .xlnav{width: 100%; height: 100%;position: fixed; z-index: 10; background: rgba(3, 147, 139, 1); top: 1.2rem; display: none;}

 .xlnav_a{ color: #fff; line-height: 1.2rem; border-bottom: 1px solid rgba(255, 255, 255, .2); font-size: 0.3rem; padding-left: 0.3rem;}

}