.maskdd{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.1);top: 0;left: 0;box-sizing: border-box; padding: 17% 27%;}
.maskdd .maskddp1{font-size: 55px;color: #fff;line-height:65px; margin-bottom:20px;}
.maskdd .maskddp2{font-size: 24px;color: #fff;opacity: 0.6;}
.vivis{object-fit: cover;width: 100%;height: 100%}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
/*.banner{width: 100%;    height: 100%;}*/
/*.banner img{width: 100%;height: 100%;}*/
.sw_banner .swiper-button-next{background: url(../images/ri.png);width: 119px;height: 94px; left:auto; right: calc(50% - 750px);top:59% }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: '';}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {   content: '';}
.sw_banner .swiper-button-prev{background: url(../images/le.png);width: 119px;height: 94px;top:calc(59% + 95px);right: calc(50% - 630px);left:auto; }


.sw_banner .swiper-pagination-current{font-size:98px;color: #fff;font-family: 'trp';  bottom: 24px; left: 10px; position: absolute; font-style: italic;}
.swiper-pagination {color: #fff; width:80px; left: calc(50% - 750px);bottom: 280px;font-size:30px!important;}
.sw_banner .swiper-pagination-total{color: #ffffff;font-family: 'trp';font-style: italic;  }

.index_d1{background: url(../images/index1_bac.jpg); padding:212px 0 130px 0;background-position: center center; }

.ind1_p1{font-size:16px;line-height: 30px;margin-top:50px;margin-bottom:60px;   }
.ind1_le{width: 665px}
.ind1_le li{margin-right: 70px}
.ind1_le li:last-child{margin-right: 0}
.ind1_le .ind1_lelip1{position: relative; font-size:66px;color: #000000;}
.ind1_le li:nth-child(1) .ind1_lelip1 img{position: absolute; right: 0;bottom: 10px;left: 35px;}
.ind1_le li:nth-child(2) .ind1_lelip1 img{position: absolute; right: 0;bottom: 10px;left: 14px;}
.ind1_le li:nth-child(3) .ind1_lelip1 img{position: absolute; right: 0;bottom: 10px;left: 35px;}
.ind1_le .ind1_lelip2{font-size:16px;line-height: 25px; }
.ind1_le .ind1_lelip1 p{font-style: italic}
.ind1_ljwm{margin-top: 60px;}

.index_d2{background: #f9f9f9;padding:190px 0 200px 0 }
.ind2_le{width:50% }
.ind2_ri{width: 50%}
.ind2_lep1{font-size:16px;color: #363636;margin-top: 100px; }
.ind2_lep2{border-bottom: 1px solid #dedede;margin:20px 0; }
.ind2_lep3{font-size:16px;color: #767676;line-height: 35px;width:530px;  }


.ind2_ri li{display: none}
.ind2_ri li:nth-child(1){display: block;}

.ind2_ri li img{display: block; width: 100%}

.index_d2{position: relative;}
.index_d2 .ul2{position: absolute; width:300px;height: 390px;background: #fff;border-radius: 20px;top:calc(50% - 195px); left:calc(50% - 150px);padding: 110px 0 0 0;box-sizing: border-box;  }
.index_d2 .ul2 li{font-size: 16px;color: #000;line-height: 45px;font-weight:bold;cursor: pointer;}
.ind2_act{color: #e31b21!important;}

.index_d3{padding:82px 0 100px  0; background: url(../images/ind3_bac.png); height: 100vh;background-size: 100% 100% }


.ind3_top p{    padding-bottom: 40px;text-align: center; font-size:30px;color: #fff;line-height: 25px; padding-top: 30px; }
.ind3_uls{margin-top: 20px; margin-bottom:60px }
.ind3_uls li{background: rgba(228,32,33,0.5);transition: all 0.5s; display: inline-block; padding: 15px 30px;box-sizing: border-box;border-radius: 10px;}
.ind3_uls li:hover{background: rgba(228,32,33,1);transition: all 0.5s; }
.ind3_uls li a{color: #fff}
.acd{margin-right: 25px; background: rgba(228,32,33,1)!important;}
.acd a{color: #fff}

.titles{transition: all 0.5s;position: absolute; width: 100%;bottom: 4px;left: 0;height:55px;line-height: 55px;background:#dedede;color: #0e0d0d;font-size: 16px; }

.ind3_mi li{position: relative;}
.ind3_mi li{width: 23.5%;margin-right: 2%;margin-bottom: 2%}

.ind3_mi .ind3_pic1{width: 100%;}
.ind3_mi li .mask{position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: rgba(237,53,33,0.5); opacity: 0; transition: all 0.5s}
.ind3_mi li .mask  p{padding: 0 10px;font-size: 16px;color: #fff}
.ind3_mi li .mask img{margin-top: calc(25% - 13.5px );margin-bottom: 10px;}
.ind3_mi li:nth-child(4n){margin-right: 0}
.ind3_mi li:hover .mask{opacity: 1; transition: all 0.5s}

.ind3_mi li:hover  .titles{display: none;transition: all 0.5s}

.index_d4wer{position: relative;}
.ind4_d1{position: absolute;top: 23%;left: 10%;}
.ind4_d2{position: absolute;top: 25%;left: 73%;}
.ind4_d3{position: absolute;top: 73%;left: 27%;}
.ind4_d3_2{position: absolute;top: 65%;left: 55%;}
.ind4_d3_3{position: absolute;top: 15%;left: 31%;}
.ind4_pic1{display: block; margin:0 auto; width: 83.3%}
.ind4_p2{margin-right:20px;margin-top: 5px;}
.ind4_p2d{position: relative;}
.ind4_p2d:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background: rgba(228,32,33,0.3);;
    left: -2%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 10;
    animation: myfirst 3s infinite;
}


@keyframes myfirst
{
    0% {transform:scale(1);}
    50% {transform:scale(1.3);}
    100%{transform:scale(1);}
}
 
.ind4_d1d{width:325px}
.ind4_d1dp1{font-size:16px;color: #000000;margin-top: 10px; }
.ind4_d1dp2{font-size:14px;opacity: .5;line-height: 25px;  margin-top: 10px;}
.ind4_d4{width:27%;position: absolute; top: calc(50% - 140px);left:calc(50% - 13.5%)  }
.ind4_d41{font-size:36px;margin-bottom: 17px}
.ind4_d42{font-size:14px; opacity: 0.5;margin-bottom: 50px;line-height: 25px;}

.index_d5{background: url(../images/ind5_bac.png);padding:175px  0 80px 0;box-sizing: border-box;background-position: center center; height: 100vh;  }
.ind5_le{width:300px;}
.ind5_ri{width:1200px;}

.ind5_pic1{margin-left: 10px;margin-bottom:123px; }
.ind5_pic2{margin-left:85px; }

.ind5_ritop{background: #fff;width: 100%;height:395px;padding:40px 40px 40px 35px;box-sizing: border-box;	  }
.ind5_pic4{position: absolute;bottom: -10px;left: -10px}
.ind5_pic3{position: relative; z-index: 2;width: 100%;
    height: 300px;}
.ind5t_le{width: 35%;height:299px;position: relative;}
.ind5t_ri{width:60%; }
.ind5t_rip1{font-size:24px;color: #000;padding-bottom:25px;margin-bottom:25px;border-bottom: 1px solid #dedede }
.ind5t_rip2{font-size:14px;line-height: 25px;color: #000000;opacity: 0.5;margin-bottom:60px  }
.ind5t_rip3{font-size:14px;line-height: 25px;color: #000000;opacity: 0.5; margin-top: 10px;}
.ind5_p5{display: block;}
.ind5_ribot{margin-top: 40px;}
.ind5_ribot  li{width: 48%;margin-right: 4%; height: 80px;line-height: 80px;border-bottom: 1px solid #ccc}
.ind5_ribot li:nth-child(2n){margin-right: 0}
.ind5b_p1{font-size: 20px;color: #464646;font-weight: bold}
.ind5b_p2{font-size: 20px;color: #999999}



.index_d6{position: relative; height: 100vh;background-size: 100% 100%;padding:227px 0 0px 0;box-sizing: border-box; overflow: hidden; }

.ind6_bac{ animation: myfirst 10s infinite;}

.ind6_bac{position:absolute; top: 0;left: 0;width: 100%;height: 100%; z-index: -1}
@keyframes myfirst
{
    0% {transform:scale(1);}
    50% {transform:scale(1.1);}
    100%{transform:scale(1);}
}

.index_d6_sw  .swiper-pagination{bottom: 60px;}
.index_d6_sw .swiper-pagination-bullet{width:85px;height: 8px;background:#fff; border-radius: 10px;  opacity: 1 }
.index_d6_sw .swiper-pagination-bullet-active{background:#e42121;}
.ind6_le{width: 505px; padding-top: 60px;}
.ind6_le{display: none;}
.ind6_lep1{font-size:50px;color: #ffffff;margin-bottom:53px ;font-weight: bold; }
.ind6_lep2{font-size:18px;color: #fff;line-height: 25px;margin-bottom: 50px }
.ind6_lep3{display: block; width:155px;height: 55px;line-height: 55px;text-align: center; border:1px solid #fff;color: #fff;transition: all 0.5s }

.ind6_lep3:hover{background: #e31a21;color: #fff;transition: all 0.5s;border:1px solid #e31a21}
.ind6_ri{width:870px}

.in6_sd1 .ind6_ri li {position: relative; margin-bottom: 10px;margin-right: 10px;overflow: hidden;}
.in6_sd1 .ind6_ri li:nth-child(2n){margin-left: 0}
.in6_sd1 .ind6_ri li img{width: 100%;display: block; transition:  all 0.5s}
.in6_sd1 .ind6_ri li:hover img{transition:  all 0.5s; transform: scale(1.1)} 
.in6_sd1 .ind6_ri li:nth-child(3){margin-top: -65px;}

.in6_sd2 .ind6_ri li {position: relative; margin-bottom: 10px;margin-right: 10px;overflow: hidden;}
.in6_sd2 .ind6_ri li:nth-child(2n){margin-left: 0}
.in6_sd2 .ind6_ri li img{width: 100%;width: 100%;display: block;transition:  all 0.5s}
.in6_sd2 .ind6_ri li:hover img{transition:  all 0.5s; transform: scale(1.1)} 

.in6_sd3 .ind6_ri li {position: relative; margin-bottom: 10px;margin-right: 10px;overflow: hidden;}
.in6_sd3 .ind6_ri li:nth-child(2){margin-top: 238px;}
.in6_sd3 .ind6_ri li img{width: 100%;width: 100%;display: block;transition:  all 0.5s}
.in6_sd3 .ind6_ri li:hover img{transition:  all 0.5s; transform: scale(1.1)} 




.index_d7{background: url(../images/ind7_bac.png)no-repeat; background-position: center center; padding-top:110px;height: 100vh;box-sizing: border-box; }

.ind6_ri p{ text-align: center; position: absolute; width: 100%;bottom: 0px;left: 0;height:55px;line-height: 55px;background:rgba(0,0,0,0.5);color: #fff;font-size: 16px; }
.index_d7p1{font-size:16px;color: #323232;line-height: 25px;margin-top:45px;margin-bottom: 55px;  width:855px; }

.index_d7p2{font-size:16px;color: #323232;display: inline-block;margin-right: 10px;vertical-align: middle; }
.ind7_p1{display: inline-block; vertical-align: middle;  background: #e31a21;border-radius: 50%;    padding: 10px 8px;}
.index_d7p2da:hover .ind7_pic1{transform: rotateY(360deg); transition: all 1s}
.ind7_pic1{transition: all 1s}
.ind7_ul{margin-top: 5%}
.ind7_ul li{width: 23.5%;margin-right: 2%;border:1px solid #dedede;height:320px;padding: 70px  30px 0 30px;background:#fff; box-sizing: border-box;}
.ind7_ul li:nth-child(4){margin-right: 0}

.ind7_ul li .ind7_led{width: 120px;height: 120px;background-position: center center;}
.ind7_ul li:nth-child(1) .ind7_led{background:url(../images/ind7_p2.png) no-repeat center; }
.ind7_ul li:nth-child(2) .ind7_led{background:url(../images/ind7_p3.png) no-repeat center; }
.ind7_ul li:nth-child(3) .ind7_led{background:url(../images/ind7_p4.png) no-repeat center; }
.ind7_ul li:nth-child(4) .ind7_led{background:url(../images/ind7_p5.png) no-repeat center; }
.ind7_ulp1{font-size: 60px;color: #000	}
.ind7_ulp2{margin-bottom: 30px;}



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

    .ind3_uls {
    margin-top: 10px;
    margin-bottom: 30px;

}

.maskdd .maskddp1{font-size: 40px;color: #fff;line-height:65px; margin-bottom:20px;}
.maskdd .maskddp2{font-size: 18px;color: #fff;opacity: 0.6;}

.ind3_mi .ind3_pic1 {
    width: 100%;
    height: 237px;
}
.ind3_top p{display: none;}
.index_d6{padding-top: 100px;}
}

@media screen and (max-width: 1500px){
    .nav_top{height: 80px;line-height: 80px;}
    .logo{margin-top: 5px;}
    .ind3_uls{margin-bottom: 20px}
    .ind3_top p{display: none;}
.sw_banner .swiper-button-next{right: calc(50% - 638px);}
.sw_banner .swiper-button-prev {right: calc(50% - 520px)}
.swiper-pagination{left: calc(50% - 632px);}
.ind1_le {width: 617px;}
.ind1_p2{width: 683px}
.ind2_lep3 {width: 482px;}
.ind2_ri{margin-top: 40px;}
.index_d1{padding: 130px 0 60px 0 }
.index_d2{padding:100px 0 110px 0;}
.index_d5{padding:95px 0 60px 0;}
.ind5_ri{width: 1000px;}
.ind5t_le{width: 360px;height: auto;}
.ind5_pic3{width: 100%}
.ind5_ritop{height: auto;}
.ind5t_rip2 {margin-bottom: 10px;}
.ind5b_p1{font-size: 16px;}
.ind5b_p2{font-size: 14px;}


.ind1_le li {
    margin-right: 53px;
}
.index_d3{    padding: 33px 0 100px 0;}
.ind4_d41{font-size: 28px;}
.ind4_d42{margin-bottom: 30px;}
.index_d6{padding: 100px 0 0 0}
.ind6_lep1{font-size: 48px; margin-top: 13vh}
.ind6_le {width: 400px;}
.ind6_lep2{font-size: 16px;}
.index_d7{padding-top: 60px;}
.index_d7p1 {    margin-top: 20px;margin-bottom: 25px;}
.ind7_ul{margin-top: 2%}
}

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

.sw_banner .swiper-button-next{top: 50%}
.sw_banner .swiper-button-prev{top:calc(50% + 95px);}
.ind1_p2{margin-top: -10vh}
.ind3_uls{margin-bottom: 2vh}
.ind3_top p{display: none;}

.ind4_pic1{width: 61.3%}

.ind4_d1 {
    position: absolute;
    top: 19%;
    left: 21%;
}
.ind4_d2 {
    position: absolute;
    top: 23%;
    left: 66%;
}

.ind4_d3 {
    position: absolute;
    top: 73%;
    left: 22%;
}

.ind4_d3_2 {
    position: absolute;
    top: 65%;
    left: 67%;
}
.ind4_d41 {
    font-size: 18px;
}
.ind4_d4{top: calc(50% - 95px);width: 18%;left: calc(50% - 9%)}
.ind4_p3{display: none;}

.index_d6 {
    padding: 40px 0 0 0;
}

.index_d6 .swiper-pagination{display: none;}

.index_d5 {
    padding: 36px 0 36px 0;
}
.ind5_ribot li{height: 60px;line-height: 60px;}

.ind7_ul li{padding: 30px 20px;height: 325px;}
.index_d7p2d{display: none;}
 .ind6_ri{transform: scale(0.8)}
 .ind6_ri {transform: scale(0.8)}
 .ind3_mi {transform: scale(0.9); margin-top: -30px;}
 .ind3_uls{transform: scale(0.9);}
}



@media screen and (max-width: 966px){
    .vivis{height:459px!important}
    .banner{width: 100%;    height: auto!important;}
.banner img{width: 100%;height: auto!important;}
.nav_top{display: none;}
.ind1_le{width: 100%}
.ind1_p1{font-size: 24px;line-height: 30px;}
.ind1_le .ind1_lelip2{font-size: 26px;line-height: 35px;}
.ind1_le li{width: 33%;margin-right: 0}
.index_d3{padding:5vh 0; height: auto!important;}
.ind3_top p{display: block;width: 100%;font-size: 24px;line-height: 30px}
.ind3_uls li{font-size: 24px; margin-bottom: 20px}
.ind3_mi 	li{width: 49%;margin-right: 2%;margin-bottom: 2%}
.ind3_mi li:nth-child(2n){margin-right: 0}
.titles{font-size: 24px;}
.ind1_p2{margin-top: 0px;}

.ind4_d4{width: 100%;position: absolute;top: -80px;left: 0;}
.index_d4{padding: 160px 0 60px 0;}
.index_d4wer{position: relative;}
.ind4_pic1{display: none; margin:0 auto; width: 83.3%}
.ind4_p2{margin-right:20px;margin-top: 10px;}
.ind4_d1{margin-bottom: 40px; position: relative;width: 100%;top: 0;left: 0;padding-top: 120px}
.ind4_d1d{width:90%;text-align: left;}
.ind4_d1dp1{font-size:26px;color: #000000;margin-top: 3px; }
.ind4_d1dp2{font-size:22px;opacity: .5;line-height: 35px;  margin-top: 10px;}
.ind4_d41{font-size:36px;margin-bottom: 17px}
.ind4_d42{font-size:24px; opacity: 0.5;margin-bottom: 50px;line-height: 35px;}

.ind4_d2 {margin-bottom: 40px;position: relative;top: 0;left: 0}
.ind4_d3{margin-bottom: 40px;position: relative;top: 0;left: 0}
.ind4_p3{width: 30%}
.ind4_d3_2 {margin-bottom: 40px;position: relative;top: 0;left: 0}
.ind6_lep2{font-size: 24px;line-height: 30px;}
.index_d6{height: 1105px;margin-bottom: 40px;background:url(../images/ind6_bac.jpg);background-size: 100% 100%}
.ind6_le{width: 100%}
.ind6_lep1{margin-top: 3vh}
.ind6_ri{width: 100%}
.ind6_lep3{font-size: 24px}
.ind6_ri{margin-top: 5vh}
.ind6_ri li {width: 49%!important; margin-right: 1%!important;margin-bottom: 5!important%;height: 223px!important;}
.ind6_ri p{font-size: 24px}
.ind6_ri li:nth-child(3){margin-top: 0!important}
.ind6_ri li img{width: 100%;height: 100%}
.index_d7{padding: 5vh 0; height: auto;}
.index_d7p1{width: 100%;font-size: 24px;line-height: 30px;}
.ind7_ul{margin-top: 40px;}
.ind7_ul li{width: 48%;margin-right: 4%;margin-bottom: 4%; padding: 60px 30px;height: auto;}
.ind7_ul li:nth-child(2n){margin-right: 0	}
.ind7_ulp1p2{font-size: 24px; height: 93px;margin-top: 20px;}

.index_d5{background:#f9f9f9;padding:80px  0 60px 0;box-sizing: border-box;background-position: center center;  }
.ind5_le{width:100%;}
.ind5_ri{width:100%;margin-top: 40px;}

.ind5_pic1{margin-left: 10px; margin-bottom: 0}


.ind5_ritop{background: #fff;width: 100%;padding:40px 40px 40px 35px;box-sizing: border-box;	  }
.ind5_pic4{position: absolute;bottom: -10px;left: -10px}
.ind5_pic3{position: relative; z-index: 2;width: 100%;height: 100%}
.ind5t_le{width: 100%;height:315px;position: relative;}
.ind5t_ri{width:100%; margin-top: 50px }
.ind5t_rip1{font-size:30px;color: #000;padding-bottom:25px;margin-bottom:25px;border-bottom: 1px solid #dedede }
.ind5t_rip2{font-size:24px;line-height: 35px;color: #000000;opacity: 0.5;margin-bottom:60px  }
.ind5t_rip3{font-size:24px;line-height: 35px;color: #000000;opacity: 0.5; margin-top: 10px;}
.ind5_p5{display: block;}
.ind5_ribot{margin-top: 40px;}
.ind5_ribot  li{width: 100%; height: 80px;line-height: 80px;border-bottom: 1px solid #dedede}
.ind5b_p1{font-size: 24px;color: #464646;font-weight: bold}
.ind5b_p2{font-size: 24px;color: #999999}
.ind5_pic2{display: none;}
.index_d5 .ind1_ljwm{display: none;}
    .swiper-container {
    width: auto!important;
    height: auto!important;
    margin-left: auto;
    margin-right: auto;
}
.ind1_ljwm{display: none;}
.ind5_le {margin-top: 40px;}
.ind5_ri {margin-bottom: 40px;}
.ind5t_ri img{display: none;}

 .ind6_ri{transform: scale(1)}
 .ind6_ri {transform: scale(1)}
 .ind3_mi {transform: scale(1);}
  .ind3_uls{transform: scale(1);}
  .ind4_p2d:before{display: none;}
}