.hmFocus,.hmFocus_item{height: 100vh;} .hmFocusWpr{position:relative;} .hmFocus{ background:#000;} .hmFocus_item { position: relative; overflow: hidden; } .hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); } .hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banLine.png) repeat-x left top; background-size:auto 100%; } .hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hmfs_2.png) repeat-x left bottom; } .active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;} .hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform:rotate(180deg); transition:all 0.5s ease; opacity:0.3; } .hmFocus .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition:all 0.5s ease; opacity:0.3; } .hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background-image:url(../images/fsBtn.png); opacity:1} .hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 10px; z-index: 5; } .hmFocus_doc ul{ text-align:center} .hmFocus_doc ul li{ cursor:pointer; margin:0 5px; width:80px; display:inline-block;} .hmFs_docx{ line-height: 50px; height: 51px; border-top: 2px solid rgba(255,255,255,0.3); transition: all 0.5s ease; font-size: 14px; color: #FFF; opacity:1; position:relative; } .gaodu{ max-height: 345px; overflow-y: auto; overflow-x: hidden; } .gaodu2{ max-height: 65%; overflow-y: auto; overflow-x: hidden; } .hmFs_docx.on{opacity:1;} .hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:-2px;} .hmFs_docx.on i{width:100%; transition:all 5s linear;} /*.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 10s linear;}*/ .hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%; text-shadow:0 2px 8px rgba(0,0,0,0.2);} .hmBan_txt p{ font-size: 48px; line-height: 58px; margin-top: 20px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing: 12px; font-style: italic; } .hmBan_txt strong{ font-size: 72px; letter-spacing: 12px; display: block; line-height: 80px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; font-style: italic; margin: 14px 0px 46px; } .hmBan_txt strong span{ color:#c12c25;} .active .hmBan_txt strong{ opacity:1; transform:translateY(0); transition-delay:0.2s} .active .hmBan_txt p{ opacity:1; transform:translateY(0);} .hmBanBtns{ transition: all 0.8s ease; transform: translateY(50px); opacity: 0; height:60px;} .active .hmBanBtns{ opacity:1; transform:translateY(0); transition-delay:0.4s} .hmBan_m{ line-height: 60px; text-align: center; display: inline-block; width: 234px; margin-right: 35px; font-size: 16px; font-weight: bold; background: #c12c25; letter-spacing: 4px; color: #FFF; float:left; } .hmBan_m:hover{ transform:translateY(-3px); box-shadow:0 3px 20px rgba(193,44,37,0.3); color:#fff;} .hmBan_mvBtn{ background: url(../images/hmBan_ico.png) no-repeat center center; height: 60px; width: 60px; margin-left: 36px; border: 1px solid #FFF; border-radius:50%; display:inline-block;} .hmNext{ background: url(../images/hmMs.png) no-repeat center center; display: inline-block; position: absolute; margin-left: -12px; z-index: 1; height: 40px; width: 24px; left: 50%; bottom: 120px; } .hmNext:after{ content: ""; background: url(../images/hmBar.png) no-repeat center center; height: 6px; width: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: -16px; animation:nextAni 1s linear infinite; } .inx_focus_wpr .inx_focus{ width: 100%; height: 100vh; background: url(../images/inx_c1img.jpg) no-repeat center center; background-size:cover; } h1,h2,h3,h4,h5,h6{ font-size: 100%; } .m2banner{position: relative; overflow: hidden} .m2banner .coverImg{ height: 24vw; transition:all 6s ease; transform:scale(1.15);} /*.tsHeader .m2banner .coverImg{height:46.87vw;}*/ .m2banner.on .coverImg{ transform:scale(1);} .m2banTxt{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; color: #fff;} .m2banTxt strong{font-size: 50px;line-height: 60px;letter-spacing: 3px;display: block;font-weight: normal;} .m2banTxt p{font-size: 22px;line-height: 32px;letter-spacing: 5px;display: block; margin-top: 12px;} @media (max-width:1799px){ } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .m2banner .coverImg{height:52vw;} } .page { text-align: center; } .page .pagination li { display: inline-block; } .page .pagination li a { padding: 0px 5px; height: 42px; min-width: 42px; text-align: center; display: inline-block; margin: 0px 8px; vertical-align: middle; color: #333; border-radius: 50%; font-size: 18px; line-height: 40px; } .page .pagination li.active a, .page .pagination li a:hover { color: #fff; background:var(--cor);} @media (max-width:1799px){ .m2banTxt strong{font-size: 32px;line-height: 40px;} .m2banTxt p{font-size: 20px;line-height: 28px; margin-top:4px;} .page .pagination li a {} } @media (max-width:993px){ .page .pagination li a{margin:0 5px;} } @media (max-width:767px){ .page .pagination li a {height: 32px;min-width: 32px;margin: 0px 2px;font-size: 14px;line-height: 32px;} } .footer{ padding:5.2vw 0 0; position:relative;background: linear-gradient(to right, #0479c3 0%,#47b4db 100%);} .footer:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/foot_logo.png) no-repeat right 50px bottom; } .footer .container{position:relative;} .foot_top{display:flex; justify-content:space-between; padding-bottom:4.16vw; } .foot_tlx{/* width:375px;*/} .foot_logo{} .foot_logo img{ display:block; height:33px;} .foot_ser{ margin-top:3.12vw; position:relative; margin-bottom:1.97vw;} .foot_ser input{ line-height: 66px; background: #FFF; height: 66px; position: relative; border-radius: 0.3em; width: 100%; padding: 0px 75px 0px 25px; font-size: 18px; color: #666; } .foot_ser button{ background: url(../images/foot_ser.png) no-repeat center center; height: 66px; width: 66px; cursor:pointer; position:absolute; right:0; top:0;} .foot_ser button:hover{ background: url(../images/foot_sera.png) no-repeat center center; } .foot_info{} .foot_info p{ margin-bottom: 18px; font-size: 18px; line-height: 26px; color:rgba(255,255,255,0.6); padding-left:42px; position:relative } .foot_info p img{ position:absolute; left:0; top:0;} .foot_trx{ display:flex; padding-top:calc(33px + 3.12vw);} .foot_trx dl{ margin-left:5vw; overflow:hidden} .foot_trx dl:last-child{width:390px;} .foot_trx dl dt{ font-size: 22px; line-height: 22px; margin-bottom:24px; width:100%; float:left; } .foot_trx dl dd{ line-height:42px; font-size:18px;} .foot_trx dl:last-child dd:nth-child(2n){float:left; width:130px;} .foot_a1{color:#fff;} .foot_a2{ color:rgba(255,255,255,0.6);} .foot_a2:hover,.foot_a1:hover{color:#fff;} .foot_copy{display:flex; justify-content:space-between; padding:2.81vw 0; border-top:1px solid rgba(255,255,255,0.1); } .foot_copy .fl{ font-size:16px; line-height:36px; color:rgba(255,255,255,0.4);} .foot_copy .fl a{ color:rgba(255,255,255,0.4);} .foot_copy .fl a:hover{color:#fff;} .foot_copy .fr{ display:flex;} .foot_sa{ margin-left:35px; position:relative;} .foot_sico{} .foot_sico img{ height:36px; width:auto;} .foot_wximg{ width:130px; height:130px; position:absolute; left:50%; bottom:62px; margin-left:-65px; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:translateY(-15px);} .foot_wximg img{border-radius:0.4em; overflow:hidden; display:block} .foot_wximg:after{content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; position:absolute; left:50%; margin-left:-6px; bottom:-6px;} .foot_sa:hover .foot_wximg{visibility:visible; opacity:1; transform:translateY(0);} .foot_empty{height:73px;} .backTop{ width:146px; height:146px; display:inline-block; position:absolute; left:50%; margin-left:-73px; top:-73px; z-index:2; cursor:pointer;} .backTop:before{ content: ""; background: url(../images/footer_back.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; animation:turnAni 3s linear infinite;} .backTop:after{ content: ""; width: 42.46%; height: 42.46%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #FFF url(../images/backTop.png) no-repeat center center; border-radius:50%; background-size:58% auto!important; transition:all 0.5s ease;} .backTop:hover:after{background:var(--cor) url(../images/backTopa.png) no-repeat center center;} @media (max-width:1799px){ .footer:before{ background: url(../images/foot_logo.png) no-repeat right 30px bottom; background-size:700px auto; } .footer .container{position:relative;} .foot_logo img{ height:28px;} .foot_ser{ margin-top:2.6vw;} .foot_ser input{ line-height:54px;height: 54px; padding: 0px 65px 0px 20px; font-size: 16px;} .foot_ser button{ height: 54px; width: 54px; background-size:24px auto!important;} .foot_info p{ margin-bottom: 15px; font-size: 15px; line-height: 24px;} .foot_info p img{ width:24px; height:auto;} .foot_trx{padding-top:calc(28px + 3.12vw);} .foot_trx dl{ margin-left:2.2vw;} .foot_trx dl dt{ font-size: 18px; line-height:18px; margin-bottom:18px; } .foot_trx dl dd{ line-height:36px; font-size:16px;} .foot_trx dl:last-child dd:nth-child(2n){ width:120px;} .foot_copy{ padding:2vw 0; } .foot_copy .fl{ font-size:14px; line-height:26px;} .foot_sa{ margin-left:28px;} .foot_sico img{ height:26px;} .foot_wximg{ width:120px; height:120px; bottom:50px; margin-left:-60px;} .foot_wximg img{border-radius:0.4em; overflow:hidden; display:block} .foot_empty{height:58px;} .backTop{ width:116px; height:116px; margin-left:-58px; top:-58px;} .foot_trx dl:last-child{width:320px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .foot_top{flex-wrap:wrap;} .foot_copy{flex-wrap:wrap;} .foot_copy .fl,.foot_copy .fr{width:100%; text-align:center; margin:5px 0;justify-content:center;} .foot_sa{margin:0 10px;} .foot_tlx{width:100%; margin-left:auto; margin-right:auto;} .foot_trx{padding-top:20px; width:100%;display:flex; justify-content:space-between;} } @media (max-width:767px){ .footer{padding-top:60px;} .backTop{width:90px; height:90px; margin-left:-45px; top:-45px;} .foot_logo{display:block; text-align:center;} .foot_logo img{height:24px; width:auto; margin:0 auto;} .foot_ser{margin-top:25px;} .foot_ser input {line-height: 46px;height: 46px;font-size: 14px;} .foot_ser button{height:46px;} .foot_info{margin-top:20px;} .foot_info p{padding-left:30px;} .foot_trx{display:block; padding-top:12px;} .foot_trx dl{width:100%; overflow:hidden; margin-left:0; margin-bottom:18px;} .foot_trx dl dt{width:100%; float:left; margin-bottom:5px;} .foot_trx dl dd{float:left; width:auto; margin-right:18px;} .foot_copy .fl{line-height:22px;} .foot_trx dl:last-child{margin-bottom:0;} .foot_trx dl dd{font-size:15px; line-height:32px;} .foot_copy{padding:15px 0 20px;} .foot_trx dl:last-child{width:100%;} } .headEmpty{height:100px;} .m2posWpr{ padding:18px 0;background: linear-gradient(to bottom,#ECECEC 0%,#F5F5F5 100%);} .m2pos{ line-height: 32px; padding-left: 38px; background: url(../images/pos_i1.png) no-repeat left center; font-size: 18px; } .m2pos_a{ display: inline-block; margin-right: 46px; position:relative} .m2pos_a:after{ content: ""; background: url(../images/pos_ar.png) no-repeat center center; height: 11px; width: 7px; margin-top: -5px; position: absolute; top: 50%; right: -32px; } .news_page{} .m2ptx{} .m2ptx h1{ font-size: 32px; line-height: 40px; } .m2ptx strong{ font-size: 56px; line-height: 56px; text-transform: uppercase; display: block; } .m2ptx strong span{background:var(--lbg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .m2ptx p{ font-size: 50px; line-height: 50px; margin-top: 15px; letter-spacing:3px; } .news_vrx{ margin-top:3.2vw;display:flex; justify-content:space-between; } .news_vrx select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 2px solid #f1f1f1; background: transparent url(../images/news_ar.png) no-repeat right 18px center; padding-right: 38px; opacity: 1; color: #888; font: 18px/60px "微软雅黑"; width:430px; height: 64px; padding-left:20px; border-radius: 0.3em; } .news_ser{ position:relative; width:calc(100% - 446px);} .news_ser input{ border: 2px solid #f1f1f1; line-height: 60px; padding: 0px 115px 0px 25px; height: 64px; width: 100%; font-size: 18px; color: #666; border-radius:0.3em;} .news_ser button{ background: url(../images/foot_ser.png) no-repeat center center; height: 64px; width: 80px; position: absolute; top: 0px; right: 0px; cursor: pointer; background-size:26px auto!important; } .news_ser button:hover{ background: url(../images/foot_sera.png) no-repeat center center; } .news_ser input:focus{ color:#333;} .news_list1{ margin: 2.8vw -15px 0px; } .news_list1 dd{ width:calc(33.33% - 30px); margin:0 15px;} .news_item{ display:block; position:relative; height:585px; border-radius:0.5em; overflow:hidden;} .news_item .overflowHide{ height:390px; border-radius:0.5em;} .news_item .overflowHide:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); transition:all 0.5s ease; opacity:0} .news_bmx{ padding:35px 25px 0; height:465px; transition:all 0.5s ease; position:absolute; left:0; right:0; bottom:-268px; border-radius:0.4em; background:#F0F0F0;} .news_bmx span{ font-size: 18px; line-height: 30px; color:var(--cor);} .news_bmx p{ font-size: 21px; line-height: 28px; margin-top: 12px; height: 84px;-webkit-line-clamp:3; color:#333; } .news_hvimg{ height:220px; margin-top:55px; border-radius:0.4em; overflow:hidden;} .news_hvimg img{display:block!important; width:100%; height:100%; object-fit: cover;} .news_item:hover .overflowHide:after{opacity:1;} .news_item:hover .news_bmx{bottom:0;} .news_list2{ margin-top:2.8vw;} .news_list2 li{ margin-bottom:2.8vw; padding-top:58px;} .news_item2{display:flex; justify-content:space-between; position:relative; padding-left:512px; padding-right:70px; background:#F0F0F0; height:240px;display:flex; flex-direction:column; justify-content:center; border-radius:0.5em;} .news_item2 .overflowHide{ height: 299px; width: 341px; position: absolute; left: 0px; bottom: 0px; border-radius:0.5em;} .news_rx{} .news_rx strong{ font-size: 22px; line-height: 36px; font-weight: normal; } .news_rx p{ font-size: 17px; line-height: 28px; color: #666; margin-top: 15px; -webkit-line-clamp:3;} .news_tm{ position: absolute; left: 390px; top: 50%; text-align: center; transform:translateY(-50%); color:var(--cor); font-size:18px; line-height:18px; font-family:din;} .news_tm span{ display:block; font-size:60px; line-height:60px; margin-bottom:10px;} .news_mtm{} @media (max-width:1799px){ .headEmpty{height:80px;} .m2posWpr{ padding:12px 0;} .m2pos{ padding-left: 32px; background-size:18px auto; font-size: 14px; } .m2pos_a{margin-right: 30px;} .m2pos_a:after{ background-size:5px auto; right: -22px; } .m2ptx strong{ font-size: 42px; line-height: 42px;} .m2ptx p{ font-size: 38px; line-height: 38px; margin-top: 12px; letter-spacing:2px; } .news_ser input{ border: 1px solid #f1f1f1; line-height: 50px; padding: 0px 95px 0px 18px; height: 52px; font-size: 16px;} .news_ser button{ height: 52px; width: 60px; background-size:22px auto!important; } .news_vrx select{font: 16px/50px "微软雅黑"; width:430px; height: 50px; padding-left:16px;} .news_list1{ margin: 2.8vw -12px 0px; } .news_list1 dd{ width:calc(33.33% - 24px); margin:0 12px;} .news_item{ height:470px;} .news_item .overflowHide{ height:312px;} .news_bmx{ padding:28px 20px 0; height:385px; bottom:-218px;} .news_bmx span{ font-size: 16px; line-height: 26px;} .news_bmx p{ font-size:16px; line-height: 26px; margin-top: 10px; height: 72px; } .news_hvimg{ height:178px; margin-top:40px;} .news_list2 li{ padding-top:50px;} .news_item2{ padding-left:400px; padding-right:50px; height:180px;} .news_item2 .overflowHide{ height: 235px; width:280px;} .news_rx strong{ font-size: 20px; line-height: 30px; } .news_rx p{ font-size: 14px; line-height: 26px; margin-top: 12px;} .news_tm{ left:315px; font-size:16px; line-height:16px;} .news_tm span{ font-size:50px; line-height:50px; margin-bottom:8px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .headEmpty{display:none;} .m2ptx strong{ font-size:32px; line-height: 32px;} .m2ptx p{ font-size: 26px; line-height: 26px; margin-top: 10px; letter-spacing:1px; } } @media (max-width:993px){ .news_item2{padding-left:300px;} .news_rx strong{font-size:17px;} .news_mtm{margin-top:5px;} } @media (max-width:767px){ .m2pos_a{margin-right:12px;} .m2pos_a:after{right:-12px;} .m2ptx strong{font-size:20px; line-height:28px;} .m2ptx p{font-size:22px; line-height:22px;} .news_vrx{flex-wrap:wrap; margin-top:25px;} .news_vrx select{width:100%; margin-bottom:12px; border-width:1px;} .news_ser{width:100%;} .news_list1{margin-top:35px;} .news_list1 dd {width: calc(100% - 24px); margin-bottom:20px;} .news_list2{margin-top:0px; margin-bottom:30px} .news_item2{padding-left:0; height:auto; padding-right:0} .news_item2 .overflowHide{position:relative; width:100%; height:78vw;} .news_rx{padding:20px 15px;} .news_list2 li{padding-top:0; margin-bottom:15px;} .m2ptx{text-align:center;} } .dtl_page{ padding-bottom:2.6vw;} .dtl_container{ max-width:910px; margin:0 auto;} .dtl_tm{ font-size: 16px; color: #666; background: url(../images/dtl_ico.png) no-repeat left center; padding-left: 38px; line-height: 26px; } .dtl_title{ font-size: 42px; line-height: 60px; margin-top: 20px; font-weight: normal; } .dtl_deitor{ border-top: 2px solid #E5E5E5; margin-top: 2.34vw; padding-top: 2.34vw; font-size: 18px; line-height: 34px; } .dtl_shax{ text-align:center; position:relative; margin:2.6vw 0; height:60px;} .dtl_shax:before{content:""; height:2px; position:absolute; left:0; top:50%; margin-top:-1px; right:0; background:#E5E5E5;} .dtl_ssx{ display:inline-block; background:#fff; padding:0 2px;} .dtl_ssx .foot_sa{ display:inline-block; width:60px; height:60px; background:#DADADA; border-radius:50%; margin:0 10px; position:relative;} .dtl_ssx .foot_sa:hover{background:#2D9DD2;} .dtl_ssx .foot_sico{position:absolute; left:0; top:0; right:0; bottom:0;} .dtl_ssx .foot_sa .foot_sico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:50%; max-height:50%; width:auto; height:auto;} .dtl_ssx .foot_wximg{bottom:80px; box-shadow:0 2px 20px rgba(0,0,0,0.1);} .dtl_ssx .foot_sa:hover{} .dtl_btns{ display: flex; justify-content: space-between; font-size: 20px; line-height: 26px; } .dtl_btns a{ color:#555;} .dtl_btns a:hover{ color:var(--cor);} @media (max-width:1799px){ .dtl_tm{ background-size:22px auto; } .dtl_title{ font-size: 32px; line-height: 48px; margin-top: 18px; } .dtl_deitor{ border-top: 1px solid #E5E5E5; font-size: 16px; line-height: 30px; } .dtl_shax{height:50px;} .dtl_shax:before{ height:1px;} .dtl_ssx .foot_sa{ width:50px; height:50px; margin:0 7px;} .dtl_ssx .foot_wximg{bottom:70px;} .dtl_btns{font-size: 16px; line-height: 26px; } } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .dtl_title{font-size:24px; line-height:36px;} } @media (max-width:767px){ .dtl_tm{font-size:14px;} .dtl_title{font-size:20px; line-height:32px; text-align:center;} .dtl_deitor{margin-top:20px; padding-top:20px; font-size:14px; line-height:26px;} .dtl_ssx .foot_sa {width: 40px;height: 40px;margin: 0 2px;} .dtl_shax{height:40px; margin:20px 0;} } .lx_page{ position:relative; z-index:1; margin-top:-135px;} .lx_top{ background:#fff; height:auto; box-shadow:0 5px 30px rgba(0,0,0,0.1); border-radius:0.6em;} .lx_top ul{ width: 100%; justify-content:space-around;} .lx_top li{ width:25%; width:auto; text-align:center; padding:44px 0;} .lx_top li p{ font-size: 20px; line-height: 28px !important; margin-top: 26px; } .lx_top li p:nth-child(3){ margin-top: 0 !important; } .lx_ico{ width:90px; height:90px; border-radius:50%; display:block; margin:0 auto; background:var(--lbg); position:relative} .lx_ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto;} .lx_bom{display:flex; justify-content:space-between; } .lx_bmlx{ width:55.21%;} .lx_fmx{ margin-top:2.6vw; background:#fff; border-bottom:6px solid var(--cor); padding:40px 12px 60px; box-shadow:0 0 30px rgba(0,0,0,0.1); border-radius:0.6em; display:flex; flex-wrap:wrap;} .lx_fmx li{ width:calc(100% - 40px); margin:0 20px 20px; position:relative;} .lx_fmx li:last-child{margin-bottom:0!important;} .lx_fmx li:nth-child(1), .lx_fmx li:nth-child(2), .lx_fmx li:nth-child(3), .lx_fmx li:nth-child(4){ width:calc(50% - 40px);} .lx_fmx li input{ line-height: 76px; border-bottom: 1px solid #E5E5E5; font-size: 20px; width:100%; } .lx_fmx li input:focus,.lx_fmx li textarea:focus{ border-bottom:1px solid var(--cor);} .lx_code{ position:absolute; right:0; bottom:16px;} .lx_fmx li button{ margin-top: 14px; line-height: 58px; width: 206px; font-size: 20px; color: #FFF; text-align: center; cursor:pointer; border-radius:0.4em; background:var(--lbg); transition:all 0.5s ease;} .lx_fmx li button:hover{box-shadow:0 5px 18px rgba(0,117,194,0.3); transform:translateY(-5px);} .lx_fmx li textarea{ line-height: 32px; border-bottom: 1px solid #E5E5E5; font-size: 20px; width: 100%; padding: 16px 0px; height: 135px; } .lx_bmrx{ width:40.14%; padding-top:170px;} .lx_bmt{ font-size: 32px; line-height: 32px; } .lx_mdir{} .lx_mdir li{ border-bottom:1px solid #e4e4e4; padding:26px 0;} .lx_mma{ display:block; position:relative; padding-left:90px; height:65px;display:flex; flex-direction:column; justify-content:center; color: #888; cursor:pointer;} .lx_mma span{ width:65px; height:65px; background:#4C4C4C; border-radius:50%; position:absolute; left:0; top:0;} .lx_mma span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; width:auto; height:auto;} .lx_mma p{ font-size: 18px; line-height: 24px; } .lx_mmwximg{ width:140px; position:absolute; right:0; top:50%; margin-top:-70px; border-radius:0.4em; box-shadow:0 0 20px rgba(0,0,0,0.1); opacity:0; visibility:hidden; visibility:hidden; transition:all 0.5s ease;} .lx_mmwximg img{display:block;} .lx_mma:hover span{background:var(--cor);} .lx_mma:hover .lx_mmwximg{opacity:1; visibility:visible;} @media (max-width:1799px){ .lx_page{ margin-top:-100px;} .lx_top{height:auto;} .lx_top li{ padding:30px 0;} .lx_top li p{ font-size: 16px; line-height: 24px !important; margin-top:18px; } .lx_ico{ width:70px; height:70px;} .lx_ico img{ max-width:60%; max-height:60%;} .lx_fmx{ border-bottom:4px solid var(--cor); padding:30px 10px 50px;} .lx_fmx li{ width:calc(100% - 30px); margin:0 15px 15px;} .lx_fmx li:nth-child(1), .lx_fmx li:nth-child(2), .lx_fmx li:nth-child(3), .lx_fmx li:nth-child(4){ width:calc(50% - 30px);} .lx_fmx li input{ line-height: 66px; font-size: 16px;} .lx_code{ bottom:13px;} .lx_code img{height:50px; width:auto} .lx_fmx li button{ margin-top: 10px; line-height: 50px; width: 180px; font-size: 16px;} .lx_fmx li textarea{ line-height:28px;font-size: 16px; padding: 12px 0px; height: 100px; } .lx_bmrx{padding-top:130px;} .lx_bmt{ font-size: 26px; line-height: 26px; } .lx_mdir li{padding:22px 0;} .lx_mma{ padding-left:68px; height:50px;} .lx_mma span{ width:50px; height:50px;} .lx_mma p{ font-size: 15px; line-height: 22px; } .lx_mmwximg{ width:100px; margin-top:-50px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .lx_bmrx{padding-top:97px;} } @media (max-width:993px){ } @media (max-width:767px){ .lx_page{margin-top:12vw;} .lx_top{flex-wrap:wrap;} .lx_top li{width:100%;} .lx_top{height:auto; padding-bottom:35px;} .lx_bom{flex0-wrap:wrap;} .lx_bmlx{width:100%;} .lx_bom{flex-wrap:wrap;} .lx_fmx{margin-top:25px;} .lx_fmx li input{ line-height:50px; font-size:15px;} .lx_fmx li{width:calc(100% - 30px)!important;} .lx_code img{height:46px;} .lx_code {bottom: 6px;} .lx_fmx li textarea{font-size:15px;} .lx_bmrx{padding-top:12vw; width:100%;} .lx_bmt{font-size:22px;} .lx_top li p{font-size:14px; line-height:24px !important;} } .case_page{} .case_con{ margin-top:2.8vw;display:flex; justify-content:space-between; } .case_lx{ width: 290px;} .case_menu{ padding: 32px 28px; background: #F4F4F4; border-radius:0.6em; } .case_mt{ font-size: 20px; line-height: 24px; padding: 15px 0; position: relative; padding-right: 20px; } .case_ma{} .case_mt i{ background: url(../images/cs_ar1.png) no-repeat center center; height: 30px; width: 30px; position: absolute; top: 15px; right: 0px; cursor: pointer; transition:all 0.5s ease; } .case_mt i:hover{ background: url(../images/cs_ar2.png) no-repeat center center;} .case_mt.on i{ background: url(../images/cs_ar2.png) no-repeat center center; transform:rotate(90deg); } .case_smenu{ display:none; padding-bottom:10px;} .case_smenu p{} .case_ma2{ font-size: 18px; color: #777777; line-height: 36px; } .case_ma2.on,.case_mt.on .case_ma{ color:var(--cor);} .case_rx{ width:calc(100% - 334px);} .case_rx .news_ser{ width:100%;} .case_list{ margin: 42px -10px 0px; } .case_list li{ width:calc(33.33% - 20px); margin:0 10px 40px;} .case_item{ display:block; cursor:pointer; border-radius:0.5em; background:#F4F4F4; overflow:hidden;} .case_item .overflowHide{ height:249px; border-radius:0 0 0.5em 0.5em;} .case_bmx{ padding: 20px 28px 22px; } .case_bmx strong{ font-size: 20px; line-height: 30px; font-weight: normal; } .case_bmx p{ font-size: 16px; line-height: 26px; height:26px; margin-top: 7px; color:#666;} .case_item:hover{box-shadow:0 5px 18px rgba(0,0,0,0.1); transform:translateY(-10px);} .case_layerBg{ background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; right:0; bottom:0; position:fixed; z-index:60;} .case_layCon{ position:fixed; z-index:66; left:50%; top:50%; transform:translate(-50%,-50%); width:1040px; padding-top:95px; margin-top:-10px;} .case_close{ position: absolute; right: -40px; top: 15px; background: #FFF url(../images/case_close.png) no-repeat center center; height: 60px; width: 60px; cursor:pointer; transition:all 0.5s ease; border-radius:50%; background-size:18px auto; } .case_close:hover{transform:rotate(180deg);} .case_layImg{ height:620px;} .case_info{display:flex; justify-content:space-between; margin-top:30px; color:#fff;} .case_info .fl strong{ font-size: 22px; line-height: 38px; font-weight: normal; } .case_info .fl p{ font-size: 16px; line-height: 20px; margin-top: 7px; } .case_info .fr p{ font-size: 16px; line-height: 20px;} .case_info .fr strong{ font-size: 30px; line-height: 30px; font-weight: normal; display: block; margin-top:12px } .case_info .fr strong i{ font-size: 12px; font-style: normal; line-height: 12px; display: inline-block; margin-left:5px; transform:translateY(-13px)} @media (max-width:1799px){ .case_lx{ width: 260px;} .case_menu{ padding: 25px 20px;} .case_mt{ font-size:18px; line-height: 22px; padding: 15px 0; padding-right: 20px;} .case_mt i{right: -5px; background-size:10px auto!important; top:10px;} .case_ma2{ font-size: 16px; line-height: 32px; } .case_rx{ width:calc(100% - 290px);} .case_list{ margin: 35px -10px 0px; } .case_list li{ margin:0 10px 30px;} .case_item .overflowHide{ height:195px;} .case_bmx{ padding: 15px 20px 18px; } .case_bmx strong{ font-size:18px; line-height:28px;} .case_bmx p{ font-size: 14px; line-height: 24px; height:24px; margin-top: 5px;} .case_layCon{ width:840px; padding-top:65px;} .case_close{ right: -30px; top: 12px; height: 40px; width: 40px; background-size:15px auto; } .case_layImg{ height:560px;} .case_info{ margin-top:20px;} .case_info .fl strong{ font-size: 20px; line-height: 30px;} .case_info .fl p{ font-size: 14px; line-height: 18px; margin-top:5px; } .case_info .fr p{ font-size: 14px; line-height: 18px;} .case_info .fr strong{ font-size:26px; line-height: 26px; margin-top:8px } } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .case_list li{width:calc(50% - 20px);} .case_mt{font-size:18px;} .case_lx{width:220px;} .case_rx {width: calc(100% - 250px);} } @media (max-width:767px){ .case_con{margin-top:25px; flex-wrap:wrap;} .case_lx{width:100%;} .case_rx{width:100%; margin-top:20px;} .case_list li {width: calc(100% - 20px); margin-bottom:18px;} .case_item .overflowHide{height:63vw;} .case_list{margin-bottom:15px;} .case_layImg{ height:220px;} .case_layCon{ width: 85%; } } .svr_page{} .svr_item_wpr{} .svr_item{ height:620px; position:relative; margin-bottom:5.2vw;} .svr_ent{ font-size: 56px; line-height: 60px; color: #D5D5D5; background: #F6F6F6; position: absolute; left: 0px; right: 100px; bottom: 0px; border-radius:0.2em; padding:0 100px;display:flex; flex-direction:column; justify-content:center; height:240px; overflow:hidden; transition:all 0.5s ease;} .svr_ent:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--lbg); transition:all 0.5s ease; opacity:0;} .svr_ent span{display:block; position:relative;} .svr_item .overflowHide{ width:46.66%; height:500px; position:absolute; right:0; top:0; border-radius:0.5em;} .svr_txt{ position:absolute; height:380px;display:flex; flex-direction:column; justify-content:center; width:48.66%; padding-left:100px; left:0; top:0;} .svr_txt strong.strong{ font-size: 32px; line-height: 40px; font-weight: normal; } .svr_des{ font-size: 19px; line-height: 32px; margin-top: 25px; color: #666; text-align:justify} .svr_item_wpr .svr_item:last-child{ margin-bottom:0!important;} .svr_item_wpr .svr_item:nth-child(2n){} .svr_item_wpr .svr_item:nth-child(2n) .overflowHide{ right:auto; left:0;} .svr_item_wpr .svr_item:nth-child(2n) .svr_ent{ z-index:1; right:0; left:100px;} .svr_item_wpr .svr_item:nth-child(2n) .svr_txt{padding-left:0; padding-right:100px; left:auto; right:0;} .svr_item_wpr .svr_item:first-child .svr_ent{ left:-100px; right:-100px; bottom:auto; top:0;} .svr_item_wpr .svr_item:first-child .overflowHide{ top:auto; bottom:0;} .svr_item_wpr .svr_item:first-child .svr_txt{ top:auto; bottom:0;} .svr_item:hover .svr_ent:before{ opacity:1;} .svr_item:hover .svr_ent{color:#fff;} @media (max-width:1799px){ .svr_item{ height:480px;} .svr_ent{ font-size: 48px; line-height: 50px; right: 60px; padding:0 60px; height:180px;} .svr_item .overflowHide{ width:46.66%; height:375px} .svr_txt{height:300px; padding-left:60px;} .svr_txt strong.strong{ font-size: 26px; line-height: 32px; } .svr_des{ font-size: 15px; line-height: 26px; margin-top: 16px} .svr_item_wpr .svr_item:nth-child(2n) .svr_ent{left:60px;} .svr_item_wpr .svr_item:nth-child(2n) .svr_txt{padding-left:0; padding-right:60px;} .svr_item_wpr .svr_item:first-child .svr_ent{ left:-60px; right:-60px;} } @media (max-width:1379px){ .svr_item_wpr .svr_item .autoScr{ max-height: 200px; } .svr_item .overflowHide{ height: 300px; } } @media (max-width:1199px){ } @media (max-width:993px){ .svr_ent{font-size:30px; line-height:38px; height:150px;} } @media (max-width:767px){ .svr_ent{position:static!important; width:100%!important; padding:12px 15px!important; height:auto!important; font-size:24px; line-height:30px;} .svr_item .overflowHide{width:100%; height:80vw; position:relative!important; left:auto!important;right:auto!important;top:auto!important;bottom:auto!important; margin-top:25px;} .svr_item{height:auto; margin-bottom:35px; padding-bottom:35px; border-bottom:1px solid #eee;} .svr_txt{width:100%!important; padding:0!important; position:static!important; height:auto; padding:25px 0; font-size:14px; line-height:24px; margin-top:20px;} .svr_ent span br{display:none;} .svr_txt strong.strong{font-size:21px; line-height:28px;} .svr_des{margin-top:10px; font-size:14px;} .svr_item:hover .svr_ent:before{ opacity:0;} .svr_ent:hover{ background:var(--lbg); } } .slt_page{} .slt_ul{ margin: 2.6vw -7px 0px; } .slt_ul li{ width:calc(25% - 14px); margin:0 7px;} .slt_c1item{ display:block; position:relative;} .slt_c1item .overflowHide{ height:620px; border-radius:0.5em;} .slt_c1layer{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 45px 40px; color: #FFF; } .slt_c1layer strong{ font-size: 26px; line-height: 40px; display: block; margin-bottom:25px; } .slt_c1layer p{ font-size: 16px; line-height: 26px; padding-right: 20px; margin-bottom: 14px; } .slt_c1a{ display:block; color:#fff!important; position:relative;} .slt_c1a:after{ content: ""; background: url(../images/backTopa.png) no-repeat; height: 18px; width: 18px; position: absolute; right: 30px; top: 50%; margin-top: -8px; background-size:15px auto; transform:rotate(90deg); transition:all 0.5s ease; opacity:0;} .slt_c1a:hover:after{ right:0; opacity:1;} .slt_con2{ padding:9.37vw 0; color:#fff; background-size:cover;} .slt_con2 .m2ptx *{ color:#fff!important;-webkit-text-fill-color:#fff;} .slt_c2txt{ margin-top: 3vw; text-align: justify; width: 600px; font-size: 18px; line-height: 28px; color: #FFF; } @media (max-width:1799px){ .slt_c1item .overflowHide{ height:500px;} .slt_c1layer{ padding: 35px 30px; } .slt_c1layer strong{ font-size: 22px; line-height: 36px; margin-bottom:20px; } .slt_c1layer p{ font-size: 14px; margin-bottom: 12px; } .slt_c2txt{ font-size: 15px; line-height: 26px; max-width:510px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .slt_ul li{ width:calc(50% - 14px); margin:0 7px 14px;} } @media (max-width:767px){ .slt_ul{margin-top:25px;} .slt_ul li{width:calc(100% - 14px);} .slt_c1item .overflowHide{height:auto;} .slt_con2{padding:12vw 0 18vw;} .slt_c2txt{font-size:14px; line-height:24px; width:100%; margin-top:25px;} } .sdtl_page{} .sdtl_con1{} .sdtl_c1box{ margin-top:2.6vw;display:flex; justify-content:space-between; flex-direction:row-reverse;} .sdtl_c1box .coverImg{ width:50%; height:443px; border-radius:0.5em; overflow:hidden;} .sdtl_c1txt{ width: 42.85%; font-size: 18px; line-height: 28px; text-align: justify;display:flex; flex-direction:column; justify-content:center; } .sdtl_con2{ background:#F4F4F4;} .sdtl_c2ul{ margin: 2.6vw -15px 0px; } .sdtl_c2ul li{ width:calc(50% - 30px); margin:0 15px 30px; height:260px; border-radius:0.5em; background:#fff;display:flex; flex-direction:column; justify-content:center; padding:0 45px 0 200px; position:relative; cursor:default; transition:all 0.5s ease;} .sdtl_c2ul li strong{ font-size: 26px; font-weight: normal; line-height: 36px; display: block; } .sdtl_c2ul li p{ font-size: 18px; line-height: 28px; color: #666; margin-top: 12px; } .sdtl_c2ico{ width:136px; height:136px; position:absolute; left:35px; top:50%; margin-top:-68px; background:var(--lbg); border-radius:50%;} .sdtl_c2ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto;} .sdtl_c2ul li:hover{box-shadow:0 5px 18px rgba(0,0,0,0.1);} .sdtl_con3{ color:#fff; background-size:cover; position:relative; overflow:hidden;} .sdtl_con3 .m2ptx *{ color:#fff!important;-webkit-text-fill-color:#fff;} .sdtl_c3box{ margin-top:3.6vw; position:relative; padding-right:780px; padding-left:100px;} .sdtl_c3lx{} .sdtl_c3lx dd{ height:510px;display:flex!important; padding-bottom:50px; flex-direction:column; justify-content:center;} .sdtl_c3item{ font-size: 16px; line-height: 28px; text-align: justify; } .sdtl_c3item strong{ font-size: 30px; line-height: 36px; font-weight: normal; display: block; margin-bottom:28px; } .sdtl_c3item p{} .sdtl_c3imgs{ width:652px; height:652px; position:absolute; right:0; top:50%; margin-top:-396px;} .sdtl_c3imgs:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/sdtl_c3line.png) no-repeat center center; background-size:cover; animation:turnAni 30s linear infinite;} .sdtl_c3imgs dd{ height:652px; position:relative;} .sdtl_c3imgs dd .coverImg{ width:532px; height:532px; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; overflow:hidden;} .sdtl_c3lx .slick-dots{top:0; bottom:0; left:-98px; width:20px;display:flex; flex-direction:column;justify-content:space-between;} .sdtl_c3lx .slick-dots:before{content:""; width:1px; background:rgba(255,255,255,0.2); position:absolute; top:0; bottom:0; left:10px;} .sdtl_c3lx .slick-dots li button{display:none;} .sdtl_c3lx .slick-dots li { background: #fff; display: inline-block; height: 20px; width: 20px; margin: 0px 0px; position: relative; border-radius:50%; transition:all 0.5s ease; transform:scale(0.6);} .sdtl_c3lx .slick-dots li:after{content:""; width:10px; height:10px; background:var(--cor); left:5px; top:5px; border-radius:50%; position:absolute; transition:all 0.5s ease; opacity:0} .sdtl_c3lx .slick-dots li.slick-active{ transform:scale(1)} .sdtl_c3lx .slick-dots li.slick-active:after{opacity:1;} .sdtl_con4{} .sdtl_c4ul{ margin: 2.6vw -15px 0px; } .sdtl_c4ul dd{ width:calc(33.33% - 30px); margin:0 15px;} .coverImg{ overflow: hidden; } .sdtl_c4item{ display:block;} .sdtl_c4item .overflowHide{ height:344px; border-radius:0.5em;} /*.sdtl_con5{ padding-top:0;}*/ .sdtl_c5ul{ margin: 2.6vw -15px 0px; } .sdtl_c5ul dd{ width:calc(33.33% - 30px); margin:0 15px;} .sdtl_c5item{ display:block; background:#f4f4f4; border-radius:0.5em; overflow:hidden;} .sdtl_c4ul dd a{ display:block; background:#fefdfd; } .sdtl_c4ul .sdtl_c5nm{border-radius:0.5em; background:#f4f4f4; overflow:hidden; padding: 30px 35px 40px; } .sdtl_c5item .overflowHide{ height:323px; border-radius:0 0 0.5em 0.5em;} .sdtl_c5bmx{ padding: 30px 35px 40px; } .sdtl_c5nm{} .sdtl_c5nm strong{ font-size: 22px; line-height: 32px; height: 64px; overflow: hidden; } .sdtl_c5nm p{ font-size: 18px; color: #666; line-height: 28px; margin-top: 12px; } .sdtl_c5inx{ margin-top:35px;} .sdtl_c5inx strong{ line-height: 34px; font-size: 32px; font-weight: normal; color:#333; } .sdtl_c5inx strong i{ font-size: 12px; line-height: 12px; display: inline-block; margin-left: 5px; transform: translateY(-12px); font-style: normal; } .sdtl_c5inx p{ font-size: 18px; color: #666; line-height: 26px; } .sdtl_c5item:hover,.sdtl_c4item:hover{box-shadow:0 5px 18px rgba(0,0,0,0.1);} @media (max-width:1799px){ .sdtl_c1txt{font-size:15px; line-height:26px;} .sdtl_c1box .coverImg{height:350px;} .sdtl_c2ul{ margin: 2.6vw -12px 0px; } .sdtl_c2ul li{ width:calc(50% - 24px); margin:0 12px 24px; padding:0 30px 0 160px;} .sdtl_c2ul li strong{ font-size: 21px; line-height: 30px; } .sdtl_c2ul li p{ font-size: 15px; line-height: 26px; margin-top: 10px;} .sdtl_c2ico{ width:100px; height:100px; left:30px; top:50%; margin-top:-50px} .sdtl_c2ico img{ max-width:60%; max-height:60%; } .sdtl_c3box{padding-right:600px; padding-left:70px;} .sdtl_c3lx dd{ height:400px; padding-bottom:40px;} .sdtl_c3item{ font-size: 14px; line-height: 26px; } .sdtl_c3item strong{ font-size: 22px; line-height: 30px; margin-bottom:16px; } .sdtl_c3imgs{ width:500px; height:500px; margin-top:-300px;} .sdtl_c3imgs dd{ height:500px; } .sdtl_c3imgs dd .coverImg{ width:400px; height:400px;} .sdtl_c3lx .slick-dots{ left:-65px; } .sdtl_c4ul{ margin: 2.6vw -12px 0px; } .sdtl_c4ul dd{ width:calc(33.33% - 24px); margin:0 12px;} .sdtl_c4item .overflowHide{ height:260px;} .sdtl_c5ul{ margin: 2.6vw -12px 0px; } .sdtl_c5ul dd{ width:calc(33.33% - 24px); margin:0 12px;} .sdtl_c5item .overflowHide{ height:250px;} .sdtl_c5bmx{ padding: 22px 25px 30px; } .sdtl_c5nm strong{ font-size: 18px; line-height:25px; height: 50px; overflow: hidden; } .sdtl_c5nm p{ font-size: 15px; line-height: 24px; margin-top: 10px; } .sdtl_c5inx{ margin-top:25px;} .sdtl_c5inx strong{ line-height: 28px; font-size: 28px;} .sdtl_c5inx strong i{ transform: translateY(-11px); } .sdtl_c5inx p{ font-size: 15px; line-height: 26px; } } @media (max-width:1379px){ } @media (max-width:1199px){ .sdtl_c3box{padding-right:560px;} } @media (max-width:993px){ .sdtl_c3imgs{display:none;} .sdtl_c3box{padding-right:0;} .sdtl_c3item .coverImg{height:250px; width:250px; margin:0 auto; border-radius:50%; overflow:hidden} .sdtl_c4item .overflowHide{height:160px;} .sdtl_c5item .overflowHide{height:160px;} .sdtl_c5bmx{padding-right:15px; padding-left:15px;} .sdtl_c5nm strong{font-size:17px;} } @media (max-width:767px){ .sdtl_c1box{margin-top:25px; flex-wrap:wrap;} .sdtl_c1box .coverImg{width:100%; height:50vw;} .sdtl_c1txt{width:100%; margin-top:20px;} .sdtl_c2ul{margin-top:25px;} .sdtl_c2ul li{width:calc(100% - 24px); margin-bottom:15px; padding:30px 15px; height:auto; text-align:center} .sdtl_c2ico{width:80px; height:80px; position:relative; display:block; margin:0 auto; left:auto; top:auto; transform:translateY(0); margin-bottom:18px;} .sdtl_c3box{padding-left:40px;} .sdtl_c3lx .slick-dots {left: -40px;} .sdtl_c3item .coverImg{width:150px; height:150px;} .sdtl_c3item strong{font-size:20px; margin-top:10px; margin-bottom:10px;} .sdtl_c3item{font-size:12px; line-height:22px;} .sdtl_c4ul{margin-top:25px;} .sdtl_c4ul dd{width:calc(100% - 24px); margin-bottom:18px;} .sdtl_c4item .overflowHide {height: 68vw;} .sdtl_c5ul{margin-top:25px;} .sdtl_c5ul dd {width: calc(100% - 24px); margin-bottom:18px;} .sdtl_c5item .overflowHide{height:64vw;} .sdtl_c5nm strong{font-size:20px;} .sdtl_con5{padding-bottom:5vw;} } .abt_page{} .abt_con1{ background: url(../images/abt_c1bg.png) no-repeat center center; background-size:cover; padding:6.25vw 0;} .abt_con1 .container{display:flex; justify-content:space-between; } .abt_c1lx{} .abt_c1tx{} .abt_c1tx p{ font-size: 112px; line-height: 112px; text-transform: uppercase; } .abt_c1tx p span{ display:inline-block; background:var(--lbg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .abt_c1tx strong{ display: block; font-size: 150px; line-height: 150px; text-transform: uppercase; } .abt_c1tx strong span{ display:inline-block; background:var(--lbg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .abt_c1ct{ font-size: 50px; line-height: 50px; margin-top: 72px; } .abt_c1rx{ width: 41.57%; text-align: justify; padding-top: 115px; font-size: 16px; line-height: 24px; } .abt_c1rx h1{ font-size: 36px; line-height: 52px; margin-bottom: 2.2vw; display: block; font-weight: normal; } @media (max-width:1799px){ .abt_c1tx p{ font-size:66px; line-height: 66px;} .abt_c1tx strong{ font-size: 100px; line-height: 100px;} .abt_c1ct{ font-size: 38px; line-height: 38px; margin-top: 50px; } .abt_c1rx{ width: 50%; padding-top: 70px; font-size: 14px; line-height: 24px; } .abt_c1rx h1{ font-size: 30px; line-height: 42px;} } @media (max-width:1379px){ .abt_c1tx p{ font-size:50px; line-height: 50px;} .abt_c1tx strong{ font-size: 80px; line-height: 80px;} .abt_c1ct{ font-size: 28px; line-height: 28px; margin-top: 40px; } .abt_c1rx h1{font-size:26px; line-height:38px;} } @media (max-width:1199px){ } @media (max-width:993px){ .abt_con1 .container{flex-wrap:wrap;} .abt_c1lx{width:100%;} .abt_c1rx{width:100%;} } @media (max-width:767px){ .abt_con1{padding:12vw 0;} .abt_c1tx p{font-size:32px; line-height:40px;} .abt_c1tx strong {font-size: 62px;line-height: 76px;} .abt_c1ct {font-size: 24px;line-height: 24px;margin-top: 22px;} .abt_c1rx h1 { margin-bottom:10px; font-size: 20px;line-height: 32px;} .abt_c1rx{padding-top:35px;} } .abt_con2{ padding:6.25vw 0; background-size:cover;} .abt_con2 .container{display:flex; justify-content:space-between; } .abt_c2lx{ color:#fff;display:flex; flex-direction:column; justify-content:center;} .abt_c2lx strong{ font-size: 66px; line-height: 70px; text-transform: uppercase; display: block; } .abt_c2lx p{ font-size: 36px; line-height: 52px; margin-top: 72px; } .abt_c2rx{} .abt_c2rcon{ width:664px; height:629px; position:relative;} .abt_c2rct{ background: url(../images/abt_c2sbg1.png) no-repeat; height: 353px; width: 315px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 353px; font-size: 30px; color: #FFF; text-align: center; font-weight: bold;} .abt_c2rax{ height: 240px; width: 213px; position: absolute; } .abt_c2rax1{ left:112px; top:0;} .abt_c2rax2{ right:112px; top:0;} .abt_c2rax3{ right:0; top:194px;} .abt_c2rax4{ right:112px; bottom:0;} .abt_c2rax5{ left:112px; bottom:0;} .abt_c2rax6{ left:0; top:194px;} .abt_c2ritem{ background: url(../images/abt_c2sbg2.png) no-repeat; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;display:flex; flex-direction:column; justify-content:center; text-align:center;} .abt_c2ritem:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/abt_c2sbg3.png) no-repeat center center; transition:all 0.5s ease; opacity:0;} .abt_c2ritem strong{ position: relative; font-size: 26px; line-height: 30px; display: block; } .abt_c2ritem div{ position: relative; font-size: 16px; line-height: 23px; margin-top: 13px; } .abt_c2ritem:hover:before{ opacity:1;} .abt_c2ritem:hover{color:#fff;} @media (max-width:1799px){ .abt_c2lx strong{font-size:52px; line-height:60px;} .abt_c2lx p{font-size:24px; line-height:38px; margin-top:58px;} .abt_c2rx{transform:scale(0.86)!important; transform-origin:right center;} .abt_con2{ padding:4vw 0;} } @media (max-width:1379px){ } @media (max-width:1199px){ .abt_c2lx strong{font-size:40px; line-height:50px;} .abt_c2lx p{font-size:22px; line-height:36px;} } @media (max-width:993px){ .abt_con2 .container{flex-wrap:wrap;} .abt_con2{padding:12vw 0;} } @media (max-width:767px){ .abt_c2lx{width:100%; text-align:center;} .abt_c2lx strong {font-size: 30px;line-height: 38px;} .abt_c2lx p { margin-top:24px; font-size: 18px;line-height: 30px;} .abt_c2rx{transform:scale(1)!important; height:400px; position:relative; width:100%;} .abt_c2rcon{transform:scale(0.5); position:absolute; left:50%; top:50%; margin-left:-332px; margin-top:-315px;} } .abt_con3{} .abt_c3ul{ margin-top: 3.2vw; margin-bottom:1vw; background: url(../images/abt_c3bg.png) no-repeat center center; padding:60px 10px; display:flex; } .abt_c3ul li{ height: 193px; width:12.5%; text-align:center; position:relative;} .abt_c3ico{ width:80px; height:80px; display:block; margin:0 auto; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px;} .abt_c3ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;} .abt_c3ul li p{ font-size: 18px; line-height: 24px; display: inline-block; position: absolute; left: 0px; right: 0px; bottom: -60px; font-weight: bold; } .abt_c3ul li:nth-child(2n) p{ bottom:0; top:-60px;} @media (max-width:1799px){ .abt_c3ul{background-size:100% auto;} .abt_c3ico{width:60px; height:60px; margin-left:-30px; margin-top:-30px;} .abt_c3ul{padding:30px 10px;} .abt_c3ul li p{font-size:17px; bottom:-35px;} .abt_c3ul li:nth-child(2n) p {bottom: 0;top: -35px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .abt_c3ul li p{font-size:16px; white-space:nowrap} } @media (max-width:767px){ .abt_c3ul{ background:none; flex-wrap:wrap;} .abt_c3ul li{ width:33.33%; height:auto; margin-bottom:18px;} .abt_c3ul li .abt_c3ico{position:relative; display:block; margin:0 auto; left:0; top:0; width:50px; height:50px;} .abt_c3ul li p{position:static; font-size:14px; line-height:22px; margin-top:10px;} .abt_c3ul {padding: 20px 10px; margin-top:10px; margin-bottom:0; padding-bottom:0} } .abt_con4{ background:#F6F6F6; overflow:hidden; position:relative} .abt_con4 .container{ position:relative; padding-right:0;} .abt_c4map{ position:absolute; right:-7.2vw; top:50%; transform:translateY(-50%); margin-top:65px;} .abt_c4map img{ display:block;} .abt_beijing{ width:0px; height:0px; position:absolute;left: 37.8%; top: 33%;} .abt_c4line{ width: 902px; height: 902px; position: absolute; left: 50%; top: 50%; margin-left: -451px; margin-top: -451px; background: url(../images/abt_c4line.png) no-repeat center center; background-size:98% auto; animation:turnAni 20s linear infinite;} .abt_beijing p{ font-size: 16px; line-height: 17px; color: #FFF; position: absolute; z-index: 2; left: 50%; bottom: -22px; transform:translateX(-50%); white-space:nowrap;} .abt_bjico{ width:62px; height:62px; border-radius:50%; top:50%; left:50%; margin-left:-31px; margin-top:-31px; position:absolute;} @keyframes abt_scani { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(3.2); } } .abt_bjico:before,.abt_bjico:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; background:rgba(41,154,208,0.3); animation:abt_scani 3s linear infinite;} .abt_bjico:after{ animation-delay:1.5s;} .abt_bjico span{ position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; background:var(--lbg);} .abt_bjico span:after{ content: ""; background: url(../images/abt_c4pit.png) no-repeat center center; height: 28px; width: 23px; position: absolute; left: 50%; top: 8px; margin-left: -11px; } .abt_c4tip{ margin-top:135px;} .abt_c4tip p{ font-size: 28px; line-height: 50px; padding-left: 40px; position:relative; } .abt_c4tip p img{ position: absolute; left: 0px; top: 10px; } .abt_c4nums{ margin-top:375px; display:flex;} .abt_c4nums li{ margin-right: 85px; padding-right: 95px; border-right: 1px solid #C5C5C5; } .abt_c4nums li:last-child{border:none; margin-right:0!important;} .abt_c4nums strong{ font-size: 100px; line-height: 80px; display:inline-block; background:var(--lbg);-webkit-background-clip: text;-webkit-text-fill-color: transparent; } .abt_c4nums p{ font-size: 22px; line-height: 22px; margin-top:20px; } @media (max-width:1799px){ .abt_c4map{ width:80%; right:-5vw; margin-top:15px;} .abt_c4line{ width:600px; height: 560px; margin-left: -280px; margin-top: -280px; background-size:94% auto; } .abt_beijing p{ font-size: 14px;} .abt_bjico{ width:62px; height:62px; border-radius:50%; top:50%; left:50%; margin-left:-31px; margin-top:-31px; position:absolute;} .abt_c4tip{ margin-top:115px;} .abt_c4tip p{ font-size: 22px; line-height: 50px;} .abt_c4tip p img{top: 10px; } .abt_c4nums{ margin-top:200px;} .abt_c4nums li{ margin-right:70px; padding-right: 65px;} .abt_c4nums strong{ font-size: 60px; line-height: 50px; } .abt_c4nums p{ font-size: 18px; line-height: 20px; margin-top:16px; } } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .abt_c4tip{ margin-top:35px;} .abt_c4tip p{font-size:16px; padding-left:32px; margin-top:-12px;} .abt_c4tip p img{width:24px; top:13px; height:auto;} .abt_c4map{width:90%;} .abt_bjico{transform:scale(0.7);} .abt_beijing p{font-size:12px;} .abt_c4nums li{padding:0 15px; margin-right:0} .abt_c4nums strong{font-size:40px; line-height:40px;} .abt_c4nums p {font-size: 16px;margin-top: 8px;} .abt_c4map{margin-top:60px;} } .abt_con5{} .abt_c5ul{ margin: 2.6vw -12px 0px; } .abt_c5ul li{ width:calc(33.33% - 24px); margin:0 12px} .abt_c5ul2 li{ width:calc(50% - 20px); margin:0 10px} .abt_c5aBox{ display:block; position:relative;} .abt_c5aBox .overflowHide{ height:525px;} .abt_c5aBox .coverImg:before{ content: ""; position: absolute; z-index: 1; left: 0px; top: 0px; right: 0px; bottom: 0px; background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); transition:all 0.5s ease; } .abt_c5aBox .coverImg:after{content:""; position: absolute; z-index: 1; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.5); transition:all 0.5s ease; opacity:0;} .abt_c5txt{ position:absolute; left:0; bottom:0; max-height:95%; overflow:auto; right:0; color:#fff; padding:0 35px 32px;} .abt_c5txt strong{ font-size: 26px; line-height: 26px; color: #FFF; font-weight: normal; text-align: center; display: block; } .abt_c5txt p{ font-size: 16px; line-height: 26px; text-align: center; margin-top: 22px; color:rgba(255,255,255,0.8); display:none} .abt_c5aBox:hover .coverImg:before{opacity:0;} .abt_c5aBox:hover .coverImg:after{opacity:1;} @media (max-width:1799px){ .abt_c5ul{ margin: 2.6vw -10px 0px; } .abt_c5ul li{ width:calc(33.33% - 20px); margin:0 10px} .abt_c5ul2 li{ width:calc(50% - 20px); margin:0 10px} .abt_c5aBox .overflowHide{ height:400px;} .abt_c5txt{ padding:0 25px 25px;} .abt_c5txt strong{ font-size: 20px; line-height: 20px;} .abt_c5txt p{ font-size: 14px; line-height: 24px; margin-top: 18px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .abt_c5ul{margin-top:25px;} .abt_c5ul li {width: calc(100% - 20px); margin-bottom:20px;} .abt_c5aBox .overflowHide{height:105vw;} } .job_page{} .job_con1{} .job_c1box{display:flex; justify-content:space-between; margin-top:2.6vw;flex-direction:row-reverse;} .job_c1img{ width:49.64%;} .job_c1img .overflowHide{ border-radius:0.5em; height:440px;} .job_c1dls{ width:45%;display:flex; flex-direction:column; justify-content:center;} .job_c1dl{ padding:24px 0; border-bottom:1px solid #E5E5E5; position:relative; top:-20px;} .job_c1dl.on{ padding:30px 0;} .job_c1dl dt{ font-size: 22px; line-height: 36px; transition:all 0.5s ease; cursor:pointer; font-weight: bold; } .job_c1dl dd{ display: none; font-size: 18px; line-height: 28px; text-align: justify; color: #666; margin-top: 16px; } .job_c1dl.on dt{ font-size:32px;} .job_con2{ background-size:cover;} .job_con2 .m2ptx *{ color:#fff!important;-webkit-text-fill-color:#fff;} .job_c2ul{ padding-top: 15px; margin: 0px -18px; } .job_c2ul li{ width: calc(33.33% - 36px); margin: 86px 18px 0px; position: relative; height: 156px; text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 15px 25px 0; line-height: 32px; font-size: 22px; background: url(../images/job_c2bor.png) no-repeat center center; background-size:100% 100%; transition:all 0.5s ease; } .job_c2ul li span{ height: 92px; width: 92px; border: 2px solid #FFF; position: absolute; left: 50%; top: -46px; margin-left: -46px; border-radius:50%; transition:all 0.5s ease;} .job_c2ul li span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:66%; max-height:66%; width:auto; height:auto;} .job_c2ul li:hover{ transform:translateY(-8px);} .job_c2ul li:hover span{transform:rotateY(180deg);} .job_c2ul li p{} .job_con3{} .job_con3 .news_ser{ margin-top:2.6vw; width:100%;} .job_c3dls{ margin-top:2.2vw;} .job_c3dls dl{ padding:28px; background:#fff; box-shadow:0 0 28px rgba(0,0,0,0.1); margin-bottom:35px;} .job_c3dls dl.on{} .job_c3dls dt{} .job_c3tx{display:flex; justify-content:space-between; } .job_c3tx strong{ font-size: 26px; font-weight: normal; line-height: 40px; width:calc(100% - 230px);} .job_btn{ line-height: 40px; width: 125px; font-size: 16px; color: #FFF; text-align: center; background:var(--lbg);} .job_btn:hover{color:#fff; box-shadow:0 3px 18px rgba(0,117,194,0.3);} .job_c3tags{ margin-top:25px; background:#F2F8FC; padding:32px 40px; display:flex; flex-wrap:wrap;} .job_c3tags span{ width: 33.33%; font-size: 18px; line-height: 28px; color: #666; } .job_c3tags:after{content:"";} .job_c3dls dd{ display: none; font-size: 18px; line-height: 30px; color: #666; padding-top: 35px; } .job_c3dls dd strong{ font-size: 22px; font-weight: normal; color: #333; line-height: 38px; display:block} .job_c3tip{ margin-top: 2.6vw; text-align: right; font-size: 18px; line-height: 30px; } .job_c3tip a,.job_c3tip span{ color:var(--cor);} .job_c3more{ margin-top:2.6vw; text-align:center;} .job_c3mbtn{ display: inline-block; height: 68px; width: 68px; position: relative; border-radius:50%; background:var(--lbg); cursor:pointer;} .job_c3mbtn:hover{ box-shadow:0 3px 18px rgba(0,117,194,0.3);} .job_c3mbtn:after{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/job_bmx.png) no-repeat center center; } @media (max-width:1799px){ .job_c1img .overflowHide{height:347px;} .job_c1dl{ padding:18px 0; top:-15px;} .job_c1dl.on{ padding:20px 0;} .job_c1dl dt{ font-size: 18px; line-height: 30px;} .job_c1dl dd{ font-size: 15px; line-height: 26px; margin-top: 12px; } .job_c1dl.on dt{ font-size:26px;} .job_c2ul{ padding-top: 15px; margin: 0px -12px; } .job_c2ul li{ width: calc(33.33% - 24px); margin: 66px 12px 0px; height: 135px; line-height: 28px; font-size: 20px;} .job_c2ul li span{ height: 80px; width: 80px; border: 1px solid #FFF; top: -40px; margin-left: -40px;} .job_c3dls dl{ padding:20px; margin-bottom:25px;} .job_c3tx strong{ font-size: 21px; line-height:36px; width:calc(100% - 180px);} .job_btn{ line-height: 36px; width: 95px; font-size: 14px;} .job_c3tags{ margin-top:18px; padding:20px 25px;} .job_c3tags span{ font-size: 15px; line-height: 26px;} .job_c3dls dd{font-size: 15px; line-height:26px; padding-top:25px; } .job_c3dls dd strong{ font-size: 18px; line-height: 32px} .job_c3tip{ font-size: 15px; line-height: 28px; } .job_c3mbtn{height: 58px; width: 58px;} .job_c3mbtn:after{ } } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .job_c2ul li{width:calc(50% - 24px);} } @media (max-width:767px){ .job_c1box{margin-top:25px; flex-wrap:wrap;} .job_c1img{width:100%;} .job_c1dls{width:100%; margin-top:25px;} .job_c1img .overflowHide{height:56vw;} .job_c1dl.on dt{font-size:22px;} .job_c2ul li{width:calc(100% - 24px);} .job_con3 .news_ser{margin-top:25px;} .job_c3dls{margin-top:25px;} .job_c3dls dl{padding:20px 12px;} .job_c3tx{flex-wrap:wrap;} .job_c3tx strong{width:100%; font-size:18px; line-height:32px; text-align:center} .job_btn{margin:15px auto 0;} .job_c3tags{padding:15px 18px;} .job_c3tags span{width:100%;} .job_c3tip{font-size:14px; line-height:24px; text-align:center;} .job_c3dls dd{font-size:14px; line-height:24px;} .job_c3mbtn{width:50px; height:50px;} } .inx_con3{ background:#F6F6F6;} .inx_c3tabWpr{ margin-top:3vw;} .inx_c3tab{display:flex; justify-content:space-between; } .inx_c3tab a{ width:66px; height:124px; position:relative; cursor:pointer;} .inx_c3tab a.on{} .inx_c3a span{ display:block; width:66px; position:relative; height:66px;} .inx_c3a span img{position:absolute; left:0; top:0; transition:all 0.5s ease;} .inx_c3a span img:nth-child(2){opacity:0;} .inx_c3tab a.on span img{opacity:0;} .inx_c3tab a.on span img:nth-child(2){opacity:1;} .inx_c3a p{ white-space: nowrap; text-align: center; position:absolute; left: 50%; transform: translateX(-50%); font-size: 22px; line-height: 30px; color: #0075c1; bottom:-15px; transition:all 0.5s ease; opacity:0; } .inx_c3tab a.on p{opacity:1;} .inx_c3tab a:before{ content: ""; background: url(../images/footer_back.png) no-repeat center center; height: 146px; width: 146px; position: absolute; left: 50%; top: -40px; margin-left: -73px; opacity:0; transition:all 0.5s ease; animation:turnAni 2s linear infinite; background-size:cover;} .inx_c3tab a:after{ content: ""; background: url(../images/inx_c4line.png) no-repeat; height: 15px; width: 34px; position: absolute; right: -55px; top: 25px; transition:all 0.5s ease; } .inx_c3tab a.on:before{opacity:0.6;} .inx_c3tab a:last-child:after{display:none;} .inx_c3sws{ margin-top:2.6vw; position:relative; height:323px; margin-left:-12px; margin-right:-12px;} .inx_c3sw{ position:absolute; left:0; top:0; right:0; opacity:0; transform:translateY(50px); visibility:hidden;} .inx_c3sw.on{ opacity:1; transform:translateY(0); visibility:visible; z-index:1; transition:all 0.5s ease;} .inx_c3sw dd{ padding:0 12px} .inx_c3item{ display:block;} .inx_c3item .overflowHide{ height:323px; border-radius:0.6em;} .inx_c3item .overflowHide:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0;background: linear-gradient(to bottom,rgba(0,0,0,0) 70%,rgba(0,0,0,0.6) 100%);} .inx_c3item p{ font-size: 22px; line-height: 34px; position: absolute; left: 20px; right: 20px; bottom: 20px; color:#fff; z-index:1; text-align:center} .inx_c3sw .slick-prev{ background: url(../images/inx_c4btn.png) no-repeat center center; display: inline-block; height: 30px; width: 20px; position: absolute; left: -50px; top: 50%; overflow: hidden; cursor: pointer; z-index: 1; } .inx_c3sw .slick-next{ background: url(../images/inx_c4btn.png) no-repeat center center; display: inline-block; height: 30px; width: 20px; position: absolute; right: -50px; top: 50%; overflow: hidden; cursor: pointer; z-index: 1; transform:rotate(180deg);} .inx_c3sw .slick-prev:hover,.inx_c3sw .slick-next:hover{ background: url(../images/inx_c4btn2.png) no-repeat center center; } @media (max-width:1799px){ .inx_c3a span{width:42px; height:42px;} .inx_c3tab a:before{width:100px; height:100px;top: -29px; margin-left: -62px;} .inx_c3tab a:after{background-size:28px auto;right: -35px; top: 16px;} .inx_c3a p{font-size:20px; line-height:24px;} .inx_c3tab a{height:85px;} .inx_c3item .overflowHide{height:250px;} .inx_c3item p{font-size:20px; line-height:30px;} .inx_c3a p{ margin-left:-12px; } } @media (max-width:1379px){ .inx_c3sw .slick-prev{left:-40px;} .inx_c3sw .slick-next{right:-40px;} .inx_c3sws{margin-left:15px; margin-right:15px; height:252px;} } @media (max-width:1199px){ .inx_c3sw .slick-prev{left:-30px;} .inx_c3sw .slick-next{right:-30px;} } @media (max-width:993px){ .inx_c3tab a:after{display:none;} } @media (max-width:767px){ .inx_c3tabWpr{margin-top:25px; width:100%; overflow-x:auto;} .inx_c3tab{ white-space:nowrap; display:inline-block; padding-top:25px; padding-bottom:30px;} .inx_c3tab a{display:inline-block; margin:0 15px;} .inx_c3sws{margin-top:35px;} .inx_c3item .overflowHide{height:190px;} .inx_c3sws{height:190px;} .inx_c3item p{font-size:18px; line-height:28px;} .inx_c3sw .slick-prev{left:-20px;} .inx_c3sw .slick-next{right:-20px;} .inx_c3a p{font-size:18px;} } .inx_con4{} .inx_c4dls{ margin:2.6vw -8px 0; display:flex; flex-wrap:wrap;} .inx_c4dls dd{ width:calc(16.66% - 16px); margin:0 8px;} .inx_c4item{ display:block; padding:48px 20px; height:356px; text-align:center; background:#F6F6F6; border-radius:0.6em; transition:all 0.5s ease;} .inx_c4item span{ display:block; width:110px; margin:0 auto; height:110px; position:relative; transition:all 0.5s ease;} .inx_c4item span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;} .inx_c4item p{ font-size: 22px; line-height: 32px; margin-top:28px; } .inx_c4item:hover{transform:translateY(-10px); box-shadow:0 5px 18px rgba(0,0,0,0.1);} .inx_c4item:hover span{transform:rotateY(180deg);} .inx_con5{ padding-top:0} .inx_c5dls{ margin:2.6vw -12px 0;} .inx_c5dls dd{ width:calc(25% - 24px); margin:0 12px} .inx_c5item{ display:block;} .inx_c5item .overflowHide{ height:291px; border-radius:0.6em 0.6em 0 0;} .inx_c5bmx{ background: #F0F0F0; padding: 28px 24px; border-radius:0 0 0.6em 0.6em; position:relative; transition:all 0.5s ease;} .inx_c5bmx:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:0 0 0.6em 0.6em;background: linear-gradient(to right,#0176C2 0%,#4FBBDE 100%); transition:all 0.5s ease; opacity:0;} .inx_c5tm{ font-size: 18px; color:var(--cor); line-height: 24px; position:relative; transition:all 0.5s ease; } .inx_c5tm span{ font-size: 14px; line-height:24px; display: inline-block; padding: 0px 15px; color: #FFF; border-radius:2em; position:absolute; right:0; top:50%; margin-top:-16px; background:var(--cor); text-transform:uppercase; transition:all 0.5s ease;} .inx_c5bmx p{ font-size: 22px; line-height: 28px; height: 84px; margin-top: 5px; -webkit-line-clamp:3; position:relative} .inx_c5item:hover{transform:translateY(-10px); box-shadow:0 5px 18px rgba(0,0,0,0.1);} .inx_c5bmx:after{ content: ""; background: #E5E5E5 url(../images/inx_c5ar.png) no-repeat center center; height: 32px; width: 32px; position: absolute; top: -26px; right: -3px; border: 5px solid #FFF; border-radius:50%; transition:all 0.5s ease;} .inx_c5item:hover .inx_c5bmx:before{opacity:1;} .inx_c5item:hover .inx_c5bmx:after{ background:var(--cor) url(../images/inx_c5ar2.png) no-repeat center center;} .inx_c5item:hover {color:#fff;} .inx_c5item:hover .inx_c5tm{color:#fff;} .inx_c5item:hover .inx_c5tm span{ background:#fff; color:var(--cor);} @media (max-width:1799px){ .inx_c4item span{width:70px; height:70px;} .inx_c4item p{font-size:18px; line-height:30px; margin-top:18px;} .inx_c4item {padding: 25px 20px;height: 265px;} .inx_c5item .overflowHide{height:230px;} .inx_c5bmx{padding:20px 22px 28px;} .inx_c5bmx p{font-size:16px; line-height:26px; height:78px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .inx_c4item p{font-size:16px;} .inx_c5item .overflowHide {height: 180px;} } @media (max-width:993px){ .inx_c4dls dd{ width:calc(33.33% - 16px); margin-bottom:16px;} .inx_c5dls dd{ width:calc(50% - 24px); margin:0 12px 24px} .inx_c5item .overflowHide{height:290px;} .inx_c5item:hover{transform:translateY(0px); } .inx_c4item:hover{transform:translateY(0px);} } @media (max-width:767px){ .inx_c4dls{margin-top:25px;} .inx_c4dls dd {width: calc(50% - 16px);} .inx_c4item {padding: 20px 20px;height: 230px;} .inx_c4item span{height:60px; width:60px;} .inx_c4item p{font-size:16px; line-height:28px; margin-top:12px;} .inx_c5dls{margin-top:25px;} .inx_c5dls dd{width:calc(100% - 24px);} .inx_c5item .overflowHide{height:82vw;} .inx_con5{padding-bottom:0;} .inx_c5bmx p{height:auto;} } .inx_focus_wpr{ position:relative;} .inx_focus img{display:block;} .next_btn{ height: 62px; width: 24px; position: absolute; z-index: 5; left: 50%; margin-left: -12px; bottom: 4.16vw; } .next_btn i{ height: 38px; border: 3px solid #FFF; border-radius:1.8em; display:block; position:relative} .next_btn i:after{ content: ""; background: #FFF; height: 12px; width: 4px; position: absolute; left: 7px; top: 6px; border-radius:2em; animation:next_btn 1s linear infinite;} .next_btn:after{ content: ""; background: url(../images/inx_fs_ms.png) no-repeat center center; height: 11px; width: 19px; position: absolute; left: 2px; bottom: 0px; } @keyframes next_btn { 0% { top:6px; } 100% { top:10px; } } .mesBtn{ background: url(../images/inx_ban_mes.png) no-repeat center center; position: fixed; z-index: 100; right: 2.2vw; bottom: 4.16vw; background-size:cover; border-radius:50%; width:70px; height:70px;} .inx_c2boxWpr{} .inx_c2top{ padding:2vw 0 0; position:relative;} .inx_c2lx{ width:606px; position:relative;} .inx_c2timg{} .inx_c2timg img{ display:block;} .inx_c2tx{} .inx_c2tx span{ display: inline-block; background: var(--lbg); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 68px; line-height: 78px; margin-top: 30px; font-weight: bold; text-transform: uppercase; } .inx_c2lbmx{ margin-top: 5.2vw; } .inx_c2lbmx strong{ font-size: 50px; line-height: 60px; display: block; } .inx_c2lbmx p{ font-size: 22px; line-height: 30px; margin-top: 25px; color:#666;} .inx_c2bom{ padding-top:5vw; background-size:cover; color:#fff; background-attachment:fixed;} .inx_c2bmcon{ position:relative;} .inx_c2bmlx{ width:500px;} .inx_c2bmtx{ font-size: 20px; line-height: 30px; text-align: justify; } .inx_c2bmtx strong{ font-size: 40px; line-height: 50px; display: block; margin-bottom:20px;} .inx_c2nums{ width:700px; position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; flex-wrap:wrap; margin-top:-20px;} .inx_c2nums li{ width:50%; border-bottom:1px solid rgba(255,255,255,0.8); padding-bottom:3.3vw; margin-bottom:3.3vw;} .inx_c2nums li strong{ font: 100px/100px din; display:block; font-weight: bold; } .inx_c2nums li strong span{} .inx_c2nums li strong i{ display:inline-block; font-size:22px; font-style:normal; transform:translateY(-51px)} .inx_c2nums li p{ font-weight: bold; } .inx_c2btn{ display:block; margin-top:2.08vw} .inx_c2m{ line-height: 121px; background: url(../images/inx_c2btn.png) no-repeat; height: 121px; width: 266px; text-align: center; font-size: 22px; display: inline-block; color: #FFF; padding-left:15px; margin-left:-22px; } .inx_c2nums li:nth-child(3), .inx_c2nums li:nth-child(4){margin-bottom:0;} .inx_c2m:hover{ color:#fff; transform:translateY(-10px)} @media (max-width:1799px){ .inx_c2nums li strong{ font: 72px/72px din; font-weight: bold; } .inx_c2nums li strong i {font-size: 18px;transform: translateY(-36px);} .inx_c2nums li{padding-bottom:3.6vw; margin-bottom:3.6vw;} .inx_c2nums{width:560px;} .inx_c2bmtx strong{ font-size:26px; line-height:30px;} .inx_c2bmtx{font-size:16px; line-height:26px;} .inx_c2m{transform:scale(0.8); transform-origin:left top;} .inx_c2m:hover{transform:scale(0.8) translateY(-8px);} .inx_c2bmlx{width:410px;} } @media (max-width:1379px){ .inx_c2bom{padding-top:8vw;} } @media (max-width:1199px){ .inx_c2nums{width:460px;} .inx_c2timg img{height:66px;} .inx_c2tx span {font-size: 36px;line-height: 42px;} .inx_c2lbmx strong{font-size:26px; line-height:36px;} .inx_c2lbmx p {font-size: 14px;line-height: 22px;} .inx_c2lx{width:468px;} .inx_c2bmtx strong{font-size:26px; line-height:36px;} .inx_c2bmtx{font-size:14px; line-height:22px;} } @media (max-width:993px){ } @media (max-width:767px){ } .inx_con2{} .inx_tx{display:flex; justify-content:space-between; position:relative } .inx_tx .m2ptx{} .inx_txm{ height: 80px; width: 80px; position: absolute; top: 50%; right: 0px; margin-top: -35px; cursor:pointer; display:inline-block;} .inx_txm i{ background: #FFF url(../images/inx_c2mar.png) no-repeat center center; height: 52px; width: 52px; position: absolute; left: 50%; top: 50%; margin-top: -26px; margin-left: -26px; z-index:1; border-radius:50%; } .inx_txm:after{ content: ""; background: url(../images/footer_back.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; animation:turnAni 3s linear infinite} .inx_c2dls{ margin:3vw -9px 0; display:flex; padding-bottom:60px;} .inx_c2dls dd{ width:calc(20% - 18px); margin:0 9px; transition:all 0.8s ease; border-radius:0.8em; overflow:hidden;} .inx_c2dls dd:nth-child(2n){transform:translateY(60px);} .inx_c2dls dd.on{ width:calc(80.2% - 18px);} .inx_c2item{ display:block;} .inx_c2item .coverImg{ height:468px;} .inx_c2dx{ background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 20px; text-align: center; font-size: 22px; line-height: 30px; color: #FFF; transition:all 0.5s ease; } .inx_c2lay{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s ease; background: url(../images/inx_c3layBg.png) no-repeat left bottom; background-size:cover; opacity:0; } .inx_c2laytxt{ position: absolute; left: 0; bottom: 0; right: 0; padding-right: 40px; padding-left: 40px; padding-bottom: 45px; color:#fff;} .inx_c2lay span{ display:block; width:80px; height:80px; position:relative; transition:all 0.5s ease; opacity:0; transform:translateY(50px);} .inx_c2lay span img{} .inx_c2lay strong{ font-size: 28px; line-height: 42px; font-weight: normal; display: block; margin-top: 25px; transition:all 0.5s ease; opacity:0; transform:translateY(50px); } .inx_c2lay p{ font-size: 18px; line-height: 32px; margin-top: 12px; transition:all 0.5s ease; opacity:0; transform:translateY(50px); } .inx_c2dls dd.on .inx_c2dx{opacity:0;} .inx_c2dls dd.on .inx_c2lay{opacity:1;} .inx_c2dls dd.on .inx_c2lay span{opacity:1; transform:translateY(0); transition-delay:0.1s;} .inx_c2dls dd.on .inx_c2lay strong{opacity:1; transform:translateY(0); transition-delay:0.3s;} .inx_c2dls dd.on .inx_c2lay p{opacity:1; transform:translateY(0); transition-delay:0.5s;} @media (max-width:1799px){ .inx_txm{width:66px; height:66px; margin-top:-30px; } .inx_txm i{ width:32px; height:32px; margin-top: -16px; margin-left: -16px; } .inx_c2dx{font-size:18px; line-height:28px;} .inx_c2lay span{width:62px; height:62px;} .inx_c2lay strong{font-size:24px; line-height:36px;} .inx_c2lay p{font-size:16px; line-height:26px; margin-top:8px;} .inx_c2item .coverImg{height:360px;} .inx_c2laytxt{padding-left:25px; padding-right:25px; padding-bottom:30px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .inx_txm{width:100px; height:100px;} } @media (max-width:993px){ .inx_c2dx{padding:0 3px;} } @media (max-width:767px){ .inx_tx .m2ptx{ text-align:left;} .inx_txm{transform:scale(0.6); margin-top: -50px; transform-origin:right center;} .inx_c2dls{margin-top:30px;flex-wrap:wrap; padding-bottom:0} .inx_c2dls dd{width:calc(100% - 18px)!important; margin-bottom:20px;} .inx_c2dls dd:nth-child(2n){transform:translateY(0);} .inx_c2dls dd .inx_c2dx{opacity:0;} .inx_c2dls dd .inx_c2lay{opacity:1;} .inx_c2dls dd .inx_c2lay span{opacity:1; transform:translateY(0); transition-delay:0.1s;} .inx_c2dls dd .inx_c2lay strong{opacity:1; transform:translateY(0); transition-delay:0.3s;} .inx_c2dls dd .inx_c2lay p{opacity:1; transform:translateY(0); transition-delay:0.5s;} } /*inx css*/ .hmTop_wpr{ overflow:hidden; position:relative;} .hmTop{ position: relative; height: 230vh; z-index: 2; background: #fff url(../images/inx_c2bgImg0.jpg) no-repeat fixed center center; background-size:cover;} .hmtop_con{height: 100vh; position:relative;} .hmc1_logo{ position:absolute; left:0; top:0; right:0; z-index:2; height:100vh; transition:all 0.5s ease;} .inxTop_wpr .hmc1_logo{ background: url(../images/inx_c2svg.svg) no-repeat center center; background-size:100% auto;transform-origin:70% 50%;} @media (min-height:1000px){ .inxTop_wpr .hmc1_logo{transform-origin:70% 50%;} } .skrollable-after.hmc1_logo + .hm_con1{opacity:0; visibility:hidden;} .skrollable-after.hmc1_logo{opacity: 0;pointer-events: none;} .skrollable-after.hmc1_logo + .hm_con1 + .hm_con2 .hmc2nums{opacity:1; transition-delay:0.5s; transform:translateY(0)} .skrollable-after.hmc1_logo + .hm_con1 + .hm_con2{opacity:1;} .skrollable-after.hmc1_logo + .hm_con1 + .hm_con2 .inx_pt{opacity:1; transition-delay:0.3s; transform:translateY(0)} .skrollable-after.hmc1_logo + .hm_con1 + .hm_con2 .hmc1btn{opacity:1; transition-delay:0.7s; transform:translateY(0)} .skrollable-between.hmc1_logo + .hm_con1 .inx_c2mbtn{opacity:0; visibility:hidden} .hm_con1{ position: absolute; left: 0px; top: 0px; right: 0px; z-index:3;} .inxTop_wpr .hm_con2{ color:#fff; background-size:cover !important;} .inxTop_wpr .hm_con1{height:100vh; display:flex; flex-direction:column; justify-content:center;} .inx_c2timg,.inx_c2tx,.inx_c2lbmx{ transition:all 0.5s ease;} .hm_con1.out .inx_c2timg{ transform:translateX(150px); opacity:0;} .hm_con1.out .inx_c2tx{ transform:translateX(150px); opacity:0; transition-delay:0.2s;} .hm_con1.out .inx_c2lbmx{ transform:translateY(150px); opacity:0; transition-delay:0.2s;} .hm_con2{ height:100vh;display:flex; flex-direction:column; justify-content:center; position:absolute; left:0; right:0; bottom:0; opacity:0; transition:all 0.5s ease;} .hmTop_flag{height:0; position:relative; overflow:hidden;} .inx_c2mbtn{width:0px; height:0px; position:absolute; right: 36.2%; bottom: 25.8%; transition:all 0.5s ease;} .inx_c2mbtn .inx_txm{ right:auto; left:50%; margin-left:-53px;} @media (max-width:1799px){ .inx_c2mbtn {right: 35.2%;bottom: 21.2%;} .inx_c2timg img{height:86px; width:auto;} .inx_c2tx span{font-size:48px; line-height:56px;} .inx_c2lbmx strong{font-size:36px; line-height:48px;} .inx_c2lbmx p{font-size:16px; line-height:24px;} .inx_c2lx{ width:500px;} .inx_c2lbmx{margin-top:4vw;} .inx_c2top{padding-top:1vw;} } @media (max-width:1379px){ .inx_c2mbtn {right: 35%;bottom: 20%;} } @media (max-width:1199px){ .inx_c2lbmx strong{font-size:26px; line-height:36px;} } @media (max-width:993px){ .inxTop_wpr .hmTop{background:none;} .hmTop{height:auto!important;} .hmtop_con{height:auto!important; position:static!important;} .inxTop_wpr .hm_con1{ height:auto;} .hmc1_logo{display:none!important;} .hm_con2{position:static!important; height:auto!important; opacity:1!important; visibility:visible!important;} .hm_con1{background:#fff; padding:9vw 0!important; position:relative!important; visibility:visible!important; opacity:1!important;} .hmc1imx_wpr{position:relative; bottom:0; margin-top:40px; opacity:1!important; transform:translateY(0)!important; visibility:visible!important;} .inx_c2mbtn{ opacity:1!important; visibility:visible!important;right: 6.2%; bottom: 31.8%;} .inx_c2bom{padding-top:10vw; padding-bottom:5vw;} .inx_c2timg{ transform:translateX(0px)!important; opacity:1!important;} .inx_c2tx{ transform:translateX(0px)!important; opacity:1!important;} .inx_c2lbmx{ transform:translateY(0px)!important; opacity:1!important;} .inx_c2bmlx{width:100%;} .inx_c2nums{width:100%; position:static; transform:translateY(0); margin-top:25px;} } @media (max-width:767px){ .hm_con1{ padding:12vw 0!important;} .hm_con2{padding:12vw 0;} .mesBtn{width:40px; height:40px;} .inx_c2timg img{ height:52px;} .inx_c2tx span{font-size:36px; line-height:40px;} .inx_c2lbmx strong{font-size:22px; line-height:32px;} .inx_c2mbtn {right: 10.2%;bottom: 36.8%;} .inx_c2bom{padding:0;} .inx_c2bmtx strong{font-size:20px; line-height:32px; text-align:center; margin-bottom:12px; display:none} .inx_c2lx{width:100%;} .inx_c2lbmx p{font-size:14px; line-height:22px;} .inx_c2nums li strong {font: 52px/52px din;} .inx_c2nums li strong i {font-size: 16px;transform: translateY(-24px);} .inx_c2m {transform: scale(0.7); transform-origin:left center} } /*2025-05-12 CSS*/ .sdtl_con3{ background-size:cover; background-attachment:fixed;} .sdtl_c3nbox{ position:relative; padding-left:90px;} .sdtl_c3swiper{ height:652px; overflow:hidden} .sdtl_c3swiper .swiper-slide{} .sdtl_c3nitem{ height:652px;display:flex; justify-content:space-between;flex-direction:row-reverse;} .sdtl_c3nimgx{ width:652px; height:652px; position:relative; text-align:center;display:flex; flex-direction:column; justify-content:center;} .sdtl_c3nimgx:after{content:"";position: absolute;left: 0; top: 0; right: 0; bottom: 0; background: url(../images/sdtl_c3line.png) no-repeat center center; background-size: cover; animation: turnAni 30s linear infinite;} .a01:after{ display: none; } .a01 img{ display: none !important; } .sdtl_c3nimgx .coverImg{ width:81.74%; height:81.74%; display:inline-block; border-radius:50%; overflow:hidden; margin:0 auto} .sdtl_c3ntxt{ width:535px;display:flex; flex-direction:column; justify-content:center; color:#fff; padding-top:140px;} .sdtl_c3ntxt strong{font-size: 30px;line-height: 36px; font-weight: normal; display: block; margin-bottom: 28px;} .sdtl_c3ntxt p{font-size: 16px;line-height: 28px;text-align: justify;} .sdtl_c3dot{ height:510px; width:20px; position:absolute; left:5px; bottom:0; display: flex;flex-direction: column;justify-content: space-between; z-index:2} .sdtl_c3dot:after{content: "";width: 1px; background: rgba(255,255,255,0.2); position: absolute;top: 0; bottom: 0;left: 10px;} .sdtl_c3dot li{background: #fff; display: inline-block; height: 20px; width: 20px; margin: 0px 0px; position: relative; border-radius: 50%; transition: all 0.5s ease; transform: scale(0.6); cursor:pointer} .sdtl_c3dot li.on{transform: scale(1);} .sdtl_c3dot li:after{content:"";width: 10px; height: 10px; background: var(--cor); left: 5px; top: 5px; border-radius: 50%; position: absolute; transition: all 0.5s ease; opacity: 0;} .sdtl_c3dot li.on:after{opacity:1;} @media (max-width:1799px){ .sdtl_c3nbox{ padding-left:65px; margin-top:-40px;} .sdtl_c3swiper{ height:500px;} .sdtl_c3nitem{ height:500px;} .sdtl_c3nimgx{ width:500px; height:500px;} .sdtl_c3ntxt{ width:480px; padding-top:110px;} .sdtl_c3ntxt strong{font-size: 22px;line-height: 30px; margin-bottom: 16px;} .sdtl_c3ntxt p{font-size: 14px;line-height: 26px;} .sdtl_c3dot{ height:400px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .sdtl_c3dot{width:100%; height:20px; left:0; right:0; bottom:0;flex-direction:row; } .sdtl_c3dot:after{content: "";width: 100%; top:10px; bottom:auto; left:0px; height:1px;} .sdtl_c3nbox{padding-left:0; padding-bottom:50px} .sdtl_c3ntxt{ width:400px; padding-top:20px;} } @media (max-width:993px){ .sdtl_c3nitem{ flex-wrap:wrap;} .sdtl_c3nimgx{ width:360px; height:360px; margin:0 auto} .sdtl_c3ntxt{width:100%;} .sdtl_c3nbox{margin-top:0; height:auto;} .sdtl_c3nitem{height:auto;} .sdtl_c3swiper{height:auto;} } @media (max-width:767px){ .sdtl_c3nimgx{ width:260px; height:260px;} .sdtl_c3nbox{margin-top:35px;} .sdtl_c3ntxt{padding-top:10px;} .sdtl_c3ntxt strong {font-size: 20px;margin-bottom: 10px;} .sdtl_c3ntxt p {font-size: 12px;line-height: 22px;} .sdtl_c3dot{transform:scale(0.8); transform-origin:center bottom;} } /*2025-05-15 CSS*/ .inx_c2mbtn .inx_txm{transform:scale(2); opacity:0;} .inx_c2mbtn .inx_txm i{ background:rgba(255,255,255,0);} .inx_c2mbtn .inx_txm:after{ background:rgba(255,255,255,0);} .abt_c4tip p{max-width:300px; cursor:pointer; transition:all 0.5s ease;} .abt_c4tip p:hover{color:var(--cor);} .abt_c4map img:nth-child(1){position:static!important; opacity:1} .abt_c4map img{ position:absolute; left:0; top:0;} .abt_c4map img.op1{opacity:0;} .sdtl_c3nbox{padding-left:160px;} .sdtl_c3ntxt{width:480px;} .sdtl_c3dot li{ z-index:1; background:none;transform:scale(1);} .sdtl_c3dot li:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; transition:all 0.5s ease; transform:scale(0.6); background:#fff;} .sdtl_c3dot li.on:before{transform:scale(1);} .sdtl_c3dot li span{position:absolute; left:28px; top:-2px; color:#fff; font-size:16px; line-height:24px; width:110px;} .mesBtn .tanchu2{ position:absolute; right:100%; top:50%; transform: translateY(-50%); width:auto; height:auto; padding-right:20px; display:none; } .mesBtn .tanchu21{ padding:25px; background:#fff; box-shadow:5px 5px 15px #999; border-radius:10px; } .mesBtn .tanchu21 h2{ font-weight: 400; } .mesBtn .tanchu22{ margin-bottom:20px; line-height:28px; background:url(../images/inx_ban_mes.png) no-repeat left center; background-size:50px 50px; padding-left:65px; } .mesBtn:hover .tanchu2{ display:block; } @media (max-width:1799px){ } @media (max-width:1379px){ } @media (max-width:1199px){ .sdtl_c3nbox{padding-left:0px;} .sdtl_c3dot li span{display:none;} } @media (max-width:993px){ } @media (max-width:767px){ .mesBtn .tanchu2{ top:0%; transform: translateY(-80%); } } /*2025-06-10 CSS*/ .inx_focus_wpr{background:#D5E6F4;} .inx_banVideo{height:100vh; overflow:hidden;} .inx_banVideo video{ width:100%; height:100%; object-fit: cover;} .inx_banVideo{position:relative;} .inx_ban_point{ width:0px; height:0px; position:absolute; transition:all 0.5s ease; z-index:1} .inx_ban_point.out{opacity:0;} .inx_ban_point1{left: 40%; top: 33%;} .inx_ban_point2{left: 63%; top: 30%; } .inx_ban_point3{left: 20%; top: 36%;} .inx_ban_point4{left: 9%;top: 44%;} .inx_ban_point5{left: 32%; top: 46%;} .inx_ban_point6{left: 49%;top: 49%;} .inx_ban_point7{left: 15%; top: 55%;} .inx_ban_point8{left: 26%; top: 61%;} .inx_ban_point9{left: 74%; top: 49%;} .inx_ban_point10{left: 13%; top: 66%;} .inx_ban_point11{left: 40%; top: 71%;} /*.inx_btn1{ width: 220px !important; } .inx_btn2{ width: 220px !important; } .inx_btn11{ width: 265px !important; }*/ .inx_btn{ width:auto; line-height:52px; position:absolute; left:50%; top:50%; margin-left:0px; margin-top:-26px; text-align:center; cursor:pointer; padding:0 25px; white-space:nowrap; transform:translateX(-50%);} .inx_btn:before{content:"";background: linear-gradient(223deg,rgba(99,229,242,.2),rgba(58,174,239,.8)); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease;backdrop-filter: blur(3px);border-radius: 3rem; border: 3px solid #6ce5ff;} .inx_btn span{ display:block; position:relative; z-index:1; transition:all 0.5s ease; color:#fff; font-size:19px; transition:all 0.5s ease;} .inx_btn span:before{content:""; display:inline-block; width:16px; height:16px; border:2px solid #fff; border-radius:50%; margin-right:10px; transition:all 0.5s ease;} .inx_btn:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; transition:all 0.5s ease; border: 3px solid #6ce5ff; opacity:0; border-radius:3em;} .inx_btn:hover:after{ opacity:1;} .inx_btn:hover span{color:var(--cor);} .inx_btn:hover span:before{ border:2px solid var(--cor);} .inx_banAnix_video{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition:all 0.5s ease; visibility:hidden} .inx_banAnix_video.in{ opacity:1; visibility:visible; z-index:3} .inx_banAnix_video video{width: 100%;height: 100%;object-fit: cover;} .inx_banLay{ position:absolute; left:0; top:0; right:0; bottom:0;} .inx_banLay_bgImg{ transition:all 0.5s ease; opacity:0; visibility:hidden; position:absolute; left:0; top:0; right:0; bottom:0;} .inx_banLay_bgImg img{width: 100%;height: 100%;object-fit: cover;} .inx_banLay_bgImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0;/* background:rgba(0,0,0,0.4);*/} .inx_banLay_bgImg.in{opacity:1; visibility:visible;} .inx_banLaytxt{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0; visibility:hidden;} .inx_banLaytxt.in{opacity:1; visibility:visible;} .inx_banLcon{height:100vh; position:relative;} .inx_ban_back{ background: #FFF url(../images/inx_ban_back.png) no-repeat center center; height: 50px; width: 50px; position: absolute; z-index: 1; left: 0px; top: 200px; cursor: pointer; background-size:22px auto; border-radius:50%;} .inx_ban_nm{ font-size: 40px; line-height: 50px; position: absolute; left: 0px; bottom: 120px; color:#fff; color:var(--cor); color:#fff;background: linear-gradient(223deg,rgba(99,229,242,.2),rgba(58,174,239,.8)); padding: 20px 40px 20px 30px; border-radius: 0.8em; border: 3px solid #6ce5ff;} .inx_ban_nm strong{ display:block; font-weight:normal; color:#000; color:#fff;} .inx_ban_nm p{font-weight:bold;} .inx_ban_des{ width:600px; border-radius:0.8em; background:rgba(255,255,255,0.95); position:absolute; right:0; bottom:120px; padding:2.6vw 2.6vw 3vw; box-shadow:0 8px 30px rgba(0,117,194,0.3);} .inx_ban_des strong{ display:block; font-size:30px; line-height:40px; color:var(--cor); display:block; margin-bottom:20px;} .inx_ban_des p{ font-size:16px; line-height:28px; color:#444; text-align:justify;} .inx_bansw{ margin:25px -10px 0;} .inx_bansw dd{ padding:0 10px;} .inx_bansw .coverImg{ height:100px;} @media (max-width:1799px){ .inx_btn{ line-height:40px; padding:0 20px; margin-top:-21px;} .inx_btn3{ width: 150px; } .inx_btn11{ width: 240px !important; } .inx_btn:before{ border: 2px solid #6ce5ff;} .inx_btn span{font-size:16px;} .inx_btn span:before{width:12px; height:12px; border:1px solid #fff; margin-right:6px;} .inx_btn:after{ border: 2px solid #6ce5ff;} .inx_btn:hover span:before{ border:1px solid var(--cor);} .inx_ban_nm{font-size:30px; line-height:42px; bottom:100px;} .inx_ban_back{top:140px; width:44px; height:44px;background-size: 18px auto;} .inx_ban_des{padding:25px 35px 35px; width:540px; bottom:100px;} .inx_ban_des strong{font-size:22px; margin-bottom:6px;} .inx_ban_des p{font-size:14px; line-height:24px;} .next_btn{bottom:35px;} .mesBtn{width:56px; height:56px; background-size:cover; bottom:70px;} .next_btn i {height: 36px;border: 2px solid #FFF;} .next_btn i:after {height: 9px;width: 2px;left: 9px;top: 5px;} .inx_bansw{ margin:20px -6px 0;} .inx_bansw dd{ padding:0 6px;} .inx_bansw .coverImg{ height:90px;} .inx_ban_nm{padding:12px 35px 12px 25px;border: 2px solid #6ce5ff;} } @media (max-width:1379px){ } @media (max-width:1199px){ .indexBody .wrapper{padding-top:0;} } @media (max-width:993px){ .inx_ban_nm{bottom:150px;} .inx_ban_des{bottom:150px;} .inx_ban_nm{display:none;} } @media (max-width:767px){ .inx_ban_des{width:auto; left:0px; right:0px; padding:10px 15px 15px; bottom:80px;} .inx_ban_des p{font-size:12px; line-height:20px;} .inx_ban_des strong {font-size: 20px;margin-bottom: 0px;} .inx_ban_back {top: 80px;width: 40px;height: 40px;background-size: 16px auto;} .next_btn{bottom:10px; height:56px;} .mesBtn {width: 46px;height: 46px;background-size: cover;bottom: 18px;} .inx_btn span:before{display:none;} .inx_btn span{font-size:12px;} .inx_btn {width: 100px;line-height: 32px;margin-left: -50px;margin-top: -16px;} .inx_ban_point9 {left: 80%;top: 59%;} .inx_ban_point6 {left: 61%;top: 46%;} .inx_ban_point2 {left: 63%;top: 30%;} .inx_ban_point11 {left: 43%;top: 69%;} .inx_ban_point8 {left: 40%;top: 61%;} .inx_ban_point5 {left: 34%;top: 53%;} .inx_ban_point7 {left: 14%;top: 58%;} .inx_ban_point3 {left: 23%;top: 42.3%;} .inx_bansw .coverImg{ height:60px;} .inx_bansw{margin-top:10px;} .inx_btn1{ width: initial !important; } .inx_btn2{ width: initial !important; } .inx_btn11{ width: initial !important; } } /*2025-07-10 CSS*/ @media (min-width:1399px){ .inx_banLaytxt .container{ width:calc(100% - 180px);} .inx_ban_des{width:46%; min-width:600px;} } /*2025-09-17 CSS*/ @media (max-width:767px){ .inx_ban_point{display:none;} .inx_banVideo{height:36vh;} .next_btn{display:none;} .inx_focus_wpr{padding: 0px 0 50px;} .inx_mBtns_wpr{ overflow-x:auto; margin-top:15px;} .inx_mBtns{ display:inline; white-space:nowrap;} .inx_mBtns a{ display:inline-block; padding:0 25px; margin:0 3px; line-height: 36px; position:relative; cursor:pointer;} .inx_mBtns a:before {content: "";background: linear-gradient(223deg,rgba(99,229,242,.2),rgba(58,174,239,.8));position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all 0.5s ease;backdrop-filter: blur(3px);border-radius: 3rem;border: 2px solid #6ce5ff;} .inx_mBtns a:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #fff;transition: all 0.5s ease;border: 2px solid #6ce5ff;opacity: 0;border-radius: 3em;} .inx_mBtns a span{ display:inline-block; position:relative; color:#fff;} .inx_mBtns a span:after{content:"";} .inx_banAnix_video{height:36vh; bottom:auto; top:0px;} .inx_focus_wpr .inx_focus{ height:auto;} .inx_ban_des{top:210px; bottom:auto; left:-10px; right:-10px;} }