/* 大事记 */ .contact_03{margin-bottom: 80px;} .contact_03 ul{position: relative;overflow: hidden;} .contact_03 li{width: 14.5%;height: 100%; *margin-left: -1px;float: left;} .contact_03 li.on{width: 42%;} .contact_img{position: absolute;top:0;left: 0;width: 100%;height: 100%; visibility: hidden;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; } .contact_img img{display: none;width: 100%;} .contact_box{width: 100%;height: 100%; position: static; } .contact_block{position: relative;z-index: 2;color: #fff;width: 100%;height: 100%;box-sizing:border-box;padding:20px;border-right: 1px solid rgba(255,255,255,0.40);} .contact_block h2{position: absolute;top:17%;left: 0;width: 100%;} .contact_block h2 p{padding-left: 20px;} .contact_block h2:after{content: "";position: absolute;top:5px;left:-1px;width: 3px;height: 16px;background:#920783;} .contact_03 li:last-child .contact_block{border: 0;} .contact_text{position: absolute;left: 0;bottom:-10px;width: 100%;box-sizing:border-box;padding:0 60px;visibility: hidden;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; max-height: 70%;overflow: hidden;} .contact_text dl{overflow: hidden;padding-right:70px;} .contact_text dt{float:left;width: 100%;} .contact_text dt span{height: 72px;line-height: 72px;} .contact_text dd{float: right;width: calc(100% - 125px)} .contact_text h1{margin-bottom: 15px;} .contact_text .p01{margin-bottom: 20px;} .contact_block h2,.contact_text,.contact_03 li,.contact_img{transition:all 0.7s;-webkit-transition:all 0.7s;-moz-transition:all 0.7s;-o-transition:all 0.7s;-ms-transition:all 0.7s;} .contact_03 li.on .contact_img{ visibility: visible;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; } .contact_03 li.on.cur .contact_text{bottom: 100px;visibility: visible;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .contact_03 li.on.cur .contact_block h2{top: 10px;visibility: hidden;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .contact_04 ul{overflow: hidden;margin: 0 -20px;} .contact_04 li{float: left;width: 50%;*margin-left: -1px;margin-bottom: 45px;} .contact_04 li dl{margin: 0 20px;position: relative;} .contact_04 li dt{position: relative;} .contact_04 li dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;overflow: hidden;color: #fff;} .contact_p{padding: 70px; padding-right:150px; height: 100%;overflow: hidden;box-sizing:border-box;} .contact_p h1{margin-bottom: 20px;} .contact_04 li:last-child{width: 100%;margin-bottom: 0;} .contact_04 li:last-child dd{width: 50%;} .contact_04 li:last-child dd .contact_p{padding-right: 0;} .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;} .video_appbox .video_t{ left:10%; top:22%; position:absolute; height:60%; width:80%; z-index:2; background:#000;} .video_appbox .video_t video{ object-fit: cover; } .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:16%; right: 8%; cursor:pointer; z-index: 99999;color: #fff;} .vide0_close.iconfont{font-size: 20px;} .contact_box .mCSB_scrollTools .mCSB_draggerRail{ background-color:rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.5);} .contact_04 .mCSB_scrollTools .mCSB_draggerRail{ background-color:rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.5);} @media only screen and (max-width:1280px) { .contact_p{padding:50px;} .contact_text{padding:0 30px;} .contact_03 li.on.cur .contact_text{bottom: 50px;} .contact_text dl{padding-right: 0;} .contact_02 .pub_p18{padding:0;padding-top: 20px;} .contact_text dt span{font-size: 50px;line-height: 50px;height: 50px;} .contact_text dt{width: 100%;font-size: 50px;height: 50px;line-height: 50px;} .contact_text dd{width: calc(100% - 85px)} } @media only screen and (max-width:1024px) { .contact_03 li.on.cur .contact_text{bottom: 20px;} .contact_text{padding:0 20px;} .contact_text dt span{font-size: 40px;} .contact_text dt span{height: 50px;line-height: 50px;} .contact_text dd{width: calc(100% - 85px)} .contact_scoll{padding-left: 20px;} .contact_02 .index_title{margin-bottom: 30px;} .contact_03{margin-bottom: 50px;} .contact_02{padding:50px 0;} .contact_04 li dl{margin: 0 10px;} .contact_04 ul{margin: 0 -10px;} .contact_04 li{margin-bottom: 20px;} .contact_p,.contact_04 li:last-child dd .contact_p{padding: 30px;} .contact_04 li:last-child dd{width: 100%;} } @media only screen and (max-width:767px) { .contact_03 ul{height: auto !important;} .contact_03 li,.contact_03 li.on{width: 100%;float: none;margin-bottom: 30px;} .contact_img img{display: block;} .contact_img,.contact_text{position: static; visibility: visible; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; } .contact_03 .blank_40{display: none;} .contact_block{color: #333;} .contact_block h2{display: none;} .contact_block{padding:0;padding-top: 20px;} .contact_text{padding: 0;} .contact_03{margin-bottom: 0;} .contact_text dt span{font-size: 30px;height: 40px;line-height: 40px;} .contact_text dt span,.contact_text dt i{float: left;} .contact_text dt i{line-height: 50px;} .contact_text dt{width: 100%;height: 40px;line-height: 40px;} .contact_text dd{width: calc(100% - 60px)} .contact_01 dl{height: auto !important;} .contact_01 dt,.contact_01 dd{width: 100%;float: none;} .contact_01 dt{margin-bottom: 20px;} .contact_scoll{padding:0;height: auto;} .contact_01 dd h1{margin-bottom: 10px;} .contact_02 .index_title{margin-bottom: 20px;} .contact_02{padding:30px 0;} .contact_02 .pub_p18{text-align: left;} .contact_p h1{margin-bottom: 10px;} .contact_04 li dl,.contact_04 ul{margin: 0;} .contact_04 li{float: none;width: 100%;} .contact_04 li dd{position: static;color: #333;} .contact_p, .contact_04 li:last-child dd .contact_p{padding:0; padding-top:10px;} .contact_text h1{margin-bottom: 10px;} } .leftlun .slider_box { width: 100%; } .case_show_bs ul { padding-left: 0; } .case_show_bs li { cursor: pointer; list-style-type: none !important; } .case_show_sb .but>div.swiper-button-prev { background: url(../images/prev.png) no-repeat center center; left: -33px; } .case_show_sb .but>div { width: 30px; height: 30px; margin-top: -15px; box-shadow: none; } .case_show_sb .but>div.swiper-button-next { background: url(../images/next.png) no-repeat center center; right: -33px; } .case_show_sb .but>div { width: 30px; height: 30px; margin-top: -15px; box-shadow: none; } .case_show_sb .swiper-button-next.disabled, .case_show_sb .swiper-button-prev.disabled { cursor: auto; opacity: 0.3 !important; } .case_show_sb .swiper-button-next.swiper-button-disabled, .case_show_sb .swiper-button-prev.swiper-button-disabled { cursor: pointer; pointer-events: visible; opacity: 1; } .case_show_sb { width: 86%; z-index: 10; margin: 0 auto; position: relative; margin-top: 20px; position: relative; } .case_show_sb ul { padding-left: 0; } .case_show_sb li img{opacity: 0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .case_show_sb li.on img{opacity: 1;filter:alpha(opacity=90); -moz-opacity:1; -khtml-opacity:1;} .case_show_sb li { list-style-type: none !important; cursor: pointer; } .big_img { width: 180%; position: absolute; top: 0; right: -180%; display: none; } .big_img img { width: calc(100% - 20px); float: right; } @media only screen and (max-width: 767px){ .leftlun{ width: 100% !important; } } .big_img{display: none !important;} .c_blank,.c_blank{display: none;} .c_blank{position: fixed;top:0;left: 0;width:100%;height:100%;background:rgba(0,0,0,0.7); z-index: 9999;} .c_tac{text-align: center; width:auto;max-width:94%; z-index: 99991;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;} .c_tac img{width: auto;max-width:100%;} .c_close{position: absolute;top:-40px;right: 0;color:#fff;font-size: 20px;font-weight: bold;cursor: pointer;} .d_t01{display: none;} @media only screen and (max-width: 767px){ .d_t01{display: block;margin-bottom: 10px;} .d_t02{display: none;} .contact_text .p01{margin-bottom: 0;} } /*2022-09-26*/ .case_show_bs li{position: relative;} .phone_aimg{display: none;position: absolute;top:0;left: 0;width:100%;height: 100%;z-index: 9} @media only screen and (max-width: 767px){ .phone_aimg{display: block;} .c_blank,.c_tac{display: none !important;} }