.banner{position: relative;overflow: hidden;} .banner video { position: absolute; width: 100%;height: 100%; left: 0px; top: 0; object-fit: cover; } .banner a{} .banner .swiper-slide-active>img { animation: zoom 5s; } .banner_text{z-index: 3;width: 100%;position: absolute;left: 0;top:0%;height: 100%;} .banner_tit{display: inline-block;position: relative;} .banner_tit img{width: 115px!important;height: 28px;} .banner_tit h2{overflow: hidden;} /*.banner .banner_text img{width: 25%;}*/ .banner_text img{position: absolute;right: 0;top: -30px;width: auto;} /*.banner li.first .banner_text img{width: 115px;}*/ .banner_text .wrap{position: relative;width: 100%;height: 100%;} .banner_p{width: 100%;color: #fff;text-align: center;} .banner_p h3{line-height: initial;margin: 8px 0 10px;} .banner_p p{line-height: 25px;} .banner_link{display: block;color: #fff;margin-top: 4%;font-size: 24px;} .banner_link i{font-weight: bold;} .ban_video .video_button{display: none;color: #fff;font-size: 40px;} .banner .swiper-pagination{bottom: 40px;text-align: center;width: 100%;} .banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;margin: 0 5px;opacity: 1;vertical-align: middle;} .banner .swiper-pagination .swiper-pagination-bullet-active{width: 12px;height: 12px;border: 2px solid #fff;border-radius: 100%;background: none;} .blank_25{background: rgba(0,0,0,.25);position: absolute;left: 0;top: 0;width: 100%;height: 100%;} /*视频弹窗*/ .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} /*视频弹窗*/ @media only screen and (max-width:767px) { .ban_video .video_button{display: block;} .banner li{} .banner li>img{display: none;} .banner_text h3{font-size: 16px;} .banner_p p{font-size: 12px;line-height: 20px;} .banner_p p br{display: none;} .banner_link{margin-top: 4px;} .banner .swiper-pagination{bottom: 15px;} .banner .swiper-pagination .swiper-pagination-bullet-active{width: 15px;height: 15px;border-radius: 15px;} .banner_p h3,.banner_p>p,.banner_tit img{display: none;} .video_appbox .video_t{height: auto;background: none;} .video_appbox video{height: auto;} } /*index_01*/ .index_01{padding: 6% 0;box-sizing: border-box;overflow: hidden;} .index_js .l{float: left;width: 24%;text-align: right;} .index_js .r{float: left;width: 76%;padding: 0 7%;box-sizing: border-box;} .index_js-edit .edit_con_original{line-height: 30px;} .index_js .r ul{margin: 40px 0;overflow: hidden;} .index_js .r ul li{width: 20.5%;margin-right: 6%;float: left;color: #3d3d3d;} .index_js .r ul li:last-child{margin-right: 0;} .index_js .r ul li dd em{display: inline-block;vertical-align: top;font-weight: bold;margin-left: 5px;} .live_div a{color: #fff;border-radius: 3px;overflow: hidden;display: inline-block;} .live_div span{float: left;width: 65px;height: 55px;text-align: center;background: #910e0a;font-size: 30px;line-height: 55px;color: #fff!important;} .live_div p{width: 195px;height: 55px;line-height: 55px;background: #b8120d;text-align: center;float: left;color: #fff!important;transition: all .3s;} /*index_02*/ .index_02{color: #fff;box-sizing: border-box;overflow: hidden;position: relative;} .index_02-div{position: absolute;left: 0;top: 0%;width: 100%;height: 100%;padding: 5% 0 8%;} .start_year{width: 100%;} .start_year .l{float: left;width: 19%;padding-left: 4%;box-sizing: border-box;} .start_year .r{float: left;width: 81%;text-align: left;margin-top: 8%;} .start_year h2{margin-bottom: 40px;} .year_edit{height: 210px;overflow: hidden;} .year_edit .edit_con_original{line-height: 30px;color: #fff;} .start_year .gj_btn{display: inline-block;width: 100%;padding-left: 19%;} .gj_btn{text-align: left;margin-top: 40px;} .gj_btn a{display: inline-block;height: 50px;line-height: 50px;text-align: center;padding: 0 50px;background: #b8120d;color: #fff!important;border-radius: 3px;} .progress-moved>img { animation: zoom 5s; } /*index_03*/ .index_03{position: relative;overflow: hidden;} .stuff_img{height: 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .stuff_img li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .3s;} .stuff_img li.on{opacity: 1;} .stuff_list{height: 100%;position: relative;z-index: 2;} .stuff_list ul{height: 100%;} .stuff_list .swiper-container{height: 100%;} .stuff_list li{float: left;width: 20%;border-right: 1px solid rgba(255,255,255,.16);height: 100%;position: relative;color: #fff;box-sizing: border-box;} .stuff_list li a{color: #fff;display: none;} .stuff_list dl{padding: 0 10%;box-sizing: border-box;} .stuff_list dd{margin-bottom: 30px;} .stuff_list dd h2{transition: all .3s;} .stuff_list dd em{width: 0;height: 1px;background: rgba(255,255,255,.42);transition: all .5s;display: block;} .stuff_list dt{overflow: hidden;} .stuff_list dt p{line-height: 28px;height: 0;transition: all .3s;overflow: hidden;} .stuff_link{display: block;} .stuff_list .lhl_but{display: none;} .series_tab li.on{color: #b8120d;} .stuff_list li.on dd h2{font-size: 72px;} .stuff_list li.on dd em{width: 80%;margin-top: 50px;} .stuff_list li.on dt p{margin-top: 20px;height: auto;max-height: 224px;overflow: hidden;} .stuff_list li.on .stuff_link{margin-top: 30px;} .stuff_list li{background-size: cover!important;} /*.stuff_list li:first-child.on{background: url(../images/stuff_img1.png) no-repeat center right;background-size: cover;}*/ /*.stuff_list li:nth-child(2).on{background: url(../images/stuff_img2.png) no-repeat center right;background-size: cover;}*/ /*.stuff_list li:nth-child(3).on{background: url(../images/stuff_img1.png) no-repeat center right;background-size: cover;}*/ /*.stuff_list li:nth-child(4).on{background: url(../images/stuff_img2.png) no-repeat center right;background-size: cover;}*/ /*.stuff_list li:nth-child(5).on{background: url(../images/stuff_img1.png) no-repeat center right;background-size: cover;}*/ /*index_04*/ .index_04{position: relative;overflow: hidden;} .series_img{height: 100%;position: absolute;left: 0;top: 0;width: 100%;} .series_img li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .3s;} .series_img li.on{opacity: 1;z-index: 2;} .series_tab{margin-top: 4%;box-sizing: border-box;position: relative;z-index: 2;} .series_tab ul{padding: 0 8%;box-sizing: border-box;} .series_tab li{float: left;width: 25%;padding: 20px 0;border-left: 1px solid #c5c0bf;box-sizing: border-box;text-align: center;transition: all .3s;} .series_tab li dl{display: inline-block;text-align: left;max-width: 94%;} .series_tab li dd{float: left;width: 80px;height: 115px;} .series_tab li dt{float: left;padding-top:30px;margin-left: 5px;width: calc(100% - 85px);} .series_tab li dt h3{margin-bottom: 7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .series_tab li dt p{margin-bottom: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .series_tab li dt span{font-size: 18px;font-weight: bold;margin-left: -4px;display: none} .series_tab li.on{color: #b8120d;} .series_phone{display: none;} .series_phone li dd{padding: 20px 0;overflow: hidden;text-align: center;} .series_phone li dd .l{display: inline-block;vertical-align: middle;} .series_phone li dd .r{display: inline-block;text-align: left;vertical-align: middle;} .series_phone li dd img{width: 80px;} .series_phone .lhl_but{display: none;} /*index_05*/ .index_05{padding: 6% 0;box-sizing: border-box;overflow: hidden;} .index_tit{overflow: hidden;margin-bottom: 60px;} .index_tit-t i{display: inline-block;vertical-align: bottom;color: #444444;margin-left: 8px;} .index_tit-b{margin-top: 25px;} .index_tit-b p{float: left;width: 70%;} .index_tit-b .gj_btn{float: right;margin-top: 0;} .index_newSwi{position: relative;} .index_newSwi dd{overflow: hidden;} .index_newSwi dt{padding: 30px 10px 10px;box-sizing: border-box;} .index_newSwi dt span{display: block;width: 45px;height: 2px;background: #c32823;margin-bottom: 25px;} .index_newSwi dt p{height: 70px;line-height: 35px;overflow: hidden;} .lhl_but{display: none;} .lhl_but div{background: none;width: 60px;height: 60px;background: #fdfdfd;border-radius: 100%;text-align: center;margin-top: 0px;font-size: 22px;line-height: 60px;color: #15101d;transition: all .3s; box-shadow: 0 0 10px rgba(0,0,0,0.4);font-weight: bold;top: 32%;} .lhl_but div.swiper-button-prev{left: -30px;} .lhl_but div.swiper-button-next{right: -30px;} /*index_06*/ .index_06{margin-bottom: 2px;} .passage_l{float: left;width: 53%;height: 100%;} .passage_l dl,.passage_l dd,.passage_l dt{height: 100%;} .passage_l dl{position: relative;} .passage_l dd img{height: 100%;} .passage_l dt{position: absolute;left: 0;top: 0;width: 100%;padding: 50px 60px;box-sizing: border-box;color: #fff;} .passage_tit h2{margin-bottom: 5px;} .passage_tit h2 a{color: #fff;} .passage_tit h2 i{display: inline-block;vertical-align: bottom;margin-left: 5px;} .passage_list{padding: 0 5%;box-sizing: border-box;margin-top: 14%;} .passage_list li{float: left;width: 25%;padding: 0 10px;box-sizing: border-box; position: relative;} .passage_list li a{background: rgba(255,255,255,.12);display: block;padding: 40px 0;text-align: center;} .passage_list li a img{max-width: 90%;vertical-align: middle;} .passage_list li span{opacity: 0; position: absolute; left:50%; top:50%; margin: -32px 0 0 -40px; width: 80px; height: 80px;transition: all .3s;} .passage_list li span img{width: 100%; height: 100%;} .passage_r{float: left;width: 47%;padding-left: 5px;box-sizing: border-box;height: 100%;} .passage_r dl{height: calc((100% - 5px) / 2);margin-bottom: 5px;} .passage_r dl:last-child{margin-bottom: 0;} .passage_r dd,.passage_r dt{height: 100%;} .passage_r dl{position: relative;} .passage_r dd img{height: 100%;} .passage_r dt{position: absolute;left: 0;top: 0;width: 100%;padding: 50px 55px;box-sizing: border-box;color: #fff;} .passage_r dt .passage_tit p a.tel_link{color: #fff!important;cursor: inherit;} .passage_r dt a{color: #fff;} .phone_edit{display: none;} @keyframes zoom { 0% { transform: scale3d(1, 1, 1); } 100% { transform: scale3d(1.2, 1.2, 1.2); } } @keyframes shine { 0% { background-position-x:400%; } 50% { background-position-x:0%; } 100% { background-position-x:-400%; } } @media only screen and (min-width:1025px) { .passage_l:hover .passage_list li a img{transform: scale(1,1);-webkit-transform: scale(1,1);} .passage_list li a:hover img{transform: scale(1.1,1.1)!important;-webkit-transform: scale(1.1,1.1) !important;} /*.series_tab li:first-child:hover{background: url(../images/stuff_img1.png) no-repeat center right;background-size: cover;}*/ .passage_list li:hover span{opacity: 1;} .gj_btn a:hover{ background: none; background: linear-gradient(-45deg, #b8120d 40%, #eb4b46 50%, #b8120d 70%); background-size: 700% 100%; animation: shine 15s linear infinite; } .live_div p:hover{ background: none; background: linear-gradient(-45deg, #b8120d 40%, #eb4b46 50%, #b8120d 70%); background-size: 700% 100%; animation: shine 15s linear infinite; } } @media only screen and (max-width:1560px) { .series_tab{margin-top: 3%;} .series_tab li{padding: 12px 0;} .stuff_list li.on dd h2{font-size: 60px;} .stuff_list li.on dd em{margin-top: 30px;} .stuff_list li.on dt p{margin-top: 0px;height: auto;max-height: 360px;overflow: hidden;} } @media only screen and (max-width:1366px) { .series_tab ul{padding: 0 5%;} .passage_list li a{padding: 30px 0;} } @media only screen and (max-width:1024px) { .index_02{height: auto!important;padding: 60px 0;background-position: left!important;} .index_02>img{display: none;} .index_02-div{position: static;} .start_year{position: static;transform: none;} .index_02-div{padding: 0;} .stuff_list li.on dd h2{font-size: 40px;} .stuff_list li.on dd em{margin-top: 10px;} .stuff_list dd{margin-bottom: 10px;} /*.stuff_list li.on dt p{max-height: 140px;}*/ .stuff_list li.on .stuff_link{margin-top: 15px;} .series_tab ul{padding: 0;} .series_tab li{padding: 5px 0 0;} .series_tab li dd{width: 35px;height: 50px;} .series_tab li dt{padding-top: 0;} .series_tab li dt h3{margin-bottom: 0;} .series_tab li dt p{margin-bottom: 0;} .passage_list{padding: 0;margin-top: 10%;} .passage_l dt{padding: 30px 30px;} .passage_list li{padding: 0 5px;} .passage_list li a{padding: 15px 0;} .passage_r dt{padding: 20px;} .passage_list li span{ opacity: 1; display: none;} .stuff_list li.on dt p{max-height: 220px;} } @media only screen and (max-width:767px) { .lhl_but div{width: 30px;height: 30px;line-height: 30px;} .lhl_but div.swiper-button-prev{left: 0;} .lhl_but div.swiper-button-next{right: 0;} .index_01{padding: 30px 0;} .index_js .l,.index_js .r{width: 100%;} .index_js .l{text-align: left;margin-bottom: 10px;} .index_js .r{padding: 0;} .index_js .r ul{margin: 20px 0 10px;} .index_js .r ul li{width: 50%;margin-right: 0;margin-bottom: 20px;text-align: center;} .index_js-edit .edit_con_original{height: 120px;overflow: hidden;} .live_div{text-align: center;} .live_div span{width: 50px;height: 40px;font-size: 24px;line-height: 40px;} .live_div p{line-height: 40px;height: 40px;width: 150px;} .index_02{padding: 50px 0;} .start_year .r{margin-top: 10px;} .start_year h2{margin-bottom: 20px;} /*.year_edit .edit_con_original{height: 120px;overflow: hidden;}*/ .gj_btn{text-align: center;display: inline-block; width: 100%;} .gj_btn a{padding: 0 30px;height: 40px;line-height: 40px;} .start_year .gj_btn{padding-left: 0;} .index_03{height: auto!important;} .stuff_img{} .stuff_img li img{display: none;} .stuff_list{position: relative;} .stuff_list li{border-right: 0;} .stuff_list dl{position: static;transform: none;padding: 40px 30px;} .stuff_list li.on dt p{height: 196px;max-height: 196px;} /*.stuff_list .swiper-container{background: #b46f68;}*/ .stuff_list .lhl_but{display: block;} .stuff_list .lhl_but div{top: 50%;margin-top: -15px;} .index_04{height: auto!important;} .series_pc{display: none;} .series_phone{display: block;} .series_phone dl{height: auto!important;} .series_phone dd{position: relative;z-index: 2;} .series_phone dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;position: static;} .series_phone .lhl_but{display: block;} .series_phone .lhl_but div{top: 40px;} .series_phone .lhl_but div.swiper-button-prev{left: 20px;} .series_phone .lhl_but div.swiper-button-next{right: 20px;} .series_phone li dd{background: rgba(255,255,255,0.2);} .series_phone li dd img{width: 50px;} .index_05{padding: 30px 0;} .index_tit{text-align: center;margin-bottom: 40px;} .index_tit-b p{width: 100%;} .index_tit-b{margin-top: 10px;} .index_tit-b .gj_btn{width: 100%;margin-top: 20px;} .index_newSwi li{position: relative;} .index_newSwi dt{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.7);width: 100%;color: #fff;padding: 10px;} .index_newSwi dt span{display: none;} .index_newSwi dt p{line-height: 30px;height: 60px;} .index_06{overflow: hidden;height: auto!important;} .passage_l,.passage_r{width: 100%;} .passage_r{padding-left: 0;margin-top: 5px;} .pc_edit{display: none;} .phone_edit{display: block;} .passage_list li span{margin-top: -35px;} } @media only screen and (max-width:345px) { .passage_list{margin-top: 8px;} }