.banner a{display: block;} .banner .swiper-slide{position: relative;} .banner .swiper-slide img{transform: scale(1);width: 100%;} .banner .swiper-slide-active img{animation: imgBig 80s linear 0.4s;} .banner .swiper-pagination-bullet{width: 12px;height: 12px;} .banTitle{margin-top: 50px; background: rgba(185,34,33,0.66);font-size: 0; padding: 40px 41px 40px 40px; position: absolute;top: 50%;right:32%;transform: translateY(-50%);display: none;} .banTitle:after{content: '';display: block; border: 1px solid rgba(255,255,255,0.2);width: 90%;height: 95%;} .banTitle p{font-size: 15px;line-height: 18px; width: 25px;text-align: center; color: rgba(255,255,255,0.6);display: inline-block;vertical-align: top;} .banTitle p span{font-size: 15px;color: rgba(255,255,255,0.6);display: inline-block;transform: rotateZ(90deg) translateY(13px) translateX(14px);text-transform: uppercase;} .banTitle p:nth-child(2){padding-right: 10px;border-right: 1px solid rgba(255,255,255,0.2);} .banTitle p i{display: block;font-style: inherit;line-height: 10px;color: rgba(255,255,255,0.6);text-align: center;} .banTitle p:nth-child(2) span{transform: rotateZ(90deg) translateY(2px) translateX(5px);} .banTitle h2{ font-size: 26px;width: 45px;line-height: 36px; margin-left: 15px;color: #fff;font-weight: normal;display: inline-block;vertical-align: top;} .banTitle h2, .banTitle p{transform: translateY(50px);opacity: 0;transition: all 1.2s ease-in-out 0.4s;} .banTitle p:nth-child(2){transition: all 1.2s ease-in-out 0.7s;} .banTitle p:nth-child(1){transition: all 1.2s ease-in-out 1s;} .banner .swiper-slide-active .banTitle h2, .banner .swiper-slide-active .banTitle p{transform: translateY(0);opacity: 1;} @keyframes imgBig{ 0%{transform: scale(1);} 33%{transform: scale(1.2);} 66%{transform: scale(1.2);} 100%{transform: scale(1);} } .banner .swiper-pagination-bullet{background: #fff;border: 1px solid transparent;opacity: 1;margin: 0 8px !important;} .banner .swiper-pagination-bullet-active{background: transparent;border-color: #B92221;} .banner .swiper-button-next i, .banner .swiper-button-prev i{color: #fff;font-size: 20px;} .banner .swiper-button-next, .banner .swiper-button-prev{width: 50px;height: 140px;background: rgba(0,0,0,0.5);text-align: center;line-height: 140px;margin-top: -70px;} .banner .swiper-button-next, .banner .swiper-button-prev{transform: translate(0,0);top: auto;bottom: 28px;width: 25px;height: 25px;margin-top: 0;line-height: 25px;z-index: 11;} .banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 12px;} .banner .swiper-button-prev{left: 42%;} .banner .swiper-button-next{right: 42%;} .banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{background: #000;} .banner .swiper-pagination{bottom: 30px;} .title{padding-top: 80px;text-align: center;margin-bottom: 60px;} .title h2{color: #101418;font-size: 30px;margin-bottom: 10px;} .title p{color: #101418;font-family: arial;opacity: 0.5;text-transform: uppercase;} .title p span{display: inline-block;vertical-align: middle;width: 125px;height: 1px;background: #101418;margin: 0 20px;} .inAbout{background: #F7F7F7 url(../images/indexbg_02.jpg) no-repeat center bottom;padding-bottom: 30px;} .about1{width: 48%;margin-right: 3%;} .aboutVideo{width: 49%;border: 2px solid #D9D9D9;box-sizing: border-box;} .about1 h3{font-size: 24px;color: #b81c22;} .about1 .line{width: 60px;height: 2px;background: #D0D0D0;display: block;margin: 15px 0;} .about1 p{color: #666666;line-height: 30px;} .more{line-height: 35px;background: #B92221;color: #fff;text-transform: uppercase;display: block;width: 190px;border-radius: 30px;text-align: center;} .about1 .more{margin-top: 30px;} .aboutBar{margin-top: 45px;padding: 55px 0;} .aboutBar .swiper-slide{width: 125px;} .aboutBar .swiper-scrollbar{opacity: 1 !important;background: #D9D9D9;} .aboutBar .swiper-scrollbar-drag{background: #B92221;} .aboutBar b{color: #b81c22;font-size: 48px;font-family: "times new roman";margin-right: 13px;} .aboutBar h3{border-bottom: 1px solid #DFDFDF;padding-bottom: 10px;} .aboutBar p{color: #333;line-height: 22px;} .inYw{background: #fff url(../images/indexbg_04.jpg) no-repeat center bottom;padding-bottom: 150px;} .sfq li{width: 25%;overflow: hidden;height: 422px;} .sfq li.active{width: 50%;} .sfq li div{background: #AD292E;} .sfq li div div{text-align: center;} .sfq li a{display: block;margin-bottom: 20px;font-size: 18px;color: #fff;} .sfq li figure{position: relative;width: 33.333%;} .sfq li figure p{position: absolute;display: block; width: 100%;left: 0;text-align: center;bottom: 45px;font-size: 24px;font-weight: bold;color: #333333;} .sfq li figure p:after, .sfq li div div a:after{position: absolute;content: '';display: block; width: 30px;height: 1px;background: #fff;opacity: 0;bottom: -100px;left: 50%;margin-left: -15px;} .sfq li figure p:after{background: #AD292E;} .sfq li.active figure p{color: #AD292E;} .sfq li div div, .sfq li.active figure{width: 50%;} .sfq li>div{width: 600px;} .sfq li.active figure p:after{bottom: -15px;} .sfq li figure p:after{bottom: -15px;} .sfq li div div a{position: relative;} .sfq li div div a:after{bottom: -5px;width: 65px;margin-left: -32px;} .sfq li.active figure p:after, .sfq li div div a:hover:after{opacity: 1;} .boyaList li{width: 33.333%;} .boyaList li img{display: block;width: 100%;height: auto;} .boyaList li a{display: block;position: relative;} .boyaList li div{position: absolute;left: 40px;bottom: 30px;z-index: 2;height: 31px;box-sizing: border-box;} .boyaList li h3{font-size: 24px;font-weight: normal;color: #fff;} .boyaList li p{color: #fff;margin-left: 1em; font-size: 18px;font-family: arial; text-transform: uppercase;opacity: 0.5;display: inline-block;} .boyaList li a:after{content: '';display: block;position: absolute; width: 100%;z-index: 1; height: 100%;left: 0;top: 0;background: #AD292E;opacity: 0;} .boyaList li:hover a:after{opacity: 0.9;} .boyaList li:hover div{width: 228px;padding-top: 50px; text-align: center; height: 228px;border-radius: 50%;left: 50%;bottom: 50%;transform: translate(-50%,50%);background: #fff;} .boyaList li:hover h3{color: #000;font-size: 20px;} .boyaList li:hover p{margin-left: 0;width: 100%;color: #000;} .boyaList li span{width: 57px;height: 0; display: block;margin: 0 auto;background: url(../images/boya02.png) no-repeat center;} .boyaList li:nth-child(1) span{background-image: url(../images/index_21.png);} .boyaList li:nth-child(3) span{background-image: url(../images/index_25.png);} .boyaList li:hover span{height: 57px;margin-bottom: 30px;} .boyaList li div:after{content: '';display: block;width: 110%;height: 110%;border: 1px dashed rgba(255,255,255,0.5);border-radius: 50%;opacity: 0;} .boyaList li:hover div:after{opacity: 1;} .inAbout .divBox{font-size: 0;} .index_con3{padding-bottom: 90px; /* background: url(../images/indexbg_04.jpg) no-repeat center bottom; */ } .con3_list1{margin:0 auto;} .con3_list1:after{display: block;clear: both;content: '';} .con3_left{width: 34.5%;display: inline-block;vertical-align: top;position: relative;} .con3_left img{width: 100%;} .con3_list2{position: absolute;bottom:0;left:0;width: 100%;padding:15px 20px;box-sizing: border-box;background: rgba(0,0,0,.6);color: white;font-size: 16px;} .con3_list2 p{transform: translateX(100px);opacity: 0;color: #fff;width: 94%;} .con3_left .swiper-slide-active .con3_list2 p{transform: translateX(0);opacity: 1;} .con3_left .swiper-button-next,.con3_left .swiper-button-prev{width: 26px;height: 26px;text-align: center;line-height:26px;color: white;font-size:16px;font-family: kaiti;background: none;border: 1px solid rgba(250,250,250,.7);} .con3_left .swiper-button-next{top:95.5%;right:10px;} .con3_left .swiper-button-prev{top:95.5%;left: inherit;right:46px} .con3_right{width: 63%;display: inline-block;vertical-align: top;float: right;} .con3_right_list1{line-height: 48px;background: #e8e8e8;} .con3_right_list1 ul{font-size: 0;display: inline-block;vertical-align: top;} .con3_right_list1 li{display: inline-block;vertical-align: top;width: 170px;text-align: center;color: #444444;font-size: 16px;cursor: pointer;position: relative;box-sizing: border-box;} .con3_right_list1 li:after{content: '';display: inline-block;width: 1px;height: 20px;position: absolute;right: 0;background: #999;top:35%} .con3_right_list1 li:hover,.con3_right_list1 li.active{background: #B92221;color: white;} .con3_right_list1 li:last-child:after{display: none;} .con3_right_list1>a{float: right;font-size: 14px;color: #777;margin-right: 30px;} .con3_right_list1>a{display: none;} .con3_right_list1>a:nth-of-type(1){display: block;} .con3_right_list1>a:hover, .con3_right_list1>a:hover span{color: #B92221 ;} .con3_right_list1>a span{font-family: kaiti;} .con3_right_u2{background: #f6f6f6;display: none;} .con3_right_u2 li{padding: 25px;box-sizing: border-box;border-bottom: 1px solid lightgray;} .con3_right_u2 li:last-child{border: none;} .con3_right_u2 li:after{content: '';display: block;clear: both;} .con3_right_aside{display: inline-block;vertical-align: middle;text-align: right;} .con3_right_aside time{display: block;font-size: 28px;color: #777777;} .con3_right_aside span{font-size: 14px;color: #999;} .con3_right_div1{display: inline-block;vertical-align: middle;width: 85%;float: right;} .con3_right_div1 h3{font-size: 16px;color: #444;font-weight: bold;} .con3_right_div1 p{font-size: 14px;color: #777;margin-top: 10px;} .con3_right_u2 li .line{width: 0;height: 2px;background: #B92221;display: inline-block;vertical-align: middle;font-size: 0;} .con3_right_u2 li:hover .line{width: 30px;height: 2px;margin-right: 15px;} .con3_right_u2 li:hover h3, .con3_right_u2 li:hover p{color: #B92221;} .index_con3 .more{margin: 70px auto 0;} .inContact{background: #F7F7F7;} .inContact .divBox{padding-bottom: 70px;border-bottom: 1px solid #D8D8D8;} .inContact .inMap{margin-right: 110px;} .inContact figure{position: relative;} .inContact .inMap>img{display: none;width: 100%;height: auto;} .inContact figure a{position: absolute;display: inline-block;} .inContact figure a:nth-child(2){left: 583px;top: 90px;} .inContact figure a:nth-child(3){left: 563px;top: 166px;} .inContact figure a:nth-child(4){left: 487px;top: 195px;} .inContact figure a:nth-child(5){left: 444px;top: 236px;} .inContact figure a:nth-child(6){left: 341px;top: 256px;} .inContact figure a:nth-child(7){left: 406px;top: 290px;} .inContact figure a:nth-child(8){left: 568px;top: 322px;} .inContact figure a:nth-child(9){left: 329px;top: 350px;} .inContact figure a:nth-child(10){left: 384px;top: 402px;} .inContact figure a:nth-child(11){left: 409px;top: 448px;} .inContact figure a:nth-child(12){left: 486px;top: 449px;} .inContact figure a:nth-child(13){left: 128px;top: 161px;} .inContact figure a span{width: 12px;height: 12px;border-radius: 50%;background: #B92221;display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;} .inContact figure a span:after, .inContact figure a span:before{content: '';display: block;border-radius: 50%; width: 100%;height: 100%;background: #B92221;} .inContact figure a:hover span:after{animation: spanScal 3s linear infinite;} .inContact figure a:hover span:before{animation: spanScal 3s linear 1s infinite;} .inContact figure a:nth-child(4) span:after{animation: spanScal 3s linear infinite;} .inContact figure a:nth-child(4) span:before{animation: spanScal 3s linear 1s infinite;} .inContact figure a:nth-child(8) span:after{animation: spanScal 3s linear infinite ;} .inContact figure a:nth-child(8) span:before{animation: spanScal 3s linear 1s infinite;} @keyframes spanScal{ from{width: 100%;height: 100%;opacity: 1;} to{width: 800%;height: 800%;opacity: 0;} } .address i{width: 65px;height: 65px;text-align: center;line-height: 65px;background: #EBEAEA;font-size: 30px;display: block;color: #000;border-radius: 50%;} .address h3{color: #333;font-size: 20px;font-weight: normal;margin: 15px 0 8px;} .address h4{color: #b81c22;font-family: "times new roman";font-size: 36px;} .address h5{font-size: 16px;color: #2f2f34;padding-bottom: 10px;border-bottom: 1px solid #E5E5E5;margin-bottom: 10px;} .address h5 span{width: 26px;height: 26px;display: inline-block;margin-right: 10px;vertical-align: bottom;background: url(../images/add01.png) no-repeat center;} .address li{margin-top: 45px;} .address li:hover h5 span{background-image: url(../images/add02.png);} .address li:nth-child(2) h5 span{background-image: url(../images/add03.png);} .address li:nth-child(2):hover h5 span{background-image: url(../images/add04.png);} .address p, .address p span{font-size: 15px;color: #2f2f34;line-height: 22px;} .address p span{display: inline-block;vertical-align: top;} .inContact .more{margin: -50px auto 0;} .listBox .swiper-slide{z-index: 9;} /* .proList li(2n+1){z-index: 10;} */ /*.listBox .swiper-container{padding-bottom: 30px;}*/ .proList{ /* width: 183.326%; */ width: 100%; transition: transform 0.6s ease-in-out;} .proList li h3, .proList li p{color: #fff;font-size: 14px;} .proList li p{font-size: 12px;text-transform: uppercase;font-family: arial;opacity: 0.3;} .proList li{ /* width: 9.09%; */ width: 16.6666666%; height: 148px;position: relative;z-index: 9;float: left;box-sizing: border-box;} .proList li:nth-child(1), .proList li:nth-child(2), .proList li:nth-child(3), .proList li:nth-child(4), .proList li:nth-child(5), .proList li:nth-child(6), .proList li:nth-child(7), .proList li:nth-child(8), .proList li:nth-child(9), .proList li:nth-child(10), .proList li:nth-child(11){z-index: 10;} .proList li a{position: absolute;border-bottom: 1px solid rgba(255,255,255,0.5);border-right: 1px solid rgba(255,255,255,0.5); top: 0;left: 0; display: block;background-color: #B92221;padding-top: 55px;box-sizing: border-box;height: 148px;width: 100%;z-index: 999;} .proList li a:after{content: '';display: block;width: 95%;height: 90%;opacity: 0;border: 1px solid #fff;} .proList li:hover a{padding-top: 65px;border-bottom-color: #7b0202; height: 168px;background: #7b0202 url(../images/logobg.png) no-repeat right bottom;} .proList li:hover a:after{opacity: 1;} .proList li:hover h3{font-size: 18px;font-weight: bold;} .proList li:hover p{font-size: 15px;font-weight: bold;} .proList li:hover a span{transform: scale(1.1);} .proList li a span{margin-left: 10px; width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 16px; border-radius: 50%;background: #fff url() no-repeat center;margin-right: 10px; vertical-align: middle;} .proList li a div{max-width: 210px;vertical-align: middle;} .listBox{position: relative;overflow: hidden;margin-top: 30px;} .listBox .swiper-prev{padding: 30px 0 30px;text-align: center;} .listBox .swiper-prev i{cursor: pointer; display: inline-block;vertical-align: middle;width: 30px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;margin: 0 10px;background: #B92221;} .listBox .swiper-pagination{width: 100%;} .listBox .swiper-pagination span{background: #B92221;position: relative;margin: 0 10px;opacity: 1;} .listBox .swiper-pagination span:after{content: '';display: block;width: 140%;height: 140%;border-radius: 50%;border: 1px solid #B92221;opacity: 0;} .listBox .swiper-pagination .swiper-pagination-bullet-active:after, .listBox .swiper-pagination .swiper-pagination-bullet:hover:after{opacity: 1;} .newsList2 li:hover .divBox>a i, .zjgwList li:hover>a i{animation: aMove 0.4s linear;} .proList li:nth-child(1) span{background: #fff url(../images/pro06-1.png) no-repeat center;} .proList li:nth-child(2) span{background: #fff url(../images/pro08-1.png) no-repeat center;} .proList li:nth-child(3) span{background: #fff url(../images/pro21-1.png) no-repeat center;} .proList li:nth-child(4) span{background: #fff url(../images/pro19-1.png) no-repeat center;} .proList li:nth-child(5) span{background: #fff url(../images/pro16-1.png) no-repeat center;} .proList li:nth-child(6) span{background: #fff url(../images/pro10-1.png) no-repeat center;} .proList li:nth-child(7) span{background: #fff url(../images/pro13-1.png) no-repeat center;} .proList li:nth-child(8) span{background: #fff url(../images/pro11-1.png) no-repeat center;} .proList li:nth-child(9) span{background: #fff url(../images/pro15-1.png) no-repeat center;} .proList li:nth-child(10) span{background: #fff url(../images/pro18-1.png) no-repeat center;} .proList li:nth-child(11) span{background: #fff url(../images/pro12-1.png) no-repeat center;} .proList li:nth-child(12) span{background: #fff url(../images/pro07-1.png) no-repeat center;} .proList li:nth-child(13) span{background: #fff url(../images/pro20-1.png) no-repeat center;} .proList li:nth-child(14) span{background: #fff url(../images/pro17-1.png) no-repeat center;} .proList li:nth-child(15) span{background: #fff url(../images/pro02-1.png) no-repeat center;} .proList li:nth-child(16) span{background: #fff url(../images/pro09-1.png) no-repeat center;} .proList li:nth-child(17) span{background: #fff url(../images/pro14-1.png) no-repeat center;} .proList li:nth-child(18) span{background: #fff url(../images/pro04-1.png) no-repeat center;} .proList li:nth-child(19) span{background: #fff url(../images/pro05-1.png) no-repeat center;} .proList li:nth-child(20) span{background: #fff url(../images/pro03-1.png) no-repeat center;} .proList li:nth-child(21) span{background: #fff url(../images/pro01-1.png) no-repeat center;} .proList li:nth-child(22) span{background: #fff url(../images/pro06-1.png) no-repeat center;} .proList li:nth-child(23) span{background: #fff url(../images/pro06-1.png) no-repeat center;} .proList li:nth-child(24) span{background: #fff url(../images/pro06-1.png) no-repeat center;} .proList li:nth-child(1):hover span{background: #fff url(../images/pro06-2.png) no-repeat center;} .proList li:nth-child(2):hover span{background: #fff url(../images/pro08-2.png) no-repeat center;} .proList li:nth-child(3):hover span{background: #fff url(../images/pro21-2.png) no-repeat center;} .proList li:nth-child(4):hover span{background: #fff url(../images/pro19-2.png) no-repeat center;} .proList li:nth-child(5):hover span{background: #fff url(../images/pro16-2.png) no-repeat center;} .proList li:nth-child(6):hover span{background: #fff url(../images/pro10-2.png) no-repeat center;} .proList li:nth-child(7):hover span{background: #fff url(../images/pro13-2.png) no-repeat center;} .proList li:nth-child(8):hover span{background: #fff url(../images/pro11-2.png) no-repeat center;} .proList li:nth-child(9):hover span{background: #fff url(../images/pro15-2.png) no-repeat center;} .proList li:nth-child(10):hover span{background: #fff url(../images/pro18-2.png) no-repeat center;} .proList li:nth-child(11):hover span{background: #fff url(../images/pro12-2.png) no-repeat center;} .proList li:nth-child(12):hover span{background: #fff url(../images/pro07-2.png) no-repeat center;} .proList li:nth-child(13):hover span{background: #fff url(../images/pro20-2.png) no-repeat center;} .proList li:nth-child(14):hover span{background: #fff url(../images/pro17-2.png) no-repeat center;} .proList li:nth-child(15):hover span{background: #fff url(../images/pro02-2.png) no-repeat center;} .proList li:nth-child(16):hover span{background: #fff url(../images/pro09-2.png) no-repeat center;} .proList li:nth-child(17):hover span{background: #fff url(../images/pro14-2.png) no-repeat center;} .proList li:nth-child(18):hover span{background: #fff url(../images/pro04-2.png) no-repeat center;} .proList li:nth-child(19):hover span{background: #fff url(../images/pro05-2.png) no-repeat center;} .proList li:nth-child(20):hover span{background: #fff url(../images/pro03-2.png) no-repeat center;} .proList li:nth-child(21):hover span{background: #fff url(../images/pro01-2.png) no-repeat center;} .proList li:nth-child(22):hover span{background: #fff url(../images/pro06-2.png) no-repeat center;} .proList li:nth-child(23):hover span{background: #fff url(../images/pro06-2.png) no-repeat center;} .proList li:nth-child(24):hover span{background: #fff url(../images/pro06-2.png) no-repeat center;} .more{position: relative;} .more i{color: #fff;display: inline-block;opacity: 0;font-size: 14px;position: absolute;top: 0;right: 50px;} .more:hover i{animation: aMove 0.6s ease-in-out;opacity: 1;} .more:hover{animation: aMove1 0.6s ease-in-out;} @keyframes aMove{ 0%{transform: translateX(0);opacity: 1;} 50%{transform: translateX(15px);opacity: 0;} 51%{transform: translateX(-15px);opacity: 0;} 100%{transform: translateX(0);opacity: 1;} } @keyframes aMove1{ 0%{transform: scale(1);} 30%{transform: scale(1.05);} 70%{transform: scale(0.95);} 100%{transform: scale(1);} } .address{width: 425px;} .address li>span{display: inline-block;vertical-align: top;margin-top: 10px;} .address li>span:hover{color: #b81c22;} .address li>span:after{content: '';display:inline-block;vertical-align: middle;width: 1px;height: 14px;background: #444;margin:0 5px 0 10px;} .address li>span:last-child:after{display: none;} .proList li:hover h3{font-size: 14px;} .proList li:hover p{font-size: 12px;} .index_con3,.inYw{padding-bottom: 50px;} .title{padding-top: 50px;} .sfq{text-align: center;} .sfq li{text-align: left;} .sfq li.active1{width: 16.6666%;} .sfq li figure{width:50%}