锘?index_01 li dl a:hover, .index_news li dd h3 a:hover.margin_b20{margin-bottom:20px;} .margin_b60{margin-bottom: 60px;} .margin_b80{margin-bottom: 80px;} .margin_b100{margin-bottom: 100px;} .margin_b120{margin-bottom: 120px;} .index_itle{text-align: center;} .index_itle h1{margin-bottom: 10px;} .index_itle p{color: #666666;} .index_more02{text-align: center;padding-top: 40px;} .index_more02 a{color: #666666;display: inline-block;padding-left: 40px;padding-right: 15px;height: 42px;line-height: 42px;border: 1px solid #c8c8c8;} .index_more02 a i{color: #e8390d;margin-left: 30px;font-size: 12px} .index_link ul{overflow: hidden;margin: 0 -5px;} .index_link li{float: left;width: 16.666%;text-align: center;margin-bottom: 40px;} .index_link li dl{padding: 0 5px;} .index_link dt{margin-bottom: 20px;} .index_link dt img{width: 141px;max-width: 100%;} .index_link li h3{height: 48px;-webkit-line-clamp: 2;} .index_link .index_more02{padding: 0;} @media only screen and (max-width:1440px) { .margin_b60{margin-bottom: 40px;} .margin_b80{margin-bottom: 50px;} .margin_b100{margin-bottom: 60px;} .margin_b120{margin-bottom: 60px;} .index_more02{padding-top: 30px;} } @media only screen and (max-width:1024px) { .margin_b60{margin-bottom: 30px;} .margin_b80{margin-bottom: 40px;} .margin_b100{margin-bottom: 50px;} .margin_b120{margin-bottom: 50px;} .index_more02{padding-top: 20px;} .index_more02 a{padding-left: 20px;line-height: 36px;height: 36px;} .index_more02 a i{margin-left: 20px;} } @media only screen and (max-width:767px) { .margin_b60{margin-bottom: 20px;} .margin_b80{margin-bottom: 20px;} .margin_b100{margin-bottom: 30px;} .margin_b120{margin-bottom: 30px;} .index_itle h1{margin-bottom: 5px;} .index_itle{margin-bottom: 15px;} } .banner_search{position: absolute;left:0;width: 100%;bottom: 25%;z-index: 2;} .search_box{padding:12px 10px;background: rgba(0,0,0,0.4);overflow: hidden;width: 454px;} .search_box button,.search_box input,.search_input i{height: 38px;line-height: 38px;} .search_box button{width: 80px;float: right;color: #fff;} .search_box input{width: 100%;padding-left: 45px;box-sizing:border-box;} .search_input{width: calc(100% - 80px);float: left;background: #fff;position: relative;border-radius: 15px;} .search_input i{position: absolute;left: 18px;top:0;font-size: 20px;} .but{display: none;} .but>div{font-size: 60px;height: 60px;width: 60px; line-height: 60px; margin-top: -30px;text-align: center;color: #fff;background: none !important;} .but .swiper-button-prev{left: 20px;} .but .swiper-button-next{right: 20px;} .banner .swiper-pagination{bottom: 20px !important;width: 100%;display: none;} .banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity:1;margin: 0 5px !important;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #9f7652;} .banner{position: relative;overflow: hidden;} .banner .swiper-slide{position: relative; overflow: hidden;} .banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; background: #000; /*object-fit: cover;*/} .banner a{display: block;} .banner_text{z-index: 3;color: #fff;width: 100%;position: absolute;left: 0;top:14.7%;} .banner_text h3{ font-size:68px;line-height: 78px;max-height: 156px; margin-bottom: 20px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .banner_p{display: inline-block;text-align: left;} .banner_p a.tmore{ margin-top:3%; display: inline-block; padding-left: 40px; padding-right: 15px;height: 44px; line-height: 44px; background: #fff;} .banner_p a.tmore i{ margin-lefT:30px; font-size: 12px; color:#C6083A;} @media only screen and (max-width:1279px) { .banner_p a.tmore{padding-left: 20px; height: 36px; line-height: 36px;} .banner_p a.tmore i{margin-left:20px;} } @media only screen and (max-width:767px) { .banner_p a.tmore{border:1px solid #c8c8c8;} } .pub_dot{position: absolute;left:30.4%;bottom: 10.9%;} .pub_dot span{width: 18px;height: 18px;text-align: center;opacity: 1;background: none;position: relative;margin: 0 8px;} .pub_dot span:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;content: "";position: absolute;left: 0;bottom: 0;width: 12px;height: 12px;background: #2262a9;border-radius: 50%;box-sizing:border-box;} .pub_dot span.swiper-pagination-bullet-active:after{background:transparent;width: 100%;height: 100%;border: 2px solid #2262a9;} .banner_bg{ opacity: 0;visibility:hidden; transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s; -webkit-transform: translateY(50%); -moz-transform: translateY(50%);-o-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%); } .banner li.ani-slide .banner_bg{ visibility: visible;opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px); } .banner_text{ width: 100%; opacity: 0;visibility:hidden; transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s; -webkit-transform: translateX(200px); -moz-transform: translateX(200px);-o-transform: translateX(200px);-ms-transform: translateX(200px);transform: translateX(200px); } .banner li.ani-slide .banner_text{ visibility: visible;opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px); } .banner_text p{line-height: 24px;max-height: 48px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media only screen and (max-width:1660px) { .banner_text h3{font-size: 52px;line-height: 62px;} .but .swiper-button-prev{left: 0px;} .but .swiper-button-next{right: 0px;} } @media only screen and (max-width:1440px) { .banner_text h3{font-size: 48px;line-height: 54px;} } @media only screen and (max-width:1366px) { .banner_search{bottom: 20%;} .banner_text h3{font-size: 36px;line-height: 44px;} } @media only screen and (max-width:1024px) { .banner_search{bottom: 14%;} .search_box{padding-top: 10px;margin: auto;} .banner_p{width:454px;margin: auto;max-width: inherit;display: block;} .banner_text h3{font-size: 30px;line-height: 38px;} .banner_search{bottom:9%;} } @media only screen and (max-width:1023px) { .banner_text h3 br,.banner_text p br{ display:none;} } @media only screen and (max-width:767px) { .banner_p{width: 100%;} .banner .swiper-pagination-bullet{width: 8px;height: 8px;} .banner .but>div{background: none;width: 30px;} .banner .but>div i{font-size: 30px;font-weight: bold;} .but .swiper-button-prev{left: 5x;} .but .swiper-button-next{right: 5px;} .banner_text{ -webkit-transform: translateX(50px); -moz-transform: translateX(50px);-o-transform: translateX(50px);-ms-transform: translateX(50px);transform: translateX(50px);} .banner img{display: none;} .banner li{height: 180px !important;} .banner_text h3{font-size: 16px;line-height: 24px;max-height: 48px;font-weight: bold;margin-bottom: 5px;} .banner_text{top:23%;} .banner_search{position: static;background: #525a87;} .search_box{width: 100%;background: none;padding:10px 0;} .search_box button{width: 65px;} .search_input{width: calc(100% - 65px);} .search_box button, .search_box input, .search_input i{height: 32px;line-height: 32px;} .search_input i{left: 10px} .search_box input{padding-left: 36px;} .banner_text p{line-height: 20px;max-height: 40px;} .banner_text p br{display: none;} } .index_01{position: relative;z-index: 2; margin-top: -100px; margin-bottom: 100px;} .index_01 ul{overflow: hidden;margin: 0 -2px;} .index_01 li{float: left;width: 25%;} .index_01 li dl{margin: 0 2px;position: relative;} .index_01 li dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;box-sizing:border-box;padding: 30px;} .index_01 li dt{position: relative;} .index_01 li dt em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);} .index_01 li,.index_01 li a{color: #fff;} .index_01 li h1{margin-bottom: 20px;} .index_01 li p{height: 48px;-webkit-line-clamp: 2;} .index_more{font-size: 26px;} .index_more a{display: inline-block;} .index_news ul{position: relative;} .index_news li{position: absolute;height: 48.3%;} .index_news li dl{position: relative;} .index_news li dd{position: absolute;left: 0;bottom:20px;width: 100%;} .index_news li dd h3{padding:0 50px;max-height: 64px;-webkit-line-clamp: 2;} .index_news li dd h3 a{color: #fff;} .index_news li dt img{height: 100%} .index_news li dt em{position: absolute;left: 0;top:0;width: 100%;height: 100%;} .index_news li:nth-child(1),.index_news li:nth-child(4){width: 65.9%;} .index_news li:nth-child(2),.index_news li:nth-child(3){width: 31.8%;} .index_news li:nth-child(1){top:0;left: 0;} .index_news li:nth-child(2){top:0;right: 0;} .index_news li:nth-child(3){bottom:0;left: 0;} .index_news li:nth-child(4){bottom:0;right: 0;} .index_news li:nth-child(1) em,.index_news li:nth-child(4) em{background: url(../images/index_jg_02.png) no-repeat center center;background-size: cover;} .index_news li:nth-child(2) em,.index_news li:nth-child(3) em{background: url(../images/index_jg_01.png) no-repeat center center;background-size: cover;} .active_box{color: #fff;position: relative;} .active_box>img{width: 100%;} .active_box_text{position: absolute;left: 0;top:21.3%;width: 100%;} .active_box_text a{display: block;color: #fff;} .active_box_text h1{font-size: 80px;line-height: 80px; font-family: SourceHanSansCN-Light;margin-bottom: 10px;} .active_box_text h2{font-size: 48px;line-height: 48px; font-family: SourceHanSansCN-Light;margin-bottom: 30px;} .active_box_text p{font-family: SourceHanSansCN-Medium;} .index_top{position: relative;z-index: 2;margin-bottom: 15px;} .index_top ul{padding: 0 140px;position: relative;height: 58px;} .hover_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:#fff; visibility: hidden;opacity: 0;box-shadow: 0px 0px 18px -9px rgba(0,0,0,0.5); transform:scale(0,8,0,8); -webkit-transform:scale(0,8,0,8);-moz-:scale(0,8,0,8);-o-transform:scale(0,8,0,8);-ms-transform:scale(0,8,0,8); border-bottom: 5px solid #c7103c;border-radius: 5px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; } .index_top li{float: left;width: 25%;text-align: center;height: 58px;line-height: 58px;position: relative;cursor: pointer;} .index_top li h3{padding: 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-left: 1px solid #d4d4d4;position: relative;z-index: 2;} .index_top li:first-child h3{border: 0;} .index_top li.on .hover_bg{transform:scale(1.01,1.7); -webkit-transform:scale(1.01,1.7);-moz-:scale(1.01,1.7);-o-transform:scale(1.01,1.7);-ms-transform:scale(1.01,1.7);visibility: visible;opacity: 1;} .index_top li.on h3{border: 0;} .index_top li.on{z-index: 9;} .index_bottom li{position: absolute;top:0;left: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;} .index_bottom li img{height: 100%;} .index_bottom .index_service_text{position: absolute;top:22%;left: 140px;box-sizing:border-box;width: 580px;color: #fff; transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px); opacity: 0;visibility: hidden; } .index_bottom li.on .index_service_text{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); visibility: visible;opacity: 1; } .index_bottom .index_service_text a.tmore{ margin-top:3%; display: inline-block; padding-left: 40px; padding-right: 15px;height: 44px; line-height: 44px; background: #fff;} .index_bottom .index_service_text a.tmore i{ margin-lefT:30px; font-size: 12px; color:#C6083A;} @media only screen and (max-width:1279px) { .index_bottom .index_service_text a.tmore{padding-left: 20px; height: 36px; line-height: 36px;} .index_bottom .index_service_text a.tmore i{margin-left:20px;} } @media only screen and (max-width:767px) { .index_bottom .index_service_text a.tmore{border:1px solid #c8c8c8;} } .index_bottom h3{margin-bottom: 30px;} .index_bottom ul{position: relative;} .index_bottom li.on{visibility: visible;opacity: 1;} .index_05,.cyberspace {position: relative;} .index_05 dl,.cyberspace dl{position: relative;} .index_05 a,.cyberspace a{color: #fff;} .index_05 dt,.cyberspace dt{position:relative;} .index_05 dt em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);} .index_05 dd,.cyberspace dd{position: absolute;top:0;left: 0;width: 100%;box-sizing:border-box;padding: 20% 13%;} .index_05 li,.cyberspace li{width: 25%;float: left;} .index_05 h3,.cyberspace h3{margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .index_05 li p,.cyberspace li p{margin-bottom: 6px;height: 48px;-webkit-line-clamp: 2;} .index_05 .but .swiper-button-prev,.cyberspace .but .swiper-button-prev{left: 0;} .index_05 .but .swiper-button-next,.cyberspace .but .swiper-button-next{right: 0;} .index_05 .but>div,.cyberspace .but>div{font-size: 44px;top:55%;} .index_slider{position: relative;} .index_07{background: #f3f5f5;padding: 55px 0 70px 0;} .index_list ul{overflow: hidden;} .index_list li{float: left;width: 16.66%;text-align: center;} .index_list dl{padding: 0 10px;} .index_list li dt{background: #fff;border-radius: 50%;width: 115px;height: 115px;margin: auto;margin-bottom: 20px;} .index_list li dt img{width: 100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .index_list li dl{border-right: 1px solid #dbdcdc;} .index_list li:last-child dl{border: 0;} @media only screen and (max-width:1660px) { .active_box_text h1{font-size: 60px;line-height: 60px; } .active_box_text h2{font-size: 40px;line-height: 40px; } .index_05 dd,.cyberspace dd{padding: 18% 10%} } @media only screen and (max-width:1440px) { .active_box_text h1{font-size: 52px;line-height: 52px; } .active_box_text h2{font-size: 36px;line-height: 36px; margin-bottom: 20px;} .index_01{margin-top: -90px; margin-bottom: 60px;} .index_01 li h1{margin-bottom: 10px;} .index_news li dd h3{padding: 0 30px;} .index_05 h3,.cyberspace h3{margin-bottom: 10px;} .index_top ul{padding:0 80px;} .index_bottom .index_service_text{left: 80px;top:16%;} .index_bottom h3{margin-bottom: 20px;} .index_link dt img{width: 120px;} .index_list li dt{width: 100px;height: 100px;} } @media only screen and (max-width:1366px) { .active_box_text h1{font-size: 44px;line-height: 44px; } .active_box_text h2{font-size: 30px;line-height: 30px;} .active_box_text{top:19%;} .index_01{margin-top: -80px;} .index_01 li dd{padding: 24px 20px;} } @media only screen and (max-width:1280px) { .index_01{margin-top: -70px;} .index_01 li dd{padding: 20px 20px;} } @media only screen and (max-width:1200px) { .index_top ul{padding: 0;} .index_bottom .index_service_text{left: 40px;} } @media only screen and (max-width:1024px) { .index_01{margin-top: 30px; margin-bottom: 50px;} .index_01 li p{margin-bottom: 10px;} .index_01 li{width: 50%;margin-bottom: 5px;} .index_01 li dd{padding: 40px 30px;} .active_box{padding: 50px 0;} .active_box>img{display: none;} .active_box_text{position: static;} .active_box_text h1{font-size: 40px;line-height: 40px; } .active_box_text h2{font-size: 24px;line-height: 24px;} .index_news li dd h3{padding: 0 20px;} .index_news li dd h3 br{display: none;} .index_bottom h3{margin-bottom: 10px;} .index_top li.on .hover_bg{transform:scale(1.01,1.2); -webkit-transform:scale(1.01,1.2);-moz-:scale(1.01,1.2);-o-transform:scale(1.01,1.2);-ms-transform:scale(1.01,1.2);} .index_link dt img{width: 100px;} .index_link dt{margin-bottom: 10px;} .index_link li{margin-bottom: 20px;} .index_list li{width: 33.33%;margin-bottom: 20px;} .index_list li dt{margin-bottom: 10px;} .index_list li:nth-child(3n+1){clear: both;} .index_list li:nth-child(3n) dl{border: 0;} .index_07{padding: 40px 0;} } @media only screen and (max-width:767px) { .active_box{padding: 30px 0;} .active_box_text h1{font-size: 32px;line-height: 32px; } .active_box_text h2{font-size: 20px;line-height: 20px;margin-bottom: 10px;} .index_01{margin-top: 20px; margin-bottom: 30px;} .index_01 li{float: none;width: 100%;} .index_01 li dl,.index_01 ul{margin: 0;} .index_01 li p{height: auto;max-height: 48px;} .index_news ul{height: auto !important;} .index_news li{position: static;width:100% !important;margin-bottom: 10px;} .index_news li dd h3{padding: 0 10px;} .index_news li dd{bottom: 10px;} .index_news li:last-child{margin-bottom: 0;} .index_slider{padding: 0 30px;} .index_05 .but>div,.cyberspace .but>div{top:50%;} .index_05 dd,.cyberspace dd{padding: 20px 10px;} .index_05 .but>div,.cyberspace .but>div{font-size: 30px;color: #c7103c;width: 30px;font-weight: bold;} .index_bottom .index_service_text{top:19%;} .hover_bg{border-width: 2px;} .index_bottom .index_service_text{position: static;width: 100%;color: #333;padding-top: 20px;} .index_bottom ul{height: auto !important;} .index_bottom li{position: static;display: none;} .index_bottom li.on{display: block;} .index_top li{width: 50%;height: 40px;line-height: 40px;margin-bottom: 2px;} .hover_bg{display: none;} .index_top li h3{border: 0;padding: 0 5px;margin: 0 1px;background: #eee;} .index_top ul{height: auto;overflow: hidden;margin: 0 -1px;} .index_top li.on h3{ background: #c7103c;color: #fff;} .index_link li{width:33.33%;margin-bottom: 10px;} .index_link dt img{width:60px;} .index_list li{width: 50%;} .index_list li:nth-child(3n+1){clear: inherit;} .index_list li:nth-child(3n) dl{border: 0;} .index_07{padding: 20px 0;padding-bottom:10px;} .index_list li dt{width: 80px;height: 80px;} .index_list li dl{border: 0;} .index_list li:nth-child(2n+1){clear: both;} .index_list li:nth-child(2n) dl{border: 0;} .index_06 {margin-bottom: 30px;} .index_link li h3{line-height: 20px;height: 40px;} } @media only screen and (min-width:1025px) { .index_01 li dt em,.index_top li,.index_05 li dt em{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .index_01 li dl:hover dt em{background: #c7103c;} .index_news li dd h3 a:hover{color: #fff !important;opacity: 0.8;} .index_01 dl a:hover{color: #fff !important;} .index_more02 a:hover{background: #e8390d;border: 1px solid #e8390d; color: #fff !important;} .index_more02 a:hover i{color: #fff;} .active_box_text a:hover,.index_05 a:hover,.cyberspace a:hover{color: #fff !important;} /*.index_top li:hover .hover_bg{transform:scale(1.01,1.7); -webkit-transform:scale(1.01,1.7);-moz-:scale(1.01,1.7);-o-transform:scale(1.01,1.7);-ms-transform:scale(1.01,1.7);visibility: visible;opacity: 1;} .index_top li:hover h3{border: 0;} .index_top li:hover{z-index: 9;}*/ .index_list li:hover dt img{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);} .index_05 li:hover dt em{background: rgba(0,0,0,0.2);} } /*20220110淇敼棣栭〉鎼滅储妗?/ .banner_search{ left:auto; bottom:auto; right:0; top:76px; z-index:10000; width:auto;visibility: hidden;opacity: 0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px); } .banner_search.on{visibility: visible;opacity: 1;-webkit-transform: translateY(0); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);} .search_input{line-height: 38px;} @media only screen and (max-width:1024px) { .banner_search{top:50px;} } @media only screen and (max-width:767px) { .banner_search{ display: none;} .search_box{padding:10px 20px; width:calc(100% - 40px); line-height: 32px; border-bottom:1px solid #eee;} .banner .but>div{ height: 30px; line-height: 30px; margin-top:-20px;} .banner .but>div i{vertical-align: middle;} } /*20220110淇敼棣栭〉鎼滅储妗?/