body *{ letter-spacing:0!important;} .hmFocus,.hmFocus_item{height:calc(100vh - 85px);} .hmFocusWpr{position:relative; z-index:1; background:#fff;} .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-in-out; 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-in-out; opacity:0.3; } .hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background-image:url(../images/fsBtn.png); opacity:1} .hmFocus_doc{ width:36px; position: absolute; z-index: 5; top:50%; transform:translateY(-50%); right:8.33vw;} .hmFocus_doc ul{ width:12px;} .hmFocus_doc ul li{ cursor:pointer; margin:15px 0; width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,0); display:inline-block; position:relative;} .hmFocus_doc ul li.on{ border:1px solid #fff; } .hmFocus_doc ul li:after{content:""; width:7px; height:7px; background:rgba(255,255,255,0.5); border-radius:50%; position:absolute; left:14px; top:14px;} .hmFocus_doc ul li.on:after{background:#fff;} .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: 50px; letter-spacing: 5px; display: block; line-height: 66px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; margin: 14px 0px 46px; font-weight: normal; max-width:1000px; } .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; } @media (max-width:1799px){ .hmBan_txt strong{ font-size: 40px; letter-spacing: 2px; line-height: 56px; margin: 10px 0px 32px; max-width:780px;} .hmFocus,.hmFocus_item{height:calc(100vh - 80px);} .hmFocus_doc ul li{ margin:5px 0; width:30px; height:30px;} .hmFocus_doc ul li:after{width:5px; height:5px; left:11px; top:11px;} .hmFocus_doc{ width:30px; right:calc((100vw - 1140px) / 2);} } @media (max-width:1379px){ .hmFocus_doc{ width:50px; padding-right:20px;} } @media (max-width:1199px){ .hmFocus,.hmFocus_item{height:calc(100vh - 56px);} .hmFocus_doc{ width:30px; right:calc((100vw - 850px) / 2);} } @media (max-width:993px){ .hmFocus,.hmFocus_item{height:500px;} .hmFocus_doc{display:none;} .hmFocus .slick-dots{bottom:0;} .hmFocus .slick-dots{bottom:40px;} .hmFocus .slick-dots li button{display:none;} .hmFocus .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .hmFocus .slick-dots li.slick-active{ background: #fff;} } @media (max-width:767px){ .hmFocus,.hmFocus_item{height:250px;} .hmFocusWpr{margin-top:56px;} } .m2banner{position: relative; overflow: hidden} .m2banner .coverImg{ height: 550px; transition:all 12s ease; transform:scale(1);} .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){ } .page { text-align: center;} .page .pagination li { display: inline-block; } .page .pagination li a { padding: 0px 8px; height: 46px; min-width: 46px; text-align: center; display: inline-block; margin: 0px 6px; vertical-align: middle; border: 1px solid #CCD7E2; color: #333; border-radius: 50%; font-size: 16px; line-height: 44px; } .page .pagination li.active a, .page .pagination li a:hover { color: #fff; border: 1px solid var(--cor); background:var(--cor); } @media (max-width:1799px){ .page .pagination li a { padding: 0px 6px; height: 40px; min-width: 42px; margin: 0px 4px; font-size: 14px; line-height: 38px; } } @media (max-width:767px){ .page .pagination li a { padding: 0px 5px; height: 36px; min-width: 36px; margin: 0px 3px; font-size: 13px; line-height: 34px; } } .hmNumber{width:100%; height:120px; perspective:800px; position:absolute; left:0; bottom:0; z-index:3;} .hmNumberBox{height:120px; background:#fff; transition:all 0.5s ease-in-out; transform-origin:center bottom} .hmNumul{ display:flex; justify-content:space-between;} .hmNumul li{ width:25%; text-align:center; border-right:1px solid #EDEDED; position:relative; cursor:default;} .hmNumul li:last-child{border:none;} .hmNumul li:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0;background: linear-gradient(to right,#065698 0%,#0b265a 100%);background: linear-gradient(to right,#01b1fc 0%,#013ba6 100%); transition:all 0.5s ease; opacity:0} .hmNumx{ display:inline-block; padding-left:75px; position:relative; padding-top:18px; text-align:left; height:120px;} .hmNum_ico{ display:inline-block; width:66px; height:66px; position:absolute; left:0; top:27px; transition:all 0.5s ease;} .hmNum_ico img{ position:absolute; left:0; top:0; transition:all 0.5s ease;} .hmNum_ico img:nth-child(2){ opacity:0;} .hmNumx strong{ display: block; height: 44px; font: 42px/44px din_b; color: #1c509c; font-weight:normal; transition:all 0.5s ease;} .hmNumx p{ font-size: 16px; line-height: 20px; letter-spacing:1px; transition:all 0.5s ease; max-width:350px;} .hmNumx strong i{ font-size: 12px; font-style: normal; line-height: 12px; display: inline-block; margin-left: 5px; transform:translateY(-3px); color:#333; transition:all 0.5s ease;} .hmNumul li:hover:before{opacity:1;} .hmNumul li:hover .hmNum_ico img{opacity:0;} .hmNumul li:hover .hmNum_ico img:nth-child(2){opacity:1;} .hmNumul li:hover .hmNumx strong,.hmNumul li:hover .hmNumx strong i,.hmNumul li:hover .hmNumx p{color:#fff;} .hmNumul li:hover .hmNum_ico{transform:rotateY(180deg);} @media (min-width:993px){ .hmNumberBox.on { transform:rotateX(97deg) translate3d(0, 0, 0);} } @media (max-width:1799px){ .hmNumber{height:100px;} .hmNumberBox{height:100px;} .hmNumx{padding-left:70px; padding-top:12px; height:100px;} .hmNum_ico{width:60px; height:60px; top:20px;} .hmNumx strong{height: 40px; font: 40px/40px din_b;} .hmNumx p{ font-size: 12px; line-height:16px; max-width:240px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .hmNumx strong{ font-size:28px;} } @media (max-width:993px){ .hmNumber{position:relative;} .hmNumberBox{height:200px;} .hmNumul{flex-wrap: wrap;} .hmNumul li{width:50%;} .hmNumx{width:330px;} .hmNumx p{max-width:none;} .hmFocus_doc{display:none;} .hmBan_txt strong{font-size:34px; line-height:48px;} .hmNumber{height:auto;} } @media (max-width:767px){ .hmBan_txt strong{font-size:20px; line-height:30px;} .hmNum_ico{display:none;} .hmNumx{padding-left:0;} .hmNumul li{padding:0 12px; border:none; width:100%;} .hmNumx{width:100%; height:auto;} .hmNumx p{font-size:12px;} .hmNumberBox{height:auto;} .hmNumul{padding-bottom:30px; padding-top:10px} .hmNumul li:hover:before{opacity:0;} .hmNumul li:hover .hmNum_ico img{opacity:1;} .hmNumul li:hover .hmNum_ico img:nth-child(2){opacity:0;} .hmNumul li:hover .hmNumx strong,.hmNumul li:hover .hmNumx strong i,.hmNumul li:hover .hmNumx p{color:#333;} .hmNumul li:hover .hmNum_ico{transform:rotateY(0deg);} } .hmCon2{ position:relative; padding-top:108px; padding-bottom:305px;} .hmc1bgs{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;background: linear-gradient(to bottom,#0166CA 20%,#1788E2 50%,#EFF7FE 100%)} .hmc1bgsFixed{position:fixed; top:auto; bottom:680px; height:100vh;} .hmc1bgs dd{ background-size:cover; background-repeat:no-repeat; opacity:0!important;} /*.hmc1bgs dd:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.1);}*/ .hmc1bgs .slick-slider, .hmc1bgs .slick-list, .hmc1bgs .slick-track{transform:none!important;} .hmc2aniBox{ max-height:577px; max-width:577px; width:30.05vw; height:30.05vw; position:relative; z-index:1; margin:0 auto;} .hmc2anix{ position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; border:1px solid rgba(255,255,255,0.6);display:flex; flex-direction:column; justify-content:center; text-shadow:0 2px 8px rgba(0,0,0,0.2);} .hmc2rnd{ max-height: 537px; max-width: 537px; width:27.96vw; height:27.96vw; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} .hmc2rnd:after{content:""; background: url(../images/hmc2ani1.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0;animation:turnAni 120s linear infinite;} .hmTbox{ color:#fff; position:relative;} .hmTbox .m2mmbtn{position:absolute; right:0; top:0px; width:176px; line-height:56px; font-size:18px;} .hmTbox_c{ text-align:center;} .hmTbox strong{ font: 50px/50px din_b; display:block;} .hmTbox h4{ font-size:30px; line-height: 30px; font-weight: 100; letter-spacing: 2px; margin-top: 15px; display:none } .hmc2_des{ font-size: 20px; line-height: 28px; color: #FFF; margin-top: 32px; letter-spacing:1px; text-align:center; max-width:380px; /*margin-left:auto; margin-right:auto;*/ left:50%; transform:translateX(-50%); position:relative} .hmc2items{ position:absolute; left:0; top:0; right:0; bottom:0;} .hmc2item{width:0; height:0; position:absolute; cursor:pointer;} .hmc2item:before{content:""; width:6px; height:6px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-3px;} .hmc2item .coverImg{ width:100px; height:100px; border-radius:50%; overflow:hidden;/* animation:dupani 3s linear infinite;*/} .hmc2item .coverImg span{/* background: url(../images/hmc2line.png) repeat-x left center;*/ border: 2px solid #FFF; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 50%; transition: all 0.5s ease; opacity: 0; font-size: 14px; line-height: 96px; text-align: center; color: #fff; text-transform: uppercase; } .hmc2item p{ font-size: 22px; line-height: 32px; white-space: nowrap; position: absolute; color:#fff; line-height:100px; letter-spacing:1px; text-shadow:0 2px 8px rgba(0,0,0,0.2); /*animation:dupani 3s linear infinite;*/} .hmc2item1{ top:50.08%; left:0;} .hmc2item2{ left:87.52%; top:17.15%;} .hmc2item3{ left:87.52%; bottom:17.15%;} .hmc2item1 .coverImg{ right:152px; top:-50px;} .hmc2item1 p{right:180px; top:-50px;} .hmc2item2 .coverImg{ left:80px; top:-50px;} .hmc2item2 p{top:-50px; left:190px;} .hmc2item3 .coverImg{ left:80px; top:-50px;} .hmc2item3 p{top:-50px; left:190px;} .hmc2items3{} .hmc2item:hover .coverImg span{opacity:1;} .hmc2item2 .coverImg,.hmc2item2 p{ animation-delay:1s;} .hmc2item3 .coverImg,.hmc2item3 p{ animation-delay:2s;} @keyframes dupani { 0% { transform:translateY(-12px); } 50% { transform:translateY(12px); } 100% { transform:translateY(-12px); } } .hmc2lay{ background: #043583 url(../images/hmc2_layBg.jpg) no-repeat center bottom; color: #FFF; width: 300px; padding: 26px 25px; position:absolute; left:70px; top:50%; transform:translate(0%,-50%) scale(0); border-radius:0.6em; background-size:cover; transition:all 0.5s ease; visibility:hidden; opacity:0;} .hmc2item1 .hmc2lay{left:auto; right:40px;} .hmc2lay dt{ font-size: 18px; line-height: 38px; padding-bottom: 10px; border-bottom:1px solid rgba(255,255,255,0.5); margin-bottom:15px;} .hmc2lay dd{ margin-bottom:8px;} .hmc2lay_a{ color:#fff; display:inline-block; padding-right:22px; font-size:14px; line-height:22px; background-position:right center;} .hmc2lay_a:hover{ background: url(../images/hmc2_lm.png) no-repeat right center; color:#fff; } .hmc2item:hover .hmc2lay{ transform:translate(0%,-50%) scale(1); opacity:1; visibility:visible;} @media (max-width:1799px){ .hmc1bgsFixed{bottom:470px;} .hmTbox strong{ font: 40px/40px din_b;} .hmTbox h4{ font-size: 24px; line-height: 24px; letter-spacing: 1px; margin-top: 12px; } .hmc2_des{ font-size: 18px; line-height: 26px; margin-top: 26px; max-width:350px;} .hmc2item p{font-size:20px;} .hmCon2{padding-bottom:265px;} .hmTbox .m2mmbtn{top:0px; width:150px; line-height:42px; font-size:16px;} .hmc2lay{ padding: 20px 20px; left:70px;} .hmc2item1 .hmc2lay{left:auto; right:40px;} .hmc2lay dt{ padding-bottom: 10px; margin-bottom:10px;} .hmc2lay dd{ margin-bottom:4px;} .hmc2lay_a{font-size:13px;} } @media (max-width:1379px){ .hmc1bgsFixed{bottom:420px;} .hmc2item p{font-size:16px;} } @media (max-width:1199px){ .hmTbox strong{font-size:40px; line-height:40px;} .hmTbox h4{font-size:22px; line-height:22px;} .hmc2_des{font-size:14px; line-height:24px; max-width:200px;} } @media (max-width:993px){ .hmc2item1{left:40px;} .hmc2item2{left:64%;} .hmc2item3{left:64%;} .hmCon2{padding-top:65px; padding-bottom:195px;} .hmc2item:before{display:none;} .hmTbox .m2mmbtn{top: 0px; width: 140px;line-height: 42px;font-size: 16px;} } @media (max-width:767px){ .hmc2rnd{display:none;} .hmc2anix{position:relative; width:100%; border:none} .hmc2aniBox{width:100%; height:auto; max-height:none} .hmCon2{padding:12vw 0;} .hmTbox strong{font-size:24px; line-height:24px;} .hmTbox h4{margin-top:8px;font-size: 16px; line-height: 20px;} .hmc2items{position:relative; margin-top:25px; padding:0 15px;} .hmc2item{width:100%; height:auto; position:relative; left:auto!important; margin-bottom:15px;} .hmc2item p{display:none;} .hmc2lay{opacity:1; visibility:visible; top:0; transform:translateY(0); position:relative; left:auto!important; right:auto!important; width:100%;} .hmc2item .coverImg{display:none;} .hmTbox .m2mmbtn {top: 0px;width: 122px;line-height: 38px;font-size: 14px;} .hmc2item:hover .hmc2lay{transform:translateY(0);} .hmTbox h4{font-weight:normal;} } .hmCon3{ position:relative;/* height:2536px;*/ margin-top:-160px; z-index:2;} .hmCon3 .hmTbox{position:absolute; left:8.33vw; top:68px; z-index:3;} .hmc3ploder{ position:absolute; left:0; top:0; width:100%; display:none;} .hmc3ploder li{ height:634px;} .hmc3imbox{/*position: -webkit-sticky;position: sticky;top:calc((100vh - 776px) / 2);*/} .hmc3sw{} .hmc3sw dd{ height:776px;} .hmc3bgx{ position:absolute; left:0; top:0; right:0; bottom:0;} .hmc3bg{ position:absolute; left:8.33vw; top:160px; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:right center;} .hmc3bgCor{ position:absolute; left:0; top:0; bottom:142px; width:60.93vw;} .hmc3sw dd .container{ position:relative; z-index:2; color:#fff; padding-top:248px;} .hmc3txt{ color:#fff;} .hmc3des{} .hmc3des strong{ font-size: 28px; font-weight: normal; letter-spacing: 1px; display: block; line-height: 38px; transition:all 0.5s ease; opacity:0; transform:translateY(80px); } .hmc3des p{ font-size: 16px; line-height: 26px; margin-top: 7px; letter-spacing:1px; transition:all 0.5s ease; opacity:0; transform:translateY(80px); max-width:980px; } .hmc3tags{display:flex; margin-top:65px; transition:all 0.5s ease; opacity:0; transform:translateY(80px);} .hmc3tgx{ display:inline-block; margin-right:100px; text-align:center; transition:all 0.5s ease;} .hmc3tgx span{ display:inline-block; transition:all 0.5s ease;} /*.hmc3tgx:hover{ transform:translateY(-10px);} .hmc3tgx:hover span{transform:rotateY(180deg);}*/ .hmc3tgx p{ font-size: 16px; line-height: 28px; margin-top: 15px; } .hmc3nav{ position:absolute; right:8.33vw; z-index:3; top:228px; max-width:370px;} .hmc3nav li{ transition:all 0.5s ease; position:relative; line-height:28px; font-size:20px; letter-spacing:2px; color:#fff; cursor:pointer; text-align:right; padding:10px 0;} .hmc3nav li.on{ padding-right:32px; font-weight:bold;} .hmc3nav li:after{content:""; height:1px; background:#fff; width:0; position:absolute; top:50%; right:0; transition:all 0.5s ease;} .hmc3nav li.on:after{width:16px;} .hmc3nav li span{} .hmc3more{ position:absolute; right:8.33vw; bottom:168px;} .hmMore_btn{ font-size: 16px; line-height: 46px; color: #FFF; height: 46px; width: 132px; display: inline-block; text-align:center; border-radius:2em;background: linear-gradient(to right,#2B8FCC 0%,#0BE2BD 100%); display:none} .hmMore_btn:hover{ transform:translateY(-5px); color:#fff; box-shadow:0 5px 30px rgba(11,226,189,0.3);filter: hue-rotate(0deg) saturate(150%);} .hmc3nbtn{ margin-top:35px; transition:all 0.5s ease; opacity:0; transform:translateY(80px);} .hmc3nba{ display: inline-block; height: 40px; width: 146px; border: 1px solid #FFF; border-radius:2em; text-align:center; color:#fff; transition:all 0.5s ease;} .hmc3nba span{ display: inline-block; padding-right: 40px; font-size: 15px; line-height: 38px; position: relative; } .hmc3nba span:after{ content: ""; transition: all 0.3s ease; background: #FFF url(../images/hmc3sar1.png) no-repeat center center; display: inline-block; height: 22px; width: 22px; position: absolute; top: 8px; right: 0px; border-radius:50%;} .hmc3nba:hover{ color:#255DBC; background:#fff; box-shadow:0 5px 25px rgba(0,0,0,0.15); transform:translateY(-5px)} .hmc3nba:hover span:after{ background: #255dbc url(../images/hmc3sar1a.png) no-repeat center center; } .on .hmc3des strong{ opacity:1; transform:translateY(0);} .on .hmc3des p{ opacity:1; transform:translateY(0); transition-delay:0.2s;} .on .hmc3nbtn{ opacity:1; transform:translateY(0); transition-delay:0.4s;} .on .hmc3tags{ opacity:1; transform:translateY(0); transition-delay:0.6s;} .hmc3sw .slick-prev{ background: url(../images/hmnar.png) no-repeat center center; display: inline-block; height: 36px; width: 80px; position: absolute; left: calc(50% - 20px); top: 82px; overflow: hidden; cursor: pointer; border: 1px solid #FFF; z-index: 5; border-radius:2em; transition:all 0.5s ease; opacity:0.6; background-size:24px auto!important; } .hmc3sw .slick-next{ background: url(../images/hmnar.png) no-repeat center center; display: inline-block; height: 36px; width: 80px; position: absolute; left: calc(50% + 75px); top: 82px; overflow: hidden; cursor: pointer; border: 1px solid #FFF; z-index: 5; border-radius:2em; transition:all 0.5s ease; opacity:0.6; transform:rotate(180deg); background-size:24px auto!important;} .hmc3sw .slick-prev:hover,.hmc3sw .slick-next:hover{background-image:url(../images/hmnar.png); opacity:1;} @media (max-width:1799px){ .hmCon3{/* height:2536px;*/ margin-top:-160px;} .hmCon3 .hmTbox{left:calc((100vw - 1140px) / 2); top:58px;} .hmc3ploder li{ height:534px;} .hmc3imbox{top:calc((100vh - 520px) / 2);} .hmc3sw dd{ height:600px;} .hmc3bg{left:calc((100vw - 1140px) / 2); top:130px;} .hmc3bgCor{ bottom:100px; width:60.93vw;} .hmc3sw dd .container{ padding-top:165px;} .hmc3des strong{ font-size: 24px; line-height: 32px; } .hmc3des p{ font-size: 14px; line-height: 24px; margin-top:5px; max-width:680px;} .hmc3tags{ margin-top:30px;} .hmc3tgx{ margin-right:30px;} .hmc3tgx span{ width:52px; height:52px;} .hmc3tgx p{ font-size: 14px; line-height: 22px; margin-top: 12px; max-width:180px; } .hmc3nav{ position:absolute; right:calc((100vw - 1140px) / 2); top:168px;} .hmc3nav li{line-height:28px; font-size:16px;} .hmc3more{ right:calc((100vw - 1140px) / 2); bottom:108px;} .hmMore_btn{ font-size: 14px; line-height: 42px; height: 42px; width: 128px;} .hmc3nbtn{ margin-top:20px; transition:all 0.5s ease; opacity:0; transform:translateY(80px);} .hmc3nba{height: 40px; width: 146px;} .hmc3nba span{padding-right: 36px; font-size: 14px; line-height: 36px;} .hmc3sw .slick-prev{height: 32px; width: 70px; left: calc(50% - 30px); top:68px; background-size:22px auto!important; } .hmc3sw .slick-next{height: 32px; width: 70px; left: calc(50% + 55px); top:68px; background-size:22px auto!important;} } @media (max-width:1379px){ } @media (max-width:1199px){ .hmCon3 .hmTbox{left:calc((100vw - 950px) / 2); top:58px;} .hmc3sw .slick-prev{ left:calc(45% - 30px);} .hmc3sw .slick-next{ left:calc(45% + 55px);} .hmc3nav{ right:calc((100vw - 950px) / 2);} .hmc2item1 p {right: 60px;top: 28px;} .hmc2item2 p {top: 20px;left: 100px;} .hmc2item3 p {top: 20px;left: 100px;} } @media (max-width:993px){ .hmCon3 .hmTbox{left:calc((100vw - 720px) / 2); top:38px;} .hmc3nav{display:none;} .hmc3sw .slick-dots{bottom:40px;} .hmc3sw .slick-dots li button{display:none;} .hmc3sw .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .hmc3sw .slick-dots li.slick-active{ background: #fff;} .hmc3bg{left:0;} .hmc3bgCor{width:100%; bottom:0;} .hmc3bg{ opacity:0.3;} .hmCon3 .hmTbox{left:0; width:100%; text-align:center;} .hmCon3{margin-top:-100px;} } @media (max-width:767px){ .hmCon3{margin-top:0;} .hmc3tags{display:flex; justify-content:space-between; } .hmc3tgx{margin-right:0;} .hmc3tgx span{width:40px; height:40px;} .hmc3tgx p{font-size:13px; line-height:20px; margin-top:8px;} .hmc3sw dd{height:540px;} .hmc3des strong{font-size:22px; line-height:30px;} .hmc3des p{font-size:13px; line-height:20px;} .hmc3sw dd .container{padding-top:165px;} .hmc3tgx p{font-size:12px; line-height:16px;} .hmc3tags{margin-top:30px;} } .hmCon4{/* background: url(../images/hmc4bg.jpg) no-repeat center center;*/ padding: 6.25vw 0px; position:relative; z-index:1; } .hmTbox_b{ color:#333;} .hmTbox_b strong{ color:#1c509c;} .hmc4sw{ margin: 2vw -24px 0px; } .hmc4sw dd{ padding:15px 24px;} .hmc4item{ display:block; position:relative} .hmc4item .overflowHide{ height:320px; border-radius:0.4em;} .hmc4item .overflowHide:after{ content: ""; background: url(../images/hmc4line.png) repeat-y center top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:100% auto; transition:all 0.5s ease; opacity:0} .hmc4item:hover .overflowHide:after{ opacity:1} .hmc4item .overflowHide .coverImg:after{content:""; position:absolute; left:0; height:60%; right:0; bottom:0;background: linear-gradient(to top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); } .hmc4lay{ position: absolute; left: 0; right: 0; bottom: 0; padding-right: 40px; padding-bottom: 38px; padding-left: 40px; color:#fff; z-index:1; } .hmc4tm{ margin-bottom: 15px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.3); display:none!important } .hmc4tm strong{ font: normal 44px/44px din_b; color: #FFF; display: block; } .hmc4tm p{ font-size: 13px; line-height: 13px; font-weight: 100; margin-top: 5px; } .hmc4st{ font-size: 21px; letter-spacing:1px; line-height: 30px; font-weight: normal; -webkit-line-clamp:2; height:60px;} .hmc4item:hover{transform:translateY(-10px); box-shadow:0 5px 18px rgba(43,144,205,0.3);} .hmc4sw .slick-prev{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: -3.28vw; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid rgba(28,80,156,0.6); z-index: 1; margin-top: -20px; border-radius: 50%; transition:all 0.5s ease; } .hmc4sw .slick-next{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: -3.28vw; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid rgba(28,80,156,0.6); z-index: 1; margin-top: -20px; border-radius: 50%; transition:all 0.5s ease; transform:rotate(180deg);} .hmc4sw .slick-prev:hover,.hmc4sw .slick-next:hover{ background: #1C509C url(../images/hmc4btn.png) no-repeat center center; border: 1px solid #1C509C; } @media (max-width:1799px){ .hmc4sw{ margin: 2vw -15px 0px; } .hmc4sw dd{ padding:15px 15px;} .hmc4st{font-size:18px; line-height:28px;} .hmc4lay {padding-right: 25px;padding-bottom: 20px;padding-left: 25px;} .hmc4item .overflowHide{height:275px;} } @media (max-width:1379px){ .hmc4sw{margin-left:40px; margin-right:40px;} .hmc4item .overflowHide{height:255px;} } @media (max-width:1199px){ .hmc4sw .slick-prev{left:-45px;} .hmc4sw .slick-next{right:-45px;} } @media (max-width:993px){ } @media (max-width:767px){ .hmCon4{padding:12vw 0;} .hmc4sw{padding-bottom:35px; margin-left:0; margin-right:0;} .hmc4sw .slick-dots{bottom:10px;} .hmc4sw .slick-dots li button{display:none;} .hmc4sw .slick-dots li { background: #ddd; display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .hmc4sw .slick-dots li.slick-active{ background:var(--cor);} .hmc4sw dd{padding:20px 0;} .hmc4item:hover{transform:translateY(0);} .hmc4st{font-size:14px; line-height:22px; height:44px;} } .web_bom{ background: url(../images/webBom_bg.jpg) no-repeat center center; text-align: center; padding: 3.12vw 0px; background-size:cover; color:#fff;} .web_bom strong{ font-size: 28px; font-weight: normal; line-height: 40px; letter-spacing: 5px; display: block; } .web_bom p{ margin-top:24px;} .web_bom p a{ font-size: 16px; display: inline-block; line-height: 44px; padding: 0px 35px; border: 1px solid #FFF; color: #FFF; letter-spacing:1px; } .web_bom p a:hover{ color: #1DB7C4; background: #FFFFFF; transform:translateY(-5px); box-shadow:0 5px 20px rgba(0,0,0,0.1);} @media (max-width:1799px){ .web_bom strong{font-size:28px; line-height:38px;} .web_bom p{ margin-top:20px;} .web_bom p a{ font-size: 15px; line-height: 42px; padding: 0px 30px; } } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .web_bom strong{font-size:22px; line-height:30px;} .web_bom{padding:50px 0;} } @media (max-width:767px){ .web_bom{padding:35px 0;} .web_bom strong{font-size:20px; letter-spacing:1px;} .web_bom p a {font-size: 14px;line-height: 38px;padding: 0px 25px;} } /*2024-09-08 CSS*/ .footerWpr{ background:#f5f5f5;} .footer{ padding-top:3.9vw; padding-bottom:40px;} .footer .container{} .foot_top{display:flex; justify-content:space-between; padding-bottom:2.39vw; border-bottom:1px solid #E4E4E4; position:relative; z-index:1;} .foot_top .fl{ display:flex;} .foot_logo{} .foot_wx{ background: url(../images/foot_wx_ico.png) no-repeat center center; height: 40px; width: 40px; margin-left: 20px; position:relative } .foot_wx span{ height: 120px; width: 120px; position: absolute; left: 50%; top: 53px; margin-left:-60px; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:translateY(35px); } .foot_wx span img{display:block; border-radius:0.4em; overflow:hidden; background: #FFF; box-shadow:0 5px 18px rgba(0,0,0,0.1);} .foot_wx span:after{content:""; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #fff; position:absolute; left:50%; margin-left:-7px; top:-7px;} .foot_wx:hover span{opacity:1; visibility:visible; transform:translateY(0);} .foot_top .fr{ display:flex;} .foot_link1{ line-height: 42px; background: url(../images/foot_sico1.png) no-repeat left center; padding-left: 26px; font-size: 16px; color: #888; margin-right:30px; } .foot_link2{ line-height: 42px; background: url(../images/foot_sico2.png) no-repeat left center; padding-left: 26px; font-size: 16px; color: #888; margin-right:30px;} .foot_scpy{ height: 42px; width: 235px; background: #FFF; border-radius: 3em; position: relative; padding-left: 42px; display:none } .foot_scpy span{ background: url(../images/foot_sico3.png) no-repeat left center; padding-left: 37px; font-size: 16px; line-height: 42px; } .foot_scpy a{ background:var(--cor) url(../images/foot_sar.png) no-repeat center center; height: 42px; width: 50px; position: absolute; top: 0px; right: 0px; cursor: pointer; border-radius:0 3em 3em 0; } .foot_mix{display:flex; justify-content:space-between; padding-top:1.77vw } .foot_logos{ width:500px;} .foot_sst{ font-size: 18px; line-height: 34px; } .foot_lgul{ display:flex; flex-wrap:wrap;} .foot_lgul li{ width:calc(33.33% - 20px); margin-right:20px; padding-top:18px; padding-bottom:12px;} .foot_lgul li a{ display:block; height:42px; background:#fff; position:relative; border-radius:0.4em;} .foot_lgul li a img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .foot_navs{ display:flex; padding-left:30px;} .foot_navs dl{ margin-left:2vw; width:20%} .foot_navs dl:first-child{margin-left:0!important;} .foot_navs dl dt{ margin-bottom:12px;} .foot_navs dl dd{ font-size: 14px; line-height: 22px; margin-bottom:12px; } .foot_a1{ white-space:nowrap} .foot_a2{ color:#888} .foot_copy{ background: #ebebeb; padding: 20px 0; font-size: 16px; line-height: 28px; color: #666; } .foot_copy .container{display:flex; justify-content:space-between; } .foot_copy a{color:#666;} .foot_copy a:hover{color:var(--cor);} @media (max-width:1799px){ .foot_link2{font-size:15px;} .foot_scpy span{font-size:15px;} .foot_navs dl dd{font-size:12px; line-height:18px;} .foot_navs dl dt{font-size:15px; line-height:26px; margin-bottom:8px;} .foot_navs dl{margin-left:1vw;} .foot_lgul li{margin-right:20px;padding-top: 14px; padding-bottom: 6px;} .foot_copy{font-size:13px; line-height:24px; padding:15px 0} .foot_logos{width:450px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .foot_lgul li{width:calc(50% - 32px);} .foot_logos{width:330px;} .foot_navs dl{margin-left:4.8vw;} .foot_copy .container{flex-wrap:wrap;} .foot_copy .container .fl,.foot_copy .container .fr{width:100%; text-align:center;} } @media (max-width:993px){ .foot_logo{display:none;} .foot_wx{margin-left:0;} .foot_mix{flex-wrap:wrap;} .foot_logos{width:100%;} .foot_navs{width:100%;display:flex; justify-content:space-between; margin-top:25px; padding-left:0; } .foot_navs dl{margin-left:0px;} .foot_lgul li {width: calc(20% - 32px);} } @media (max-width:767px){ .foot_top{position:relative; padding-bottom:35px;} .foot_top .fl{ position:absolute; left:0; top:53px;} .foot_link1{} .footer{padding-top:25px; padding-bottom:20px;} .foot_scpy{margin-top:10px; margin-left:55px; padding-left:22px; width:170px;} .foot_scpy a{width:40px;} .foot_top .fr{width:100%; display:flex; flex-wrap:wrap;} .foot_lgul li{ width:calc(33% - 16px); margin:0 8px; padding-bottom:0} .foot_lgul{margin-left:-8px; margin-right:-8px;} .foot_navs{flex-wrap:wrap; margin-top:15px;} .foot_navs dl{width:100%; margin:0 0 8px; overflow:hidden} .foot_navs dl dt{width:100%; margin-bottom:2px;} .foot_navs dl dd{width:auto; float:left; margin-right:20px;} .foot_copy{font-size:12px; line-height:22px;} .foot_wx span:after{ margin-left:0; left:10px;} .foot_wx span{left:0; margin-left:0;} .foot_wx{display:none;} .foot_top{padding-top:8px;} .foot_navs dl dd{margin-bottom:6px;} } .m2banner{ position:relative;} .m2banner .dspc{ position:relative; height:32.55vw; overflow:hidden} .m2banner .dspc .coverImg{ height:32.55vw;} .m2banTxxt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%;} .m2banTxxt strong{ font-size: 38px; line-height: 48px; display: block; max-width:980px; letter-spacing:1px;} .m2banTxxt p{ font-size: 18px; line-height: 28px; margin-top: 12px; max-width:1000px; } .m2banner .dsPadPhone{} .m2menuWpr{ height:58px; background:#F7F7F7;} .m2menuWpr .container{display:flex; justify-content:space-between; } .m2pos{ line-height: 58px; font-size: 16px; background: url(../images/pso_ico.png) no-repeat left center; padding-left: 35px; } .m2menu{ display:flex;} .m2menu li{ position:relative; margin-left:75px;} .m2menu li:before{ content: ""; background: #D9D9D9; height: 10px; width: 1px; position: absolute; left: -33px; top: 24px; } .m2menu li:first-child:before{ display:none;} .m2menu_a{ font-size: 16px; line-height: 58px; display: inline-block; position: relative;} .m2menu_a.on,.m2menu_a:hover{ color:var(--cor);} .m2menu_a:after{content:""; position:absolute; left:50%; bottom:0; transition:all 0.5s ease; width:0%; height:4px; background:var(--cor); transform:translateX(-50%);} .m2menu_a.on:after, .m2menu_a:hover:after{ width:100%;} .banner_pos{ height:0; overflow:hidden; display:block; position:relative; top:-84px;} .banner_pos2{ height:0; overflow:hidden; display:block; position:relative; top:-26px;} .slt_m2menu .m2menu_a{ max-width:170px; line-height:20px; font-size:14px; text-align:center; height:58px;display: flex;flex-direction: column;justify-content: center;} @media (max-width:1799px){ .m2banTxxt strong {font-size: 30px;line-height: 40px;max-width: 790px;} .m2banTxxt p{font-size:16px; line-height:28px; margin-top:8px;} .m2menu li{margin-left:40px;} .m2menu li:before{left:-20px;} .m2menu_a:after{height:3px;} .banner_pos{ top:-80px;} .banner_pos2{ top:-22px;} .m2menu_a{font-size:14px;} .slt_m2menu .m2menu_a{font-size:12px; line-height:16px; max-width:140px;} .m2banTxxt p{max-width:780px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .m2banTxxt strong {font-size: 30px;line-height:48px;max-width: 605px;} .m2menu li{margin-left: 25px;} .m2menu li::before {display:none;} .m2pos{display: none;} .m2menuWpr .container{width:100%; overflow-x:auto; display:block; text-align:center;} .m2menu{ display:inline; white-space:nowrap;} .m2menu li{display:inline-block; margin:0 10px;} } @media (max-width:993px){ .m2banner .dsPadPhone{display:none;} .banner_pos{ top:-56px;} } @media (max-width:767px){ .m2banner .dspc{display:none;} .m2banner .dsPadPhone{display:block;} } @media (max-width:993px){ .m2banner{margin-top:56px;} .m2banner .dsPadPhone{display:none;} .m2banner .dspc{display:block; height:45vw;} .m2banner .dspc .coverImg{height:45vw;} .m2banTxxt strong {font-size: 26px;line-height: 36px;max-width: 380px;} .slt_m2menu .m2menu_a{max-width:none; font-size:14px;} } @media (max-width:767px){ .m2banTxxt strong {font-size: 18px;line-height:26px;max-width: 265px;} .m2banner .dspc{ height:250px;} .m2banner .dspc .coverImg{height:250px;} .m2banTxxt p{font-size:14px; line-height:20px;} } .yfw_page{} .yfw_page .container{ margin-top:-1.6vw} .yfw_left{ width:330px; float:left;position: -webkit-sticky;position: sticky;top:125px;} .yfw_btn{} .yfw_menus{} .yfw_menus dl{ margin-bottom:1px;} .yfw_menus dl:nth-child(3){display:none;} .yfw_menus dl dt{} .yfw_ma1{ display:block; line-height:70px; background:#59607A; position:relative} .yfw_ma1:before{ content: ""; background: url(../images/yfw_lin.png) repeat-y left top; background-size:100% auto; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0;} .yfw_menus dl.on .yfw_ma1:before{ opacity:1;} .yfw_ma1 span{ color: #fff; font-size: 18px; padding-left:20px; letter-spacing:1px; position:relative; z-index:1; } .yfw_ma1 i{ background: url(../images/yfw_lbtn1.png) no-repeat center center; height: 21px; width: 21px; position: absolute; top: 24px; right: 20px; } .yfw_menus dl.on .yfw_ma1 i{ background: url(../images/yfw_lbtn2.png) no-repeat center center; } .yfw_menus dl dd{ padding:25px 25px 25px 35px; background:#F6F6F6; display:none;} .yfw_dd1{ line-height: 24px; margin-top:10px; margin-bottom:10px; padding-left: 24px; font-size: 16px; background: url(../images/yfw_lsi.png) no-repeat left 7px; } .yfw_ma2{} .yfw_dd2{ padding: 10px 0px 10px 24px; } .yfw_ma3{ display: block; font-size: 14px; line-height: 24px; padding-left: 13px; margin:5px 0; position: relative; } .yfw_ma3:before{ content: ""; position: absolute; height: 3px; width: 3px; left: 0px; top: 14px; border-radius:50%; background:var(--cor); } .yfw_right{ width:calc(100% - 385px); float:right; padding:4.16vw 4.16vw 4.16vw; background:#f6f6f6;} .yfw_rbt{ font-size: 30px; line-height: 30px; color: #1c509c; padding-left: 30px; position:relative; color:var(--cor);} .yfw_rbt:before{ content: ""; height: 11px; width: 11px; border: 3px solid var(--cor); position: absolute; left: 0px; top: 11px; border-radius:50%;} .p{ font-size: 14px; line-height:24px; color: #444; text-align:justify } .yfw_des{ padding:20px 0 30px;} .yfw_ritem{ border-top: 1px dashed #D0D0D0; padding: 30px 0px; } .yfw_ritem h5{ font-size: 22px; line-height: 36px; background: url(../images/yfw_rico1.png) no-repeat left 13px; padding-left: 25px; font-weight: normal; display: block; margin-bottom:15px; text-align:left} .yfw_lgs{display:flex; justify-content:space-between; margin-top:35px; padding-bottom:35px; border-bottom: 1px dashed #D0D0D0;} .yfw_lgs dt{ width:220px; height:168px; background:#fff; border-radius:0.3em; box-shadow:0 0 8px rgba(0,0,0,0.06); position:relative;} .yfw_lgs dt img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto;} .yfw_lgs dd{ width:calc(100% - 265px);} .yfw_ritem .yfw_lgs:last-child{border:none; padding-bottom:0; margin-bottom:0} .yfw_right .yfw_ritem:last-child{border:none; padding-bottom:0; margin-bottom:0} .yfw_lgs dd strong{ font-size: 20px; font-weight: normal; display: block; margin-bottom: 12px; color:var(--cor);} .yfw_right .posLink{top:-80px;} .yfw_ritem a{ font-size: 16px; color: #2b90cd; display: inline-block; position: relative; margin-top:10px;} .yfw_ritem a:after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px;background: linear-gradient(to right,#2B90CD 0%,#03EDBB 100%); } @media (max-width:1799px){ .yfw_left{ width:280px; sticky;top:105px;} .yfw_ma1{line-height:56px;} .yfw_ma1 span{ font-size: 16px; padding-left:15px;} .yfw_ma1 i{ top: 18px; right: 15px; transform:scale(0.8); transform-origin:right center; } .yfw_menus dl dd{ padding:16px 20px 16px 25px;} .yfw_dd1{ line-height: 24px; margin:6px 0; padding-left: 22px; font-size: 16px; background: url(../images/yfw_lsi.png) no-repeat left 7px; } .yfw_dd2{ padding: 5px 0px 5px 20px; } .yfw_ma3{ font-size: 13px; line-height: 22px; padding-left: 12px; } .yfw_ma3:before{ top: 12px; } .yfw_right{ width:calc(100% - 315px); padding:3vw 3vw 3vw;} .yfw_rbt{ font-size: 24px; line-height: 24px; padding-left: 25px;} .yfw_rbt:before{top: 8px;} .p{ font-size: 13px; line-height:22px;} .yfw_des{ padding:15px 0 20px;} .yfw_ritem{ border-top: 1px dashed #D0D0D0; padding: 20px 0px; } .yfw_ritem h5{ font-size: 18px; line-height: 30px; background: url(../images/yfw_rico1.png) no-repeat left 11px; padding-left: 22px; margin-bottom:10px; } .yfw_lgs{ margin-top:25px; padding-bottom:25px;} .yfw_lgs dt{ width:180px; height:128px;} .yfw_lgs dd{ width:calc(100% - 205px);} .yfw_lgs dd strong{ font-size:18px; margin-bottom: 10px;} .yfw_right .posLink{top:-70px;} .yfw_ritem a{ font-size: 14px; margin-top:8px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .yfw_rbt{font-size:24px; line-height:24px;} } @media (max-width:993px){ .yfw_left{position:relative; float:none; width:100%; top:0} .yfw_right{width:100%; float:none; margin-top:30px;} .yfw_rbt:before{top:8px;} } @media (max-width:767px){ .yfw_rbt{font-size:20px;} .yfw_ritem h5{font-size:18px;} .yfw_ma1 span{font-size:18px;} .yfw_lgs{ flex-wrap:wrap;} .yfw_lgs dd{width:100%; margin-top:20px;} } .yfw_rdls{ border-top: 1px dashed #D0D0D0; } .yfw_rdls dl{ padding:22px 0; border-bottom: 1px dashed #D0D0D0;} .yfw_rdls dl.on{padding:32px 0;} .yfw_rdls dl dt{ font-size: 22px; line-height: 34px; position: relative; cursor: pointer; background: url(../images/yfw_rico1.png) no-repeat left 12px; padding: 0px 80px 0px 28px; color:var(--cor);} .yfw_rdls dl dd{ margin-top:15px; display:none;} .yfw_rdls dl dt:after{ content: ""; background: url(../images/yfw_sri1.png) no-repeat center center; height: 19px; width: 19px; border: 1px solid #DDDDDD; position: absolute; top: 7px; right: 5px; border-radius:50%;} .yfw_rdls dl.on dt:after{ background: url(../images/yfw_sri2.png) no-repeat center center; } @media (max-width:1799px){ .yfw_rdls dl dt{font-size:20px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .yfw_rdls dl dt{padding-right:40px; font-size:18px; line-height:30px; background-position:left 10px} .yfw_right{padding:25px 15px;} .yfw_rdls dl{padding:12px 0;} .yfw_rdls dl.on{padding:15px 0;} } .yfw_ritem h4{ font-size: 22px; line-height: 36px; font-weight: normal; padding-left: 46px; position:relative; margin-bottom:18px; display:block; text-align:left;} .yfw_ritem h4 span{ text-align: center; height: 36px; width: 36px; position: absolute; left: 0px; top: 0px; background: #FFF;background: linear-gradient(to right, #2A93CD 0%,#05EABC 100%); border-radius:50%; color:#fff; } .yfw_ritem .ul_1{ margin-left:10px;} .yfw_ritem .ul_1 li{ position:relative; padding-left:18px;} .yfw_ritem .ul_1 li:before{content:""; width:5px; height:5px; background:var(--cor); border-radius:50%; position:absolute; left:0; top:9px;} @media (max-width:1799px){ .yfw_ritem h4{ font-size: 18px; line-height: 32px; padding-left: 42px; margin-bottom:12px;} .yfw_ritem h4 span{height: 34px; width: 34px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ } .ul_2{ margin:0 -19px;} .ul_2 li{ width:calc(50% - 38px); margin:30px 19px 8px; background:#fff; border-radius:0.4em; padding:38px 50px 45px;} .ul_2 li strong{ font-size: 18px; font-weight: normal; display: block; margin-bottom: 8px; color: #333; position:relative; text-align:left; } .ul_2 li p{} .ul_2 li strong:after{content:"";background: linear-gradient(to right, #3093CE 0%,#31E8C9 100%); width:7px; height:7px; border-radius:50%; position:absolute; left:-18px; top:11px; } @media (max-width:1799px){ .ul_2{ margin:0 -12px;} .ul_2 li{ width:calc(50% - 24px); margin:24px 12px 0px; padding:25px 30px 30px 40px;} .ul_2 li strong{ font-size: 17px; margin-bottom: 6px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .ul_2 li {width: calc(100% - 24px); margin-top:12px;} .ul_2{padding-bottom:20px;} } .atc_page{} .atc_page .container{} .atc_lx{ width:69.87%; float:left;} .atc_title{ font-size: 38px; line-height: 50px; font-weight: normal; } .atc_info{ margin-top: 30px; font-size: 18px; line-height: 32px; } .atc_info span{ display:inline-block; margin-right:25px;} .atc_editor{ margin-top: 45px; font-size: 16px; line-height: 32px; } .atc_editor *{white-space:normal!important;} .atc_pages{ margin-top: 2.86vw; padding: 28px 250px 25px 40px; position: relative; box-shadow:0 5px 18px rgba(0,0,0,0.08); } .atc_pages p{ font-size: 16px; line-height: 34px; } .atc_back{ display: inline-block; line-height: 48px; height: 48px; width: 145px; font-size: 14px; color: #FFF; background: #A1A9BB url(../images/atc_back.png) no-repeat 23px center; padding-left: 62px; border-radius:2em; position:absolute; right:40px; top:50%; margin-top:-24px;} .atc_back:hover{background-color:var(--cor); color:#fff;} .atc_pages:before{content:""; position:absolute; left:0; right:0; top:0; height:3px;background: linear-gradient(to right,#2B91CD 0%,#04EBBC 100%); } .atc_rx{ width: 24.52%; float: right; position: -webkit-sticky; position: sticky; top: 110px; background: #f5f5f5; padding: ; padding: 50px 30px; } .atc_rt{ font-size: 22px; line-height: 22px; } .atc_rabox{ display:block; margin-top:30px;} .atc_rabox .overflowHide{ height:236px;} .atc_rabox p{ font-size: 16px; line-height: 24px; padding-top: 20px; -webkit-line-clamp:2;} .atc_rlist{} .atc_rlist li{ padding: 18px 0px; border-bottom: 1px dashed #CDCDCD; } .atc_rlist li p{-webkit-line-clamp:2; font-size: 16px; line-height: 24px; } @media (max-width:1799px){ .atc_title{font-size:28px; line-height:40px;} .atc_info {margin-top: 16px;font-size: 16px;line-height: 30px;} .atc_editor {margin-top: 25px;} .atc_pages p{font-size:14px; line-height:30px;} .atc_pages{padding:18px 210px 18px 30px;} .atc_back{ line-height: 42px; height: 42px; width: 135px; background: #A1A9BB url(../images/atc_back.png) no-repeat 20px center; padding-left: 52px; right:20px; margin-top:-21px; background-size:22px auto;} .atc_rx{width:27%;top: 105px;padding: 32px 25px;} .atc_rabox .overflowHide{ height:175px;} .atc_rabox p{font-size:14px;} .atc_rlist li p{font-size:14px;} .atc_rlist li{padding:12px 0;} } @media (max-width:1379px){ } @media (max-width:1199px){ .atc_title{font-size:26px; line-height:42px;} } @media (max-width:993px){ .atc_lx{width:100%; float:none;} .atc_rx{width:100%; float:none; margin-top:35px;} .atc_rabox .overflowHide{height:60vw;} } @media (max-width:767px){ .atc_title{font-size:20px; line-height:36px; text-align:center} .atc_info{font-size:14px; line-height:26px; text-align:center} .atc_pages {padding: 18px 15px 80px 15px;} .atc_back{right:auto; left:50%; margin-left:-67px; top:auto; bottom:28px;} .atc_editor img{max-width:100%!important; height:auto!important;} } .job_page{} .job_th{ height:68px; line-height:68px; background:#565F79; color:#fff; display:flex; padding-left:7.81%; font-size:22px;} .job_lst{ margin-bottom:2.6vw;} .job_lst dl{ margin-top:8px;} .job_lst dl dt{ padding-left: 7.81%; background: #F4F4F4; display: flex; font-size: 16px; line-height: 66px; position:relative; cursor:pointer } .job_lst dl dt:after{ content: ""; height: 25px; width: 25px; position: absolute; top: 50%; right: 3.62%; background: url(../images/job_ar.png) no-repeat center center; margin-top:-13px; transition:all 0.5s ease; } .job_lst dl.on dt:after{transform:rotate(180deg);} .job_lst dl dd{ background: #F4F4F4; margin-top: 8px; padding: 40px 14%; position:relative; display:none } .job_lst dl dd:before{ content: ""; position: absolute; width: 6px; top: 40px; bottom: 40px; left:7.81%; background: url(../images/job_line.jpg) repeat-x left top; background-size:auto 100%; border-radius:0.6em; } .job_st{ font-size: 20px; line-height: 42px; font-weight: normal; color:var(--cor); border-bottom:1px solid #E4E4E4; padding-bottom:20px;} .job_w1{ width:28%;} .job_w2{ width:25%; text-align:center;} .job_w3{ width:12%; text-align:center;} .job_des{ margin-top: 30px; display:flex; justify-content:space-between; margin-left:-50px; margin-bottom:30px } .job_txt{ width: 50%; margin-left: 50px; font-size: 16px; line-height: 30px; color: #444444; } .job_txt strong{ font-size: 16px; font-weight: normal; display: block; line-height: 40px; color: #333;} .job_txt p{} .job_lx{ font-size:16px; line-height:30px; padding-bottom:15px;} .job_lx span{ display:inline-block; margin-right:30px;} .job_lx a{color:var(--cor);} @media (max-width:1799px){ .job_th{ height:58px; line-height:58px; font-size:20px; padding-left:5%;} .job_lst dl dt{line-height: 56px; padding-left:5%} .job_lst dl dd{ padding:20px 8%;} .job_lst dl dd:before{ width: 4px; top: 30px; bottom: 30px; left:5%;} .job_st{ font-size: 20px; line-height: 42px; font-weight: normal; color:var(--cor); border-bottom:1px solid #E4E4E4; padding-bottom:20px;} .job_des{ margin-top: 15px; margin-left:-30px; margin-bottom:15px } .job_txt{ margin-left: 30px; font-size: 14px; line-height: 26px;} .job_txt strong{ font-size: 14px; line-height: 36px;} .job_lx{ font-size:14px; line-height:26px; padding-bottom:12px;} .job_lx span{margin-right:20px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .job_w3{width:18%;} .job_w2{width:22%;} .job_lst dl dd .dsPadPhone{display:none;} } @media (max-width:767px){ .job_lst dl dd .dsPadPhone{display:block;} .job_th .job_w2:nth-child(2), .job_lst .job_w2:nth-child(2){ display:none;} .job_w3{width:98px;display:none;} .job_w1{width:calc(100% - 150px);} .job_th{font-size:18px; line-height:50px; height:50px;} .job_st{padding-bottom:10px;} .job_lst dl dd .dsPadPhone{padding-top:20px;} .job_lst dl dd .dsPadPhone span{ display:inline-block; margin-right:15px; margin-bottom:10px;} .job_des{flex-wrap:wrap;} .job_txt{width:auto;} .job_lst dl dd:before{left:12px;} .job_lst{margin-bottom:20px} } .qs_page{ overflow:hidden;} .qs_tgbtn{ display:none;} .qs_lxpage{ width:400px; float:left; padding:4.42vw 0; background:#F2F5FC; position:relative} .qs_lx{} .qs_serx{ margin:0 43px; position:relative;} .qs_serx input{ line-height: 50px; background: var(--cor); color: #fff; width: 100%; padding: 0 70px 0 25px; font-size: 16px; } .qs_serx button{ background: url(../images/aq_ser.png) no-repeat center center; height: 50px; width: 50px; position: absolute; top: 0px; right: 15px; cursor: pointer; } .qs_serx input::-webkit-input-placeholder{color:#fff; opacity:0.5} .qs_serx input::-moz-placeholder{color:#fff; opacity:0.5} .qs_serx input:-moz-placeholder{color:#fff; opacity:0.5} .qs_serx input:-ms-input-placeholder{color:#fff; opacity:0.5} .qs_menu{ padding-top:30px;} .qs_menu dl{ margin-bottom:20px;} .qs_menu dl dt{} .qs_ma1{ display:block; padding:0 43px 0 80px; line-height:48px; height:48px; position:relative; font-size:22px;} .qs_ma1.on{color:var(--cor); background:#e4e8f2;} .qs_micos{ display:block; width:30px; height:30px; position:absolute; left:43px; top:9px;} .qs_micos img{ position:absolute; left:0; top:0; transition:all 0.5s ease;} .qs_micos img:nth-child(2){ opacity:0;} .qs_ma1:hover .qs_micos img, .qs_ma1.on .qs_micos img{opacity:0;} .qs_ma1:hover .qs_micos img:nth-child(2), .qs_ma1.on .qs_micos img:nth-child(2){ opacity:1;} .qs_ma1.on:after{ background: url(../images/aq_mar1a.png) no-repeat center center; } .qs_menu dl dd{} .qs_mst{} .qs_ma2{ display:block; padding:0 80px; font-size:18px; line-height:36px; color:#666666; position:relative} .qs_ma2.on2{color:var(--cor);} .qs_ma1:after{ content: ""; transition: all 0.5s ease; background: url(../images/aq_mar1.png) no-repeat; height: 11px; width:7px; position: absolute; right: 45px; top: 17px; } .qs_ma2:after{ content: ""; transition: all 0.5s ease; background: url(../images/aq_mar2.png) no-repeat; height: 6px; width: 10px; position: absolute; right: 45px; top: 13px; } .qs_ma2.on2:after{ background: url(../images/aq_mar2a.png) no-repeat center center; transform:rotate(180deg);} .qs_mlinks{ padding:8px 60px 8px 80px; display:none;} .qs_mlinks a{ font-size: 16px; line-height: 30px; color: #666; display:block; position:relative; padding-left:16px} .qs_mlinks a:before{content:""; width:3px; height:3px; background:var(--cor); position:absolute; left:0; top:12px; border-radius:50%;} .qs_rx{ width:calc(100% - 400px); float:right; padding:4.42vw 8.59vw;} .qs_ma1.noar:after, .qs_ma2.noar:after, .qs_ma3.noar:after{display:none!important;} .qs_rx table td{border:1px solid #ddd;} @media (max-width:1799px){ .qs_serx input{line-height:46px;} .qs_mlinks a{font-size:14px; line-height:26px;} .qs_ma2{font-size:16px;} .qs_mlinks{padding-top:2px; padding-bottom:2px;} .qs_menu dl{margin-bottom:2px;} .qs_rx{padding:4.42vw 6.59vw;} } @media (max-width:1379px){ } @media (max-width:1199px){ .qs_rx{padding-left:3.6vw; padding-right:3.6vw;} } @media (max-width:993px){ .qs_lxpage{width:100%; float:none;} .qs_rx{width:100%; float:none; margin-top:15px;} } @media (max-width:767px){ .qs_ma1{font-size:20px;} .qs_rx{padding-bottom:12vw;} .qs_lxpage{padding:12vw 0;} } .fil_list{ margin-top: 2vw; margin-bottom:2vw; } .fil_list dt{display:flex; justify-content:space-between; background: linear-gradient(to bottom, #003ea7 0%,#00abf9 100%); color:#fff; line-height:100px; font-size:22px; } .fil_w1{ width:58%; position:relative;} .fil_w2{ width:23%; padding-left:50px; text-align:center; position:relative;} .fil_w3{ width:100px; position:relative; text-align:center; padding-right:50px;} .fil_list dt .fil_w1{padding-left:80px;} .fil_list dd .fil_w1{padding-left:85px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow:hidden} .fil_list dd .fil_w1:before{content:""; width:6px; height:6px; background:#C4C4C4; position:absolute; left:58px; top:50%; margin-top:-3px; border-radius:50%;} .fil_list dd{ font-size:18px;} .fil_aitem{display:flex; justify-content:space-between; line-height:80px; border-bottom:1px solid #EDEDED; background:#f8f8f8;} .fil_list dd:nth-child(2n) .fil_aitem{ background:#fff;} .fil_btn{ background: url(../images/fil_ico.png) no-repeat center center; display: inline-block; height: 21px; width: 23px; } .fil_aitem:hover .fil_btn{ background: url(../images/fil_ico2.png) no-repeat center center; } @media (max-width:1799px){ .fil_list dt .fil_w1{padding-left:50px;} .fil_list dd .fil_w1{padding-left:60px;} .fil_list dd .fil_w1:before{left:38px;} .fil_list dt{line-height: 72px; font-size: 20px;} .fil_list dd{font-size:16px;} .fil_aitem{line-height:68px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .fil_list dt .fil_w1{padding-left:25px;} .fil_w3{padding-right:25px;} .fil_list dt{font-size:18px; line-height:60px} .fil_list dd .fil_w1{padding-left:35px;} .fil_list dd .fil_w1:before {left: 24px;} .fil_w2{width:18%; padding-left:10px;} .fil_aitem{line-height:58px;} .fil_list dd{ font-size:15px;} } @media (max-width:993px){ } @media (max-width:767px){ .fil_list{margin-top:25px; margin-bottom:20px} .fil_w3{padding-right:0; width:50px;} .fil_btn{background-size:16px auto;} .fil_list dt{font-size:16px; line-height:52px;} .fil_list dt .fil_w1{padding-left:15px;} .fil_list dd .fil_w1{padding-left:25px;} .fil_list dd .fil_w1:before{left:15px;} .fil_w1{width:72%;} } .int_con1{} .m2pt{ font-size: 32px; line-height: 32px; text-align: center; } .m2pdes{ font-size: 14px; line-height:24px; color: #666666; margin-top: 25px; text-align:center; max-width:1200px; margin-left:auto; margin-right:auto;} .m2nlist{ margin-top:2.6vw; margin-bottom:0.5vw; margin-left:-24px; margin-right:-24px;} .m2nlist li{ width:calc(33.33% - 48px); margin:0 24px 48px;} .int_c1ul{ margin-top: 2.6vw; padding: 0px 66px; } .int_c1nul{margin-top: 2.6vw; margin-left:-8px; margin-right: -8px;} .int_c1ul dd{ padding:0 12px;} .int_c1list{margin-top:2.6vw; margin-bottom:1.8vw;} .int_c1list ul{ margin-left:-8px; margin-right:-8px;} .int_c1list ul li,.int_c1nul li{width:calc(50% - 16px); margin-left:8px; margin-right:8px;} .int_c1ul dd ul{} .int_c1ul dd ul li,.int_c1list li,.int_c1nul li{ margin-bottom:16px; line-height: 62px; height: 62px; position: relative; padding: 0px 185px 0px 50px; background: #F8F8F8; } .int_c1a{ font-size: 16px; } .int_c1ul dd ul li span,.int_c1list li span,.int_c1nul li span{ font-size: 14px; color: #999999; display: inline-block; padding-left: 28px; position: absolute; top: 0px; right: 35px; background: url(../images/int_c1ico.png) no-repeat left center; } .int_c1ul .slick-prev{ background: url(../images/int_c1ar1.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: 0px; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid #ddd; z-index: 1; margin-top: -28px; border-radius: 50%; transition:all 0.5s ease; } .int_c1ul .slick-next{ background: url(../images/int_c1ar1.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: 0px; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid #ddd; z-index: 1; margin-top: -28px; border-radius: 50%; transform:rotate(180deg); transition:all 0.5s ease;} .int_c1ul .slick-prev:hover,.int_c1ul .slick-next:hover{ background:var(--cor) url(../images/int_c1ar2.png) no-repeat center center; border:1px solid var(--cor); } .int_con2top{ color:#fff; background-size:cover; background-repeat:no-repeat;} .pub_moreBox{margin-top:2.6vw; text-align:center;} .pub_moreBox .m2mmbtn{margin-left: 0;} .int_con1 .pub_moreBox{margin-top:2vw;} .m2mx{ text-align: center; margin-top: 2.2vw; } .int_c2m{ background: url(../images/int_c2link_ico.png) no-repeat center center; display: inline-block; height: 47px; width: 47px; } .int_con2bom{ color: #FFF; background: #586079; } .int_con2bom .page .pagination li a{color:#fff;} .int_c2lst{margin-top:2.6vw; margin-bottom:2.6vw;} .int_c2ul{ margin-top: 2.6vw; padding: 0px 75px; } .int_c2ul dd{} .int_c2ul dd ul{} .int_c2ul dd ul li,.int_c2lst li{ line-height: 78px; height: 79px; border-bottom: 1px solid #798094; padding: 0px 165px 0px 35px; position:relative; } .int_c2ul dd ul li:before,.int_c2lst li:before{ content: ""; background: #C4C4C4; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 0px; top: 50%; border-radius:50%;} .int_c2ul dd ul li a,.int_c2lst li a{ background: url(../images/int_c3dw.png) no-repeat right center; padding-right: 60px; min-width: 500px; font-size: 16px; color: #FFF; display: inline-block; } .int_c2ul dd ul li span,.int_c2lst li span{ font-size: 14px; display: inline-block; position: absolute; top: 0px; right: 0px; background: url(../images/int_c5tm.png) no-repeat left center; padding-left: 28px; } .int_c2ul .slick-prev{ background: url(../images/int_c1ar2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: 0px; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid #fff; z-index: 1; margin-top: -18px; border-radius: 50%; transition: all 0.5s ease; opacity:0.8; } .int_c2ul .slick-next{ background: url(../images/int_c1ar2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: 0px; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid #fff; z-index: 1; margin-top: -18px; border-radius: 50%; transform:rotate(180deg); transition:all 0.5s ease; opacity:0.8;} .int_c2ul .slick-prev:hover,.int_c2ul .slick-next:hover{ background:rgba(255,255,255,0.3) url(../images/int_c1ar2.png) no-repeat center center; border:1px solid rgba(255,255,255,0); opacity:1 } .int_con3{} .int_c3ifrme{ text-align:center; margin-top:2.6vw;} .int_con4{ background:#f9f9f9; display:none} .int_c4ds{ margin:2.6vw 0px 0; padding:0 59px;} .int_c4ds dd{ padding:10px 16px;} .int_c4item{ display: block; background: #FFF; height: 114px; padding: 0px 125px 0px 120px; font-size: 20px; line-height: 114px; position:relative } .int_c4item span{ display: inline-block; position: absolute; left: 35px; top: 50%; margin-top: -30px; } .int_c4item p{} .int_c4item:after{ content: ""; background: url(../images/int_mico.png) no-repeat; height: 35px; width: 35px; position: absolute; top: 50%; right: 40px; margin-top: -17px; } .int_c4ds .slick-prev{ background: url(../images/int_c1ar1.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: 0px; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid #ddd; z-index: 1; margin-top: -20px; border-radius: 50%; transition:all 0.5s ease; } .int_c4ds .slick-next{ background: url(../images/int_c1ar1.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: 0px; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid #ddd; z-index: 1; margin-top: -20px; border-radius: 50%; transform:rotate(180deg); transition:all 0.5s ease;} .int_c4ds .slick-prev:hover,.int_c4ds .slick-next:hover{ background:var(--cor) url(../images/int_c1ar2.png) no-repeat center center; border:1px solid var(--cor); } .int_c4item:hover{box-shadow:0 5px 10px rgba(0,0,0,0.06); transform:translateY(-5px);} .int_tip{font-size: 22px; line-height: 32px; margin-top: 2vw;text-align: center; max-width: 1000px; margin-left: auto; margin-right: auto;} @media (max-width:1799px){ .m2pt{ font-size: 26px; line-height: 26px;} .m2pdes{ margin-top: 16px; font-size:13px; line-height:20px;} .int_c1ul dd ul li,.int_c1list li,.int_c1nul li{padding-left:20px; padding-right:130px;} .int_c1ul dd ul li span,.int_c1list li span,.int_c1nul li span{right:20px; font-size:13px;} .int_c1a{font-size:15px;} .int_c2ul dd ul li{padding-left:25px;} .int_c2ul dd ul li a{font-size:15px;} .int_c4item{font-size:18px;} .int_c4item:after{right:32px;} .int_tip{font-size:18px; line-height:28px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .m2pt{font-size:24px; line-height:32px;} .m2nlist{margin-left:-12px; margin-right:-12px;} .m2nlist li{width: calc(33.33% - 24px); margin: 0 12px 24px;} } @media (max-width:993px){ .int_c1list ul li,.int_c1nul li{width:calc(100% - 16px);} .int_c2ul dd ul li a,.int_c2lst li a{min-width:350px;} .int_c4ds{ padding:0 0 35px} .int_c4ds .slick-dots{bottom:0px;} .int_c4ds .slick-dots li button{display:none;} .int_c4ds .slick-dots li { background: #ddd; display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .int_c4ds .slick-dots li.slick-active{ background:var(--cor);} .m2nlist li{width: calc(50% - 24px); margin: 0 12px 24px;} .int_c1nul{margin-top: 25px;} .int_tip{font-size:16px; line-height:24px;} } @media (max-width:767px){ .m2pt{font-size:22px; line-height:30px;} .m2nlist{margin-top:25px;} .m2nlist li{width: calc(100% - 24px);} .int_c2ul dd ul li, .int_c2lst li {line-height: 68px;height: 69px;padding: 0px 115px 0px 15px;} .int_c2lst{margin-bottom:20px;} .int_c1list{margin-top:25px;} .int_c1ul{margin-top:25px; margin-bottom:45px; padding:0} .int_c1ul .slick-dots{bottom:-20px;} .int_c1ul .slick-dots li button{display:none;} .int_c1ul .slick-dots li { background: #ddd; display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .int_c1ul .slick-dots li.slick-active{ background:var(--cor);} .int_c2ul .slick-dots{bottom:-30px;} .int_c2ul .slick-dots li button{display:none;} .int_c2ul .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .int_c2ul .slick-dots li.slick-active{ background: #fff;} .int_c2ul{margin-bottom:55px;} .int_c2ul{padding:0;} .int_c4ds{margin-top:25px;} .int_c4item{padding:0px 55px 0px 90px;} .int_c4item:after{right:15px;} .int_c1nul li:nth-child(6), .int_c1nul li:nth-child(7), .int_c1nul li:nth-child(8){display:none;} .int_tip{font-size:14px; line-height:22px; padding-bottom:25px; padding-top:8px;} } .cs_page{} .cs_con1{} .cs_c1txt{ font-size: 16px; line-height: 26px; color: #555555; margin-top: 70px; position:relative; text-align:center} .cs_c1txt:before{ content: ""; height: 6px; width: 42px; position: absolute; left: 50%; top: -36px; margin-left: -21px; background: linear-gradient(to right,#6FC6F1 0%,#2063A4 100%); border-radius:0.8em; } .cs_con2{ background: linear-gradient(to bottom,#1c60a4 0%,#0b2556 100%); color:#fff;} .cs_c2ul{ margin:2.6vw -26px 0} .cs_c2ul dd{ padding:0 26px;} .cs_c2item{ display:block; position:relative; border-radius:0.6em; overflow:hidden; background:#fff;} .cs_c2dx{ position:absolute; left:0; top:0; right:0; bottom:0; padding:75px 40px 0; text-align:center} .cs_c2dx span{ display:block; width:100px; height:100px; margin:0 auto;} .cs_c2dx p{ font-size: 22px; font-weight: 100; margin-top: 56px; line-height: 30px; position: relative } .cs_c2dx p:before{ content: ""; height: 4px; width: 36px; margin-left: -18px; position: absolute; left: 50%; top: -35px; background:#E1E1E1; border-radius:2em;} .cs_c2hx{ padding:75px 40px 65px; text-align:center; background: linear-gradient(to bottom,#1c5da0 0%,#6ec5f0 100%); color:#fff; transition:all 0.5s ease; opacity:0; position:relative; z-index:1; height:100%;} .cs_c2hx strong{ font-size: 22px; line-height: 30px; font-weight: normal; display: block; transition:all 0.5s ease; opacity:0; transform:translateY(50px); } .cs_c2hx p{ font-size: 14px; line-height: 24px; margin-top: 66px; text-align:left; position:relative; transition:all 0.5s ease; opacity:0; transform:translateY(50px);} .cs_c2hx p:before{ content: ""; height: 4px; width: 36px; margin-left: -18px; position: absolute; left: 50%; top: -35px; background:#fff; border-radius:2em;} .cs_c2item:hover .cs_c2hx{opacity:1;} .cs_c2item:hover .cs_c2hx strong{ opacity:1; transform:translateY(0); transition-delay:0.2s;} .cs_c2item:hover .cs_c2hx p{ opacity:1; transform:translateY(0); transition-delay:0.3s;} .cs_con3{} .csc3box{ margin-top:2.6vw;display:flex; justify-content:space-between; } .csc3_dls{ width:calc(50% - 7px);} .csc3_dls dd{} .csc3_item{ display:block; position:relative; background:#1356b6; color:#fff; background-repeat:no-repeat; background-size:cover;} .csc3_item .overflowHide{ height:500px;} .csc3_item p{ position: absolute; left: 25px; right: 25px; top: 50%; transform: translateY(-50%); color: #fff; text-align: center; font-size: 42px; line-height: 50px; font-weight: 100; letter-spacing: 1px; } .csc3_dls .slick-prev{ background: url(../images/int_c1ar2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: 45px; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid #fff; z-index: 1; margin-top: -18px; border-radius: 50%; transition: all 0.5s ease; opacity:0.8; } .csc3_dls .slick-next{ background: url(../images/int_c1ar2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: 45px; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid #fff; z-index: 1; margin-top: -18px; border-radius: 50%; transform:rotate(180deg); transition:all 0.5s ease; opacity:0.8;} .csc3_dls .slick-prev:hover,.csc3_dls .slick-next:hover{ background:rgba(255,255,255,0.3) url(../images/int_c1ar2.png) no-repeat center center; border:1px solid rgba(255,255,255,0); opacity:1 } .csc3_dls .slick-dots{bottom:50px;} .csc3_dls .slick-dots li button{display:none;} .csc3_dls .slick-dots li { background:#B9CDE9; display: inline-block; height: 10px; width:10px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .csc3_dls .slick-dots li.slick-active{ background: #fff;} .csc3_rx{ width:calc(50% - 7px);} .csc3_rx li{} .csc3_ritem{ display:block; background-size:cover; background-repeat:no-repeat; margin-bottom:14px; position:relative} .csc3_ritem .overflowHide{ height:243px;} .csc3_ritem p{ position:absolute; right:72px; top:50%; min-width:300px; top:50%; transform:translateY(-50%);font-size: 42px; line-height: 50px; font-weight: 100; letter-spacing: 1px; color:#fff; } .csc3_rx li:last-child .csc3_ritem{margin-bottom:0;} @media (max-width:1799px){ .cs_c1txt{font-size:13px; line-height:20px; margin-top:50px;} .cs_c1txt:before{height:5px; top:-26px;} .cs_c2ul{ margin:2.6vw -12px 0} .cs_c2ul dd{ padding:0 12px;} .cs_c2dx{padding:55px 20px 0;} .cs_c2dx span{ width:60px; height:60px;} .cs_c2dx p{ font-size: 20px; margin-top: 36px; line-height: 28px;} .cs_c2dx p:before{ height: 3px; width: 32px; margin-left: -16px; top: -20px;} .cs_c2hx{ padding:45px 25px 45px;} .cs_c2hx strong{ font-size: 20px; line-height: 28px;} .cs_c2hx p{ font-size: 13px; line-height:20px; margin-top:40px;} .cs_c2hx p:before{ height: 3px; width: 32px; margin-left: -16px; top: -20px;} .csc3_ritem p{font-size:32px; min-width:250px;} .csc3_item p{font-size:32px;} .csc3_ritem .overflowHide{height:185px;} .csc3_item .overflowHide{height:385px;} .csc3_dls .slick-prev{left:25px;} .csc3_dls .slick-next{right:25px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .cs_c2ul{padding-bottom:35px;} .cs_c2ul .slick-dots{bottom:0px;} .cs_c2ul .slick-dots li button{display:none;} .cs_c2ul .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .cs_c2ul .slick-dots li.slick-active{ background: #fff;} .cs_c2item .cs_c2hx{opacity:1;} .cs_c2item .cs_c2hx strong{ opacity:1; transform:translateY(0); transition-delay:0.2s;} .cs_c2item .cs_c2hx p{ opacity:1; transform:translateY(0); transition-delay:0.3s;} } @media (max-width:767px){ .cs_c2ul{margin-top:25px;} .csc3box{margin-top:25px; flex-wrap:wrap;} .csc3_dls{width:100%; margin-bottom:14px;} .csc3_rx{width:100%;} .csc3_item .overflowHide{height:62vw;} .csc3_item p{font-size:24px;} .csc3_dls .slick-dots{bottom:20px;} .csc3_ritem p{width:100%; text-align:center; font-size:24px; left:0; right:0} .csc3_ritem .overflowHide{height:32vw;} } .data_page{} .data_con1{} .data_con1 .container{display:flex; justify-content:space-between;} .data_c1lx{ width:45.31%;display:flex; flex-direction:column; justify-content:center;} .data_c1lx .m2pt{text-align:left;} .data_c1p{ font-size: 16px; line-height: 30px; color: #444444; text-align: justify; margin-top: 35px; } .data_c1rx{ width:43.56%; height:404px; position:relative;} .data_c1rx:before{content:""; width:165px; height:96px; background:var(--cor); position:absolute; right:-20px; top:-20px;} .data_c1rx .overflowHide{ z-index:1; height:100%} .data_con2{background: linear-gradient(to bottom, #1c60a4 0%,#0c2556 100%); color:#fff;} .data_con2 .m2pdes{color:#fff;} .data_c2st{ font-size: 28px; line-height: 28px; color: #FFF; text-align: center; margin-top:40px; } .data_c2s1{ margin: 2.4vw -50px 5.2vw; display:flex; flex-wrap:wrap; } .data_c2s1 dd{ width:calc(33.33% - 100px); margin:0 50px; padding-bottom:42px; border-bottom:1px dashed #476896;} .data_c2s1item{ display:block; transition:all 0.5s ease;} .data_c2s1item:hover{transform:translateY(-15px);} .data_c2s1item span{ font-size: 36px; line-height: 54px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#07D3B6), to(#2B92CD));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .data_c2s1item p{ font-size: 16px; line-height: 30px; text-align: justify; } .data_c2s2{ margin: 2.6vw 0;display:flex; justify-content:space-between; flex-wrap:wrap; } .data_c2s2 dd{} .data_c2s2item{ padding-left: 115px; max-width: 280px; position:relative; transition:all 0.5s ease; } .data_c2s2item:hover{transform:translateY(-15px);} .data_c2ico{ height: 80px; width: 80px; position: absolute; left: 0px; top: 0px; background: linear-gradient(to bottom,#04EDBB 0%,#2995CC 100%); border-radius:50%; transition:all 0.5s ease;} /*.data_c2s2item:hover .data_c2ico{transform:rotateY(180deg);}*/ .data_c2ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .data_c2s2item strong{ font-size: 20px; line-height: 26px; font-weight: normal; display: block; margin-bottom:10px; } .data_c2s2item p{ font-size: 16px; line-height: 28px; } .data_con3{} .data_c3dls{ margin-top: 2.6vw; background: url(../images/data_c4bg.jpg) no-repeat center center; background-size:cover; display:flex; border-radius:0.4em; overflow:hidden;} .data_c3dls dd{ padding:2.8vw 3.38vw; border-right:1px solid rgba(255,255,255,0.2); color:#fff; transition:all 0.5s ease;} .data_c3dls dd:last-child{border:none;} .data_c3dls dd strong{ font-size: 22px; line-height: 54px; font-weight: normal; margin-bottom: 6px; display: block; } .data_c3dls dd p{ font-size: 16px; line-height: 30px; text-align: justify; } .data_c3ico{ display:block; width:80px; height:80px; transition:all 0.5s ease;} .data_c3dls dd ul{ margin-top: 30px; } .data_c3dls dd ul li{ line-height: 26px; font-size: 14px; margin-top: 6px; padding-left: 20px; background: url(../images/data_c4sico.png) no-repeat left 8px; } /*.data_c3dls dd:hover .data_c3ico{transform:rotateY(180deg);}*/ .data_c3dls dd:hover{transform:translateY(-15px);} @media (max-width:1799px){ .data_c1rx{height:300px;} .data_c1lx{width:50%;} .data_c1p{font-size:14px; line-height:26px; margin-top:25px;} .data_c2s1item p{font-size:14px; line-height:26px;} .data_c2st{font-size:24px; margin-top:30px;} .data_c2ico{width:70px; height:70px;} .data_c2s2item{padding-left:90px; max-width:240px;} .data_c2s2item strong{font-size:18px; line-height:22px; margin-bottom:5px;} .data_c2s2item p{font-size:14px; line-height:24px;} .data_c3ico{width:66px; height:66px;} .data_c3dls dd strong{font-size:20px; line-height:46px;} .data_c3dls dd p{font-size:14px; line-height:26px;} .data_c3dls dd ul{margin-top:25px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .data_c2s2{flex-wrap:wrap; margin-left:-10px; margin-right:-10px;} .data_c2s2 dd{width:25%; padding:0 10px;} } @media (max-width:993px){ .data_c2s2item p{font-size:12px; line-height:20px;} .data_c2s2item{padding-left:85px;} } @media (max-width:767px){ .data_con1 .container{flex-wrap:wrap;} .data_c1lx{width:100%;} .data_c1rx{width:100%; margin-top:35px;} .data_c1lx .m2pt{text-align:center;} .data_c2s1 {padding-bottom:55px;} .data_c2s1 .slick-dots{bottom:20px;} .data_c2s1 .slick-dots li button{display:none;} .data_c2s1 .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .data_c2s1 .slick-dots li.slick-active{ background: #fff;} .data_c2s2{margin-top:25px; display:block;padding-bottom:55px;} .data_c2s2 .slick-dots{bottom:20px;} .data_c2s2 .slick-dots li button{display:none;} .data_c2s2 .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .data_c2s2 .slick-dots li.slick-active{ background: #fff;} .data_c2s2item{max-width:none; min-height:70px;display:flex; flex-direction:column; justify-content:center;} .data_c3dls{margin-top:25px; flex-wrap:wrap; padding:25px 15px;} .data_c3dls dd{border:none; width:100%;} .data_c3ico{margin:0 auto;} .data_c3dls dd strong{text-align:center;} .data_c2s1 dd{padding-bottom:20px;} } .zs_page{} .zs_con1{} .zs_con1 .m2pt{ color:var(--cor);} .zs_c1ul{ margin: 2.6vw -14px 0px; } .zs_c1ul dd{ width:calc(33.33% - 28px); margin:0 14px 28px; background:#F5F5F5; border-radius:0.4em; padding:28px 2.6vw; text-align:center; transition:all 0.5s ease;} .zs_c1ul dd strong{ font-size: 22px; font-weight: normal; line-height: 46px; display: block; margin-top: 6px; } .zs_c1ul dd p{ font-size: 16px; line-height: 30px; color: #444444; } .zs_c1ico{ display:block; margin:0 auto;transition:all 0.5s ease;} .zs_c1ul dd:hover{transform:translateY(-15px); box-shadow:0 3px 15px rgba(0,0,0,0.1);} .zs_c1ul dd:hover .zs_c1ico{ transform:rotateY(180deg);} .zs_con2{ background: url(../images/zs_c2bg.jpg) no-repeat center center; background-size:cover; color:#fff;} .zs_con2 .m2pdes{color:#fff;} .zs_c2box{ margin-top: 2.6vw; height:614px; position:relative;} .zs_c2anix{ max-width: 614px; max-height: 614px; width: 31.97vw; height: 31.97vw; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: url(../images/zs_c2line3.png) no-repeat center center; background-size:cover; } .zs_c2anix i:nth-child(1){ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/zs_c2line1.png) no-repeat center center; background-size:cover;/* animation:turnAni 10s linear infinite;*/} .zs_c2anix i:nth-child(2){ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/zs_c2line2.png) no-repeat center center; background-size:cover;/* animation:RturnAni 10s linear infinite;*/} .zs_c2anix:after{ content: ""; background: url(../images/zs_c2ico3.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .zs_c2ul{display:flex; justify-content:space-between; padding:0 2vw; } .zs_c2ul li{ width:410px; padding-top:6.2vw; transition:all 0.5s ease;} .zs_c2ul li strong{ font-size: 22px; font-weight: normal; line-height: 62px; margin-bottom: 16px; position:relative; display:block} .zs_c2ul li strong:after{ content: ""; background: #E1E1E1; height: 4px; width: 35px; position: absolute; left: 0px; bottom: 0px; border-radius:2em;} .zs_c2ul li p{ font-size: 16px; line-height: 30px; text-align:justify} .zs_c2ico{ display:block; width:60px; height:60px; transition:all 0.5s ease;} .zs_c2ul li:hover{transform:translateY(-15px);} .zs_c2ul li:hover .zs_c2ico{ transform:rotateY(180deg);} .zs_con3{} .zs_c3box{ margin-top:2.6vw; position:relative; display:flex; justify-content:space-between; } .zs_c3box:after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 53.75%; background: rgba(241,241,241,0.5); border-radius: 0 20em 20em 0; border: 1px dashed #D7D9DA; } .zs_c3box:before{content:""; position: absolute; right: 0; top: 0; bottom: 0; width: 53.75%; background: #dbe8fb; border-radius: 20em 0 0 20em;} .zs_c3ico{ background: url(../images/zs_c3ico.png) no-repeat center center; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; position: absolute; left: 50%; top: 50%; z-index:1; } .zs_c3item{ font-size: 16px; line-height: 30px; color: #444444; padding:4.16vw 3.64vw; width:46.87%; position:relative; z-index:1; } .zs_c3box .zs_c3item:nth-child(2){} .zs_c3item strong{ display: block; line-height: 28px; font-size: 22px; margin-bottom: 48px; position: relative; font-weight: normal; color: #333; } .zs_c3item strong:after{content:""; background:var(--cor); height: 4px; width: 35px; position: absolute; left: 0px; bottom: -22px; border-radius:2em;} @media (max-width:1799px){ .zs_c1ul{ margin: 2.6vw -12px 0px; } .zs_c1ul dd{ width:calc(33.33% - 24px); margin:0 12px 24px;} .zs_c1ul dd strong{ font-size:20px;line-height: 42px;} .zs_c1ul dd p{ font-size: 14px; line-height: 26px; } .zs_c2box{ height:400px;} .zs_c2anix{ width: 400px; height: 400px;} .zs_c2ul li{ width:300px; padding-top:80px; } .zs_c2ul li strong{ font-size: 20px; line-height:56px; margin-bottom: 12px;} .zs_c2ul li strong:after{height: 3px; width: 30px} .zs_c2ul li p{ font-size: 14px; line-height: 26px; } .zs_c3item{ font-size: 14px; line-height:24px; padding:3.6vw 2.8vw;} .zs_c3item strong{ line-height: 26px; font-size: 20px; margin-bottom: 38px;} .zs_c3item strong:after{ height: 3px; width: 30px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .zs_c2ul li{width:230px;} } @media (max-width:993px){ .zs_c2anix{width:220px; height:220px;} } @media (max-width:767px){ .zs_c1ul{margin-top:25px;} .zs_c1ul .slick-dots{bottom:-10px;} .zs_c1ul .slick-dots li button{display:none;} .zs_c1ul .slick-dots li { background: #ddd; display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .zs_c1ul .slick-dots li.slick-active{ background: var(--cor);} .zs_c1ico{text-align:center;} .zs_c1ico img{margin:0 auto;} .zs_c2ul{ flex-wrap:wrap; margin-top:170px;} .zs_c2ul li{width:100%; padding-top:25px;} .zs_c2box{height:auto;} .zs_c2anix{top:-145px;} .zs_c3box{flex-wrap:wrap;} .zs_c3item{width:100%;} .zs_c3box:before,.zs_c3box:after{display:none;} } .pro_page{ padding-bottom:0; overflow:hidden;} .pro_con1{ position:relative; min-height:566px; padding-top:28px; z-index:1;} .pro_c1img{ width:48.87%; height:566px; position:absolute; right:0; top:0;} .pro_c1img .coverImg{ width:49.06vw; position:absolute; left:0; top:0; bottom:0;} .pro_con1 .m2pt{text-align:left; width:44.68%;} .pro_c1txt{ width: 44.68%; text-align: justify; font-size: 14px; line-height:24px; margin-top: 25px; } .pro_c1tags{ margin-top: 2.6vw; position: relative; z-index: 1; padding: 120px 220px 90px 0px; width: 77.62%; } .pro_con1:before{ content: ""; position: absolute; height:338px; left:-50vw; right: -50vw; bottom: 0px; background:#f6f6f6; } .pro_c1tags:after{ content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; background: url(../images/pro_c1bg.png) no-repeat center center; background-size:cover; width:74vw;backdrop-filter: blur(6px); } .pro_c1ul{display:flex; justify-content:space-between; position:relative; z-index:1; } .pro_c1ul li{ width:25%; text-align:center; transition:all 0.5s ease;} .pro_c1ul li span{ display:block; width:80px; height:80px; transition:all 0.5s ease; margin:0 auto} .pro_c1ul li p{ font-size: 20px; color: #FFF; line-height: 30px; margin-top: 18px; } .pro_c1ul li:hover span{transform:rotateY(180deg);} .pro_c1ul li:hover{transform:translateY(-15px);} .pro_con2{ background:#f6f6f6;} .pro_c2ul{ margin: 2.6vw -25px 5vw; } .pro_c2ul dd{ width:calc(33.33% - 50px); margin:0 25px; padding:42px 32px; text-align:center; background:#fff; border-radius:0.6em; transition:all 0.5s ease;} .pro_c2ul dd p{ max-width: 325px; font-size: 18px; line-height: 28px; margin-top: 18px; margin-left:auto; margin-right:auto; } .pro_c2ico{ display:block; width:72px; height:72px; margin:0 auto; transition:all 0.5s ease;} .pro_c2ul dd:hover{transform:translateY(-15px); box-shadow:0 5px 18px rgba(0,0,0,0.1);} .pro_c2ul dd:hover .pro_c2ico{transform:rotateY(180deg);} .pro_st{ font-size: 28px; line-height: 36px; text-align: center; } .pro_c2sul{ margin-top:2.8vw;display:flex; justify-content:space-between; } .pro_c2sul dd{ width:158px; height:158px; background:#fff; border-radius:50%; text-align:center;display:flex; flex-direction:column; justify-content:center; position:relative;background: linear-gradient(to bottom,#0BE1BD 0%,#2C90CB 100%);} .pro_c2sul dd span{ font: 36px/36px din; color: #eee; } .pro_c2sul dd p{ font-size: 16px; line-height: 20px; color:#fff; margin-top: 5px; max-width:120px; margin-left:auto; margin-right:auto; } .pro_c2sul dd:after{ content: ""; background: url(../images/pro_c3ar.png) no-repeat center center; height: 22px; width: 31px; margin-top: -11px; position: absolute; top: 50%; left:116%;/* animation:pro_nar 2s linear infinite; */} @keyframes pro_nar { 0% { transform:translateX(-10px); opacity:0; } 20% { opacity:1; } 80% { opacity:1; } 90% { opacity:0; } 100% { transform:translateX(10px); opacity:0; } } @media (min-width:2000px){ .pro_c2sul dd:after{left:calc(100% + 2.2vw); } } .pro_c2sul dd:last-child:after{display:none;} .pro_con3{ background-size:cover; background-repeat:no-repeat; color:#fff;} .pro_c3box{ position:relative;} .pro_c3tx{height:595px; width:595px; position:relative; margin:0 auto;} .pro_c3tx:before{content:""; position:absolute; left:56px; top:56px; right:56px; bottom:56px; border-radius:50%;background: linear-gradient(to bottom, #2b8ecc 0%,#02347c 100%); } .pro_c3tx .m2pt{ color:#fff; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); z-index:1;} .pro_c3tx span{ position:absolute; left:0; top:0; right:0; bottom:0;} .pro_c3tx span:before{ content: ""; background: url(../images/pro_c4line1.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; animation:turnAni 80s linear infinite;} .pro_c3tx span:after{content:""; background: url(../images/pro_c4line2.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; animation:RturnAni 120s linear infinite;} .pro_c3ul{display:flex; justify-content:space-between; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); } .pro_c3ul li{ width: 26%; font-size: 16px; line-height: 26px; text-align: justify; } .pro_con4{} .pro_c4ul{ margin: 2.6vw -22px 0px; } .pro_c4ul li{ width:calc(50% - 44px); margin:0 22px 44px; background:#f7f7f7; padding:55px; transition:all 0.5s ease;} .pro_c4ul li p{ margin-top:15px;} .pro_c4ul li strong{ font-size: 22px; line-height: 32px; font-weight: normal; display: block; } .pro_c4ul li p span{ font-size: 16px; line-height: 30px; display: inline-block; padding-left: 24px; background: url(../images/yfw_lsi.png) no-repeat left 10px; margin-right:35px; color:#555;} .pro_c4ul li p span:last-child{margin-right:0!important;} .pro_c4ul li:hover{transform:translateY(-10px); box-shadow:0 5px 15px rgba(0,0,0,0.08);} .pro_con5{ background:#f7f7f7;} .pro_c5dls{ margin-top:2.8vw; margin-left:-12px; margin-right:-12px; display:flex;} .pro_c5item{ transition: all 0.8s ease; background: #fff; height: 455px; border-radius: 0.6em; padding: 60px 55px; position: relative; display:block } .pro_dx{} .pro_dx strong{ font-size: 24px; line-height: 32px; font-weight: 100; display: block; transition:all 0.5s ease; } .pro_dxm{ height: 46px; width: 46px; position: absolute; left: 55px; bottom: 60px; border-radius: 50%; background: url(../images/pro_c5ar.png) no-repeat center center;/* transition:all 0.5s ease;*/} .pro_hx{ position:absolute; left:0; top:0; right:0; bottom:0; padding:60px 55px;} .pro_hx strong{/* transition:all 0.5s ease;*/ opacity:0; transform:translateY(80px); font-size:24px; line-height: 32px; font-weight: 100; display: block;} .pro_hx p{ /*transition: all 0.5s ease;*/ opacity: 0; transform: translateY(80px); font-size: 14px; line-height: 24px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6; margin-top:20px; } .pro_c5tags{ /*transition:all 0.5s ease; */opacity:0; transform:translateY(80px); margin-top:30px;} .pro_c5tags a, .pro_c5tags span{ display: inline-block; padding-left: 35px; font-size: 14px; color: #666666; line-height: 32px; margin-bottom: 12px; position:relative; margin-right:25px; min-width:165px; } .pro_c5tags a img, .pro_c5tags span img{ position:absolute; left:0; top:4px} .pro_c5tags a:hover{color:var(--cor);} @media (min-width:993px){ .pro_c5dls dd{ width:30%;/* transition:all 0.8s ease;*/ padding:0 12px;} .pro_c5dls dd.on{ width:60%;} .pro_c5dls dd.on .pro_dx strong{opacity:0;} .pro_c5dls dd.on .pro_dxm{opacity:0;} .pro_c5dls dd.on .pro_hx strong{opacity:1; transform:translateY(0);} .pro_c5dls dd.on .pro_hx p{opacity:1; transform:translateY(0);/* transition-delay:0.2s;*/} .pro_c5dls dd.on .pro_c5tags{opacity:1; transform:translateY(0);/* transition-delay:0.4s;*/} .pro_c1tags{padding-right:20px;} } @media (max-width:1799px){ .pro_con1{min-height:466px; padding-top:18px;} .pro_c1img{height:466px;} .pro_c1txt{margin-top:20px; font-size:13px; line-height:20px; } .pro_c1tags{ padding: 90px 120px 70px 0px;} .pro_con1:before{ height:270px; } .pro_c1ul li span{ width:70px; height:70px;} .pro_c1ul li p{ font-size: 16px; line-height: 24px; margin-top: 15px; } .pro_c2ul{ margin: 2.6vw -15px 5vw; } .pro_c2ul dd{ width:calc(33.33% - 30px); margin:0 15px; padding:30px 25px;} .pro_c2ul dd p{font-size:14px; line-height: 24px; margin-top: 16px; max-width:250px;} .pro_c2ico{ width:60px; height:60px;} .pro_st{ font-size: 24px; line-height: 32px; } .pro_c2sul dd{ width:118px; height:118px;} .pro_c2sul dd span{ font: 26px/26px din;} .pro_c2sul dd p{ font-size: 12px; line-height: 14px; margin-top: 5px; max-width:90px;} .pro_c2sul dd:after{ height:18px; width: 24px; margin-top: -8px; left:111%; background-size:100% auto; } .pro_c3tx{height:495px; width:495px;} .pro_c3tx:before{left:46px; top:46px; right:46px; bottom:46px; } .pro_c3ul li{font-size: 13px; line-height:20px;} .pro_c4ul{ margin: 2.6vw -15px 0px; } .pro_c4ul li{ width:calc(50% - 30px); margin:0 15px 30px; padding:40px;} .pro_c4ul li p{ margin-top:12px;} .pro_c4ul li strong{ font-size: 20px; line-height: 28px;} .pro_c4ul li p span{ font-size: 14px; line-height: 24px; padding-left: 22px; background: url(../images/yfw_lsi.png) no-repeat left 7px; margin-right:25px;} .pro_c5dls{ margin-top:2.6vw; margin-left:-10px; margin-right:-10px;} .pro_c5dls dd{ padding:0 10px;} .pro_c5item{height: 465px; padding: 40px 35px;} .pro_dx strong{ font-size: 18px; line-height:26px;} .pro_dxm{ height: 36px; width: 36px; left: 35px; bottom:40px; background-size:cover;} .pro_hx{padding:40px 35px;} .pro_hx strong{font-size: 18px; line-height:26px;} .pro_hx p{font-size: 13px; line-height: 20px; margin-top:15px; -webkit-line-clamp:7;} .pro_c5tags{ margin-top:20px;} .pro_c5tags a, .pro_c5tags span{ font-size: 13px; line-height: 28px; margin-bottom: 10px; margin-right:10px; min-width:145px; } .pro_c5tags a img, .pro_c5tags span img{ width:22px; height:22px; top:4px} } @media (max-width:1379px){ } @media (max-width:1199px){ .pro_c2sul dd:after{display:none;} } @media (max-width:993px){ .pro_c2sul dd{margin:0 25px;} .pro_c2sul dd:nth-child(5){transform:translateX(94px);} .pro_c2sul dd:nth-child(7){transform:translateX(-94px);} .pro_dx{display:none;} .pro_hx strong{ opacity:1; transform:translateY(0);} .pro_hx{position:relative;} .pro_c5dls{display:block; padding-bottom:35px;} .pro_hx p{opacity:1; transform:translateY(0);} .pro_c5tags{opacity:1; transform:translateY(0);} .pro_hx{padding:0;} .pro_c5dls .slick-dots{bottom:0px;} .pro_c5dls .slick-dots li button{display:none;} .pro_c5dls .slick-dots li { background: #ddd; display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .pro_c5dls .slick-dots li.slick-active{ background:var(--cor);} .pro_c5item{height:325px;} } @media (max-width:767px){ .pro_c1img{width:100%; height:50vw; position:relative;} .pro_c1txt{width:100%;} .pro_c1img .coverImg{width:100%;} .pro_con1 .m2pt{width:100%; margin-top:25px; text-align:center} .pro_c1tags{padding:30px 15px 30px 15px; width:100%; margin-top:25px;} .pro_con1:before{display:none;} .pro_c1tags:after{width:100%;} .pro_c1ul li p{font-size:14px; line-height:22px; margin-top:8px;} .pro_c1ul li span{width:52px; height:52px} .pro_c2ul dd{ width:calc(100% - 30px); padding-bottom:0px;} .pro_c2ul{margin-top:25px; padding-bottom:35px; background:#fff; margin-bottom:12vw;} .pro_c2ul + .pro_st{font-size:22px;} .pro_c2sul_wpr{width:100%; overflow-x:auto;} .pro_c2sul{ width:1170px;} .pro_c2sul dd{margin:15px 20px 0!important; transform:translateX(0)!important;} .pro_c2sul dd:after{display:block;} .pro_c3tx{width:220px; height:220px;} .pro_c3ul{flex-wrap:wrap; position:static; transform:translate(0,0)} .pro_c3ul li{width:100%; margin-top:15px;} .pro_c4ul{margin-top:25px;} .pro_c4ul li{width:calc(100% - 30px); padding:20px; margin-bottom:15px;} .pro_c4ul li strong{font-size:18px; line-height:26px;} .pro_c5dls{margin-top:25px;} .pro_c5item{padding:20px; height:auto} .pro_hx strong{font-size:19px;} .pro_hx p{margin-top:5px;} .pro_hx strong{font-weight:normal;} .pro_c2sul{width:1010px;} .pro_c2sul dd p{font-weight:normal; font-size:16px; margin-top:5px;} .pro_c2sul dd{width:100px; height:100px;} .pro_hx p{line-height:24px;} .pro_con1{padding-top:0;} .pro_c1ul{flex-wrap:wrap;} .pro_c1ul li{width:50%; margin-bottom:20px;} .pro_c2sul dd p{font-size:12px;} } .ctr_page{} .ctr_c1st{ font-size: 24px; line-height: 32px; margin-top: 10px; text-align:center} .ctr_c1ul{ margin-top: 4.16vw;justify-content:space-around;} .ctr_c1ul dd{ height: 105px; position: relative; padding-left: 122px; padding-top:3px; transition:all 0.5s ease; width:33.33%; } .ctr_c1ul dd p{ font-size: 18px; color: #666666; line-height: 28px; margin-top: 6px; } .ctr_c1ul dd strong{ display: block; height: 60px; font: normal 60px/60px din; color:var(--cor); } .ctr_c1ul dd i{ font-size: 20px; line-height: 16px; color: #666666; display: inline-block; margin-left: 5px; font-style: normal; transform:translateY(-30px) } .ctr_c1ico{ height: 94px; width: 94px; position: absolute; left: 0px; top: 4px; border-radius:50%;background: linear-gradient(to bottom, #06E7BD 0%,#2B92CD 100%); } .ctr_c1ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .ctr_c1ul dd:last-child i{font-size:36px;} .ctr_c1ul dd:hover{transform:translateY(-15px);} .ctr_con2{margin-top:6.2vw; position:relative; z-index:1; padding-top:15px; padding-bottom:12.5vw; background-size:cover!important; } .ctr_con2:before{content:""; background:#59607a;background: linear-gradient(to bottom, #3070b7 0%,#283b59 100%); position:absolute; left:0; top:-4.94vw; right:3.9vw; bottom:6.77vw;} .ctr_c2dls{ position:relative; z-index:1;justify-content:space-between; display:flex;} .ctr_c2dls dd{ text-align:center; max-width:355px; color:#fff; transition:all 0.5s ease;} .ctr_c2dls dd strong{ font-size: 24px; line-height:36px; font-weight: normal; display: block; margin-top: 25px; } .ctr_c2dls dd p{ font-size: 14px; line-height: 24px; margin-top: 15px; } .ctr_c2ico{ display:block; transition:all 0.5s ease; width:70px; height:70px; margin:0 auto;} .ctr_c2dls dd:hover{transform:translateY(-15px);} .ctr_c2dls dd:hover .ctr_c2ico{transform:rotateY(180deg);} .ctr_con3{ background:#eaf5f9;} .ctr_c3map{ margin-top:2.8vw; position:relative; max-width:1148px; margin-left:auto; margin-right:auto;} .ctr_c3map_img{ display:block;} .ctr_c3item{ position:absolute; width:0; height:0; transition:all 0.5s ease; cursor:pointer} .ctr_c3item1{ top:38.22%; right:36.84%; /*1148 824*/} .ctr_c3item2{ left:22.21%; top:23.54%;} .ctr_c3item3{ right:27.26%; top:61.4%;} .ctr_c3item4{right:43.37%; top:71.6%;} .ctr_c3item5{right: 50.37%;top: 37.6%;} .ctr_c3item p{ font-size: 18px; white-space: nowrap; position: absolute; left: 30px; top: 50%; line-height: 22px; margin-top: -11px; transition:all 0.5s ease; } .ctr_c3point{ height: 30px; width: 30px; position: absolute; left: 50%; top: 50%; margin-left:-15px; margin-top:-15px;} @keyframes ctrscani { from { opacity: 1; transform: scale(0); } to { opacity: 0; transform: scale(6); } } .ctr_c3point i{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(4,92,175,0.2); border-radius:50%; animation:ctrscani 6s linear infinite; visibility:hidden; transition:all 0.5s ease;} .ctr_c3point i:nth-child(2){ animation-delay:2s;} .ctr_c3point i:nth-child(3){ animation-delay:4s;} .ctr_c3point span{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #FFF; border: 10px solid var(--cor); border-radius:50%; transition:all 0.5s ease; transform:scale(0.6); z-index:2; } .ctr_c3item2 p, .ctr_c3item5 p{left:50%; transform:translateX(-50%); margin-top:0; top:32px;} .ctr_c3item4 p{left:50%; transform:translateX(-50%); margin-top:0; top:32px;} .on .ctr_c3point span{transform:scale(1);} .ctr_c3item.on p{left:60px;} .ctr_c3item2.on p, .ctr_c3item.on p{top:60px; left:50%;} .ctr_c3item4.on p{top:60px; left:50%;} .on .ctr_c3point i{ visibility:visible;} .ctr_c3item3.on p, .ctr_c3item1.on p{left:60px; top:50%} .ctr_con4{} .ctr_c4box{display:flex; justify-content:space-between; flex-direction:row-reverse;} .ctr_c4dls_wpr{ position:relative; height:596px; width:61.5%;} .ctr_c4dls{ position:absolute; right:0; top:0; width:100%; transition:all 0.5s ease; opacity:0; visibility:hidden;} .ctr_c4dls.on{ opacity:1; visibility:visible; z-index:1;} .ctr_c4dls dd{height:596px; position:relative} .ctr_c4dls dd .coverImg{ position:absolute; left:0; top:0; right:0; bottom:0;} .ctr_c4dls dd .coverImg:after{content:""; position:absolute; left:0; height:40%; right:0; bottom:0;background: linear-gradient(to top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);} .ctr_c4txt{ position: absolute; left: 0; right: 0; bottom: 0; color: #fff; padding: 0 3.9vw 1.4vw; font-size: 14px; line-height: 22px; text-align:justify } .ctr_c4txt strong{ font-size: 22px; line-height: 34px; font-weight: normal; display: block; margin-bottom:10px; text-align:left} .ctr_c4txt p{ margin-bottom:15px;} .ctr_c4simg{margin-bottom:15px; display:flex;} .ctr_c4simg img{ height:50px; width:auto; margin-right:30px} .ctr_c4simg .hmc3nba{position:relative; top:5px;color: #255DBC; background: #fff; box-shadow: 0 5px 25px rgba(0,0,0,0.15);} .ctr_c4simg .hmc3nba span:after {background: #255dbc url(../images/hmc3sar1a.png) no-repeat center center;} .ctr_c4nav{ width: 38.5%; height: 596px; /*background: url(../images/ctr_c4bg.png) no-repeat center center;*/ background:#515778; background-size:cover;background: linear-gradient(to bottom, #3070b7 0%,#283b59 100%); display:flex; flex-direction:column; justify-content:center; padding:0 5.2vw 50px;} .ctr_c4nav a{ display:block; line-height:104px; height:105px; border-bottom:1px solid rgba(255,255,255,0.2); position:relative; font-size:22px; color:#fff!important; cursor:pointer} .ctr_c4nav a:before{ content: ""; height: 4px; width: 0%; position: absolute; z-index: 1; left: 0px; bottom: -1px; background:#fff;} .ctr_c4nav a:after{ content: ""; background: url(../images/ctr_c4ar.png) no-repeat; height: 26px; width: 26px; position: absolute; top: 50%; right: 55px; margin-top: -13px; transition:all 0.5s ease; opacity:0;} .ctr_c4nav a.on{} .ctr_c4nav a.on:before{width:48%; transition:all 1s ease;} .ctr_c4nav a.on:after{ right:35px; opacity:1;} .ctr_c4dls .slick-prev{ background:rgba(255,255,255,0.15) url(../images/hmc4btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: 42px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -21px; z-index: 1; border: 1px solid #FFF; border-radius:50%; } .ctr_c4dls .slick-next{ background:rgba(255,255,255,0.15) url(../images/hmc4btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: 42px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -21px; z-index: 1; border: 1px solid #FFF; border-radius:50%; transform:rotate(180deg);} .ctr_c4dls .slick-prev:hover,.ctr_c4dls .slick-next:hover{background-image:url(../images/hmc4btn.png);} .ctr_map_copy{font-size:16px; color:var(--cor); position:absolute; left:0; bottom:0;} @media (max-width:1799px){ .ctr_c1st{ font-size: 20px; line-height: 30px;} .ctr_c1ul{ margin-top: 3.6vw;} .ctr_c1ul dd{ height: 90px; padding-left: 100px; padding-top:2px;} .ctr_c1ul dd p{ font-size: 16px; line-height: 26px; margin-top: 5px; padding-right:20px; line-height:22px; margin-top:5px; } .ctr_c1ul dd strong{height: 50px; font: normal 50px/50px din;} .ctr_c1ul dd i{ font-size: 18px; line-height: 14px;transform: translateY(-24px);} .ctr_c1ico{ height: 82px; width: 82px; } .ctr_c1ul dd:last-child i{font-size:24px;transform: translateY(-26px);} .ctr_c2dls dd{max-width:255px;} .ctr_c2dls dd strong{ font-size: 18px; line-height: 26px; margin-top: 20px; } .ctr_c2dls dd p{ margin-top: 10px; font-size:13px; line-height:20px; } .ctr_c2ico{ width:60px; height:60px;} .ctr_c3map{ max-width:850px;} .ctr_c3item p{ font-size:16px; } .ctr_c4dls_wpr{ height:500px;} .ctr_c4dls dd{height:500px;} .ctr_c4txt{padding: 0 2.8vw 1.4vw; } .ctr_c4txt strong{ font-size: 20px; line-height: 30px; margin-bottom:8px;} .ctr_c4nav{height: 500px; padding:0 4vw 50px;} .ctr_c4nav a{line-height:84px; height:85px; font-size:18px;} .ctr_c4nav a.on:after{ right:25px;} .ctr_c4dls .slick-prev{left: 30px;} .ctr_c4dls .slick-next{right: 30px;} .ctr_map_copy{font-size:14px;} } @media (max-width:1379px){ .ctr_c2dls{padding-right:50px;} } @media (max-width:1199px){ } @media (max-width:993px){ .ctr_c1ul dd p{font-size:14px;} .ctr_c1ul dd strong{font-size:42px;} .ctr_c1ul dd i{transform: translateY(-18px);} .ctr_c1ul dd:last-child i {font-size: 20px;transform: translateY(-22px);} .ctr_c1ul dd{padding-left:90px; width:50%;} .ctr_c2dls dd p{font-size:12px; line-height:22px;} .ctr_c2dls dd strong{} .ctr_c4nav a {line-height: 70px;height: 71px;font-size: 14px;} .ctr_c4nav{height:380px;} .ctr_c4dls_wpr,.ctr_c4dls dd{height:380px;} .ctr_c4simg img{ height:35px; margin-right:20px;} .ctr_c4simg .hmc3nba{top:0;} .ctr_c4nav a.on:after {right: -5px; display:none;} .ctr_c4nav {padding: 0 3vw 50px;} .ctr_c4txt strong{font-size:18px; line-height:28px;} } @media (max-width:767px){ .ctr_c1st{font-size:16px; line-height:24px;} .ctr_c1ico{width:50px; height:50px;} .ctr_c1ul dd strong{font-size:32px; line-height:32px; height:32px;} .ctr_c1ul dd p{font-size:12px; line-height:18px;} .ctr_c1ul dd{padding-left:55px; width:100%;} .ctr_c1ul dd p{width:auto;} .ctr_c1ul dd:last-child p{width:auto; white-space:nowrap;} .ctr_c1ul dd i {transform: translateY(-14px);} .ctr_c1ul{margin-top:25px;} .ctr_c2dls{padding-right:15px; padding-bottom:35px; display:block;} .ctr_c2dls dd{max-width:none} .ctr_c2dls .slick-dots{bottom:0px;} .ctr_c2dls .slick-dots li button{display:none;} .ctr_c2dls .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .ctr_c2dls .slick-dots li.slick-active{ background: #fff;} .ctr_c1ico img{max-width:50%; max-height:50%;} .ctr_c3item p{font-size:14px;} .ctr_c3item.on p{left:25px;} .ctr_c3item p{left:18px;} .ctr_c3item4 p{top:13px; left:50%;} .ctr_c3item2 p{top:16px; left:50%;} .ctr_c3item2.on p,.ctr_c3item4.on p{left:50%; top:20px;} .ctr_c4nav{width:100%; height:auto;} .ctr_c4box{flex-wrap:wrap;} .ctr_c4dls_wpr{width:100%;} .ctr_c4dls .slick-prev{left:15px;} .ctr_c4dls .slick-next{right:15px;} .ctr_c4nav a{line-height:60px; height:61px;} .ctr_c4nav{padding-bottom:20px;} .ctr_c4txt{padding-bottom:15px;} .ctr_c1ul dd:hover{transform:translateY(0px);} .ctr_c2dls dd:hover{transform:translateY(0px);} .ctr_c4simg img{ height:36px; width:auto;} .ctr_c3item3{right: 33%;} .ctr_c4simg .hmc3nba{display:none;} .ctr_c4dls_wpr, .ctr_c4dls dd{height:220px;} .ctr_c4dls .slick-prev, .ctr_c4dls .slick-next{margin-top:-66px;} .ctr_c4txt strong{font-size:16px; line-height:20px; margin-bottom:4px;} .ctr_c4txt{font-size:12px; line-height:16px;} .ctr_c4dls dd .coverImg:after{height:70%;} .ctr_c4simg img{height:30px;} .ctr_c4simg{margin-bottom:10px;} .ctr_c4txt{padding-bottom:0;} .ctr_c2dls dd p{line-height:20px;} .ctr_c3item p{font-size:12px;} .ctr_c3item1 p{left:-45px!important; margin-top:-45px!important;} .ctr_c3item5 p{top:22px!important;} .ctr_c3item3 p{left:0!important; margin-top:7px!important;} } .yw_con1{ position:relative; overflow:hidden} .yw_c1bg{ width:25vw; position:absolute; right:0; bottom:0; top:0;background: linear-gradient(to bottom, #06e6be 0%,#2995cc 100%);} .yw_con1 .container{ position:relative; z-index:2;display:flex; justify-content:space-between; flex-direction:row-reverse;} .yw_c1img{ width:51.75%; height:440px} .yw_c1txt{ width: 39.06%; display: flex; flex-direction: column; justify-content: center; font-size: 14px; line-height: 24px; color: #444444; text-align:justify } .yw_c1txt img{display:block; margin-bottom:25px;} .yw_c1txt p{} .yw_con2{ color:#fff; padding-bottom:9.37vw; overflow:hidden;} .yw_c2dls{ margin-top:3.6vw; display:flex;} .yw_c2dls dd{ padding:0 3vw; position:relative; text-align:center; transition:all 0.5s ease;} .yw_c2ico{ background: url(../images/yw_c2icobg.png) no-repeat center center; display: block; margin: 0px auto; height: 88px; width: 88px; position:relative; transition:all 0.5s ease;} .yw_c2ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .yw_c2dls dd strong{ font-size: 20px; line-height: 30px; display: block; font-weight: normal; position: relative; margin-top: 15px; } .yw_c2dls dd strong:after{ content: ""; background: #FFF; height: 3px; width: 32px; position: absolute; left: 50%; bottom: -23px; margin-left: -16px; border-radius:2em; } .yw_c2dls dd p{ font-size: 14px; line-height:24px; text-align: justify; margin-top: 45px; } .yw_c2dls dd:hover .yw_c2ico{transform:rotateY(180deg);} .yw_c2dls dd:hover{transform:translateY(-15px);} .yw_c2dls .slick-dots{bottom:-25px;} .yw_c2dls .slick-dots li button{display:none;} .yw_c2dls .slick-dots li { background: rgba(255,255,255,0.6); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .yw_c2dls .slick-dots li.slick-active{ background: #fff;} .yw_con3{} .ywc3sw{margin:3vw -18px 0;} .ywc3sw dd{ text-align:center; padding:0 50px;} .ywc3sw dd span{ width:160px; height:160px; display:block; margin:0 auto; position:relative; margin-bottom: 40px; } .ywc3sw dd span:after{content:""; width:20px; height:2px; background:var(--cor); position:absolute; left:50%; margin-left:-10px; bottom:-20px;} .ywc3sw dd p{ font-size: 16px; line-height: 26px;} .ywc3sw .slick-prev{ background: #F4F4F4 url(../images/int_c1ar1.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: -40px; top: 100px; overflow: hidden; cursor: pointer; border: 1px solid #EFEFEF; z-index: 1; transition: all 0.5s ease; border-radius: 50%; } .ywc3sw .slick-next{ background: #F4F4F4 url(../images/int_c1ar1.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: -40px; top: 100px; overflow: hidden; cursor: pointer; border: 1px solid #EFEFEF; z-index: 1; transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg);} .ywc3sw .slick-prev:hover,.ywc3sw .slick-next:hover{ background:var(--cor) url(../images/int_c1ar2.png) no-repeat center center; border: 1px solid var(--cor); } .yw_con4{ background: #ECF7FB url(../images/lineImg.png) no-repeat center 65%; overflow:hidden} @keyframes ywanix { 0% { transform:translate(-50%,-50%) scale(0.2); opacity:1; } 80% { opacity:1; } 100% { transform:translate(-50%,-50%) scale(1.2); opacity:0; } } .yw_c4box{ margin-top:20px; position:relative; height:666px; position:relative;} .yw_c4line{ width:666px; height:666px; position:absolute; left:50%; top:0; transform:translateX(-50%);} .yw_c4line i{ background: url(../images/yw_c5line.png) no-repeat center center; height:74.42vw; width:74.42vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:100% auto; animation:ywanix 3s linear infinite; opacity:0; display:none;} .yw_c4line i:nth-child(2){ animation-delay:1s;} .yw_c4line i:nth-child(3){ animation-delay:2s;} .yw_c4line em{ width:8px; height:8px;background: linear-gradient(to bottom,#04ECBD 0%,#2A91CD 100%); position:absolute; border-radius:50%; overflow:hidden; display:none;} .yw_c4line em:nth-child(4){ left:-22.88%; top:31.5%;} .yw_c4line em:nth-child(5){ left:-52.88%; top:75.03%;} .yw_c4line em:nth-child(6){ right:-56%; top:15%;} .yw_c4line em:nth-child(7){ right: -22.5%; bottom: 14.5%;} .yw_c4line span{ height:204px; width:204px; position:absolute; left:50%; top:50%; margin-left:-102px; margin-top:-102px; border-radius:50%;background: linear-gradient(to bottom,#04ECBD 0%,#2A91CD 100%); z-index:1;} .yw_c4line img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .yw_c4line span:after{content:""; position:absolute; left:10px; top:10px; right:10px; bottom:10px; border:1px solid rgba(255,255,255,0.3); border-radius:50%;} .yw_c4logos{ position:relative; z-index:1;} .yw_c4logos dd{ height:666px; position:absolute; width:8.33vw; top:0; display:flex; flex-direction:column; justify-content:center;} .yw_c4logos dd:nth-child(1){ left:25.52vw;} .yw_c4logos dd:nth-child(2){ right:25.52vw;} .yw_c4logos dd:nth-child(3){ left:13.02vw;} .yw_c4logos dd:nth-child(4){ right:13.02vw;} .yw_c4logos dd:nth-child(5){ left:0;} .yw_c4logos dd:nth-child(6){ right:0;} .yw_c4logos dd span{display:block; margin-bottom:55px; height:62px; border-radius:2em; background:#fff; position:relative;} .yw_c4logos dd span:last-child{margin-bottom:0;} .yw_c4logos dd span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .yw_c4logos dd:nth-child(1) span:nth-child(1), .yw_c4logos dd:nth-child(1) span:nth-child(4){transform:translateX(1.8vw);} .yw_c4logos dd:nth-child(2) span:nth-child(1), .yw_c4logos dd:nth-child(2) span:nth-child(4){transform:translateX(-1.8vw);} .yw_c4logos dd:nth-child(3) span:nth-child(2), .yw_c4logos dd:nth-child(3) span:nth-child(5){transform:translateX(1.8vw);} .yw_c4logos dd:nth-child(3) span:nth-child(1), .yw_c4logos dd:nth-child(3) span:nth-child(6){transform:translateX(3.6vw);} .yw_c4logos dd:nth-child(4) span:nth-child(2), .yw_c4logos dd:nth-child(4) span:nth-child(5){transform:translateX(-1.8vw);} .yw_c4logos dd:nth-child(4) span:nth-child(1), .yw_c4logos dd:nth-child(4) span:nth-child(6){transform:translateX(-3.6vw);} @media (min-width:1920px){ .yw_con4{background-size:73% auto;} } @media (max-width:1799px){ .yw_c1img{height:380px} .yw_c1txt{ width:43.06%; font-size:13px; line-height:20px; } .yw_c1txt img{ height:60px;} .yw_con2{padding-bottom:8vw;} .yw_c2dls{ margin-top:3vw;} .yw_c2dls dd{ padding:0 2vw;} .yw_c2dls dd strong{ margin-top: 10px;font-size: 18px; line-height: 26px;} .yw_c2dls dd strong:after{ height: 2px; width: 30px; bottom: -15px; margin-left: -15px; } .yw_c2dls dd p{ margin-top: 32px; font-size:13px; line-height:20px; } .ywc3sw{margin:3vw -12px 0;} .ywc3sw dd{ text-align:center; padding:0 15px;} .ywc3sw dd span{ margin-bottom: 30px; } .ywc3sw dd p{ font-size: 14px; line-height: 26px;} .ywc3sw .slick-prev{ top: 80px;} .ywc3sw .slick-next{ top: 80px;} .yw_c4box{height:500px;} .yw_c4line{ width:500px; height:500px;} .yw_c4line span{ height:160px; width:160px; margin-left:-80px; margin-top:-80px;} .yw_c4logos dd{ height:500px;} .yw_c4logos dd:nth-child(1){ left:23.52vw;} .yw_c4logos dd:nth-child(2){ right:23.52vw;} .yw_c4logos dd:nth-child(3){ left:11.02vw;} .yw_c4logos dd:nth-child(4){ right:11.02vw;} .yw_c4logos dd:nth-child(5){ left:0;} .yw_c4logos dd:nth-child(6){ right:0;} .yw_c4logos dd span{ margin-bottom:35px; height:44px;} .yw_con4{ background: #ECF7FB url(../images/lineImg.png) no-repeat center 72%; background-size:1060px auto;} .ywc3sw dd span{width:120px; height:120px;} } @media (max-width:1379px){ .ywc3sw .slick-prev{left:-20px;} .ywc3sw .slick-next{right:-20px;} .yw_con4{background-size:1180px auto;} } @media (max-width:1199px){ .yw_c1txt img{height:48px;} .ywc3sw{padding-bottom:35px;} .ywc3sw .slick-dots{bottom:-10px;} .ywc3sw .slick-dots li button{display:none;} .ywc3sw .slick-dots li { background: #ddd; display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .ywc3sw .slick-dots li.slick-active{ background:var(--cor);} } @media (max-width:993px){ .yw_c1txt img{height:42px;} } @media (max-width:767px){ .ctr_con1{padding-bottom:10px;} .yw_con1 .container{ display:block;} .yw_c1img{width:100%; height:52vw;} .yw_c1txt{width:100%; margin-top:35px;} .yw_c1bg{display:none;} .yw_c1txt img{height:36px;} .yw_c4line{display:none;} .yw_c4logos dd span{margin-bottom:15px;} .yw_c4logos dd{height:350px; width:16vw;} .yw_c4logos dd:nth-child(2){ right:29.5vw;} .yw_c4logos dd:nth-child(1){left:29.5vw;} .yw_c4logos dd:nth-child(3){left:15vw;} .yw_c4logos dd:nth-child(4){right:15vw;} .yw_c4box{height:350px;} .yw_con4{background: #ECF7FB url(../images/lineImg.png) no-repeat center 35%; background-size:1180px auto;} .ywc3sw dd span{width:90px; height:90px;} } .abt_page{} .abt_con1{} .abt_c1box{ position:relative; padding-right:45.81%; min-height:605px;display:flex; flex-direction:column; justify-content:center;} .abt_c1imgx{ position:absolute; right:0; top:0; width:41%; padding:0 6.08% 0 5.12%;} .abt_c1imgx .coverImg{ height:300px; margin-bottom:10px;} .abt_con1 .m2pt{text-align:left;} .abt_c1cr1{ height: 38.16%; width: 10.67%; background: linear-gradient(to bottom,#01AFFC 0%,#1B5DA0 100%); position:absolute; left:0; top:32.82%; z-index:1; } .abt_c1cr2{ width:18.29%; height:21.37%; background:#1C509C; position:absolute; right:-5px; top:8.39%; z-index:1;} .abt_c1txt{ font-size: 16px; line-height: 26px; text-align: justify; margin-top: 2.6vw;} @media (max-width:1799px){ .abt_c1imgx .coverImg{height:280px;} .abt_c1txt{font-size:13px; line-height:20px; margin-top:2.2vw;} .abt_c1imgx{width:42%;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .abt_c1box{display:block; padding-right:0;} .abt_c1imgx{width:100%; position:relative; margin-top:25px;} .abt_c1cr1,.abt_c1cr2{display:none;} .abt_c1imgx .coverImg:nth-child(2){display:none;} .abt_c1imgx{padding-left:0; padding-right:0;} .abt_c1imgx .coverImg{height:200px;} } .abt_con2{ background: linear-gradient(to bottom,#1B5EA2 0%,#0D295C 100%); color:#fff; overflow:hidden;} .abt_c2box{display:flex; justify-content:space-between; } .abt_con2 .m2pt{text-align:left;} .abt_c3yrs{ width:515px; position:relative} .abt_c3rndx{ height: 680px; width: 680px; position: absolute; top: 50%; right: -10px; margin-top: -340px; } .abt_c3rndx:before{ content: ""; background: url(../images/abt_c2rnd.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0;} .abt_c3rndx:after{ content: ""; background: url(../images/abt_c2rnd2.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; animation:RturnAni 50s linear infinite; } .abt_c3yr_sw{ height:700px; position:relative; z-index:1;} .abt_c3yr_sw dd{ height:140px!important; line-height:140px; position:relative; padding-left:210px; transform:translateY(140px); cursor:pointer; transition:all 0.5s ease; opacity:0;} .abt_c3yr_sw dd.slick-active.up, .abt_c3yr_sw dd.slick-active.down{opacity:0.8;} .abt_c3yr_sw dd.up + dd, .abt_c3yr_sw dd.slick-center + dd{ opacity:0.8} .abt_c3yr_sw dd.up + dd span, .abt_c3yr_sw dd.slick-center + dd span{ transform:scale(0.9); transform-origin:left center;} .abt_c3yr_sw dd span{ display: inline-block; position: absolute; left: 0; top: 0; color: #fff; left: 80px; font-size: 110px; font-weight: 100; transition:all 0.5s ease; opacity:0; transform:scale(0.6)} .abt_c3yr_sw dd.slick-active span{opacity:1; transform:scale(1)} .abt_c3yr_sw dd p{transition:all 0.5s ease; opacity:0; font-size:18px; } .abt_c3yr_sw dd.slick-center{opacity:1;} .abt_c3yr_sw dd.slick-center p{ opacity:1; font-size:22px;} .abt_c3yr_sw dd.slick-center span{background-image: -webkit-gradient(linear,left 0, right 0, from(#6DC6F2), to(#0096FF));-webkit-background-clip: text;-webkit-text-fill-color: transparent; opacity:1;} .abt_c3yr_sw dd.up + dd p, .abt_c3yr_sw dd.slick-center + dd p{ opacity:0.8} .abt_c3yr_sw dd.up span{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; opacity:0.7; transform:scale(0.8); transform-origin:left bottom;} .abt_c3yr_sw dd.down span{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; opacity:0.7; transform:scale(0.8); transform-origin:left top;} .abt_c3yr_sw:before{content:"";} @-webkit-keyframes animate-bg { from { background-position: 1920px 44px; } to { background-position: 0 44px; } } @keyframes animate-bg { from { background-position: 1920px 44px; } to { background-position: 0 44px; } } @-webkit-keyframes animate-pos { 0% { top:0; } 50% { top:10px; } 100% { top:0; } } @keyframes animate-pos { 0% { top:0; } 50% { top:10px; } 100% { top:0; } } .abt_c2rx{ width:42.7vw;display:flex; flex-direction:column; justify-content:center; padding-bottom:3vw;} .abt_c2rsw{ margin-top:35px;} .abt_c2rsw dd{ height:200px; display:flex!important;display:flex; flex-direction:column; justify-content:center;} .abt_c2rsw dd strong{ font-size: 32px; line-height: 32px; font-weight: normal; display: block;background-image: -webkit-gradient(linear,left 0, right 0, from(#6DC6F2), to(#0096FF));-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom:15px; } .abt_c2rsw dd p{ font-size: 16px; line-height: 28px; margin-bottom: 12px; padding-left: 18px; position: relative; letter-spacing:1px;} .abt_c2rsw dd p:before{ content: ""; height: 4px; width: 4px; position: absolute; left: 0px; top: 13px; background: #FFF; border-radius:50%; } .abt_c2ryrs{ margin-top:1.2vw; padding:0 22px;} .abt_c2ryrs_sw{ height: 86px; background: url(../images/abt_c2line.png) repeat-x left 44px;animation: animate-bg 200s linear infinite; } .abt_c2ryrs_sw dd{ cursor:pointer; text-align:center; position:relative; padding-top:58px;} .abt_c2ryrs_sw dd span{ font-size: 22px; line-height: 24px; font-weight: normal; } .abt_c2ryrs_sw dd.slick-current span{background-image: -webkit-gradient(linear,left 0, right 0, from(#6DC6F2), to(#0096FF));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .abt_c2ryrs_sw dd span:before{ content: ""; background: url(../images/abt_c2pos.png) no-repeat center center; height: 25px; width: 19px; position: absolute; left: 50%; top: 0px; margin-left: -10px; transition:all 0.5s ease; opacity:0; animation:animate-pos 2s linear infinite;} .abt_c2ryrs_sw dd span:after{ content: ""; background: url(../images/abt_c2point.png) no-repeat center center; height: 5px; width: 35px; margin-left: -17px; position: absolute; left: 50%; top: 34px; margin-left: -17px; transition:all 0.5s ease; opacity:0 } .abt_c2ryrs_sw dd.slick-current span:before{opacity:1;} .abt_c2ryrs_sw .slick-prev{ background: url(../images/abt_c2btn.png) no-repeat center center; display: inline-block; height: 44px; width: 44px; position: absolute; left: -42px; top: 24px; overflow: hidden; cursor: pointer; z-index: 1; } .abt_c2ryrs_sw .slick-next{background: url(../images/abt_c2btn.png) no-repeat center center; display: inline-block; height: 44px; width: 44px; position: absolute; right: -42px; top: 24px; overflow: hidden; cursor: pointer; z-index: 1; transform:rotate(180deg);} /*.abt_c2ryrs_sw .slick-prev.slick-disabled, .abt_c2ryrs_sw .slick-next.slick-disabled{opacity:0.5; cursor:default;}*/ @media (max-width:1799px){ .abt_c3yrs{ width:415px;} .abt_c3rndx{ height: 530px; width: 530px; margin-top: -265px; } .abt_c3yr_sw{ height:550px;} .abt_c3yr_sw dd{ height:110px!important; line-height:110px; padding-left:165px; transform:translateY(110px);} .abt_c3yr_sw dd span{left: 70px; font-size:80px;} .abt_c3yr_sw dd p{font-size:16px; } .abt_c3yr_sw dd.slick-center p{font-size:18px;} .abt_c2rsw dd strong{ font-size:26px; line-height:26px; margin-bottom:12px; } .abt_c2rsw dd p{ font-size: 14px; line-height: 24px; margin-bottom:10px;} .abt_c2rsw dd p:before{top: 11px;} .abt_c2ryrs{ margin-top:2.2vw;} .abt_c2ryrs_sw dd span{ font-size: 18px; } .abt_c2rx{padding-bottom:1.5vw;} .abt_c2rx{width:600px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .abt_c3yrs{width:345px;} .abt_c2rx{width:560px;} } @media (max-width:993px){ .abt_c3yrs{display:none;} .abt_c2rx{width:calc(100vw - 50px);} } @media (max-width:767px){ .yw_con2{ padding-left:15px; padding-right:15px; padding-bottom:68px} .yw_con2 .m2pt{line-height:30px;} .ywc3sw{margin-top:20px;} .abt_c2rsw dd p{font-size:12px; line-height:20px;} .abt_c2rsw dd strong{font-size:20px; line-height:20px; margin-bottom:8px;} } .abt_con3{ background: #f2f2f2; } .abt_c3box{ height:553px; margin-top:2.6vw; position:relative} .abt_c3anix{ width:553px; height:553px; position:absolute; left:50%; margin-left:-276px; top:0;} .abt_c3anix:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/abt_c3rnd.png) no-repeat center center; background-size:cover;/* animation:turnAni 30s linear infinite;*/} .abt_c3anix span{ height: 268px; width: 268px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} .abt_c3sw{ font-size: 16px; line-height: 28px; color: #666666; } .abt_c3sw dd{display:flex!important; justify-content:space-between;} .abt_c3zz{ height:553px;display:flex; flex-direction:column; justify-content:center; width:calc((100% - 553px) / 2);} .abt_c3zz p{ height:20%; position:relative;display:flex; flex-direction:column; justify-content:center; text-align:right; padding-right:42px;} .abt_c3zz p:before{content:""; width:5px; height:5px;background: linear-gradient(to bottom,#0EEEBE 0%,#2DA1CB 100%); border-radius:50%; position:absolute; right:-4px; top:50%; margin-top:-2px;} .abt_c3ry{ height:553px;display:flex; flex-direction:column; justify-content:center; width:calc((100% - 553px) / 2);} .abt_c3ry p{ height:20%; position:relative;display:flex; flex-direction:column; justify-content:center; padding-left:42px;} .abt_c3ry p:before{content:""; width:5px; height:5px;background: linear-gradient(to bottom,#0EEEBE 0%,#2DA1CB 100%); border-radius:50%; position:absolute; left:-4px; top:50%; margin-top:-2px;} .abt_c3zz p:nth-child(2),.abt_c3zz p:nth-child(4){ transform:translateX(23px)} .abt_c3zz p:nth-child(1),.abt_c3zz p:nth-child(5){ transform:translateX(110px)} .abt_c3ry p:nth-child(2),.abt_c3ry p:nth-child(4){ transform:translateX(-23px)} .abt_c3ry p:nth-child(1),.abt_c3ry p:nth-child(5){ transform:translateX(-110px)} .abt_c3sw .slick-prev{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: -3.28vw; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid rgba(28,80,156,0.6); z-index: 1; margin-top: -20px; border-radius: 50%; transition:all 0.5s ease; } .abt_c3sw .slick-next{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: -3.28vw; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid rgba(28,80,156,0.6);; z-index: 1; margin-top: -20px; border-radius: 50%; transition:all 0.5s ease; transform:rotate(180deg);} .abt_c3sw .slick-prev:hover,.abt_c3sw .slick-next:hover{ background: #1C509C url(../images/hmc4btn.png) no-repeat center center; border: 1px solid #1C509C; } @media (max-width:1799px){ .abt_c3anix{ width:460px; height:460px; margin-left:-230px; margin-top:20px;} .abt_c3anix span{ height: 238px; width: 238px;} .abt_c3sw{ font-size: 14px; line-height: 24px;} .abt_c3zz{ height:500px; width:calc((100% - 500px) / 2);} .abt_c3ry{ height:500px; width:calc((100% - 500px) / 2);} .abt_c3zz p:before{right:-24px;} .abt_c3ry p:before{left:-24px;} .abt_c3zz p:nth-child(1),.abt_c3zz p:nth-child(5){ transform:translateX(115px)} .abt_c3ry p:nth-child(1),.abt_c3ry p:nth-child(5){ transform:translateX(-115px)} .abt_c3sw .slick-prev{ left: -60px;} .abt_c3sw .slick-next{ right:-60px;} } @media (max-width:1379px){ .abt_c3sw .slick-prev{left: -25px;} .abt_c3sw .slick-next{right: -25px;} } @media (max-width:1199px){ } @media (max-width:993px){ .abt_c3box{min-height:500px; height:auto} .abt_c3anix{position:relative; margin-left:0; top:0; margin-top:0; left:0; margin:0 auto; width:220px; height:220px;} .abt_c3sw{position:relative;} .abt_c3zz p:before{display:none;} .abt_c3ry p:before{display:none;} .abt_c3sw dd{display:block!important;} .abt_c3zz,.abt_c3ry{width:100%; height:auto; display:block!important; text-align:left!important;} .abt_c3zz p,.abt_c3ry p{ transform:translateX(0)!important; padding:0 0 0 15px!important; position:relative; text-align:left!important; margin-bottom:8px;} .abt_c3zz p:after,.abt_c3ry p:after{content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:10px; display:block;} .abt_c3sw{padding-bottom:35px;} .abt_c3sw .slick-dots{bottom:0px;} .abt_c3sw .slick-dots li button{display:none;} .abt_c3sw .slick-dots li { background: #ccc; display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .abt_c3sw .slick-dots li.slick-active{ background:var(--cor);} } @media (max-width:767px){ .abt_c3box{ margin-top:30px;} .abt_c3sw{margin-top:25px;} .abt_c3anix{display:none;} } .abt_con4{background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);} .abt_con4 .m2pt{ text-align:left; display:flex;} .abt_con4 .hmc4sw{} .abt_con5{} .m2mmbtn{ line-height: 46px; width: 130px; margin-left: 35px; display: inline-block; font-size: 16px; color: #FFF; background: linear-gradient(to right,#2B8FCC 0%,#0BE2BD 100%); text-align:center; border-radius:2em;} .m2mmbtn:hover{color:#fff; box-shadow:0 5px 20px rgba(30,177,198,0.3);} .abt_con5 .m2pt{ text-align:left; display:flex;} .abt_con5 .job_th{ margin-top:2.8vw;} .abt_con5 .job_lst{margin-bottom:0;} @media (max-width:1799px){ .m2mmbtn{ line-height: 42px; height:42px; width: 120px; margin-left: 25px; font-size: 14px;} .m2pt .m2mmbtn{transform:translateY(-4px);} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .m2mmbtn{margin-left:12px; margin-top:-5px;} .hy_page .hy_t{font-size:21px;} .abt_con5 .job_th{margin-top:25px;} } .abt_con6{ background:#f6f6f6} .abt_con6 .m2pt{ text-align:left;} .abt_c6box{ background:#fff;display:flex; justify-content:space-between; margin-top:2.8vw;} .abt_c6lx{ padding:3.12vw; width:550px;} .abt_c6lx .autoScr{ max-height:500px;} .abt_c6lst{ font-size: 20px; line-height: 20px; margin-bottom:20px;} .abt_c6info{} .abt_c6info p{ font-size: 16px; line-height: 28px; color: #444444; position:relative; margin-bottom: 8px; padding-left: 28px; } .abt_c6info p img{ position:absolute; left:0; top:4px;} .abt_llst{ padding-top:8px;} .abt_llst li{ margin-top:25px; border:1px solid #DDE6F3; border-radius:0.4em; padding:20px 25px 20px 95px; position:relative} .abt_llst li span{ position: absolute; left: 29px; top: 23px; } .abt_llst li strong{ font-size: 20px; line-height: 36px; font-weight: normal; display: block; color:var(--cor); margin-bottom:10px;} .abt_llst li p{ font-size: 16px; line-height: 26px; color: #666666; } .abt_c6rx{width:calc(100% - 550px);} .abt_c6rx img{max-width:none;} @media (max-width:1799px){ .abt_c6info p{font-size:15px; margin-bottom:5px;} .abt_c6lx{width:460px;} .abt_c6rx{width:calc(100% - 460px);} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .abt_c6lx{width:400px;} .abt_c6rx {width: calc(100% - 400px);} } @media (max-width:767px){ .abt_c6box{margin-top:20px;} .abt_c6lx{width:100%; padding-top:26px; padding-bottom:35px;} .abt_llst li{margin-top:15px; padding:10px 10px 16px 75px;} .abt_c6lx .autoScr{max-height:auto;} .abt_llst li span {left: 15px;top: 16px;} .abt_llst li strong{margin-bottom:3px;} .abt_c6lst{font-size:17px;} } .abt_con7{} .abt_con7 .m2pt{ text-align:left;} .abt_c7ul{ margin-top:2.8vw;} .abt_c7ul li{ line-height: 84px; height: 85px; border-bottom: 1px dashed #E8E8E8; background: url(../images/abt_c7ico1.png) no-repeat left center; padding: 0px 360px 0px 62px; position: relative; font-size: 22px; } .abt_c7ul li span{ font-size: 18px; background: url(../images/abt_c7ico2.png) no-repeat left center; padding-left: 45px; position: absolute; top: 0px; right: 28px; color: #888; } .abt_c7a{} @media (max-width:1799px){ .abt_c7ul{ margin-top:2.6vw;} .abt_c7ul li{ line-height: 64px; height: 65px;padding: 0px 320px 0px 40px; font-size:18px; background-size:24px auto;} .abt_c7ul li span{ font-size: 16px; background: url(../images/abt_c7ico2.png) no-repeat left center; padding-left:35px; right: 20px; background-size:22px auto;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .abt_c7ul li{padding-right:160px;} } @media (max-width:767px){ .abt_c7ul li{font-size:14px; background-size:20px auto; padding-right:98px; padding-left:28px; line-height:54px; height:55px;} .abt_c7ul li span{font-size:13px; background-size:18px auto; padding-left:25px; right:0} } .hy_t{text-align: left;display: flex;} .hy_page{} .hylist{ margin: 2.8vw -20px 0px; } .hylist li{ width: calc(50% - 40px); margin: 0 20px 40px; position: relative; padding-left: 138px; padding-right: 35px; font-size: 22px; line-height: 86px; background: #F8F8F8; } .hy_tm{ position: absolute; left: 32px; top: 16px; font-size: 22px; font-weight: bold; line-height: 28px; color:#666 } .hy_tm span{ font-size: 16px; font-weight: normal; line-height: 28px; display: block; } .mbr_page{ background: url(../images/mbr_bg.jpg) no-repeat center center; background-size:cover; padding:8.33vw 0} .mbr_t{ text-align:left; color:#fff;} .mbr_list{ max-width: 716px; margin: 2.6vw -18px 0; } .mbr_list li{ width:calc(50% - 36px); margin:0 18px 35px;} .mbr_list li:nth-child(1){ width:calc(100% - 36px); } .mbr_list li strong{ display: flex; line-height: 44px; font-size: 20px; color: #FFF; font-weight: normal; } .mbr_list li strong img{ width:26px; height:26px; margin-right:10px; margin-top:9px;} .mbr_list li p{} .mbr_list li p input{ line-height: 42px; height: 43px; border-bottom: 1px solid rgba(255,255,255,0.6); color: #fff; width: 100%; background: none; font-size: 16px; } .mbr_list li p input:focus{ border-bottom: 1px solid #fff;} .mbr_list li p input::-webkit-input-placeholder{color:#fff; opacity:0.6} .mbr_list li p input::-moz-placeholder{color:#fff; opacity:0.6} .mbr_list li p input:-moz-placeholder{color:#fff; opacity:0.6} .mbr_list li p input:-ms-input-placeholder{color:#fff; opacity:0.6} .mbr_btn{text-align:center; max-width: 716px; margin: 2vw -18px 0; } .mbr_submit{line-height: 46px;width: 130px;display: inline-block; font-size: 16px; color: #FFF; background: linear-gradient(to right,#2B8FCC 0%,#0BE2BD 100%); text-align: center; border-radius: 2em; cursor:pointer; transition:all 0.5s ease;} .mbr_submit:hover{color: #fff; box-shadow: 0 5px 20px rgba(30,177,198,0.3); transform:translateY(-6px)} .mbr_submit + .mbr_submit{margin-left:15px;} .mbr_list2 li{ width:calc(100% - 36px); } .mbr_list2{ max-width:500px;} .mbr_btn2{max-width:500px;} @media (max-width:1799px){ .hylist{ margin: 2.6vw -10px 0px; } .hylist li{ width: calc(50% - 20px); margin: 0 10px 20px; padding-left:90px; padding-right: 20px; font-size:16px; line-height: 66px;} .hy_tm{left:25px; top:8px; font-size:20px;} .hy_tm span{font-size:14px; line-height:22px;} .mbr_list{ margin: 2.8vw -10px 0px; } .mbr_list li{ width: calc(50% - 20px); margin:0 10px 20px;} .mbr_list li:nth-child(1){ width:calc(100% - 20px); } .mbr_list li strong{font-size:16px;} .mbr_list li p input{font-size:14px;} .mbr_list2 li{ width:calc(100% - 20px); } .mbr_submit{line-height:44px;} .mbr_list,.mbr_btn{max-width:585px;} .mbr_list2,.mbr_btn2{ max-width:480px;} } @media (max-width:1379px){ .mbr_page{padding:7vw 0;} } @media (max-width:1199px){ } @media (max-width:993px){ .hylist li{ width: calc(100% - 20px);} } @media (max-width:767px){ .mbr_page{padding:12vw 0;} .mbr_list li{width:calc(100% - 20px);} .hylist li{font-size:14px;padding-left: 70px;padding-right: 12px;} .hy_tm{left:15px;} } .rmenu{ background: #FFF; padding: 19px 0px 8px; width: 48px; position: fixed; z-index: 30; top: 50%; border-radius:2em; right:10px; box-shadow:0 5px 18px rgba(0,0,0,0.1); margin-top:-70px; display:none!important; } .rmenu dd{ padding:0 7px 11px; position:relative; cursor:pointer;} .rmenu_item{ display:block; width:34px; height:34px; position:relative;} .rmenu_item:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0;background: linear-gradient(to bottom, #00adfa 0%,#004bb1 100%); transition:all 0.5s ease; border-radius:50%; opacity:0; } .rmenu dd:hover .rmenu_item:before{ opacity:1;} .rmenu_item span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto; transition:all 0.5s ease;} .rmenu_item span img:nth-child(2){ opacity:0} .rmenu dd:hover .rmenu_item span img{ opacity:0;} .rmenu dd:hover .rmenu_item span img:nth-child(2){ opacity:1} .rmenu_tel{ white-space:nowrap; line-height:50px; padding:0 35px; border-radius:2em; box-shadow:0 2px 18px rgba(0,0,0,0.1); position:absolute; right:60px; top:-8px; background:#fff; font-size:20px; font-family:din_b; color:var(--cor); transition:all 0.5s ease; opacity:0; transform:translateX(-35px); visibility:hidden;} .rmenu dd:hover .rmenu_tel{ opacity:1; visibility:visible; transform:translateX(0)} .rmenu_form{ position:absolute; right:48px; top:50%; margin-top:-208px; padding-right:24px; transition:all 0.5s ease; opacity:0; transform:translateX(-35px); visibility:hidden;} .rmenu dd:hover .rmenu_form{ opacity:1; visibility:visible; transform:translateX(0)} .rmenualayer{ background:#FAFAFA; border-radius:0.5em; padding:6px 28px 30px; width:295px;} .rmenualayer strong{ font-size: 20px; line-height: 50px; display: block; color:var(--cor); margin-bottom:5px;} .rmenualayer p{ margin-bottom:11px;} .rmenualayer p input{ font-size: 14px; line-height: 34px; color: #555555; background: #FFF; width: 100%; padding: 0px 22px; border: 1px solid #FFF; border-radius:0.4em; } .rmenualayer p input:focus{ color: #333; border: 1px solid rgba(28,80,156,0.35); } .remenu_btn{ padding-top:15px; text-align:center} .remenu_btn .mbr_submit{ line-height:36px; height:36px; width:106px; font-size:14px;} @media (max-width:1799px){ .rmenu{right:5px; padding: 15px 0px 7px; margin-top:-45px;} .rmenu dd{ padding:0 7px 8px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .rmenu{ padding: 6px 0px 0px; width: 40px; right:0px; margin-top:-70px; } .rmenu dd{ padding:0 3px 6px;} .rmenu_form{right:35px; margin-top:-180px; padding-right:15px;} .rmenualayer{padding:4px 22px 25px; width:285px;} .rmenualayer strong{ font-size: 16px; line-height:40px;margin-bottom:3px;} .rmenualayer p{ margin-bottom:6px;} .rmenualayer p input{ font-size: 13px; padding: 0px 15px; } .remenu_btn{ padding-top:12px;} } .web_bomLay_bg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:30;} .web_bom_form{ width:295px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:35;} .rmenu_close{ background: url(../images/close-2.png) no-repeat center center; height: 20px; width: 20px; position: absolute; top: 20px; right: 20px; cursor: pointer; transition:all 0.5s ease; } .rmenu_close:hover{transform:rotate(180deg);} .web_bom_form .rmenualayer{} /*段间距设置*/ .pro_c1txt p, .yfw_right p, .data_c1p p, .abt_c1txt p, .atc_editor p{margin-bottom:15px;} .int_con3{overflow:hidden;} .int_c3ifrme{display:flex; justify-content:space-between; max-width:1200px; margin-left:auto; margin-right:auto;} .int_c3lx{ text-align:left; width:530px} .inx_c3cd{ font-size: 24px; line-height: 24px; } .inx_c3rmb{ line-height: 66px; margin-top: 20px; font-size: 46px; } .inx_c3tip{ font-size: 16px; line-height: 32px; color: #888; padding-bottom: 18px; border-bottom: 2px solid #CECECE; } .inx_c3nums{ padding-top: 25px; display:flex; flex-wrap:wrap; margin-right:-30px;} .inx_c3nums li{ width:calc(50% - 30px); margin-right:30px; padding-top:10px;} .inx_c3nums li strong{ font-size: 30px; line-height: 50px; font-weight: normal; display: block; } .inx_c3nums li p{ font-size: 16px; line-height: 30px; color: #888; } .int_c3rx{ max-width:595px} .int_c3rx canvas{max-width:100%!important; height:auto!important;} @media (max-width:1799px){ .int_c3ifrme{padding:0 75px;} .int_c3lx{ width:calc(46% - 30px);} .int_c3rx{width:60%;} .inx_c3cd{ font-size: 20px; line-height: 20px; } .inx_c3rmb{ line-height: 56px; margin-top: 15px; font-size: 40px; } .inx_c3tip{padding-bottom: 16px; border-bottom: 1px solid #CECECE; } .inx_c3nums{ margin-right:-20px;} .inx_c3nums li{ width:calc(50% - 20px); margin-right:20px; padding-top:6px;} .inx_c3nums li strong{ font-size: 24px; line-height: 50px; } .int_c3ifrme{ padding:0;} .inx_c3nums li p{font-size:15px; line-height:24px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .int_c3ifrme{padding:0;} .int_c3lx{ width:calc(40% - 20px);} } @media (max-width:767px){ .int_c3ifrme{margin-top:35px; flex-wrap:wrap;} .int_c3lx{width:100%;} .int_c3rx{width:100%; margin-top:25px;} .inx_c3cd{font-size:18px; line-height:18px;} .inx_c3rmb {line-height: 46px;margin-top: 10px;font-size: 32px;} .inx_c3nums{padding-top:10px; margin-right:-15px;} .inx_c3nums li strong{font-size:22px; line-height:38px;} } .m2zs_ggul { display: block; margin-bottom: 50px; } .m2zs_ggul li { padding: 29px 0px; border-bottom: 1px solid #F0F0F0; } .m2zs_ggaBox { display: block; overflow: hidden; position: relative; height: 120px; padding: 17px 0px 0px 158px; } .m2zs_ggaBox strong { font-size: 22px; font-weight: normal; line-height: 34px; height: 34px; display: block; margin-bottom: 7px; } .m2zs_ggaBox p { font-size: 14px; line-height: 24px; color: #808080; height: 48px; overflow: hidden; } .m2zs_gtm { color: #999999; background: #F2F2F2; text-align: center; height: 120px; width: 120px; padding-top: 75px; position: absolute; left: 0px; top: 0px; font: 16px/26px din_l; transition:all 0.5s ease; } .m2zs_gtm i { display: none; } .m2zs_gtm span { display: block; position: absolute; width: 100%; line-height: 50px; height: 50px; left: 0px; right: 0px; top: 19px; font-size: 50px; } .m2zs_ggaBox:hover .m2zs_gtm{background:var(--cor); color:#fff;} .m2zs_ggul li.first{} .m2nnbox{display:flex; justify-content:space-between; } .m2nnbox .overflowHide{ width:230px; height:140px;} .m2nnbox_rx{ width:calc(100% - 260px);padding-top: 0px;} .m2nnbox_rx strong{ font-size:22px; line-height:32px; font-weight:normal;} .m2nnbox_rx p{ font-size:16px; line-height:28px;-webkit-line-clamp:2; color:#808080; margin-top:22px;} .m2nnbox_tm{ margin-top: 10px;font-size: 16px; color: #888;} @media (max-width:1799px) { .m2zsgg_ta .overflowHide { width: 360px; } .m2zsgg_tr { margin-left: 350px; } .m2zsgg_tr strong { font-size: 19px; } .m2zsggTop .slick-dots { left: 390px; } .m2zs_ggaBox { padding-left: 146px; } .m2zs_ggaBox strong{font-size:20px;} .m2nnbox_rx strong{font-size:20px;} .m2nnbox_rx p{font-size:14px; line-height:26px;} .m2nnbox_rx{ width:calc(100% - 260px);} } @media (max-width:993px){ .m2zs_ggul{margin-bottom:45px;} .m2zs_bfm_t{font-size:26px;} } @media (max-width:767px){ .m2zs_bfm_t{font-size:21px; line-height:32px;} .m2zsgg_ta .overflowHide{width:100%; float:none;} .m2zsgg_tr{margin-left:0; padding:20px 15px 0px} .m2zsgg_tr strong{font-size:18px; line-height:30px; height:30px; margin-bottom:8px;} .m2zsgg_tr p{height:72px; margin-bottom:12px;} .m2zsgg_tr{height:192px;} .m2zs_gtm{width:70px; padding-top:62px; height:100px;} .m2zs_ggaBox{padding-left:80px; padding-top:0} .m2zs_gtm{font-size:14px} .m2zs_gtm span{font-size:40px;} .m2zs_ggaBox strong{font-size:16px;} .m2zs_gtm span{top:12px;} .m2zs_ggaBox{height:100px;} .m2zs_ggul li{padding:15px 0;} .m2zs_ggul{margin-bottom:35px; margin-top:15px;} .m2nnbox{flex-wrap:wrap;} .m2nnbox .overflowHide {width: 100%;height: 52vw;} .m2nnbox_rx{width:100%; padding-top:15px;} .m2nnbox_rx strong{font-size:16px; line-height:26px;} .m2nnbox_tm {margin-top: 8px;font-size: 14px;} .m2nnbox_rx p{margin-top:5px;-webkit-line-clamp: 3;} } .int_c4item{cursor:pointer;} .int_c4layer{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:30; background:rgba(0,0,0,0.1);} .int_c4lay{ width:500px; padding:10px 50px; border-radius:0.4em; background:#fff; z-index:35; left:50%; top:50%; transform:translate(-50%,-50%); position:fixed} .int_c4close{ background: url(../images/close-2.png) no-repeat center center; position: absolute; top: 32px; right: 50px; height: 20px; width: 20px; cursor:pointer; transition:all 0.5s ease; } .int_c4html{} .int_c4layt{ line-height:62px; font-size:22px; color:var(--cor); border-bottom:1px solid #EBEBEB; margin-bottom:15px;} .int_c4pnms{display:flex; justify-content:space-between; flex-wrap:wrap;} .int_c4pnms span{ width:100%; font-size:16px; line-height:26px; margin-bottom:12px; color:#888;} .int_c4close:hover{transform:rotate(180deg);} @media (max-width:1799px){ .int_c4lay{ width:420px; padding:10px 30px;} .int_c4close{ top: 30px; right:30px;} .int_c4layt{ line-height:58px; font-size:22px; margin-bottom:16px;} .int_c4pnms span{font-size:14px; line-height:24px; margin-bottom:10px;} .int_c4item span{width:50px; margin-top:-25px; left:20px;} .int_c4item{padding:0px 65px 0px 80px; line-height:100px; height:100px;} .int_c4item:after{right:22px;} .int_c4ds{padding:0;} } @media (max-width:1379px){ } @media (max-width:1199px){ .int_c4item{font-size:13px; height:82px; line-height:82px} } @media (max-width:993px){ .int_c4ds{padding-bottom:30px;} } @media (max-width:767px){ .int_c4lay{width:90%; padding:10px 20px;} .int_c4pnms span{font-size:16px; line-height:24px; margin-bottom:12px;} .int_c4layt{font-size:21px; line-height:54px;} .int_c4close {top: 28px;right: 22px;} } /*2024-11-13 CSS*/ .ncsc3box{ display:block!important; margin-left:-15px; margin-right:-15px;} .ncsc3box dd{ padding:0 15px;} .ncs_c3a{ display:block; border-radius:0.4em; overflow:hidden;} .ncs_c3a .overflowHide{ height:326px;} .ncs_c3a p{ line-height: 30px; text-align: center; padding: 0px 15px; background: #F5F5F5; font-size: 20px; height:108px;display:flex; flex-direction:column; justify-content:center; } .ncsc3box .slick-prev{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: -3.28vw; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid rgba(28,80,156,0.6); z-index: 1; margin-top: -20px; border-radius: 50%; transition:all 0.5s ease; } .ncsc3box .slick-next{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: -3.28vw; top: 50%; overflow: hidden; cursor: pointer; border: 1px solid rgba(28,80,156,0.6); z-index: 1; margin-top: -20px; border-radius: 50%; transition:all 0.5s ease; transform:rotate(180deg);} .ncsc3box .slick-prev:hover,.ncsc3box .slick-next:hover{ background: #1C509C url(../images/hmc4btn.png) no-repeat center center; border: 1px solid #1C509C; } .nlxcon{display:flex; justify-content:space-between; background:#fff; margin-top:2.8vw; } .nlx_lx{ width:100%; padding:50px 60px 72px;} .nlxcon .abt_c6lst{ color:var(--cor); font-weight:bold;} .nlx_lst{ margin-top:38px;} .nlx_info{ margin-left:-6px; margin-right:-6px;} .nlx_info li{ width:calc(25% - 12px); margin:0 6px 10px; border:1px solid #DDE6F3; border-radius:0.4em; padding:22px 25px;} .nlx_info li strong{ font-size: 16px; line-height: 26px; font-weight: bold; display: block; margin-bottom: 12px; color:var(--cor);} .nlx_info li p{ font-size: 16px; line-height: 26px; color: #666666; } .nlx_rx{ width:36%;background: linear-gradient(to bottom,#1B5DA3 0%,#0C295A 100%); color:#fff; padding:20px 60px 30px; display:none;} .nlx_rt{ font-size: 24px; line-height: 76px; display: block; border-bottom: 1px solid #4779AF; } .nlx_fm{ margin-top:25px;} .nlx_fm li{ margin-bottom:15px;} .nlx_fm li input{ line-height:50px; padding:0 20px; color:#fff; background:rgba(255,255,255,0.1); width:100%; font-size:14px; border-radius:0.3em;} .nlx_fm li input:focus{ color:#fff;} .nlx_fm li.nlx_btnx{ text-align:center; padding-top:8px;} .nlx_fm li input::-webkit-input-placeholder{color:#fff; opacity:0.6} .nlx_fm li input::-moz-placeholder{color:#fff; opacity:0.6} .nlx_fm li input:-moz-placeholder{color:#fff; opacity:0.6} .nlx_fm li input:-ms-input-placeholder{color:#fff; opacity:0.6} @media (max-width:1799px){ .ncs_c3a .overflowHide{ height:225px;} .ncs_c3a p{ line-height:24px; font-size:22px; font-size:16px; line-height:24px; height:80px; } .nlxcon{display:flex; justify-content:space-between; background:#fff; margin-top:2.6vw; } .nlx_lx{ padding:35px 40px 50px;} .nlx_lst{ margin-top:25px; } .nlx_info li{ margin:0 6px 10px; padding:20px 22px; width:calc(50% - 12px); } .nlx_rx{padding:15px 40px 25px;} .nlx_rt{ font-size: 20px; line-height: 56px; } .nlx_fm{ margin-top:20px;} .nlx_fm li{ margin-bottom:12px;} .nlx_fm li input{ line-height:44px; padding:0 15px; font-size:14px;} .nlx_fm li input:focus{} .nlx_fm li.nlx_btnx{ text-align:center; padding-top:8px;} } @media (max-width:1379px){ .ncsc3box{margin-left:25px; margin-right:25px;} } @media (max-width:1199px){ } @media (max-width:993px){ .nlxcon{flex-wrap:wrap;} .nlx_lx{width:100%;} .nlx_rx{width:100%;} .ncsc3box .slick-prev{left:-35px;} .ncsc3box .slick-next{right:-35px;} } @media (max-width:767px){ .ncsc3box{margin-left:0; margin-right:0; margin-bottom:35px;} .ncs_c3a .overflowHide{ height:60vw;} .ncsc3box .slick-dots{bottom:-30px;} .ncsc3box .slick-dots li button{display:none;} .ncsc3box .slick-dots li { background: #ddd; display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .ncsc3box .slick-dots li.slick-active{ background:var(--cor);} .nlx_lx {padding: 30px 15px 40px;} .nlx_info li{ padding:15px 15px; width:calc(100% - 12px); } .nlx_rx{padding-left:15px; padding-right:15px;} }