.top{ line-height: 40px; height: 40px; padding: 0 60px; font-size: 14px; text-align:right; background:#0D3760 } .top span{ color: #415D80; margin: 0px 22px; } .top_a{ color: #FFF; } .top_a:hover{color:#fff; text-decoration:underline;} @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ } .hmFocusWpr{height:calc(100vh - 40px); position:relative; z-index:2} .hmFocusWpr:after{content:""; background:url(/statics/home/images/head_line.png) no-repeat right bottom; width:100%; height:2px; position:absolute; right:0; top:0; z-index:2;} .hmFocus_img{background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; transform:scale(1.2);} .hmFs_logo{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; position:absolute; left:0; top:0; right:0; bottom:0} .hmFocus_img:after{ content: ""; background: url(/statics/home/images/top_tel_m.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; } .on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s infinite; animation: scaleBg 5s linear; } .hmFocus_item{width:100vw; height:calc(100vh - 40px); position:relative; overflow:hidden;} .hmFocus_txt{ width:100%; color:#3e3a39; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; letter-spacing:2px; text-align:left} .hmFocus_txt strong{ font-size: 80px; line-height: 112px; display: block; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; letter-spacing: 5px; font-weight: bold; font-style: italic; text-align:left; } .hmFocus_txt p{ transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 42px; line-height: 70px; max-width: 950px; font-style: italic; text-align:left; } .on .hmFocus_txt strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;} .on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;} .hmVdoBox{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden} .hmVdoBox:after{ content: ""; background: url(/statics/home/images/fs_bg.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .hmVdoBox_move:after{background:rgba(0,0,0,0.4) url(/statics/home/images/fs_bg.png) repeat-x left top;} .hmVdoBox video{width:115%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .hmFocus_txt{ text-align:right} .hmFocus_imgTxt{ display:inline-block; position:relative; margin-bottom:180px;} .hmFocus_imgTxt img:nth-child(1){} .hmFocus_imgTxt img:nth-child(2){ position:absolute; left:0; top:0; transition: all 0.8s ease-in-out; transform: translate(0px,35px); opacity: 0; } .hmFocus_imgTxt img:nth-child(3){ position:absolute; left:0; top:0; transition: all 0.8s ease-in-out; transform: translate(0px,35px); opacity: 0; } .on .hmFocus_imgTxt img:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;} .on .hmFocus_imgTxt img:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:0.5s;} .hmFocus_dot{ position:absolute; left:calc((100% - 1440px)/2); text-align:center; z-index:3; bottom:52px;} .hmFocus_dot span{ height:32px; display:inline-block; position:relative; margin:0 25px 0 15px;} .hmFocus_dot span:before{content:""; width:6px; height:6px; background:#fff; border-radius:50%; position:absolute; left:14px; top:14px;} .hmFocus_dot span svg{ width:32px; height:32px; position:absolute; left:0; top:0;} .hmFocus_dot span:after{content:""; width:32px; height:32px; border:2px solid rgba(255,255,255,0.1); border-radius:50%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0} .hmFocusWpr .slick-prev{ background: url(/statics/home/images/fs_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 42.59vh; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transition:all 0.5s ease-in-out; opacity:0.6; z-index:2; transform:rotate(180deg); } .hmFocusWpr .slick-next{ background: url(/statics/home/images/fs_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 42.59vh; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transition:all 0.5s ease-in-out; opacity:0.6; z-index:2;} .hmFocusWpr .slick-prev:hover,.hmFocusWpr .slick-next:hover{ opacity:1;} @keyframes dash{to{stroke-dashoffset:0px}} .load{ width:100%; height:100%; position:absolute; z-index:234;left:0px;top:0px;} .circle{stroke-dasharray:360px;stroke-dashoffset:360px} .on .circle{animation:dash 5s linear forwards} .hmFocus_dot span.on:before{ background:#fff; width:12px; height:12px; left:10px; top:10px;} .hmFocus_dot span.on:after{opacity:1;} @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ } .hmnCon1Wpr{ position:relative; height:100vh; z-index:2;} .hmnc1ColorBg{ background:#005ca7; position:absolute; left:0; top:0; right:0; height:200vh;} .hmnc1ImgWprBg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .hmnc1ImgBg{ background: url(/statics/home/images/hmnc1Bg.png) no-repeat fixed center bottom; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .hmnCon1{color:#fff; position:absolute; top:50%; left:0; width:100%; margin-top:-72px;} .hmnCon1 strong{ padding-left: 6.25vw; font-size: 60px; line-height: 72px; font-weight: normal; display: block; } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ } .hmCon1Wpr{ padding: 5.2vw 0px 5.72vw; position: relative; } .hmCon1Wpr:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), white); } .hmc1bg{ background: url(/statics/home/images/hmc2bg.png) no-repeat left bottom; height: 610px; position: absolute; left: 0px; bottom: 0px; width: 100%; } .hmCon1{ position:relative; z-index:1;} .hmc1Lx{ width:510px; float:left; position:relative;} .hmc1t{ font-size: 48px; line-height: 78px; display: block; font-weight: bold; } .hmc1btn{ margin-top:55px;} .hmPub_btn{ font-size: 14px; line-height: 48px; color: #FFF; display: inline-block; padding: 0px 30px; height: 48px; text-align: center; background: #005CA7; border-radius:1.8em; min-width:150px;} .hmPub_btn:hover{ box-shadow:0 10px 30px rgba(0,92,167,0.3); transform:translateY(-8px); color:#fff;} .hmc1Lbom{ margin-top: 344px; } .hmc1Lbom h6{ font-size: 16px; color: #005ca7; line-height: 26px; font-weight: normal; display: block; transform:translateY(-2px) } .hmc1Lbom h4{ font-size: 90px; line-height: 90px; font-weight: bold; margin-top: 100px; display:block} .hmc1Lbom p{ font-size: 16px; color: #aaabab; line-height: 32px; margin-top: 12px; } .hmc1Rx{ width:722px; float:right; padding-top:8px;} .hmc1Rx h3{ font-size: 36px; line-height: 60px; letter-spacing:1px; font-weight: normal; display: block; margin-bottom: 290px; } .hmc1nums{ overflow:hidden;} .hmc1nums li{ height:154px; padding-top:35px; float:left} .hmc1nums li:nth-child(1),.hmc1nums li:nth-child(4){ width:292px;} .hmc1nums li:nth-child(2),.hmc1nums li:nth-child(5){} .hmc1nums li:nth-child(3),.hmc1nums li:nth-child(6){ float:right; width:192px;} .hmc1nums li strong{ font-size: 16px; line-height: 85px; color: #333; height: 85px; display: block; font-weight:normal; } .hmc1nums li strong span{ display: inline-block; margin-right: 7px; color: #333; font: 100 60px gm_l; } .hmc1nums li p{ font-size: 16px; line-height: 34px; color: #aaabab; letter-spacing: 1px; } @keyframes hmc2_scaleBg { 0% { background-size:100% auto; } 50%{ background-size:115% auto; } 100% { background-size:100% auto; } } .hmCon2{ background: url(/statics/home/images/hmc3bg.jpg) no-repeat fixed center center; background-size:100% auto; height:100vh; position:relative; overflow:hidden; animation:hmc2_scaleBg 10s linear infinite; } .hmCon2:before{content:"";width: 55.27vw;height: 39.375vw;left: 0;bottom: -10.2vw;background-image: url("/statics/home/images/img-1.png"); background-repeat:no-repeat; opacity: 0; transform: translateY(3.125vw); position:absolute;} .hmCon2:after{content:"";width: 46.97vw;height: 50.67vw;left: 0;bottom: -7.59vw;background-image: url("/statics/home/images/img-2.png"); background-repeat:no-repeat; opacity: 0;transform: translateX(-3.125vw); position:absolute;} .hmCon2.active:before{opacity: 1;transform: translateY(0);transition: all .6s .5s ease;} .hmCon2.active:after{opacity: 1;transform: translateX(0);transition: all .6s .8s ease;} .hmc2Imgs{ position:absolute; left:0; top:0; right:0; bottom:0;} .hmc2img{ height:100vh;} .hmc2img .bgImg{ height:100vh; position:relative; background-position:center center; background-size:cover; background-attachment:fixed;} .hmc2img .bgImg:after{ content: ""; background: url(/statics/home/images/hmc2Rbg.png) no-repeat left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .hmc2TxtsWpr{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;} .hmc2TxtsWpr .container{position:relative; height:100vh; padding-top:40vh;} .hmc2txt{ position:relative;} .hmc2txt_item{ color:#fff;} .hmc2txt_item strong{ font-size: 48px; line-height: 66px; display: block; transition:all 0.5s ease-in-out; opacity:0; transform:translateX(80px); } .hmc2txt_item p{ font-size: 24px; line-height: 36px; margin-top: 24px; max-width:560px; transition:all 0.5s ease-in-out; opacity:0; transform:translateX(80px);} .hmc2txt_item strong{opacity:1; transform:translate(0,0); transition-delay:0.2s} .hmc2txt_item p{opacity:1; transform:translate(0,0); transition-delay:0.5s} .hmc2Menus{ height:160px; bottom:35px; position:relative; padding:0px;} .hmc2Menus:before{content:""; position:absolute; left:0px; top:20px; right:0px; bottom:20px; background:#fff; box-shadow:0 10px 20px rgba(0,92,167,0.1);} .hmc2Menu_item{ padding:20px 0} .hmc2Menu_item .slick-current{z-index:1;} .hmc2a{ display: block; height: 120px; padding: 38px 0 0 25px; position: relative; background:#FFF url(../images/hmc2sdx.jpg) repeat-y right top; transition:color 0.5s ease-in-out;} .hmc2a strong{ font-size: 18px; font-weight: normal; line-height: 26px; display: block; } .hmc2a p{ font-size: 12px; text-transform: uppercase; color: #aaabab; line-height: 22px; } .hmc2a span{ display:inline-block; width:30px; height:30px; position:absolute; right:25px; top:50%; margin-top:-15px;} .hmc2a span img{position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;} .hmc2a span img:nth-child(2){opacity:0;;} .hmc2a:hover span img{opacity:0;} .hmc2a:hover span img:nth-child(2){opacity:1;} .hmc2aLay{ background: #005ca7/* url(../images/hmc2_line.png) no-repeat right center*/; color: #FFF; position: absolute; z-index: 1; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; opacity:0; padding: 34px 0 0 25px; box-shadow:0 0 20px rgba(0,92,167,0.2); display:none;} .hmc2a:hover{color:#fff; background:#005ca7; background-position:right top;} .hmc2a:hover .hmc2aLay{ opacity:1;} /*.hmc2a:hover strong,.hmc2a:hover p,.hmc2a:hover span{display:none;}*/ .hmc2aLay h5{ font-size:22px; font-weight: normal; line-height:30px; display: block;} .hmc2aLay h6{ font-size: 12px; font-weight: normal; text-transform: uppercase; line-height: 22px;} .hmc2Menus .slick-dots{bottom:auto; top:-30px; text-align:left; padding-left:0} .hmc2Menus .slick-dots li button{display:none;} .hmc2Menus .slick-dots li { background: #fff; display: inline-block; height: 6px; width: 6px; margin:0 14px 0 0; position: relative; border-radius: 50%; vertical-align: middle } .hmc2Menus .slick-dots li.slick-active{ background: #41a6b9; height: 12px; width: 12px; } @media (max-width:767px){ .hmc2Menus .slick-dots{top:-10px;} .index-s3 .title{padding:50px 0 80px;} } .hmCon3{ padding: 5.72vw 0px 6.25vw; } .hmc3Top{ position: relative; } .hmc3t{ font-size: 48px; line-height: 70px; font-weight: bold; display: block; } .hmc3tBox{ position:relative; margin-top:30px;} .hmc3Tswiper{margin-right:200px; max-width:890px;} .hmc3t_item{height:176px;} .hmc3tBox span{ height: 48px; color: #aaabab; margin: 0px 0px 30px; display: block; font: 16px/48px gm_l; } .hmc3tBox strong{ font-size: 36px; line-height: 48px; color: #005ca7; display: block; max-width: 890px; text-transform: uppercase; } .hmc3tBox strong a{ color:#005CA7;} .hmc3_mx{ display: inline-block; position: absolute; top: 0px; right: 0px; } .hmc3ul{ margin: 5.81vw -1.56vw 0px; } .hmc3ul li{ padding: 2vw 1.56vw 0; width:33.33%; float:left;} .hmc3Swiper{ margin: 5.81vw -1.56vw 0px; } .hmc3item{ padding: 2vw 1.56vw 0; } .hmc3aBox{ display:block;} .hmc3aBox:hover{transform:translateY(-25px);} .hmc3aBox .overflowHide{ height:300px;} .hmc3aBox strong{ letter-spacing: 1px; display: block; margin-top: 32px; padding: 0px 35px; font-size: 21px; font-style: normal; line-height: 36px; font-weight: normal; font-variant: normal; } .hmc3Swiper .slick-dots{bottom:auto; top:-2.68vw; text-align:left; padding-left:1.56vw} .hmc3Swiper .slick-dots li button{display:none;} .hmc3Swiper .slick-dots li { background: #AAABAB; display: inline-block; height: 6px; width: 6px; margin: 0px 18px 0px 0px; position: relative; border-radius: 50%; vertical-align: middle } .hmc3Swiper .slick-dots li.slick-active{ background: #005CA7; height: 12px; width: 12px; } .hmc3Tswiper .slick-dots{bottom:auto; bottom:-3.18vw; text-align:left; padding-left:0} .hmc3Tswiper .slick-dots li button{display:none;} .hmc3Tswiper .slick-dots li { background: #AAABAB; display: inline-block; height: 6px; width: 6px; margin: 0px 20px 0px 0px; position: relative; border-radius: 50%; vertical-align: middle } .hmc3Tswiper .slick-dots li.slick-active{ background: #005CA7; height: 12px; width: 12px; } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ } .hmCon4{height:100vh; background:#005ca7; position:relative; overflow:hidden} .hmc4lbg{position: absolute;top: 0;width: 6.25vw;height: 100%;background-color: #fff;z-index: 1; left:0;} .hmc4rbg{position: absolute;top: 0;width: 6.25vw;height: 100%;background-color: #fff;z-index: 1; right:0;} .hmc4svg1{ position:absolute; left:0; bottom:0; width:38.77vw;} .hmc4svg2{ position:absolute; left:20vw; top:0; width:66.66vw;} .hmc4svg1 svg{ width:100%; height:auto;stroke-dasharray: 1400;stroke-dashoffset: 1400; transition:all 2s ease-in-out;} .hmc4svg2 svg{ width:100%; height:auto;stroke-dasharray: 2000;stroke-dashoffset: 2000; transition:all 2s ease-in-out;} .hmCon4.active .hmc4svg1 svg{stroke-dashoffset: 0;transition-delay: .3s;} .hmCon4.active .hmc4svg2 svg{stroke-dashoffset: 0;} .hmCon4 .container{position:relative; z-index:3;} .hmc4Lx{ width:565px; float:left; padding-top:20.15vh; height:100vh; position:relative;} .hmc4tbox{ color: #FFF; } .hmc4tbox strong{ font-size: 48px; line-height: 70px; display: block; } .hmc4tbox p{ font-size: 24px; line-height: 36px; margin-top: 20px; } .hmc4btn{ position: absolute; left: 0px; bottom: 16.66vh; } .hmc4btn .hmPub_btn{ background:#32adc6} .hmc4btn .hmPub_btn:hover{ box-shadow:0 10px 30px rgba(50,173,198,0.3);} .hmc4Rx{ width:720px; float:right; height:100vh; position:relative;} .hmc4AniBox{ width:48.88vh; height:48.88vh; position:absolute; left:0; top:19.44vh;} .hmc4imgs{ position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; overflow:hidden;} .hmc4AniBox:before{ content: ""; background: url(/statics/home/images/hmc4_line2.png) no-repeat center center; background-size:cover; width:calc(48.88vh + 12px); height:calc(48.88vh + 12px); position:absolute; left:-6px; top:-6px; animation:radiusRotate 5s linear infinite;} .hmc4AniBox:after{ content: ""; background: url(/statics/home/images/hmc4_line.png) no-repeat center center; height: 55.64vh; width: 55.64vh; position: absolute; left: 50%; top: 50%; margin-top: -27.82vh; margin-left: -27.82vh; background-size:cover; z-index:3; animation:radiusRotate2 20s linear infinite} .hmc4imgs .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0; border-radius:50%;} .hmc4imgs .bgImg:after{content:""; background:rgba(0,0,0,0.1); position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%;} .hmc4imgs .bgImg.on{ opacity:1;} .hmc4TxtWpr{ width:100%; color:#fff; position:relative; top:41.29vh; position:absolute; right:75px} .hmc4Txt{ position: absolute; left: 0; width: 100%; top: 0; opacity: 0; transform: translateY(80px); font-size: 16px; line-height: 32px; color: #FFF; text-align:right; } .hmc4Txt.on{ opacity:1; transform:translateY(0); transition: all 0.5s ease-in-out;} .hmc4Txt h4{ font-size: 48px; line-height: 58px; display: block; margin-bottom: 20px; } .hmc4TimeLine{ height: 67.12vh; width: 2px; position: absolute; right: 0; bottom: 0; background: url(/statics/home/images/hmc4line.png) repeat-y left top; } .hmc4TimeLine li{ height:28px; width:28px; position:absolute; left:-13px; cursor:pointer} /*.hmc4TimeLine li.on:before,.hmc4TimeLine li.on:after{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: roundScale 3s linear infinite;opacity: 0; border:1px solid #fff;}*/ .hmc4TimeLine li:after{content:""; border:1px solid #fff; position:absolute; width:40px; height:40px; border-radius:50%; left:50%; top:50%; margin-left:-20px; margin-top:-20px;/* transition:all 0.5s ease-in-out;*/ opacity:0} .hmc4TimeLine li.on:after{ opacity:1;} /*.hmc4TimeLine li.on:after{animation-delay: 1.5s;}*/ @keyframes roundScale { from { opacity: 0.8; transform: scale(1); } to { opacity: 0; transform: scale(1.7); } } .hmc4TimeLine li span{ width:12px; height:12px; position:absolute; background:#005CA7; border:1px solid #fff; left:8px; top:8px; border-radius:50%; /*transition:all 0.5s ease-in-out;*/} .hmc4TimeLine li.on span{ width:18px; height:18px; left:5px; top:5px; background:#fff; border:1px solid rgba(255,255,255,0);} .hmc4_tm1{ top:-14px;} .hmc4_tm2{ top:24%;} .hmc4_tm3{ top:32.55%;} .hmc4_tm4{ top:57.51%} .hmc4_tm5{ top:74.34%} .hmc4_tm6{ top:82.48%;} @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ } .hmCon5{ padding:2.22vw 0 6.25vw; background:#fff; position:relative; z-index:1;} .hmc5Tbox{ position:relative; text-align:center; letter-spacing:2px;} .hmc5Tbox strong{ font-size: 48px; font-weight:normal; line-height: 70px; display: block; } .hmc5Tbox p{ font-size: 20px; line-height: 40px; margin-top: 20px; } .hmc5Tbox div{ display: inline-block; position: absolute; top: 68px; right: 0px; } .hmc5MapsWpr{ margin-top: 2.08vw;} .hmc6Mu{ width:242px; float:left;} .hmc6Mu li{ height: 226px; padding-top: 14px; position: relative; cursor:default } .hmc6Mu li.on{z-index:3;} .hmc6Mu li strong{ font-size: 80px; font-weight: 100; line-height: 108px;font-family: gm_l; color:#333; display:block; } .hmc6Mu li strong i{ display: inline-block; margin-left: 8px; font-size: 40px; font-style: normal; font-weight: 500; font-variant: normal; } .hmc6Mu li p{ font-size: 16px; line-height: 24px; } .hmc6nvx{transition:all 0.3s ease-in-out; position:relative;} .hmc6_gif{ width: 12.5vw; height: 12.5vw; position: absolute; left: -1vw; top: -1vw; background: url(/statics/home/images/img-6.gif) no-repeat center center; background-size:cover;filter: grayscale(1); opacity:0; transition:all 0.5s ease-in-out; } .hmc6Mu li:hover .hmc6_gif{opacity:0.5;} .hmc6Mu li:hover .hmc6nvx{transform:translateX(2vw);} .hmc6Line{ width:100%; height:1px; background:#E6E6E6; position:absolute; left:0; bottom:0;display:none} .hmc6Line i{ width:24px; height:1px; background:#35ADC6; position:absolute; left:0; bottom:0; animation:hmc5line 2.1s linear infinite; } .hmc6Mu li:nth-child(2) .hmc6Line i{animation-delay:0.7s;} .hmc6Mu li:nth-child(3) .hmc6Line i{animation-delay:1.4s;} .hmc6Mu li:nth-child(1).on strong{ color:#005ca7;} .hmc6Mu li:nth-child(2).on strong{ color:#32adc6;} .hmc6Mu li:nth-child(3).on strong{ color:#4f8bbf;} @keyframes hmc5line { from { left:0; } to { left:100%; } } @media (max-width:1379px){ .hmc5Tbox strong{font-size:32px; line-height:38px;} .hmc6Mu li p{font-size:14px;} } @media (max-width:767px){ .hmc6Mu li strong{line-height:46px;} } .hmc5Maps{ width:1120px; float:right; margin-top:56px; height:545px; position:relative} .hmc5Map{ opacity:0;visibility:hidden; position:absolute; left:0; top:0; transform:translateY(0px)} .hmc5Map.on{ opacity:1; visibility:visible; transition:all 0.5s ease-in-out; transform:translateY(0px)} .hmc5map_img{ display:block;} .hmc5items{} .hmc5item{ width:48px; height:48px; position:absolute; cursor:pointer} .hmc5_ibg{ background: url(/statics/home/images/img-8.png) no-repeat center center; height: 180px; width: 180px; margin-top: -90px; margin-left: -90px; position: absolute; left: 50%; top: 50%; transition:all 0.5s ease-in-out; transform:scale(0) rotate(90deg); opacity:0; } .hmc5item:hover .hmc5_ibg{opacity:1; transform:scale(1) rotate(0deg);} .hmc5ani{ width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; margin-top: -9px; margin-left: -9px; } .hmc5ani i{ position:absolute; left:0; top:0; right:0; bottom:0; border: 6px solid #005CA7; background:#fff; border-radius:50%; z-index:2} @keyframes rangeScale { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(2.8); } } @keyframes radarAni { 0% { opacity:0.8; transform:scale(0.4); } 50% { opacity:0.1; transform:scale(0.9); } 60% { opacity:0; transform:scale(0.9); } 100% { opacity:0; transform:scale(0.9); } } .hmc5ani:before{content:""; background:rgba(0, 92, 167, 0.8); border-radius:50%; height: 42px; width: 42px; margin-top: -21px; margin-left: -21px; position: absolute; left: 50%; top: 50%;transform:scale(0.4); animation:radarAni 3s linear infinite; } .hmc5item4 .hmc5ani:before, .hmc5item10 .hmc5ani:before, .hmc5item18 .hmc5ani:before, .hmc5item14 .hmc5ani:before{ animation-delay:0.5s;} .hmc5item2 .hmc5ani:before, .hmc5item6 .hmc5ani:before, .hmc5item17 .hmc5ani:before, .hmc5item13 .hmc5ani:before{ animation-delay:1s;} .hmc5item11 .hmc5ani:before, .hmc5item8 .hmc5ani:before, .hmc5item7 .hmc5ani:before, .hmc5item1 .hmc5ani:before{ animation-delay:1.4s;} .hmc5cnm{ font-size: 12px; line-height: 18px; letter-spacing: 1px; white-space: nowrap; position: absolute; left: 50%; top: 42px; transform:translateX(-50%);} .hmc5item1{ left:180px; top:250px;} .hmc5item2{ left:293px; top:438px;} .hmc5item3{ left:337px; top:357px;} .hmc5item3 .hmc5cnm{top: 40px;left: 25px;} .hmc5item4{ left:509px; top:262px;} .hmc5item5{ left:598px; top:125px;} .hmc5item6{ left:609px; top:193px;} .hmc5item7{ left:624px; top:224px;} .hmc5item8{ left:673px; top:230px;} .hmc5item9{ left:723px; top:238px;} .hmc5item10{ left:745px; top:258px;} .hmc5item11{ left:789px; top:245px;} .hmc5item12{ left:886px; top:181px;} .hmc5item13{ left:884px; top:279px;} .hmc5item14{ left:884px; top:339px;} .hmc5item14 .hmc5cnm{left: 40px;} .hmc5item15{ left:826px; top:110px;} .hmc5item16{ left:713px; top:156px;} .hmc5item17{ left:324px; top:412px;} .hmc5item18{ left:820px; top:282px;} .hmc5item19{ left:202px; top:211px;} .hmc5item20{ left:536px; top:149px;} .hmc5item21{ left:557px; top:158px;} .hmc5item22{ left:577px; top:138px;} .hmc5item23{ left:498px; top:195px;} .hmc5item24{ left:587px; top:163px;} .hmc5item25{ left:622px; top:142px;} .hmc5item26{ left:612px; top:263px;} .hmc5item26 .hmc5cnm{ left:-32px; transform:translateX(0); top:16px!important;} .hmc5item27{ left:537px; top:217px;} .hmc5item28{ left:643px; top:290px;} .hmc5item29{ left:760px; top:243px;} .hmc5item29 .hmc5cnm{left: 18px;transform: translateX(0);top: -7px !important;} .hmc5item30{ left:870px; top:369px;} .hmc5item31{ left:657px; top:402px;} .hmc5item32{ left:291px; top:400px;} .hmc5item32 .hmc5cnm{ left:-18px; transform:translateX(0); top:16px!important;} .hmc5item33{ left:262px; top:338px;} .hmc5item33 .hmc5cnm{left: -22px;top: 13px;} .hmc5item34{ left:229px; top:275px;} .hmc5item35{ left:271px; top:368px;} .hmc5item35 .hmc5cnm{left: 46px;top: -1px;} .hmc5item36{ left:265px; top:265px;} .hmc5item36 .hmc5cnm{left: 4px;transform: translateX(0);top: -6px !important;} .hmc5item37{ left:277px; top:311px;} .hmc5item37 .hmc5cnm{left: 65px;top: 14px;} .hmc5item38{left:310px; top:379px;} .hmc5item38 .hmc5cnm{left: 65px;top: 14px;} .hmc5item39{left:925px; top:162px;} .hmc5item20 .hmc5cnm{ left:10px; transform:translateX(0); top:40px;} .hmc5item21 .hmc5cnm{ left:-12px; transform:translateX(0); top:31px;} .hmc5item22 .hmc5cnm{ left:-36px; transform:translateX(0); top:6px;} .hmc5item24 .hmc5cnm{ left:40px; transform:translateX(0); top:18px;} .hmc5item25 .hmc5cnm{ left:37px; transform:translateX(0); top:6px;} .hmc5item6 .hmc5cnm{ left:-9px; transform:translateX(0); top:40px!important;} .hmc5item{transition:all 0.5s ease-in-out; opacity:0;} .hmc5Map.on .hmc5item12, .hmc5Map.on .hmc5item8, .hmc5Map.on .hmc5item15, .hmc5Map.on .hmc5item22, .hmc5Map.on .hmc5item2{ transition-delay:0.1s} .hmc5Map.on .hmc5item{opacity:1;} .hmc5Map.on .hmc5item1, .hmc5Map.on .hmc5item6, .hmc5Map.on .hmc5item20, .hmc5Map.on .hmc5item25, .hmc5Map.on .hmc5item13{ transition-delay:0.3s} .hmc5Map.on .hmc5item3, .hmc5Map.on .hmc5item5, .hmc5Map.on .hmc5item16, .hmc5Map.on .hmc5item23, .hmc5Map.on .hmc5item10{ transition-delay:0.5s} .hmc5Map.on .hmc5item4, .hmc5Map.on .hmc5item7, .hmc5Map.on .hmc5item17, .hmc5Map.on .hmc5item19, .hmc5Map.on .hmc5item14{ transition-delay:0.7s} .hmc5Map.on .hmc5item9, .hmc5Map.on .hmc5item11, .hmc5Map.on .hmc5item21, .hmc5Map.on .hmc5item18, .hmc5Map.on .hmc5item24, .hmc5Map.on .hmc5item14{ transition-delay:0.9s} .hmc5Map2 .hmc5ani i{ border:6px solid #32adc6;} .hmc5Map2 .hmc5ani:before{background:rgba(50,173,198,0.8);} .hmc5Map2 .hmc5_ibg{ background: url(/statics/home/images/img-8a.png) no-repeat center center;} .hmc5Map3 .hmc5ani i{ border:6px solid #4f8bbf;} .hmc5Map3 .hmc5ani:before{background:rgba(79,139,191,0.8);} .hmc5Map3 .hmc5_ibg{ background: url(/statics/home/images/img-8b.png) no-repeat center center;} .hmc5item5 .hmc5cnm,.hmc5item6 .hmc5cnm,.hmc5item9 .hmc5cnm,.hmc5item16 .hmc5cnm{top:-14px;} .hmc5Bom{ margin-top:5.72vw; height:480px; transition:all 0.5s ease-in-out; position:relative; background:#005ca7;} .hmc5Bom2{ background:#32adc6;} .hmc5bom_item{ width:100%; position:absolute; left:0; top:0; z-index:0; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;} .hmc5bom_item.on{ opacity:1; visibility:visible; z-index:1;} .hmc5txt{ width:530px; float:left; position:absolute; left:0; top:0; text-align:center; color:#fff; padding-top:145px; height:480px;} .hmc5Svx{ width:120px; height:120px; position:relative; display:inline-block;} .hmc5Svx img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .hmc5txt p{ font-size: 24px; font-weight: normal; letter-spacing: 2px; line-height: 40px; margin-top: 36px; } .hmc5Bimg{ float:right;} .hmc5Layer{position:absolute; width:600px; text-align:center; right:120px; color:#fff; z-index:1; padding-top:122px; top:0} .hmc5Layer strong{ font-size: 32px; line-height: 48px; font-weight: normal; color: #FFF; letter-spacing: 2px; display: block; } .hmc5aBtn{ background: #35ADC6 url(../images/hmc6_ar.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; margin-top: 192px; border-radius:50%;} .hmc5aBtn:hover{transform:translateY(-8px); box-shadow:0 3px 20px rgba(53,173,198,0.6);} .hmc5Bom .hmc5bom_item:nth-child(2) .hmc5txt{ left:auto; right:0;} .hmc5Bom .hmc5bom_item:nth-child(2) .hmc5Bimg{ float:left;} .hmc5Bom .hmc5bom_item:nth-child(2) .hmc5aBtn{ background: #005ca7 url(../images/hmc6_ar.png) no-repeat center center; } .hmc5Bom .hmc5bom_item:nth-child(2) .hmc5aBtn:hover{ box-shadow:0 3px 20px rgba(0,92,167,0.6);} .hmc5Bom .hmc5bom_item:nth-child(2) .hmc5Layer{right:auto; left:120px;} @media (max-width:1799px){ .hmc5Tbox p{font-size:16px; margin-top:12px;} .hmc5Tbox strong{font-size:42px; line-height:60px;} .hmc6Mu li strong{font-size:70px;} .hmc6Mu{width:190px;} .hmc5Maps{position:absolute; right:0; top:0; transform:scale(0.95); transform-origin:right center;} .hmc6Mu li{height:206px;} .hmc5MapsWpr {position:relative;} } @media (max-width:1379px){ .hmc5Tbox strong{font-size:36px; line-height:50px;} } @media (max-width:1199px){ .hmc5Maps{transform:scale(0.8);} } @media (max-width:993px){ .hmc5Maps{transform:scale(0.7); margin-top:-58px;} .hmc5cnm{font-size:16px;} .hmc5MapsWpr {height:520px;} .hmc6Mu{position:absolute; left:0; bottom:0; width:100%;} .hmc6Mu li{width:33.33%; float:left; text-align:center; height:136px;} .hmc6Mu li strong{font-size:48px; line-height:68px;} .hmc6Mu li:hover .hmc6_gif{opacity:0;} .hmc6Mu li:hover .hmc6nvx{transform:translateX(0vw);} } @media (max-width:767px){ .hmc5Tbox strong{font-size:24px;} .hmc5Tbox p{font-size:12px; line-height:22px; margin-top:0;} .hmc5Maps{transform:scale(0.3); margin-top:-160px;} .hmc5MapsWpr{height:430px; margin-bottom:55px;} .hmc6Mu li strong{font-size:32px;} .hmc6Mu li strong i{font-size:28px; margin-left:4px;} .hmc6Mu li p{font-size:14px;} .hmc6Mu li{width:50%; padding-top:0; height:118px;} .hmc6Mu li:nth-child(3){width:100%;} } .nhmc5Bom{ margin-top:5.72vw; height:480px; transition:all 0.5s ease-in-out; position:relative; background:#32adc6;display: flex; justify-content: space-between; overflow:hidden } .nhmc5Bom2{ background:#005ca7;} .nhmc5item{ width:37.5%; transition:all 0.5s ease-in-out; position:relative;} .nhmc5item.on{ width:62.5%;} .nhmc5img{ width:958px; position:absolute; right:-57px; top:0; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;} .nhmc5img img{ display:block;} .nhmc5Bom .nhmc5item:nth-child(2) .nhmc5img{ right:auto; left:0;} .nhmc5item.on .nhmc5img{opacity:1; visibility:visible;} .nhmc5txt{ width:100%; text-align:center; z-index:2; position:absolute; left:0; top:0; padding-top:145px;} .nhmc5txt strong{font-size: 36px; line-height: 48px; font-weight: normal; color: #FFF; letter-spacing: 2px; display: block; margin-top:35px; transition:all 0.5s ease-in-out; } .nhmc5Svg{ width:120px; height:120px; position:relative; display:inline-block; transition:all 0.5s ease-in-out 0.2s; transform:rotate(0);} .nhmc5Svg img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .nhmc5btn{ background: #005ca7 url(../images/hmc6_ar.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position:absolute; top:360px; left:50%; margin-left:-30px; border-radius:50%; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(-80px)} .nhmc5btn:hover{transform:translateY(-8px); box-shadow:0 3px 20px rgba(0,92,167,0.6);} .nhmc5Bom .nhmc5item:nth-child(2) .nhmc5btn{ background: #35ADC6 url(../images/hmc6_ar.png) no-repeat center center; } .nhmc5Bom .nhmc5item:nth-child(2) .nhmc5btn:hover{ box-shadow:0 3px 20px rgba(53,173,198,0.6);} .nhmc5item.on .nhmc5Svg{ opacity:0;transform:rotateY(180deg); transition:none; transition-delay:0s} .nhmc5item.on .nhmc5txt strong{/*transform:translateY(-170px); font-size:24px;*/ opacity:0;} .nhmc5item.on .nhmc5btn{opacity:1; transform:translateY(-140px)} @media (max-width:1799px){ .nhmc5txt strong{font-size:32px;} } @media (max-width:1379px){ .nhmc5item.on .nhmc5txt strong{font-size:22px;} .nhmc5txt strong{font-size:26px;} .nhmc5Bom{height:420px;} .nhmc5img{top:-40px;} .nhmc5txt{padding-top:115px;} .nhmc5btn{top:300px;} } @media (max-width:767px){ .nhmc5item.on .nhmc5txt strong{font-size:18px;} .nhmc5txt strong{font-size:20px; line-height:30px; width:90px; margin-left:auto; margin-right:auto; margin-top:15px;} .nhmc5btn{transform:scale(0.8);} .nhmc5Svg{width:80px; height:80px;} .hmCon5{padding-bottom:70px;} } .imgFooter{ background: url(/statics/home/images/footer.jpg) no-repeat center top; height: 640px; position:relative; z-index:1; } .footer a:hover{color:#fff;} .footer{ color: #FFF; background: #0D3760; padding: 3.64vw 0px 0; } .footLx{ width: 362px; float: left; padding-top: 18px; } .foot_logo img{ height:60px; width:auto;} .footDy{ margin-top: 2.08vw; background: #FFF; height: 60px; width: 360px; position: relative; } .footDy input{ line-height: 54px; height: 54px; width: 100%; margin-top: 3px; padding: 0 115px 0 22px; font-size: 16px; color: #333; } .footDybtn{ font-size: 16px; line-height: 54px; color: #FFF; background: #35ADC6; height: 54px; width: 90px; text-align: center; display: inline-block; position: absolute; top: 3px; right: 3px; } .footDybtn:hover{ background: #319FB7; color: #FFF; } .foot_select{ line-height: 34px; height: 36px; border: 1px solid #2FA6C3; padding: 0px 35px 0px 20px; position: relative; width:240px; float:right;} .foot_select i{ font-size: 14px; color:#35ADC6; position: absolute; right: 18px; top:10px} .foot_select span{ font-size:14px; letter-spacing:1px;} .foot_options{ width:240px; position:absolute; bottom:36px; left:-1px; background:#2FA6C3; padding:15px 0; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;} .foot_select:hover .foot_options{opacity:1; visibility:visible;} .foot_options p{ line-height:36px; height:36px; overflow:hidden;} .foot_options p a{ display:block; font-size:14px; color:#fff; padding-left:25px; padding-right:25px;} .foot_options p a:hover{ color:#fff; background:rgba(255,255,255,0.2);} .footNav{ padding: 30px 0px; border-top: 1px solid #35ADC6; background: #0D3760; margin-top:5.46vw } .footNav_a{ display:inline-block; position:relative; font-size:18px; margin-right:46px; padding-left:16px; line-height:36px; color:#fff;} .footNav_a:before{ content: ""; background: #FFF; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 0px; top: 50%; border-radius:50%;} .foot_share{float:right;} .foot_s1{ background: url(/statics/home/images/foot_si1.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;} .foot_s2{ background: url(/statics/home/images/foot_si2.png) no-repeat center center; height: 36px; width: 36px; margin-left: 3px; display: inline-block; border-radius:50%;} .foot_s3{ background: url(/statics/home/images/foot_si3.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;} .foot_s4{ background: url(/statics/home/images/foot_si4.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;} .foot_s5{ background: url(/statics/home/images/foot_si5.png) no-repeat center center; height: 36px; width: 36px; margin-left: 0px; display: inline-block; border-radius:50%;} .footRmx{float:right;} .footMx{ float:left;} .footMx dl{ float:left; margin-right:82px; color:#fff;} .footMx dl dt{ line-height: 50px; height: 50px; position: relative; font-size: 18px; } .footMx dl dd{ line-height: 38px; height: 38px; font-size: 14px; } .foot_ma1{ color:#fff;} .foot_ma2{ color:rgba(255,255,255,0.5);} .foot_ma1:hover,.foot_ma2:hover,.copy_right .fr a:hover{ color:#35ADC6;} .footRx{ float:left; text-align:center; padding-top:16px;} .footRx p{ font-size: 14px; line-height: 20px; margin-top: 20px; color:rgba(255,255,255,0.5); } .copy_right{ font-size: 14px; line-height: 28px; color:#788495; background: #0C3158; padding: 1.87vw 0px; } .copy_right .fr span{ display: inline-block; color: #35ADC6; margin: 0px 13px; font-size:12px; } .foot_aimg{ position:relative;} .foot_aimg span{background:#fff; width:120px; height:120px; padding:1px; position:absolute; left:50%; margin-left:-60px; bottom:48px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;} .foot_aimg:hover span{visibility:visible; opacity:1; bottom:42px;} .foot_aimg span:before{content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #fff; position:absolute; left:50%; margin-left:-6px; bottom:-8px;} @media (max-width:1799px){ .footMx dl{margin-right:55px;} } @media (max-width:1379px){ .footMx dl dd{font-size:12px; line-height:30px; height:30px;} .footNav_a{font-size:15px;} .copy_right{font-size:12px;} .footNav{padding:15px 0;} .footNav{margin-top:2.5vw;} .footDy{width:340px; height:52px;} .footDy input{height:48px; line-height:48px} .footDybtn{font-size:15px; line-height:46px; height:46px;} } @media (max-width:1199px){ .footMx dl{margin-right:30px;} .footRx img{width:120px; height:auto;} .footDy{width:320px;} .copy_right .fl{max-width:620px; line-height:22px;} .foot_select{margin-top:5px;} .footMx dl dt{font-size:16px;} } @media (max-width:993px){ .footLx{width:100%; text-align:center; float:none;} .footDy{margin:30px auto; width:100%;} .footMx dl{margin-right:70px;} .footNav_a{margin-right:35px;} .copy_right .fl{width:450px;} } @media (max-width:767px){ .footer{padding-top:30px;} .foot_logo img{height:50px;} .footMx{display:none;} .footRmx{width:100%; float:none;} .footRx{float:none; padding-bottom:20px;} .footNav_a{font-size:12px; margin-right:15px;} .copy_right .fl{width:100%; text-align:center; margin-bottom:12px; float:none; line-height:22px; font-size:12px; display:block;} .foot_select{width:100%; float:none;} .copy_right{ padding:20px 0 30px;} .footDy{margin:30px auto 10px;} } .v3hmPage2{ height:100vh; position:relative; background-color:#fff;} .v3hmBgwpr{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover;} .v3hmBg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(/statics/home/images/v3hmc3Bg.png) no-repeat fixed center top; opacity: 0; /*transform: scale(0.5);*/ transition: all 0.05s linear; } .v3hmPage2txt{ position:absolute; width:100%; max-width:1230px; padding:0 15px; left:50%; transform:translate(-50%,-50%); top:50%;} .v3hmPage2_t{ font-size: 60px; line-height: 72px; font-weight: normal; display: block; letter-spacing:6px; } .v3hmPage2nums{ margin-top: 9.11vw; overflow:hidden;} .v3hmPage2nums li{ float:left; width:33.33%;} .v3hmPage2nums li:nth-child(1) strong{font-size:28px;} .v3hmPage2nums li strong{ font-size: 18px; line-height: 80px; font-weight: 100; display: block; } .v3hmPage2nums li strong span{ display: inline-block; margin-right: 10px; font: 80px/80px gm_l; } .v3hmPage2nums li p{ font-size: 18px; line-height: 44px; height: 44px; margin-top:-15px; letter-spacing:2px;} .m2zl_c2a b{transition:all 0.5s ease-in-out; display:inline-block;} .m2zl_c2a:hover b{color:#fff!important;} @media (max-width:1799px){ .v3hmPage2_t{font-size:42px; line-height:60px;} .v3hmPage2nums li strong span{font-size:70px;} .index-s3 .title{font-size:58px;} .v3hmBg{background-size:cover;} } @media (max-width:1379px){ .v3hmPage2_t{font-size:32px; line-height:42px;} .v3hmPage2nums li strong span{font-size:52px;} .v3hmPage2nums li p{font-size:16px;} .index-s3 .title{font-size:36px;} } @media (max-width:993px){ .v3hmPage2{height:500px;} } @media (max-width:767px){ *{letter-spacing:0!important;} .v3hmPage2_t{ font-size:22px; line-height:36px;} .v3hmPage2nums li strong span{font-size:26px;} .v3hmPage2nums li strong{line-height:40px;} .v3hmPage2nums li p{font-size:12px;} .v3hmPage2{height:380px;} .index-s3 .title{font-size:24px;} .index-s3 .left, .index-s3 .right{display:none!important;} } .hmc4ul{ margin:2.5vw -1.56vw 0} .hmc4ul li{ padding:0 1.56vw; width:33.33%; float:left; margin-bottom:3.12vw} .hmc4aBox{ display: block; height: 238px; border: 1px solid #E6E6E6; padding: 32px 40px 0px; border-radius:0 0 6em 0; position:relative; } .hmc4aBox span{ font-size: 16px; color: #005ca7; line-height: 28px; transition:all 0.5s ease-in-out; } .hmc4aBox p{ font-size: 24px; line-height: 32px; display: block; height: 64px; margin-top: 25px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden} .hmc4aBox:hover{ background:#005CA7;box-shadow:0px 10px 30px rgba(0,92,167,0.3); color:#fff} .hmc4aBox:hover span{ color:#fff} .hmc4aBox:after{ content: ""; background: url(/statics/home/images/hmc4ar.png) no-repeat center center; height: 12px; width: 25px; position: absolute; left: 40px; bottom: 38px; display: inline-block; } .hmc4aBox:hover:after{ background: url(/statics/home/images/hmc4ar2.png) no-repeat center center; } .hmc4More{ text-align:center} .hmc4More a{ font-size: 16px; line-height: 20px; color: #005ca7; background: url(/statics/home/images/hmc4m.png) no-repeat right center; padding-right: 18px; display: inline-block; } .hmc4More a:hover{ color: #005ca7;} .m2topEmpty{height:80px;} @media (max-width:1799px){ .hmc4aBox p{font-size:21px;} .hmc4ul{ margin:2.5vw -15px 0} .hmc4ul li{ padding:0 15px; margin-bottom:30px} } @media (max-width:1379px){ .hmc4aBox p{font-size:18px; line-height:30px; margin-top:15px;} .hmc4aBox{padding:22px 20px 0px; height:215px;} .m2topEmpty{height:66px;} } @media (max-width:993px){ .hmc4ul li{width:50%;} .m2topEmpty{height:56px;} } @media (max-width:767px){ .hmc4ul{margin-top:25px;} .hmc4ul li{width:100%; margin-bottom:18px;} } .m2banner{ position: relative; overflow:hidden; } .m2banner .bgImg{height:34.37vw; position:relative} .m2banner .bgImg:after{content:""; background:url(/statics/home/images/banBg.svg); background-size:cover; opacity:0.7; position:absolute; left:0; top:0; height:38.37vw; width:38.37vw;} .m2banner .bgImg i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(/statics/home/images/banLbg.png) repeat center center; } .m2banBgLine{position:absolute; left:0; top:0; right:0; bottom:0;} .m2banTxt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%;} .m2banTxt strong{ font-size: 60px; line-height: 72px; font-weight: normal; letter-spacing: 1px; display: block; } .m2menuWpr{ background: #fff;} .m2menu{ line-height:60px; height:60px;display: flex; justify-content:space-between; } .m2menu_a{ display: inline-block; padding: 0px 40px; font-size: 16px; position:relative; white-space:nowrap} .m2menu .m2menu_a:last-child{margin-right:0;} .m2menu_a.on,.m2menu_a:hover{ color: #32adc6; } .m2menu_a:after{content:""; height:4px; transition:all 0.5s ease-in-out; width:0%; left:50%; bottom:0; position:absolute; background:#32adc6;} .m2menu_a.on:after,.m2menu_a:hover:after{content:""; width:100%; left:0} .m2ban_line1{ width:19.79vw; left:14vw; top:0; position:absolute;} .m2ban_line2{ width:19.79vw; left:14vw; top:0; position:absolute;} .m2ban_line1 svg{ width:100%; height:auto;stroke-dasharray: 1700;stroke-dashoffset: 1700;/* transition:all 4s ease-in-out; transition-delay: 2s;*/ animation:avgAni2a 5s linear infinite; animation-delay:2.5s;} .m2ban_line2 svg{ width:100%; height:auto;stroke-dasharray: 1600;stroke-dashoffset: 1600;/*transition:all 4s ease-in-out; */ animation:avgAni1a 5s linear infinite;} @keyframes avgAni1a { 0%{stroke-dashoffset: -1700;} 30%{stroke-dashoffset: 0;} 70%{stroke-dashoffset: 0;} 100%{stroke-dashoffset: 1700;} } @keyframes avgAni2a { 0%{stroke-dashoffset: -1600;} 30%{stroke-dashoffset: 0;} 70%{stroke-dashoffset: 0;} 100%{stroke-dashoffset: 1600;} } @media (max-width:1799px){ .m2banTxt strong{font-size:46px;} .m2menu_a{margin-right:7.2vw;} .m2menu .m2menu_a:last-child{margin-right:0;} } @media (max-width:1379px){ .m2banTxt strong{line-height:44px; font-size:32px;} .m2banner .bgImg{height:32.6vw;} } @media (max-width:1199px){ .m2menu_a{margin-right:3.2vw;} } @media (max-width:993px){ .m2menu_a{padding:0 25px; margin-right:2.2vw;} } @media (max-width:767px){ .m2banner .bgImg{height:180px;} .m2banner .bgImg:after{ width:180px; height:180px;} .m2banTxt strong{font-size:21px;} .m2ban_line1,.m2ban_line2{height:180px; width:100px;} .m2menu{text-align:center; height:auto; overflow:hidden; display:block; line-height:36px; padding:15px 0;} .m2menu_a{margin:0 10px; font-size:14px; line-height:36px; height:36px; padding:0 0px;} .m2menu_a:after{height:2px;} } .m2tkTop{ font-size: 16px; line-height: 32px; padding: 4.68vw 0px 1.56vw; } .m2tk_t{ font-size: 32px; line-height: 60px; padding: 1.14vw 0px; border-bottom: 2px solid #E6E6E6; } .m2tk_content{ font-size: 16px; line-height: 32px; padding: 1.5vw 5.2vw; } .m2sinPage{padding-bottom:4.68vw;} .m2sinPage2{padding:2.68vw 0 4.68vw;} @media (max-width:1799px){ .m2tk_content{font-size:15px; line-height:30px;} .m2tk_t{font-size:28px; line-height:52px;} } @media (max-width:1379px){ .m2tk_t{font-size:21px; line-height:38px;} } @media (max-width:1199px){ .m2tkTop{font-size:15px;} } @media (max-width:993px){ .m2tk_content{padding-left:0; padding-right:0;} } @media (max-width:767px){ .m2sinPage2{padding-left:15px; padding-right:15px; padding-top:35px; padding-bottom:35px;} .m2tk_t{ font-size:20px;} } .page{ text-align: center; margin: 0 0px 5.31vw; } .page *{vertical-align:middle;} .page a{ font-size: 12px; color: #666; text-align: center; display: inline-block; padding: 0px 15px; margin: 0px 4px; border: 1px solid #D9D9D9; line-height: 40px; min-width: 40px; cursor:default } .page a.active,.page a:hover{ color: #FFF; background: #005CA7; border: 1px solid #005CA7; } @media (max-width:767px){ .page{margin-bottom:70px; margin-top:15px;} .page a{margin-bottom:10px;} } @media (max-width:993px){ .page{margin-top:35px; margin-bottom:70px;} } @media (max-width:767px){ } .m2ybTop{ font-size: 16px; line-height: 32px; padding: 4.68vw 0px; } .m2ybTop strong{ font-size: 32px; line-height: 46px; font-weight: normal; display: block; margin-bottom: 20px; } .m2yb_aBox{ display: block; position: relative;} .m2yb_aBox:before{ content: ""; background: #fff url(../images/m2yb_bg.png) no-repeat right center; background-size:auto 100%; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0; background-size:cover;} .m2yb_aBox .container{ position:relative; z-index:2;} .m2yb_atxt{ padding: 32px 5.2vw; position:relative; border-top:1px solid #E6E6E6; transition:all 0.5s ease-in-out;} .m2yb_aBox:hover:before{opacity:1;} .m2yb_aBox:hover .m2yb_atxt{ border-top:1px solid #005ca7; } .m2yb_aBox:hover *{color:#fff;} .m2ybul{margin-bottom:2.08vw;} .m2ybul li.next .m2yb_atxt{border-top:1px solid #fff;} .m2ybul li:last-child .m2yb_atxt{border-bottom:1px solid #E6E6E6;} .m2ybul li:last-child .m2yb_aBox:hover .m2yb_atxt{border-bottom:1px solid #fff;} .m2yb_atxt strong{ font-size: 22px; line-height: 36px; font-weight: normal; display: block; color:#333; } .m2yb_atxt p{ font-size: 16px; color: #005ca7; line-height: 28px; margin-top: 16px; } .m2yb_atxt p span{ display:inline-block; margin-right:50px;} .m2ybul2{margin-top:5.2vw;} .m2ybul2 p{margin-top:0; margin-bottom:16px;} @media (max-width:1799px){ .m2yb_atxt strong{font-size:20px;} .m2ybTop{font-size:15px; line-height:30px;} .m2ybTop strong{font-size:28px; line-height:42px;} } @media (max-width:1199px){ .m2yb_atxt strong{font-size:18px;} } @media (max-width:993px){ .m2yb_atxt{padding-left:0; padding-right:0;} } @media (max-width:767px){ .m2ybTop{padding:50px 0;} .m2ybTop strong{font-size:22px; line-height:30px;} } .m2nTop{ padding:4.2vw 0 2.08vw; } .m2n_yr{ float:left;} .m2nyr_a{ line-height: 48px; display: inline-block; padding: 0px 1.82vw; height: 48px; font-size: 18px; border-radius:2em;} .m2nyr_a.on,.m2nyr_a:hover{ color: #FFF; background: #005ca7; } .m2nSer{ float:right; position:relative} .m2nSer input{ line-height: 46px; padding: 0px 85px 0px 18px; height: 48px; width: 480px; border: 1px solid #E6E6E6; color:#666; } .m2nSer input:focus{ border: 1px solid #005ca7; } .m2nSer button{ background: url(/statics/home/images/m2n_ser_ico.png) no-repeat center center; height: 46px; width: 72px; position: absolute; top: 1px; right: 1px; border-width: 0px; border-style: none; cursor:pointer } .m2nSer button:hover{ background: url(/statics/home/images/m2n_ser_ico2.png) no-repeat center center; } @media (max-width:1199px){ .m2nyr_a{font-size:16px;} } @media (max-width:993px){ .m2n_yr{width:100%; text-align:center; float:none;} .m2nSer{width:100%; margin-top:25px;} .m2nSer input{width:100%;} } @media (max-width:767px){ .m2nyr_a{border-radius:2em; padding:0 30px;} .m2nTop{padding-top:45px; padding-bottom:28px;} } .m2nul{ margin-bottom:2.6vw; border-bottom:3px solid #005CA7;} .m2nul li{} .m2naBox{ display:block; padding:3.12vw 5.2vw; border-top:2px solid #E6E6E6; position:relative; overflow:hidden} .m2naBox .overflowHide{ float: right; height: 270px; width: 480px; } .m2nTxt{ width:calc(100% - 480px); padding-right:3.02vw;} .m2nTxt strong{ font-size: 24px; line-height: 30px; font-weight: normal; display: block; height: 30px; } .m2nTxt p{ font-size: 16px; line-height: 32px; color: #808080; height: 160px; overflow: hidden; margin: 18px 0px 30px; transition:all 0.5s ease-in-out;} .m2ntag{ line-height:30px;} .m2n_tm{ background: url(/statics/home/images/m2n_i1.png) no-repeat left center; display: inline-block; padding-left: 24px; font-size: 16px; line-height: 24px; color: #005ca7; margin-right: 48px; display:none } .m2n_tg{ background: url(/statics/home/images/m2n_i2.png) no-repeat left center; display: inline-block; padding-left: 24px; font-size: 16px; line-height: 24px; color: #005ca7; margin-right: 48px; } .m2n_pos{ background: url(/statics/home/images/m2n_i3.png) no-repeat left center; display: inline-block; padding-left: 24px; font-size: 16px; line-height: 24px; color: #005ca7; display:none } .m2naBox:after{ content: ""; background: #35ADC6 url(../images/m2nar.png) no-repeat center center; height: 60px; width: 60px; margin-top: -30px; position: absolute; top: 50%; right:calc(5.2vw + 20px); transform:scale(0); border-radius:50%; z-index:1; transition:all 0.5s ease-in-out; opacity:0;} .m2naBox:hover:after{ right:calc(5.2vw - 30px); opacity:1; transform:scale(1);} .m2naBox:hover{ background:#F7F7F7; border-top:2px solid #F7F7F7; color:#005ca7;} .m2naBox:hover p{color:#333;} .m2nul li.next .m2naBox{ border-top:2px solid #F7F7F7} @media (max-width:1799px){ .m2nTxt strong{font-size:21px;} .m2nTxt p{font-size:15px; line-height:30px; height:150px;} } @media (max-width:1199px){ .m2naBox .overflowHide{width:380px;} .m2nTxt{width:calc(100% - 380px);} .m2nTxt strong{font-size:18px;} .m2nTxt p{font-size:12px; line-height:24px;} } @media (max-width:993px){ .m2naBox .overflowHide{width:330px;} .m2nTxt{width:calc(100% - 330px);} .m2naBox{padding-left:0; padding-right:0;} } @media (max-width:767px){ .m2naBox .overflowHide{width:100%; float:none; height:190px;} .m2nTxt{width:100%; float:none; margin-top:15px;} .m2nTxt p{height:auto; margin:8px 0px 15px; font-size:14px; line-height:26px;} .m2nul li{margin-bottom:20px;} .m2naBox{ padding-top:25px;} } .m2scul{display: flex; flex-wrap:wrap; margin:0 -30px; position:relative;} .m2scul li{ width:calc(33.33% - 30px); padding:0 30px; margin-bottom:2.91vw;} .m2scaBox{ display:block; position:relative} .m2scaBox .overflowHide{ height:250px; border-radius:0 0 5em 0;} .m2scaBox .overflowHide:after{content:""; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; right:0; bottom:0} .m2sc_ico{ position: absolute; left: 30px; top: 30px; z-index:2; transform:scale(1)!important; } .m2scaBox strong{ display: block; padding-right: 52px; font-size: 20px; line-height: 32px; margin-top: 22px; font-weight: normal; position: relative; letter-spacing: 1px; text-align: justify; } .m2scaBox strong i{ background: url(/statics/home/images/m2sc_dbtn.png) no-repeat center center; height: 30px; width: 30px; display:inline-block; margin-left:8px; position:relative; top:8px; } .m2nline{ height:3px; background:#005CA7; margin-bottom:45px;} @media (max-width:1799px){ .m2scul{margin-left:-15px; margin-right:-15px;} .m2scul li{padding:0 15px;} .m2scaBox .overflowHide{height:200px;} .m2scaBox strong{font-size:18px; line-height:30px; } } @media (max-width:1199px){ .m2scul li{width:50%;} .m2scaBox strong{font-size:16px;} } @media (max-width:767px){ .m2scul li{width:100%; margin-bottom:35px;} .m2scaBox strong{margin-top:15px; padding-right:0; font-size:14px; line-height:12px; height:auto;} } .m2wgl{ padding: 5.2vw 0px 2.26vw; } .m2wgl li{ margin-bottom:3.54vw; position:relative} .m2wgl_aBox{ display: block; position: relative; z-index: 1; padding: 4.68vw 5.2vw 3.64vw 6.25vw; border: 1px solid #E6E6E6; border-radius:7em 0 7em 0; background:#fff; background-position:right bottom; transition:none!important; } .m2wgl_aBox:hover{ background: #005ca7 url(../images/m2wygl_bg.png) no-repeat right bottom; border: 1px solid #005ca7; background-size:auto 90%; color:#fff; } .m2wgl_bg{ position:absolute; left:10px; top:10px; width:100%; height:100%; background:#005CA7; border-radius:7em 0 7em 0; transition:all 0.5s ease-in-out;} .m2wgl li:hover .m2wgl_bg{ background:#35ADC6;} .m2wgl_dx{ position:relative; padding-left:200px; min-height:180px;} .m2wgl_dx .bgImg{ height: 120px; width: 120px; position: absolute; left: 0px; top: 0px; border-radius:50%; overflow:hidden;} .m2wgl_rdes{ border-left: 1px solid #E6E6E6; letter-spacing: 1px; position: relative; padding: 0px 0px 50px 78px; transition:all 0.5s ease-in-out; } .m2wgl_rdes:after{ content: ""; background: url(/statics/home/images/m2wygl_fha.png) no-repeat center center; height: 41px; width: 49px; position: absolute; right: 0px; bottom: -9px; } .m2wgl_rdes strong{ font-size: 32px; line-height: 36px; font-weight: normal; display: block; margin-bottom: 25px; } .m2wgl_rdes strong span{ font-size: 16px; color: #005ca7; display:inline-block; margin-left:15px;} .m2wgl_rdes p{ font-size: 16px; line-height: 32px; } .m2wgl_aBox:hover .m2wgl_rdes strong span{color:#32adc6;} .m2wgl_aBox:hover .m2wgl_rdes:after{ background: url(/statics/home/images/m2wygl_fh.png) no-repeat center center; } .m2wgl_aBox:hover .m2wgl_rdes{ border-left:1px solid #367DB9;} .m2wgl_aBox:hover .m2wgl_rdes strong,.m2wgl_aBox:hover .m2wgl_rdes p{color:#fff;} .m2wgl_aBox:hover .m2wgl_rdes strong span{color:#32adc6;} @media (max-width:1379px){ .m2wgl_rdes strong{font-size:30px;} } @media (max-width:1199px){ .m2wgl_rdes strong{ font-size:26px;} .m2wgl_rdes p{font-size:15px; line-height:30px;} } @media (max-width:993px){ .m2wgl_dx{padding-left:150px;} .m2wgl_rdes{padding-left:28px;} } @media (max-width:767px){ .m2wgl_dx{padding-left:0;} .m2wgl_rdes{padding-left:0; padding-top:150px; border:none; padding-bottom:15px} .m2wgl_rdes strong{margin-bottom:5px;} .m2wgl_rdes:after{display:none;} .m2wgl li{margin-bottom:25px;} .m2wgl_rdes strong{font-size:22px;} .m2wgl_rdes strong span{font-size:14px;} .m2wgl{padding:50px 10px 50px 0;} .m2wgl_rdes p{font-size:14px;} } .m2lxCon1{ padding-top: 5.2vw; margin-bottom:4.16vw } .m2pub_bt{ font-size: 48px; line-height: 70px; position:relative } .m2pub_mbtn,.m2pub_mbtn:hover{ background: url(/statics/home/images/hmc4m.png) no-repeat right center; display: inline-block; padding-right: 15px; font-size: 16px; font-weight: normal; position: absolute; top: 0px; right: 0px; color: #005CA7; transform:translateY(12px) } .m2lxul{ margin: 25px -5px 0px; } .m2lxul li{ padding: 0px 5px; margin-bottom:10px; } .m2lxInt{ position:relative;} .m2lxInt input{ line-height: 70px; height: 72px; border: 1px solid #E6E6E6; position: relative; width: 100%; border-radius: 4em; padding: 0px 30px; font-size: 16px; color: #555; } .m2lxArea{ position: relative;} .m2lxArea textarea{ font-size: 16px; line-height: 30px; color: #555; padding: 20px 30px; height: 240px; border-radius:2em; border: 1px solid #E6E6E6; width:100%;} .m2lxInt input:focus,.m2lxArea textarea:focus{ border: 1px solid #005ca7; } .m2lxBtnWpr{ padding-top: 20px; overflow:hidden} .m2lxBtnWpr .fl{line-height:60px; height:60px;} .m2lxBtnWpr .fl strong{ font-size: 16px; color: #808080; float: left; font-weight: normal; } .m2lxBtnWpr label{ float: left; margin-left: 4.68vw; position: relative; font-size: 16px; color: #808080; } .m2lxBtnWpr .fr {text-align:right; margin-top:40px;} .m2lxBtnWpr .fr button{ line-height: 60px; background: #005CA7; height: 60px; width: 200px; font-size: 16px; color: #FFF; text-align: center; display: inline-block; border-radius:2em; transition:all 0.5s ease-in-out; cursor:pointer } .m2lxBtnWpr .fr button:hover{ box-shadow:0px 10px 30px rgba(0,92,167,0.3);} .m2lxBtnWpr .fr p{ font-size: 16px; color: #808080; line-height: 30px; margin-top: 22px; } .m2lxCon2{ margin-bottom:4.16vw;} .m2lxu2{ margin: 26px -24px 0px; } .m2lxu2 li{ padding: 0px 24px; float: left; width: 33.33%; } .m2lxu2a{ display:block; position:relative;} .m2lxu2a:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#005CA7; background: linear-gradient(to right, #005CA7 0%,#2DA1C1 100%); border-radius:5em 0 5em 0; overflow:hidden; box-shadow:0 10px 30px rgba(0,92,167,0.3); transition:all 0.5s ease-in-out; opacity:0} .m2lxu2a:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border-top:1px solid #E6E6E6; transition:all 0.5s ease-in-out;} .m2lxu2a:hover:after{opacity:0;} .m2lxu2a:hover:before{opacity:1;} .m2lxu2ax{ position:relative; z-index:1; height:202px; padding-left:100px;display:flex; flex-direction:column; justify-content:center; } .m2lxu2ax strong{ display: block; font-size: 24px; font-weight: normal; line-height: 38px; transition:all 0.5s ease-in-out; } .m2lxu2ax p{ display: block; font-size: 16px; line-height: 30px; color: #808080; margin-top: 14px; transition:all 0.5s ease-in-out; } .m2lxu2a:hover strong,.m2lxu2a:hover p{color:#fff;} .m2lxc2Bom{ padding: 2.86vw 0px 3.12vw 100px; background: #F7F7F7 url(../images/m2lx_bg1.png) no-repeat right top; border-top: 4px solid #005CA7; border-radius:0 0 5em 0; margin-top:3.38vw;} .m2lxc2Bom strong{ font-size: 36px; line-height: 60px; display: block; letter-spacing: 1px; font-weight: normal; } .m2lxc2des{ font-size: 18px; line-height: 36px; margin: 18px 0px 20px; } .m2lx_link{ background: url(/statics/home/images/m2lx_posi.png) no-repeat right center; display: inline-block; font-size: 18px; line-height: 30px; color: #005ca7; padding-right: 28px; } .m2ocms{ border-top: 1px solid #E6E6E6; margin-top: 26px; padding: 0px 100px 4.08vw; } .m2ocmul{ margin: 0px -14px; } .m2ocm_st{ font-size: 24px; line-height: 100px; } .m2ocmul li{ padding: 0px 14px; float: left; width: 50%; margin-bottom: 28px; } .m2ocm_itm{ display:block; position:relative; border-radius:0 0 6em 0; transition:all 0.5s ease-in-out; border:1px solid #E6E6E6; height:200px;} .m2ocm_itm:hover{ box-shadow:0 10px 30px rgba(0,92,167,0.3);} .m2ocBg{ position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border-radius:0 0 6em 0; overflow:hidden; transition:all 0.5s ease-in-out; opacity:0} .m2ocBg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0;background: linear-gradient(to right, #005ca7 40%,rgba(0,92,167,0.3) 100%);} .m2ocBg img{position:absolute; right:0; top:0; height:100%; width:auto;} .m2ocm_itm:hover .m2ocBg{opacity:1;} .m2ocmDes{ height:200px; position:relative; z-index:1; padding:0 40px;display:flex; flex-direction:column; justify-content:center;} .m2ocmDes strong{ font-size: 24px; font-weight: normal; line-height: 40px; display: block; transition:all 0.5s ease-in-out; } .m2ocmDes p{ font-size: 16px; color: #808080; line-height: 28px; margin: 15px 0px; padding-left: 25px; background: url(/statics/home/images/m2lx_si1.png) no-repeat left 6px;transition:all 0.5s ease-in-out; } .m2ocmDes span{ font-size: 14px; line-height: 30px; color: #32adc6; } .m2ocm_itm:hover .m2ocmDes strong,.m2ocm_itm:hover .m2ocmDes p{color:#fff;} .m2ocm_itm:hover p{ background: url(/statics/home/images/m2lx_si2.png) no-repeat left 6px; } .slideMenu{ position:fixed; z-index:6; width:25px; top:50%; transform:translateY(-50%); right:0; display:none;} .slideMenu li{ height:40px; position:relative;} .slideMenu_a{ height: 40px; display: block; white-space: nowrap; position: absolute; padding-left: 55px; top: 0; right: 0; color: #bfbfbf; padding-right: 50px; font: 14px/40px gm_l; } .slideMenu_a:hover,.slideMenu_a.on{ font-size: 18px; font-weight: bold; color: #005ca7; padding-right: 70px; } .slideMenu_a:before{ content: ""; background: #E6E6E6; height: 1px; width: 24px; position: absolute; top: 50%; right: 0px; transition:all 0.5s ease-in-out;} .slideMenu_a:hover:before,.slideMenu_a.on:before{ background: #005CA7; width: 48px; } @media (max-width:1799px){ .m2pub_bt{font-size:42px;} .m2lxInt input{ line-height: 60px; height: 62px;font-size: 15px;} .m2lxu2ax strong{font-size:21px;} .m2lxu2ax{padding-left:40px;} .m2lxc2Bom strong{font-size:28px; line-height:42px;} .m2lxc2des{font-size:16px; line-height:32px;} .m2lx_link{font-size:16px;} .m2lxc2Bom{padding-left:50px;} .m2ocms{padding-left:50px; padding-right:50px;} .m2ocm_st{font-size:20px; line-height:80px;} .m2ocmDes strong{font-size:22px;} } @media (max-width:1379px){ .m2pub_bt{font-size:32px; line-height:44px;} .m2ocmDes strong{font-size:21px;} .m2pub_bt{font-size:26px; line-height:42px;} } @media (max-width:1199px){ .m2lxu2 li{width:50%;} } @media (max-width:993px){ .slideMenu{display:none!important;} .m2ocmul li{width:100%;} .m2lxBtnWpr .fl{height:auto;} .m2lxBtnWpr .fr{width:100%; text-align:center;} } @media (max-width:767px){ .m2pub_bt{font-size:21px;} .m2lxCon1{padding-top:45px;} .m2lxul{margin-top:15px;} .m2lxInt input{line-height:50px; height:52px; font-size:14px;} .m2lxArea textarea{height:180px;} .m2lxBtnWpr .fl strong{font-size:13px;} .m2lxBtnWpr label{margin-left:10px; font-size:13px;} .m2lxBtnWpr .fl{width:100%;} .m2lxBtnWpr .fr{width:100%; text-align:center} .m2lxBtnWpr .fr button{line-height:52px; height:52px;} .m2lxBtnWpr .fr p{font-size:13px; line-height:28px;} .m2lxu2{margin-top:20px;} .m2lxu2ax{padding-left:15px;} .m2lxu2 li{width:100%;} .m2lxu2ax strong{font-size:18px; line-height:30px;} .m2lxu2ax p{font-size:14px; line-height:26px; margin-top:5px;} .m2lxu2ax{height:auto; padding:25px 0;} .m2lxc2Bom{padding-left:15px; padding-top:18px; padding-bottom:25px;} .m2lxc2Bom strong{font-size:20px; line-height:30px;} .m2lxc2des{font-size:14px; line-height:26px; margin:10px 0px 10px} .m2lx_link{font-size:14px;} .m2ocms{margin-top:15px; padding-left:0; padding-right:0;} .m2ocmDes{padding:20px 15px 12px; height:auto;} .m2ocmDes p{margin-top:5px;} .m2ocm_itm{height:auto; padding-bottom:10px;} .m2ocmDes strong{font-size:18px;} .m2ocm_itm{background:#fff;} .m2ocmul li{margin-bottom:18px;} .m2ocms{padding-bottom:48px;} } .m2hcps_list{ margin-top:5.2vw; margin-bottom:2vw;} .m2hcps_list li{ margin-bottom:5.2vw} .m2hcps_aBox{ display:block; position:relative;} .m2hcps_aBox:after{content:""; display:table; height:0; overflow:hidden; clear:both;} .m2hcps_img{float:right; position:relative; padding-right:20px; padding-bottom:20px;} .m2hcps_img .overflowHide{ width:720px; height:405px; border-radius:0 0 7em 0;} .m2hcps_img:before{content:""; left:20px; top:20px; right:0px; bottom:0px; border:2px solid #005CA7; transition:all 0.5s ease-in-out; position:absolute; border-radius:0 0 8em 0;} .m2hcps_aBox:hover .m2hcps_img:before{ background:#005CA7;} .m2hcpsDes{ float:left;margin-left:120px; margin-top:40px; width:420px;} .m2hcpsDes strong{ font-size: 36px; font-weight: normal; line-height: 50px; display: block; } .m2hcp_txt{ font-size: 16px; line-height: 32px; min-height: 160px; overflow: hidden; margin: 12px 0px 45px; color:#333; } .m2hcpsDes span{ line-height: 44px; text-align: center; display: inline-block; height: 48px; width: 180px; border: 2px solid #005CA7; font-size: 14px; color: #005CA7; border-radius:2em; transition:all 0.5s ease-in-out} .m2hcps_aBox:hover .m2hcpsDes span{ background:#005CA7;box-shadow:0 10px 30px rgba(0,92,167,0.3); color:#fff;} .m2hcps_list li:nth-child(2n) .m2hcps_img{float:left;} .m2hcps_list li:nth-child(2n) .m2hcpsDes{float:right; margin-left:0; margin-right:120px;} .m2hcps_list li:nth-child(2) .m2hcps_img:before{ border:2px solid #32adc6;} .m2hcps_list li:nth-child(2) .m2hcps_aBox:hover .m2hcps_img:before{ background:#32adc6;} .m2hcps_list li:nth-child(2) .m2hcps_aBox:hover{ color:#32adc6;} .m2hcps_list li:nth-child(2) .m2hcpsDes span{ color: #32adc6; border: 2px solid #32adc6; } .m2hcps_list li:nth-child(2) .m2hcps_aBox:hover .m2hcpsDes span{ background:#32adc6; box-shadow:0 10px 30px rgba(50,173,198,0.3); color:#fff;} .m2hcps_list li:nth-child(3) .m2hcps_img:before{ border:2px solid #9178b0;} .m2hcps_list li:nth-child(3) .m2hcps_aBox:hover .m2hcps_img:before{ background:#9178b0;} .m2hcps_list li:nth-child(3) .m2hcps_aBox:hover{ color:#9178b0;} .m2hcps_list li:nth-child(3) .m2hcpsDes span{ color: #9178b0; border: 2px solid #9178b0; } .m2hcps_list li:nth-child(3) .m2hcps_aBox:hover .m2hcpsDes span{ background:#9178b0; box-shadow:0 10px 30px rgba(145,120,176,0.3); color:#fff;} .m2hcps_list li:nth-child(4) .m2hcps_img:before{ border:2px solid #85395c;} .m2hcps_list li:nth-child(4) .m2hcps_aBox:hover .m2hcps_img:before{ background:#85395c;} .m2hcps_list li:nth-child(4) .m2hcps_aBox:hover{ color:#85395c;} .m2hcps_list li:nth-child(4) .m2hcpsDes span{ color: #85395c; border: 2px solid #85395c; } .m2hcps_list li:nth-child(4) .m2hcps_aBox:hover .m2hcpsDes span{ background:#85395c; box-shadow:0 10px 30px rgba(133,57,92,0.3); color:#fff;} .m2hcps_list li:nth-child(5) .m2hcps_img:before{ border:2px solid #c9a46e;} .m2hcps_list li:nth-child(5) .m2hcps_aBox:hover .m2hcps_img:before{ background:#c9a46e;} .m2hcps_list li:nth-child(5) .m2hcps_aBox:hover{ color:#c9a46e;} .m2hcps_list li:nth-child(5) .m2hcpsDes span{ color: #c9a46e; border: 2px solid #c9a46e; } .m2hcps_list li:nth-child(5) .m2hcps_aBox:hover .m2hcpsDes span{ background:#c9a46e; box-shadow:0 10px 30px rgba(201,164,110,0.3); color:#fff;} .m2hcps_list .partFlag{position:relative; top:-40vh;} @media (max-width:1799px){ .m2hcps_img .overflowHide{width:600px; height:315px} .m2hcpsDes strong{font-size:28px; line-height:44px;} .m2hcp_txt{font-size:15px; line-height:30px; min-height:90px;} } @media (max-width:1199px){ .m2hcpsDes{margin-left:50px; width:380px;} .m2hcps_list li:nth-child(2n) .m2hcpsDes{margin-right:50px;} .m2hcpsDes strong{font-size:24px; line-height:38px;} .m2hcp_txt{font-size:14px; line-height:26px; margin-bottom:15px;} } @media (max-width:993px){ .m2hcps_img .overflowHide{width:100%!important; height:380px!important;} .m2hcps_img{float:none!important;} .m2zlDes{width:100%!important; float:none!important; left:auto!important; right:auto!important; top:auto!important; transform:translate(0,0)!important; height:auto!important; padding:15px 0!important; position:static!important; text-align:center} .m2zl_u1{margin-top:35px!important;} .m2zl_stxt{font-size:14px!important; line-height:28px!important; margin-top:8px!important;} .m2zlDes strong{font-size:18px!important;} .m2hcpsDes{width:100%; margin:30px auto 20px!important; text-align:center} } @media (max-width:767px){ .m2zl_u1{margin-top:0px!important;} .m2hcps_list{margin-top:50px;} .m2hcpsDes strong{font-size:21px;} .m2hcpsDes{margin:20px auto 30px !important;} .m2hcp_txt{min-height:30px;} } .m2whPage{ background-repeat:no-repeat; background-size:cover; background-position:center center; height:80vh; position:relative} .m2whPage h4{white-space: nowrap;display: inline-block;line-height: 3.37vw;color: #FFF;padding: 2vw 4.68vw;font-size: 2.12vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #005ca7;font-weight: normal;border-radius: 1em 0 1em 0;} .m2whPage a{ white-space: nowrap; display: inline-block; font-size: 16px; line-height: 40px; color: #005ca7; padding: 0px 8px; height: 40px; border-bottom: 2px solid #005CA7; position:absolute; left:50%; bottom:8.33vh; transform:translateX(-50%);} @media (max-width:767px){ .m2whPage h4 {font-size: 12px;line-height: 24px;} .m2whPage{height:40vh;} } .m2dy_t{ font-size: 48px; line-height: 70px; display: block; padding-top: 4.68vw; } .m2dy_des{ font-size: 16px; line-height: 30px; margin-top: 22px; padding-bottom: 2.6vw; border-bottom: 4px solid #005CA7; } .m2dy_des a{ color: #005CA7; } .m2dyWpr{ margin-bottom:5.82vw} .m2dyTop{ padding: 1.66vw 0px; overflow: hidden; font-size: 16px; line-height: 36px; color: #808080; } .m2dyTop li{ width:50%; float:left;} .m2dyTop li strong{ font-weight: normal; float:left; } .m2dyTop li label{ margin-left:4.16vw; float:left;} .m2dyBom{ background: #fff; padding: 60px 110px; } .m2dyitem{ margin: 0px -5px; } .m2dyitem li{ padding: 0px 5px; float: left; width: 50%; margin-bottom:10px; } .m2dyInx{ position: relative; } .m2dyInx input,.m2dy_bmInx input{ line-height: 70px; height: 72px; border: 1px solid #E6E6E6; position: relative; width: 100%; border-radius: 4em; padding: 0px 30px; font-size: 16px; color: #555; } .m2dyInx input:focus,.m2dy_bmInx input:focus{ border: 1px solid #005ca7; } .bodyIn .layui-laydate .layui-this{background-color:#005CA7!important;} .m2dy_btns{ text-align: center; padding: 20px 0px 30px; } .m2dy_delBtn{ line-height: 60px; background: #32adc6; height: 60px; width: 200px; font-size: 16px; color: #FFF; text-align: center; display: inline-block; border-radius:2em; transition:all 0.5s ease-in-out; cursor:pointer } .m2dy_delBtn:hover{ box-shadow:0px 10px 30px rgba(50,173,198,0.3); color:#fff;} .m2dy_addBtn{ line-height: 60px; background: #005CA7; height: 60px; width: 200px; font-size: 16px; color: #FFF; text-align: center; display: inline-block; border-radius:2em; transition:all 0.5s ease-in-out; cursor:pointer } .m2dy_addBtn:hover{ box-shadow:0px 10px 30px rgba(0,92,167,0.3); color:#fff;} .m2dy_bmInx{ margin-bottom:30px;} .m2dyWpr button{ line-height: 80px; background: #005CA7; height: 80px; font-size: 24px; color: #FFF; text-align: center; display: block; border-radius:2em; transition:all 0.5s ease-in-out; cursor:pointer; width:100%; margin-top:30px; } .m2dyWpr button:hover{box-shadow:0px 10px 30px rgba(0,92,167,0.3); color:#fff;} .m2dy_slex{padding:0 0px 1.66vw;overflow: hidden;font-size: 16px;line-height: 36px;color: #808080;} .m2dy_slex strong{font-weight: normal;float: left;} .m2dy_slex label{margin-left: 10px;float: left; margin-right:40px;} .m2dy_areaBox{ margin-bottom:30px;} .m2dy_areaBox textarea{ line-height: 30px; height: 182px; border: 1px solid #E6E6E6; position: relative; width: 100%; border-radius: 1em; padding: 20px 30px; font-size: 16px; color: #555;} .m2dy_areaBox textarea:focus{ border: 1px solid #005ca7; } @media (max-width:1799px){ .m2dy_t{font-size:34px; line-height:42px;} .m2dyInx input,.m2dy_bmInx input{ line-height: 60px; height: 62px;font-size: 15px; } .m2dyWpr button{ line-height: 70px; height: 70px; font-size: 21px; } } @media (max-width:1379px){ .m2dy_t{font-size:28px; line-height:36px;} } @media (max-width:1199px){ .m2dyBom{padding: 50px 40px; } } @media (max-width:993px){ .m2dyTop li{width:100%;} .m2dy_slex label{margin-right:10px;} .m2dy_slex label:last-child{margin-right:0;} } @media (max-width:767px){ .m2dy_t{padding-top:45px; font-size:22px;} .m2dy_des{margin-top:8px; font-size:14px; line-height:28px;} .m2dyTop{font-size:13px;} .m2dyBom{padding:20px 15px;} .m2dyitem li{width:100%;} .m2dyInx input, .m2dy_bmInx input{line-height:50px; height:52px;} .m2dy_delBtn,.m2dy_addBtn{line-height:52px; height:52px;} .m2dyWpr button{font-size:18px; line-height:60px; height:60px;} .m2dyBom{padding:30px 15px 50px; margin-top:15px; margin-bottom:55px;} .m2dy_slex strong{width:100%;} .m2dy_slex{font-size:14px;} .m2dy_slex label{margin-right:4px;} .m2dy_slex label:last-child{margin-right:0;} .m2dy_areaBox textarea{padding:8px 15px; font-size:15px;} } .m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:30} .m2layerClose {position: fixed;width: 30px;height: 30px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 32; cursor:pointer} .m2layerClose:hover{transform:rotate(180deg);} .m2layerClose:before, .m2layerClose:after {content: '';width: 30px;height: 2px;background: #fff;position: absolute;top: 15px;} .m2layerClose:before {left: 0;transform: rotate(45deg);} .m2layerClose:after {left: 0;transform: rotate(135deg);} .m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); max-width:80%; max-height:80%; width:auto; height:auto; z-index:35;} @media (max-width:767px){ .m2Lay_video{max-height: 90vw;max-width: 90vw;} .m2layerClose{right:15px;} .m2us_video2:before{ content: ""; height: 20px; width: 20px; border-bottom: 1px solid #F4C11A; border-left: 1px solid #F4C11A; left: -20px; bottom: -20px; } .m2us_video2:after{content:""; height: 20px; width: 20px; border-top: 1px solid #F4C11A; border-right: 1px solid #F4C11A; position: absolute;} } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ } .m2gkCon1{ padding: 5.2vw 0 6.5vw; } .m2gkCon1 h5{ line-height: 30px; font-weight: normal; font-size: 16px; color: #005CA7; } .m2gkCon1 h2{ font-size: 48px; line-height: 70px; font-weight: normal; letter-spacing: 2px; display: block; margin: 20px 0px 18px; } .m2gk_des{ font-size: 16px; line-height: 32px; margin-bottom: 4.68vw; } .m2gk_video{ display:block;} .m2gk_video .overflowHide{ height:31.25vw; border-radius:10em 0 10em 0;} .m2gk_video .overflowHide:before{content:""; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;} .m2gk_video .overflowHide:after{content:""; z-index: 2; background: #FFF url(../images/m2gk_pi.png) no-repeat center center; height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; position: absolute; left: 50%; top: 50%; border-radius:50%;} .m2gkCon2{ position:relative; overflow:hidden} .m2gk_c2bgs{ position:absolute; left:0; top:0; right:0; bottom:0} .m2gk_c2bg{ position:absolute; left:0; top:0; right:0; bottom:0;/* transition:all 0.5s ease-in-out;*/ opacity:0;} .m2gk_c2bg.on{ opacity:1;} .m2gk_c2bg .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; background-size:cover;} .m2gkc2Lycon{ position:relative; z-index:1; color:#fff; width:1920px; left:50%; transform:translateX(-50%); padding:5.72vw 0;} .m2gkc2Lycon h5{ line-height: 30px; font-weight: normal; font-size: 16px;} .m2gkc2Lycon h4{ font-size: 32px; line-height: 48px; letter-spacing: 1px; font-weight: normal; margin: 1.45vw 0px 6.77vw; } .m2gkSlick{ height: 545px; width: 735px; position: relative; padding: 85px 65px 0px; } .m2gkSlick:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,92,167,0.6);-webkit-filter: blur(15px); filter: blur(15px); border-radius:10em 0 10em 0} .m2gk_item{ position:relative;} .m2gk_item h6{ font-size: 24px; font-weight: normal; line-height: 38px; display: block; margin-bottom: 26px; } .m2gk_c2des{ font-size: 16px; line-height: 32px; } .m2gk_dot{ background: url(/statics/home/images/m2gk_line.png) no-repeat right 19px; height: 70px; position: absolute; width: 947px; right: 0px; bottom:calc(5.2vw + 35px); padding-left:35px; } .m2gk_dot a{ text-align: center; float: left; width: 178px; height: 70px; color: #fff; font-size: 14px; line-height: 22px; padding-top: 42px; position:relative; } .m2gk_dot a i{ height: 12px; width: 12px; position: absolute; left: 50%; margin-left: -6px; top: 14px; } .m2gk_dot a i:before{ content: ""; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; position: absolute; left: 50%; top: 50%; background:rgba(50,173,198,0.2); border-radius:50%; transition:all 0.5s ease-in-out; opacity:0 } .m2gk_dot a i:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; background:#fff;} .m2gk_dot a.on i:before{ opacity:1} .m2gk_dot a.on i:after{ background:#32adc6; width:18px; height:18px; top:-3px; left:-3px;} .m2gkCon3{ background:#fff url(../images/hmc6bg.jpg) no-repeat center 5.2vw; background-size:cover; position:relative; overflow:hidden; padding-bottom:6vw;} .m2gkc3Top{ padding-top: 5.2vw; position:relative; z-index:2; } .m2gkc3Top strong{ line-height: 30px; font-weight: normal; font-size: 16px; display: block; color: #005CA7; } .m2gkc3Top p{ font-size: 48px; line-height: 70px; font-weight: normal; letter-spacing: 2px; display: block; margin: 20px 0px 2.7vw; } .m2gkc3Top a{ line-height: 50px; background: #005CA7; height: 50px; width: 180px; font-size: 16px; color: #FFF; text-align: center; display: inline-block; border-radius:2em; transition:all 0.5s ease-in-out; cursor:pointer } .m2gkc3Top a:hover{ box-shadow:0px 10px 30px rgba(0,92,167,0.3);} .hmc5clound {width: 100%;height: 590px;position: absolute;left: 0;bottom: 0;background: url(/statics/home/images/hmc5_cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;} .m2gkCon3 .container{position:relative; z-index:5;} .hmc5years{ background: url(/statics/home/images/hmc5line.png) no-repeat center center; height: 681px; width: 1198px; margin: -5vw auto 0px; position:relative; z-index:3;} .hmc5yrBtn{ display: inline-block; height: 40px; width: 40px; position: absolute; } .hmc5yr{ color: #005ca7; height: 20px; display: inline-block; position: absolute; left: -32px; top: 10px; font: bold 16px/20px gm_l; transition: all 0.3s ease-in-out; } .hmc5yrIcon{ position:absolute; left:0; top:0; right:0; bottom:0} .hmc5yrIcon:before{ content: ""; background: #005ca7; display: inline-block; height: 18px; width: 18px; border: 2px solid #FFF; position: absolute; left: 11px; top: 11px; border-radius:50%; box-shadow:0 0 5px rgba(0,88,78,0.3)} .hmc5yrIcon:after{ content: ""; background: url(/statics/home/images/hmc5_on.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left: -10px; top: -10px; transition:all 0.5s ease-in-out; opacity:0} .hmc5yrIcon i{ background: url(/statics/home/images/hmc5i.png) no-repeat center center; height: 65px; width: 55px; position: absolute; bottom: 28px; left: 50%; margin-left: -27px; opacity:0 } @keyframes hmc5yrIconAni { 0% { transform:translateY(0) } 50% { transform:translateY(-10px) } 100% { transform:translateY(0) } } .hmc5yrBtn.on .hmc5yrIcon:after{ opacity:1;} .hmc5yrBtn.on .hmc5yrIcon i{ animation:hmc5yrIconAni 2s linear infinite; opacity:1} .hmc5yrBtn.on .hmc5yr{opacity:0;} .hmc5yrBtn1{ left: 48px; top: 578px; } .hmc5yrBtn2{ left:188px; top:509px;} .hmc5yrBtn3{ left:227px; top:455px;} .hmc5yrBtn3 .hmc5yr{left:auto; right:-30px;} .hmc5yrBtn4{ left:269px; top:351px;} .hmc5yrBtn4 .hmc5yr{left:auto; right:-30px;} .hmc5yrBtn5{ left:297px; top:290px;} .hmc5yrBtn5 .hmc5yr{left:auto; right:-30px;} .hmc5yrBtn6{ left:340px; top:241px;} .hmc5yrBtn6 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn7{ left:404px; top:206px;} .hmc5yrBtn7 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn8{ left:480px; top:183px;} .hmc5yrBtn8 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn9{ left:558px; top:169px;} .hmc5yrBtn9 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn10{ left:627px; top:134px;} .hmc5yrBtn10 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn11{ left: 691px; top: 96px;} .hmc5yrBtn11 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn12{ left:764px; top:81px;} .hmc5yrBtn12 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn13{ left: 838px;top: 80px;} .hmc5yrBtn13 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn14 {left: 916px;top: 71px;} .hmc5yrBtn14 .hmc5yr{ left:0px; margin-top:-30px;} .hmc5yrBtn15{left: 982px;top: 54px;} .hmc5yrBtn15 .hmc5yr{ left:2px; margin-top:30px;} .hmc5yrBtn16{left: 1052px;top: 35px;} .hmc5yrBtn16 .hmc5yr{ left:2px; margin-top:30px;} .hmc5SwiperWpr{ width:100%; position:absolute; left:0; width:100%; bottom:0vh; z-index:4; height:1px;} .hmc5Swiper{ display:inline-block; height:462px; width:784px; position:absolute; right:15px; bottom:30px;} .hmc5item_2{ padding:32px 32px 32px 32px;} .hmc5txt_2{ background: #fff url(../images/m2gk_ybg.png) no-repeat right center; padding: 40px 42px 0px; height: 240px; box-shadow: 0 0 30px rgba(0,0,0,0.1); margin-top:0px; width: 720px; border-radius:5em 0 5em 0; position:relative } .hmc5Syr{ font: 200px/240px gm_m; text-align: center; background-image: -webkit-gradient(linear, 0 0,0 bottom, from(#2ba1c2), to(#005ca7));-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-weight:bold;} .hmc5img{ display:block; float:left; padding:2px; background-image: linear-gradient(90deg, #00584e 0%,#7eb625 100%); border-radius:0.3em;} .hmc5img .overflowHide{ height: 176px; width: 314px; border-radius:0.3em;} .hmc5txt_2_p{ text-align:left} .hmc5txt_2_p p{ font-size: 16px; line-height: 32px; color: #808080; margin: 12px 0px; height: 100px; overflow: hidden } .hmc5txt_2_p a{ font-size: 14px; line-height: 28px; height:30px; color: #005CA7; text-transform: uppercase; display: inline-block; letter-spacing: 1px; } .hmc5txt_2_p a:hover{ color: #FFF; background: #005CA7; padding: 0px 20px; } .m2gkYrWprs{position:relative; z-index:2;} .hmc5years .prev{ background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left:-85px; top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25 } .hmc5years .next{background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; right:-85px; transform:rotateY(180deg); top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25; } .hmc5years .prev:hover,.hmc5years .next:hover{ background: #005CA7 url(../images/hmc6btna.png) no-repeat center center; } @media (max-width:1799px){ .m2gk_des{font-size:15px; line-height:30px;} .m2gkCon1 h2{font-size:42px;} .m2gkc2Lycon h4{font-size:28px; line-height:42px;} .m2gkc2Lycon h4{margin-bottom:5vw;} .m2gkc3Top p{font-size:42px; line-height:60px;} } @media (max-width:1379px){ .m2gkCon1 h2{font-size:32px; line-height:44px;} .m2gkc3Top p{font-size:32px; line-height:44px;} } @media (max-width:1199px){ .m2gk_video .overflowHide:after{transform:scale(0.8)} .m2gkc2Lycon h4{font-size:21px; line-height:34px;} .m2gkSlick{width:100%; padding:66px 50px 0px; height:435px;} .m2gk_item h6{margin-bottom:12px;} .m2gk_c2des{font-size:15px; line-height:30px;} .m2gk_dot{right:450px; bottom:45px;} } @media (max-width:993px){ .hmc5SwiperWpr{position:static; height:auto} .hmc5Swiper{position:static;} } @media (max-width:767px){ .m2gkCon1{padding-top:40px;} .m2gkCon1 h2{font-size:22px; line-height:30px;} .m2gk_des{font-size:14px;} .m2gk_video .overflowHide{height:200px; border-radius:5em 0 5em 0} .m2gkc2Lycon{width:100%;} .m2gkc2Lycon{padding:50px 0 100px;} .m2gkc2Lycon h4{font-size:17px; line-height:34px;} .m2gk_item h6{font-size:20px; line-height:30px;} .m2gk_c2des{font-size:12px; line-height:24px;} .m2gkSlick{padding:40px 29px 0px; height:450px;} .m2gkSlick:before{ border-radius:5em 0 5em 0} .m2gk_dot{width:100%; left:0; right:0; text-align:center;} .m2gk_dot a{width:25%; font-size:12px;} .m2gkCon1{padding-bottom:50px;} .m2gkc3Top{padding-top:50px;} .m2gkc3Top p{font-size:24px; line-height:32px; text-align:center;margin-top:0;} .m2gkc3Top{text-align:center;} .m2gkc3Top a{transform:scale(0.8);} .m2gkYrWprs .container {padding:0;} .hmc5SwiperWpr{margin-top:20px;} .hmc5txt_2{width:100%; padding:0 15px;} .hmc5item_2{padding-left:0; padding-right:0;} .hmc5txt_2{padding-top:25px;} .hmc5txt_2_p p{font-size:14px; line-height:30px} .m2gkCon3{padding-bottom:70px;} .hmc5txt_2{margin-top:-20px;} } @media (max-width:1799px){ .hmPage5 .hmc5box strong,.hmPage5 .hmc5box p{ transform:translateY(100px)} .hmPubt strong{font-size:28px; line-height:48px;} .hmPubt p{font-size:18px; margin-top:5px;} .hmc5Syr{ font: 200px/200px din; } .hmc5Swiper{width:725px; height:450px;} .hmc5txt{padding:25px 25px 0px; height:220px;} .hmc5txt_p{ margin-left:310px;} .hmc5txt_p p{max-height:104px; line-height:26px;} .hmc5img .overflowHide{width:285px; height:166px;} .hmPage5 {height:100vh!important; overflow:hidden!important;} } @media (max-width:1379px){ .hmc5Syr{ font: 150px/150px din; position:relative; top:-30px; } .hmc5Swiper{transform:scale(0.8); transform-origin:center top;} .hmc5txt{position:relative; z-index:1;} .hmPage5{height:100vh!important; overflow:hidden!important;} .hmPage5 .container{height:100vh!important; overflow:hidden!important;} .hmPage5 .hmc5SwiperWpr .container{overflow:visible!important; height:1px!important;} .hmc5Swiper{bottom:-80px;} .hmPubt p{margin-top:0; font-size:16px;} } @media (max-width:1199px){ .hmPage5 .hmc5box strong,.hmPage5 .hmc5box p{ transform:translateY(50px)} .hmc5years {transform:translate(100px,-50px) scale(0.7)!important; transform-origin:left center} .active .hmc5years{ transform:translate(0px,-50px) scale(0.7);} .hmc5years .next{right:35px;} .hmc5Swiper{transform:scale(0.85);} .hmPage5{padding-bottom:70px;} .hmc5SwiperWpr{bottom:60px;} } @media (max-width:993px){ .hmc5years{display:none;} .hmPage5{height:500px!important;} .hmPage5 .container{height:150px!important;} .hmc5Swiper .slick-dots{bottom:-25px;} .hmc5Swiper .slick-dots li button{display:none;} .hmc5Swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .hmc5Swiper .slick-dots li.slick-active{ background:#005CA7;} .hmc5SwiperWpr{bottom:80px;} .hmc5Swiper{transform-origin:left top;} } @media (max-width:767px){ .hmc5Swiper{width:100%; bottom:20px; transform:scale(1); right:0} .hmc5item{padding:20px 20px 0 20px;} .hmPage5{height:700px!important;} .hmc5txt{height:420px; margin-top:-56px;} .hmc5Syr{ font: 100px/100px din; position:relative; top:-30px; } .hmc5img .overflowHide{width:100%; float:none;} .hmc5img{float:none; width:100%;} .hmc5txt_p{margin-left:0;} .hmc5Swiper{height:360px;} .hmc5Swiper .slick-dots{bottom:-35px;} } .m2squl{ margin: 4.68vw -1.56vw 2.6vw; } .m2squl li{ width:50%; float:left; padding:0 1.56vw; margin-bottom:3.12vw;} .m2sq_aBox{ display: block; position: relative; padding: 3.43vw 5.2vw; border-top: 4px solid #005CA7; border-radius:0 0 9em 0; overflow:hidden; } .m2sq_aBox:before{ content: ""; background: #005CA7 url(../images/m2sqBg.png) no-repeat right bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; opacity:0; background-size:35.93vw auto; } .m2sq_aBox:hover:before{ opacity:1;} .m2sqDiv{ position:relative; letter-spacing:2px;} .m2sqDiv strong{ font-size: 24px; font-weight: normal; line-height: 52px; display: block; height: 52px; overflow: hidden; } .m2sqDiv p{ font-size: 16px; line-height: 32px; color: #808080; height: 96px; overflow: hidden; margin-top: 12px; transition:all 0.5s ease-in-out; } .m2sqDiv span{ font-size: 16px; line-height: 26px; color: #005ca7; display: inline-block; margin-top: 1.56vw; transition:all 0.5s ease-in-out; } .m2sq_aBox:hover{ box-shadow:0px 10px 30px rgba(0,92,167,0.3); color:#fff;} .m2sq_aBox:hover .m2sqDiv p{ color:#fff;} .m2sq_aBox:hover .m2sqDiv span{ color:#fff;} @media (max-width:1799px){ .m2sq_aBox{padding:2.43vw 3.2vw;} .m2sqDiv strong{font-size:22px; line-height:46px;} .m2sqDiv p{font-size:15px; line-height:30px; height:90px;} } @media (max-width:1199px){ .m2sqDiv strong{font-size:20px;} } @media (max-width:993px){ .m2squl li{width:100%;} } @media (max-width:767px){ .m2squl{margin-top:45px;} .m2sqDiv strong{font-size:18px; line-height:32px; height:auto} .m2sqDiv p{margin-top:0;} .m2sqDiv span{font-size:14px;} .m2sq_aBox{padding:20px 0 20px;} } .tipLinkBg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:30;} .tipLinkBox{ padding: 52px 120px 60px 60px; width:1200px; max-width:90%; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:0 0 8em 0; overflow:hidden; z-index:35; letter-spacing:1px;} .tipClose{ background: url(/statics/home/images/tipClose.png) no-repeat center center; display: inline-block; height: 34px; width: 34px; position: absolute; top: 32px; right: 32px; cursor: pointer; transition:all 0.5s ease-in-out;} .tipClose:hover{transform:rotate(90deg);} .tipLinkBox strong{ font-size: 48px; color: #005ca7; line-height: 68px; font-weight: normal; display: block; } .tipLinkBox p{ font-size: 18px; line-height: 36px; margin: 15px 0px 2.34vw; min-height:180px; } .tipBtn{ line-height: 60px; background: #005CA7; height: 60px; width: 220px; font-size: 18px; color: #FFF; text-align: center; display: inline-block; border-radius:2em; transition:all 0.5s ease-in-out; cursor:pointer } .tipBtn:hover{ box-shadow:0px 10px 30px rgba(0,92,167,0.3); color:#fff;} .tip_close_Btn{ line-height: 56px; height: 60px; width: 220px; font-size: 18px; color: #333; text-align: center; display: inline-block; border-radius:2em; transition:all 0.5s ease-in-out; cursor:pointer; border:2px solid #333; margin-left:28px; } .tip_close_Btn:hover{ box-shadow:0px 10px 30px rgba(0,0,0,0.3); background:#333; color:#fff;} @media (max-width:1799px){ .tipLinkBox strong{font-size:38px; line-height:52px;} .tipLinkBox p{font-size:16px; line-height:32px; min-height:150px;} } @media (max-width:1199px){ .tipLinkBox strong{font-size:32px;} } @media (max-width:993px){ } @media (max-width:767px){ .tipLinkBox{padding:35px 70px 50px 18px;} .tipClose{top:20px; right:15px; background-size:22px auto;} .tipLinkBox strong{font-size:20px; line-height:36px;} .tipLinkBox p{font-size:13px; line-height:26px; margin-right:-55px} .tipBtn{font-size:16px; line-height:42px; height:42px; width:115px; margin-top:15px} .tip_close_Btn{height:42px; line-height:40px; width:115px; margin-left:8px; border-width:1px!important; font-size:14px;} .tipBm_btns{margin-right:-50px;} } .m2cwul{ padding: 5.2vw 0px; } .m2cwul li{ margin-bottom: 1.56vw; } .m2cw_aBox{ display: block; height: 180px; border: 1px solid #E6E6E6; position: relative; border-radius:5em 0 5em 0; overflow:hidden; background-position:right center; background:#fff; } .m2cw_aBox:hover{ background: #005CA7; border: 1px solid #005CA7; color: #FFF;box-shadow:0 10px 30px rgba(0,92,167,0.3); background-size:auto 100% } .m2cw_aBox strong{ position: absolute; left: 385px; top: 50%; right: 285px; font-size: 24px; line-height: 36px; transform: translateY(-50%); font-weight: normal; } .m2cw_aBox p{ text-align: center; width: 228px; font: 16px/24px gm_l; position: absolute; top: 50%; left: 26px; transform: translateY(-50%); border-right: 1px solid #E6E6E6; transition:all 0.5s ease-in-out; } .m2cw_aBox span{ font-size: 60px; line-height: 60px; margin-bottom: 18px; display:block} .m2cw_aBox:hover p{ border-right:1px solid #35ADC6;} .m2cw_aBox:after{ content: ""; background: url(/statics/home/images/hmc4ar.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; top: 50%; margin-top: -30px; right: 118px; border-radius:50%;} .m2cw_aBox:hover:after{ background: #35ADC6 url(../images/m2nar.png) no-repeat center center; } @media (max-width:1799px){ .m2cw_aBox strong{font-size:21px;} } @media (max-width:1199px){ .m2cw_aBox strong{font-size:19px;} } @media (max-width:993px){ .m2cw_aBox p{width:108px;} .m2cw_aBox strong{left:195px; right:55px;} .m2cw_aBox:after{right:18px;} } @media (max-width:767px){ .m2cw_aBox p{display:none;} .m2cw_aBox strong{position:static; transform:translateY(0); font-size:16px; line-height:30px;} .m2cw_aBox{ border-radius:3em 0 3em 0; height:auto; padding:25px 45px 25px 15px} .m2cw_aBox:after{right:0;} .m2cwul{padding:50px 0;} } .m2tzCon1{ padding-top: 5.2vw; } .m2tzc1box{ margin-top: 28px; } .m2tzc1th{ line-height: 90px; color: #FFF; background: #0D3760; height: 90px; font-size: 16px; border-radius: 4em 0 0 0; padding-left: 115px; overflow:hidden; } .m2tzc1_w1{ float: left; width: 415px; } .m2tzc1_w1a strong{ font-size: 32px; font-weight: normal; display: inline-block; margin-right: 16px; } .m2tzc1_w2{ width: 130px; float:left; margin-left:75px;} .m2tzc2td { padding-top: 48px; padding-left: 110px; font: 32px/140px gm_l; text-transform: uppercase; overflow:hidden; } .m2tzc1_w1b{ color: #005ca7; transform:translateY(-20px);} .m2tzc1_w1b strong{ font-size: 80px; margin-right: 10px; } .m2tz_c1bm{ font-size: 16px; line-height: 26px; color: #B0AEAE; margin: 0px 100px; padding: 24px 0px; border-top: 1px solid #35ADC6; } .m2tzc1Bom{ border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-radius:0 0 6em 0; background:#fff;} .m2tzCon2{ padding-top: 5.2vw; } .m2tzc2ul{ margin: 26px -23px 0px; } .m2tzc2ul li{ float: left; width: 33.33%; padding: 0px 23px; margin-bottom:46px; } .m2tzc2a{ display: block; height: 360px; border: 2px solid #E6E6E6; position:relative; border-radius:0 0 6em 0; background:#fff; } .m2tzc2a:hover{ color: #FFF; background: #005CA7; border: 2px solid #005CA7;box-shadow:0 10px 30px rgba(0,92,167,0.3);} .m2tzc2icon{ display: inline-block; height: 80px; width: 80px; position: absolute; left: 34px; top: 34px; } .m2tzc2icon img{ transition:all 0.5s ease-in-out; position:absolute; left:0; top:0} .m2tzc2icon img:nth-child(2){ opacity:0;} .m2tzc2a:hover .m2tzc2icon img{ opacity:0;} .m2tzc2a:hover .m2tzc2icon img:nth-child(2){ opacity:1} .m2tz_c2bm{ position: absolute; left: 34px; right: 34px; bottom: 30px; } .m2tz_c2bm h4{ font-size: 16px; line-height: 24px; font-weight: normal; display: block; } .m2tz_c2bm p{ font-size: 16px; line-height: 66px; } .m2tz_c2bm span{ font: 48px gm_l; color: #005ca7; display:inline-block; margin-right:8px; } .m2tz_c2bm strong{ display: block; margin-top: 5px; font-size: 24px; line-height: 34px; transition:all 0.5s ease-in-out; } .m2tz_c2bm strong i{ display:inline-block; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:12px solid #333; margin-right:4px; transition:all 0.5s ease-in-out;} .m2tzc2a:hover .m2tz_c2bm span{color:#fff;} .m2tzc2a:hover .m2tz_c2bm strong i{ border-bottom:12px solid #35ADC6; } .m2tzc2a:hover .m2tz_c2bm strong{color:#35ADC6;} .m2tzCon3{ padding-top:3.38vw; padding-bottom:5.2vw} .m2tzCon3 .m2ybul{ margin-top:25px;} @media (max-width:1799px){ .m2tzc1th{padding-left:85px; line-height:78px; height:78px;} .m2tzc2td{padding-left:85px;} .m2tzc1_w1a strong{font-size:26px;} .m2tzc1_w1b strong{font-size:70px;} .m2tzc2td{line-height:120px;} .m2tzc2ul{margin-left:-15px; margin-right:-15px;} .m2tzc2ul li{padding:0 15px; margin-bottom:30px;} .m2tz_c2bm span{font-size:42px;} .m2tzc2a{height:330px;} .m2tzc1_w1{width:285px;} .m2tzc1_w2{margin-left:75px;} } @media (max-width:1199px){ .m2tzc1th{padding-left:55px;} .m2tzc1_w1a strong{font-size:21px;} .m2tzc1_w2{margin-left:30px; width:116px} .m2tzc2ul li{width:50%;} .m2tzc2td{padding-left:55px;} .m2tz_c1bm{margin-left:55px; margin-right:55px;} } @media (max-width:993px){ .m2tzc1_w2{width:65px; margin-left:15px;} .m2tzc2td{font-size:24px;} .m2tzc1_w1b strong{font-size:52px;} .m2tzCon1{width:100%; overflow-x:auto;} .m2tzc1box {width:880px;} .m2tzc1_w2{width:115px;} } @media (max-width:767px){ .m2tzCon1{padding-top:30px} .m2tzc1th{ border-radius:2em 0 0 0} .m2tzc1th{padding-left:20px;} .m2tzc2td{padding-left:20px;} .m2tz_c1bm{margin-left:20px; margin-right:20px;} .m2tzc1_w1b strong{font-size:42px;} .m2tzc2td{line-height:50px; padding-top:12px;} .m2tzc1_w1b{transform:translateY(-3px);} .m2tz_c1bm{font-size:14px;} .m2tzc2ul li{width:100%; margin-bottom:15px;} .m2tz_c2bm h4{font-size:14px;} .m2tz_c2bm span{font-size:36px;} .m2yb_atxt strong{font-size:16px; line-height:30px;} } .m2jnul{ overflow:hidden} .m2jnul li{} .m2jn_aBox{ display:block; position:relative;} .m2jnBg{ position:relative} .m2jnBg:before{ content: ""; background: url(/statics/home/images/m2jn_bg.png) repeat-y right top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .m2jnBg .container{ position:relative; height:540px; z-index:1} .m2jnTxt{ position:absolute; right:15px; top:50%; transform:translateY(-50%); width:600px; letter-spacing:1px; } .m2jnTxt strong{ font-size: 36px; font-weight: normal; line-height: 50px; display: block; position: relative; margin-bottom: 40px; color: #333; } .m2jnTxt strong:after{ content: ""; background: #35ADC6; height: 4px; width: 24px; position: absolute; left: 0px; bottom:-20px;} .m2jnTxt p{ font-size: 16px; line-height: 32px; color: #444; margin-bottom:50px; } .m2jnTxt span{ line-height: 44px; text-align: center; display: inline-block; height: 48px; width: 180px; border: 2px solid #005CA7; font-size: 14px; color: #005CA7; border-radius:2em; transition:all 0.5s ease-in-out} .m2jn_aBox:hover .m2jnTxt span{ background:#005CA7;box-shadow:0 10px 30px rgba(0,92,167,0.3); color:#fff;} .m2jnul li:nth-child(2n) .m2jnBg:before{transform:rotate(180deg);} .m2jnul li:nth-child(2n) .m2jnTxt{right:auto; left:0;} @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ } .m2proTop{ margin: 5.2vw 0px 5.2vw; overflow:hidden; padding-bottom:20px; position:relative; } .m2proImg{ width:50%; float:right; position:relative; right:20px;} .m2proImg .overflowHide{ height:21.09vw; border-radius:0 0 10em 0;} .m2proImg:before{ content: ""; left: 20px; top: 20px; right: -20px; bottom: -20px; border: 2px solid #005CA7; border-radius:0 0 11em 0; position:absolute; transition:all 0.5s ease-in-out; } .m2proImg:hover:before{ background:#005CA7;} .m2proTop_txt{ position: absolute; width: 650px; top: 50%; transform: translateY(-50%); left:0; font-size: 16px; line-height: 32px; color: #444; } .m2proTop_txt strong{ font-size: 32px; line-height: 50px; font-weight: normal; display: block; color: #333; margin-bottom: 15px; } .m2pro_tip{ font-size: 16px; line-height: 30px; color: #005ca7; letter-spacing:1px; } .m2pro_ul{ margin-bottom:5.72vw; border-top:1px solid #E6E6E6; margin-top:2.6vw;} .m2pro_ul li{ line-height: 100px; height: 101px; border-bottom: 1px solid #E6E6E6; padding: 0px 100px; overflow: hidden; } .m2pro_pnm{ max-width: 48%; float: left; font-size: 24px; line-height: 100px; height: 100px; overflow: hidden; } .m2pro_link{ float: right; max-width: 48%; font-size: 16px; line-height: 100px; background: url(/statics/home/images/m2pro_ico.png) no-repeat right center; height: 100px; padding-right:26px;} .m2pro_link:hover{ background: url(/statics/home/images/m2pro_icoa.png) no-repeat right center;} .m2proLaybg{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:30; background:rgba(0,0,0,0.5);} .m2proLyaer{ max-width: 90%; width: 1440px; background:#fff url(../images/m2pro_lbg.jpg) no-repeat right center; padding: 4.94vw; left:50%; top:50%; transform:translate(-50%,-50%); z-index:32; position:fixed; border-radius:0 0 10em 0; } .m2pro_colose{ background:url(/statics/home/images/tipClose.png) no-repeat center center; height: 34px; width: 34px; position: absolute; top: 32px; right: 32px; cursor:pointer; transition:all 0.5s ease-in-out; } .m2pro_colose:hover{transform:rotate(90deg);} .m2proLtxt{ overflow:hidden;} .m2pro_layImg{ background: #f7f7f7 url(../images/m2pro_lbg2.png) no-repeat right bottom; height: 400px; width: 440px; float: left; position: relative; border-radius:0 0 6em 0 ;} .m2pro_layImg img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto; } .m2proLrx{ margin-left:500px; padding-top:20px;} .m2proLrx strong{ font-size: 36px; font-weight: normal; line-height: 50px; } .m2pro_ldes{ font-size: 16px; line-height: 32px; margin: 10px 0px 20px; } .m2pro_dbk{ background: url(/statics/home/images/m2pro_li.png) no-repeat left center; display: inline-block; padding-left: 24px; font-size: 16px; line-height: 34px; color: #005CA7; } .m2pro_dbk:hover{ text-decoration: underline; } .m2map_mitem{margin-bottom:2.2vw;} .m2map_mbg{min-height:150px; position:relative; border-radius:0 8em 0 8em; overflow:hidden; padding:6vw 0;} .m2map_mbg .bgImg{position:absolute; left:0; top:0; right:0; bottom:0;} .m2map_mbg .bgImg i{position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover;} .m2mapBox{display:none!important;} .m2mapMx {margin-top:5.2vw; display:block!important;} .m2map_des{position:relative!important;} .m2mapMx .m2pub_bt{margin-bottom:3vw; text-align:left; padding-top:2vw; font-size:32px;} .m2mapMx .m2pub_bt:first-child{padding-top:0;} @media (max-width:1799px){ .m2proTop_txt{width:580px;} .m2proImg{width:46%;} .m2proTop_txt strong{font-size:26px; line-height:44px;} .m2proTop_txt{font-size:15px; line-height:30px;} .m2pro_ul li{ padding:0 50px; line-height:90px; height:91px;} .m2pro_pnm{line-height:90px; height:90px; font-size:21px;} .m2proLrx strong{font-size:28px;} .m2pro_ldes{font-size:15px; line-height:30px;} .m2pro_dbk{font-size:15px;} .m2mapMx .m2pub_bt{margin-bottom:2vw;font-size:28px;} } @media (max-width:1199px){ .m2proTop_txt{width:460px;} .m2proTop_txt strong{font-size:21px; line-height:32px;} .m2proTop_txt{font-size:13px; line-height:22px; max-height:212px; overflow-y:auto} .m2pro_pnm{font-size:19px;} } @media (max-width:993px){ .m2proImg{width:100%; float:none;} .m2proImg .overflowHide{height:300px;} .m2proTop_txt{position:static; transform:translateY(0); width:100%; margin-top:55px; height:auto;} .m2pro_ul li{padding:0;} .m2map_mbg{ border-radius:0 5em 0 5em;} } @media (max-width:767px){ .m2proTop{margin-top:50px;} .m2proTop_txt{height:auto; max-height:none} .m2proTop_txt strong{font-size:18px; line-height:30px;} .m2proTop_txt{font-size:14px; line-height:26px;} .m2zl_t{font-size:24px; line-height:32px;} .m2map_mbg{border-radius:0 4em 0 4em;} .m2proImg .overflowHide{height:210px;} .m2pro_ul li{height:auto; line-height:36px; overflow:hidden; padding:15px 0;} .m2pro_pnm{line-height:32px; height:32px; font-size:16px; width:100%; float:none; display:block; max-width:none} .m2pro_link{line-height:32px; height:32px; font-size:12px; width:100%; float:none; display:block; overflow:hidden;} .m2proTop{margin-bottom:0;} .m2pro_tip{font-size:12px; line-height:24px;} .m2mapMx{margin-top:45px;} .m2map_mbg{padding:35px 0;} .m2map_mitem{margin-bottom:15px;} .m2mapMx .m2pub_bt{margin-bottom:18px;font-size:24px;} } .m2zlCon1{ padding-top: 5.2vw; } .m2zl_t{ line-height: 60px; font-size: 48px; font-weight: normal; display: block; letter-spacing: 2px; text-align:center} .m2zl_u1{ margin-top:2.7vw;} .m2zl_u1 li{ margin-bottom:5.2vw; overflow:hidden; position:relative} .m2zl_u1 li:hover .m2hcps_img:before{ background:#005CA7} .m2zl_u1 li .m2hcps_img{float:left;} .m2zlDes{ width: 400px; position: absolute; top: 50%; right: 100px; transform:translateY(-50%); letter-spacing: 1px;} .m2zlDes strong{ font-size: 36px; line-height: 50px; display: block; position: relative; font-weight: normal; } .m2zlDes strong:after{ content: ""; background: #35ADC6; height: 4px; width: 24px; position: absolute; left: 0px; bottom: -25px; } .m2zl_stxt{ font-size: 16px; line-height: 32px; margin-top: 45px; } .m2zl_u1 li:nth-child(2n) .m2hcps_img{float:right;} .m2zl_u1 li:nth-child(2n) .m2zlDes{right:auto; left:100px;} .m2zlc2_des{ font-size: 16px; line-height: 32px; letter-spacing: 1px; text-align: center; margin: 25px 0px 35px; } .m2zlc2Bom{ position: relative; } .m2zlslick{ border-radius:9em 0 9em 0; overflow:hidden;} .m2zl_item{ height:640px;} .m2zl_bmTxts{ height:90px; position:absolute; left:100px; right:100px; bottom:90px; background:#005CA7; color:#fff; text-align:center; border-radius:0 2.5em 0 0;} .m2zl_bmTxts p{ text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 25px; font-size: 16px; line-height: 32px; } .m2zlBtns{ margin:0 100px; border-radius:0 0 0 2.5em; overflow:hidden; box-shadow:0 5px 25px rgba(0,0,0,0.1);} .m2zlBtns a{ width: 20%; float: left; padding-left: 30px; line-height: 90px; height: 90px; font-size: 18px; position: relative; box-shadow: -8px 0px 18px rgba(0,0,0,0.05); } .m2zlBtns a.active,.m2zlBtns a:hover{ color: #FFF; background: #005CA7;box-shadow:0 10px 30px rgba(0,92,167,0.3);} .m2zlBtns a i{ height: 12px; width: 12px; margin-top: -6px; position: absolute; top: 50%; right: 25px; } .m2zlBtns a i:before{content:""; width:12px; height:2px; background:#005CA7; position:absolute; left:0; top:50%; margin-top:-1px; transition:all 0.5s ease-in-out;} .m2zlBtns a i:after{content:""; width:2px; height:12px; background:#005CA7; position:absolute; left:50%; top:0; margin-left:-1px; transition:all 0.5s ease-in-out;} .m2zlBtns a.active i:before,.m2zlBtns a:hover i:before{ background:#fff;} .m2zlBtns a.active i:after,.m2zlBtns a:hover i:after{ background:#fff; display:none} .m2zlCon3{ padding: 5.2vw 0 5.98vw; } .m2zl_ul3{ margin:30px -24px 0;} .m2zl_ul3 li{ float: left; width: 33.33%; padding: 0px 24px; } .m2zl_c2a{ display: block; height: 640px; border-top: 4px solid #005CA7; background: #fff; border-radius:0 0 5em 0; position:relative; } .m2zl_c2a:hover{ background:#005CA7;box-shadow:0 10px 30px rgba(0,92,167,0.3); color:#fff;} .m2zl_ul3 li:nth-child(2) .m2zl_c2a{ border-top: 4px solid #35ADC6; } .m2zl_ul3 li:nth-child(2) .m2zl_c2a:hover{ background: #35ADC6; box-shadow: 0 10px 30px rgba(53,173,198,0.3); } .m2zl_ul3 li:nth-child(3) .m2zl_c2a{ border-top: 4px solid #853C5C; } .m2zl_ul3 li:nth-child(3) .m2zl_c2a:hover{ background: #853C5C; box-shadow: 0 10px 30px rgba(133,60,92,0.3); } .m2zl_c3icon{ width:100px; height:100px; position:absolute; left:40px; top:85px;} .m2zl_c3icon img{ transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position:absolute; left:0; top:0;} .m2zl_c3icon img:nth-child(2){ opacity:0;} .m2zl_c3txt{ position: absolute; left: 40px; right: 40px; bottom: 32px; } .m2zl_c3txt strong{ font-size: 24px; font-weight: normal; line-height: 40px; margin-bottom: 44px; display:block; position:relative; } .m2zl_c3txt strong:after{content:""; background:#005CA7; position:absolute; left:0; bottom:-22px; width:22px; height:4px; transition:all 0.5s ease-in-out;} .m2zl_ul3 li:nth-child(2) .m2zl_c3txt strong:after{ background:#35ADC6;} .m2zl_ul3 li:nth-child(3) .m2zl_c3txt strong:after{ background:#853C5C;} .m2zl_c3des{ font-size: 16px; line-height: 32px; color: #808080; transition:all 0.5s ease-in-out; } .m2zl_c2a:hover .m2zl_c3icon img{ opacity:0;} .m2zl_c2a:hover .m2zl_c3icon img:nth-child(2){ opacity:1} .m2zl_c2a:hover .m2zl_c3des{color:#fff;} .m2zl_c2a:hover .m2zl_c3txt strong:after{ background:#fff!important;} @media (max-width:1799px){ .m2zl_t{font-size:42px;} .m2zl_item{height:510px;} .m2zlBtns a{font-size:17px;} .m2zl_ul3{margin-left:-15px; margin-right:-15px;} .m2zl_ul3 li{padding:0 15px;} .m2zl_c3icon{left:20px; top:35px; width:90px; height:90px;} .m2zl_c3txt{left:20px; right:20px; bottom:25px;} .m2zl_c3des{font-size:15px; line-height:30px;} .m2zl_c2a{height:475px;} } @media (max-width:1379px){ .m2zl_t{font-size:32px; line-height:44px;} .m2zlDes strong{font-size:26px; line-height:38px;} } @media (max-width:1199px){ .m2zlDes{right:50px; width:380px;} .m2zlBtns a i{display:none;} .m2zlBtns a{padding-left:22px; font-size:16px;} .m2zl_c3icon{width:80px; height:80px;} .m2zl_c3txt strong{font-size:21px; line-height:28px;} .m2zl_c3des{font-size:14px; line-height:26px;} } @media (max-width:993px){ .m2zlDes strong:after{display:none;} .m2zl_bmTxts{left:0; right:0;} .m2zlBtns{margin:0;} .m2zl_ul3 li{width:100%; margin-bottom:25px;} .m2zl_c2a{height:auto; padding:30px 25px; position:relative;} .m2zl_c3icon{position:relative; left:auto; top:auto; height:80px; width:80px; display:block} .m2zl_c3txt{position:static;} .m2zl_c3txt{height:auto!important;} } @media (max-width:767px){ .m2zl_t{font-size:24px;} .m2zlCon1 .m2zl_u1 {margin-top:20px!important;} .m2zlCon1{padding-top:45px;} .m2zlc2_des{font-size:14px; line-height:28px; margin-top:10px;} .m2zl_item{height:200px;} .m2zlslick{border-radius:5em 0 5em 0;} .m2zl_bmTxts p{font-size:12px; line-height:22px;} .m2zl_bmTxts{position:relative; left:auto; bottom:auto;} .m2zlBtns a{width:50%; line-height:50px; height:50px; font-size:14px;} .m2zlBtns a:nth-child(5){width:100%;} .m2zlCon3{padding-top:45px;} .m2zl_ul3{ margin-top:25px;} .m2zl_c3icon{width:60px; height:60px;} } .m2zrCon1{ padding: 5.2vw 0px 6.25vw; width: 100%; overflow: hidden; } .m2zr_c1des{ margin: 0px auto 2.5vw; max-width: 1000px; font-size: 24px; line-height: 48px; text-align:center; padding:0 15px;} .m2zrSlick{ width: 3906px; position: relative; left:50%; transform:translateX(-50%);} .m2zrItem{ width:1320px; padding:0 60px; transition:all 0.5s ease-in-out; opacity:0.3} .m2zrItem.slick-current{opacity:1;} .m2zr_c1aBox{ display:block;} .m2zr_c1aBox .overflowHide{ height:540px; border-radius:8em 0 8em 0;box-shadow:0 10px 30px rgba(0,0,0,0.1);} .m2zr_c1box{ height: 330px; width: 960px; margin: 0px auto; margin-top:-68px; position:relative; z-index:1; transition:all 0.5s ease-in-out; opacity:0;} .m2zr_c1box:before{content:""; position:absolute; left:10px; top:10px; right:0; bottom:0; border:2px solid #005CA7; border-radius:5em 0 5em 0; transition:all 0.5s ease-in-out;} .m2zr_c1box:after{content:""; position:absolute; left:0; top:0; bottom:10px; right:10px; background:#fff; border-radius:5em 0 5em 0;} .m2zr_c1txt{ position:absolute; left:50px; top:0; bottom:0; right:50px;display:flex; flex-direction:column; justify-content:center; z-index:3;} .m2zr_c1aBox:hover .m2zr_c1box:before{ background:#005CA7;} .slick-current .m2zr_c1box{opacity:1;} .m2zr_c1txt strong{ font-size: 24px; line-height: 36px; font-weight: normal; display: block; } .m2zr_c1txt p{ font-size: 16px; line-height: 32px; color: #808080; margin: 10px 0px 30px; } .m2zr_c1txt span{ line-height: 44px; text-align: center; display: inline-block; height: 48px; width: 180px; border: 2px solid #005CA7; font-size: 14px; color: #005CA7; border-radius:2em; transition:all 0.5s ease-in-out; background:#005CA7; color:#fff;} .m2zr_c1aBox:hover .m2zr_c1txt span{box-shadow:0 10px 30px rgba(0,92,167,0.3); color:#fff;} .m2zrSlick .slick-dots{bottom:368px; text-align:center} .m2zrSlick .slick-dots li button{display:none;} .m2zrSlick .slick-dots li { background: #FFFFFF; display: inline-block; height: 6px; width: 6px; margin: 0px 9px; position: relative; border-radius: 50%; vertical-align: middle } .m2zrSlick .slick-dots li.slick-active{ background: #005aaa; height: 12px; width: 12px; } .m2zrSlick .slick-prev{ background: #35ADC6 url(../images/icon-1-2.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 1210px; top: 240px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index:2; transition:all 0.5s ease-in-out; border-radius:50%; transform:rotate(180deg); opacity:0; } .m2zrSlick .slick-next{ background: #35ADC6 url(../images/icon-1-2.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 1210px; top: 240px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index:2; transition:all 0.5s ease-in-out; border-radius:50%; opacity:0;} .m2zrSlick:hover .slick-prev,.m2zrSlick:hover .slick-next{ opacity:1;} .m2zrCon2{ margin-bottom:6vw;} .m2zrul{ margin-top:30px;} .m2zrul li{ margin-bottom:3.12vw;} .m2zrc2a{ display: block; height: 400px; position: relative;border-radius: 10em 0 10em 0; overflow: hidden; background-position: right bottom; background-color: #F7F7F7; background-repeat: no-repeat; padding: 0px 480px 0px 100px;display:flex; flex-direction:column; justify-content:center; } .m2zrc2a:before{ content: ""; background:rgba(255,255,255,0.3) url(../images/m2zr_bg2.png) repeat-y right top; position:absolute; top:0; right:0; bottom:0; left:0;} .m2zrbg{ background: #005CA7 url(../images/m2zr_bg.png) no-repeat right bottom; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0; background-size:19.42vw auto} .m2zrc2a:hover .m2zrbg{ opacity:1} .m2zrc2a:hover {color:#fff;} .m2zrc2a strong{ display: block; position: relative; font-size: 24px; line-height: 38px; } .m2zrc2a strong:after{content:""; width:24px; height:4px; background:#35ADC6; transition:all 0.5s ease-in-out;} .m2zrc2a p{ display: block; position: relative; font-size: 16px; line-height: 32px; color: #808080; transition:all 0.5s ease-in-out; margin:40px 0 32px; } .m2zrc2a span{ display:inline-block; position:relative;} .m2zrc2a:hover strong:after{background:#fff;} .m2zrc2a:hover p{color:#fff;} .m2zrc2a span{ line-height: 44px; text-align: center; display: inline-block; height: 48px; width: 180px; border: 2px solid #005CA7; font-size: 14px; color: #005CA7; border-radius:2em; transition:all 0.5s ease-in-out; background:#005CA7; color:#fff;} .m2zrc2a:hover span{ border: 2px solid #fff; color:#fff; background:none} @media (max-width:1799px){ .m2zr_c1des{font-size:21px; line-height:40px;} .m2zrc2a strong{font-size:21px;} .m2zrc2a p{font-size:15px; line-height:30px; margin-top:15px;} .m2zrSlick{ width: 3306px;} .m2zrItem{ width:1120px; padding:0 60px;} .m2zr_c1aBox .overflowHide{ height:440px;} .m2zr_c1box{ height: 290px; width: 900px;} .m2zr_c1txt{ left:30px; right:30px;} .m2zr_c1txt strong{ font-size: 21px; line-height: 30px; } .m2zr_c1txt p{ font-size: 15px; line-height: 30px; margin: 16px 0px 20px; } .m2zrSlick .slick-dots{bottom:368px;} .m2zrSlick .slick-prev{ left: 1010px; top: 240px;} .m2zrSlick .slick-next{ right: 1010px; top: 240px;} } @media (max-width:1199px){ .m2zr_c1des{font-size:18px; line-height:36px;} .m2zrc2a p{font-size:14px;} } @media (max-width:993px){ .m2zrSlick{width:2400px;} .m2zr_c1box{width:600px;} .m2zrSlick .slick-dots{bottom:332px;} .m2zrc2a{padding:0px 30px 0px 30px;} } @media (max-width:767px){ .m2zrCon1{padding-top:45px;} .m2zr_c1des{font-size:15px; line-height:30px; margin-bottom:25px;} .m2zrSlick{width:100%;} .m2zrItem{padding:0 15px;} .m2zr_c1aBox .overflowHide{height:280px; border-radius:2em 0 2em 0;} .m2zr_c1box{width:100%;} .m2zr_c1box:after{border:2em 0 2em 0;} .m2zr_c1box:before{border:2em 0 2em 0;} .m2zr_c1txt{left:20px; right:20px;} .m2zr_c1txt p{font-size:12px; line-height:22px} .m2zrSlick .slick-dots{bottom:305px;} .m2zrCon2{padding-top:20px;} .m2zrul{margin-top:20px;} .m2zrc2a{ border-radius:3em 0 3em 0; padding:30px 15px 45px 15px; height:auto} .m2zrc2a strong{font-size:16px; line-height:30px;} .m2zrul li{margin-bottom:18px;} .m2zrul{margin-bottom:65px;} .m2zrc2a:before{background:rgba(255,255,255,0.8) url(../images/m2zr_bg2.png) repeat-y right top;} .m2zrc2a p{margin-top:10px; margin-bottom:20px;} } .m3nWpr{ background:#f7f7f7; box-shadow:inset 0 100px 150px rgba(0,0,0,0.08); padding-bottom:5.72vw} .m3npos{ text-align: right; font-size: 12px; line-height: 30px; padding: 22px 3.125vw 0px 0px; } .m3npos_a{ color:#3e3a39; margin:0 5px;} .m3nWpr .container{max-width:1230px} .m3nt{ font-size: 48px; line-height: 66px; font-weight: normal; letter-spacing: 2px; margin-top: 120px; } .m3ninfo{ line-height: 40px; margin: 32px 0px 24px; height: 40px; } .m3ninfo .fl{ font-size: 16px; color: #808080; } .m3ninfo .fl span{ color: #004ea2; } .m3nShare{ float:right;} .m3nShar1{ float: left; height: 40px; width: 40px; margin-left: 25px; background: url(/statics/home/images/m3n_i1.png) no-repeat center center; } .m3nShar1:hover{ background: url(/statics/home/images/m3n_i1a.png) no-repeat center center; } .m3nShar2{ float: left; height: 40px; width: 40px; margin-left: 25px; background: url(/statics/home/images/m3n_i2.png) no-repeat center center; } .m3nShar2:hover{ background: url(/statics/home/images/m3n_i2a.png) no-repeat center center; } .m3nShar3{ float: left; height: 40px; width: 40px; margin-left: 25px; background: url(/statics/home/images/m3n_i3.png) no-repeat center center; } .m3nShar3:hover{ background: url(/statics/home/images/m3n_i3a.png) no-repeat center center; } .m3nContent{ font-size: 18px; line-height: 36px; background: #FFF; padding: 50px 60px 65px; } .m3nContent ol,.m3nContent ul{ margin-left:18px;} .m3nBack{ background: #FFF; text-align: center; padding-bottom: 65px; position:relative; } .m3nBack a{ line-height: 28px; color: #FFF; background: #005CA7 url(../images/m3n_back.png) no-repeat center 29px; height: 120px; width: 120px; padding-top: 63px; display: inline-block; font-size: 14px; letter-spacing: 1px; border-radius:50%; text-align:center;} .m3nBack a:hover{box-shadow:0 10px 30px rgba(0,92,167,0.3); transform:translateY(-10px);} .m3npage{ padding: 38px 60px; background: #FFF; border-top: 2px solid #005CA7; margin: 30px 0px 0; overflow:hidden; } .m3npage p{ font-size: 14px; line-height: 36px; background: url(/statics/home/images/m3npage.png) no-repeat left center; height: 36px; width: 48%; padding-left: 40px; float: left; } .m3npage p:nth-child(2){font-size: 14px; line-height: 36px; background: url(/statics/home/images/m3npage2.png) no-repeat right center; height: 36px; width: 48%; padding-right: 40px; float:right; text-align:right; } .m3nprev,.m3nnext{ color:#808080;} @media (max-width:1799px){ .m3nt{font-size:36px; line-height:52px; margin-top:90px;} .m3nContent{font-size:16px; line-height:32px;} } @media (max-width:1379px){ .m3nt{font-size:28px; line-height:38px;} } @media (max-width:993px){ .m3nContent{padding-left:25px; padding-right:25px;} } @media (max-width:767px){ .m3nt{font-size:22px; margin-top:20px;} .m3ninfo{ margin:8px 0px 24px;} .m3ninfo .fl{font-size:14px;} .m3nShar1,.m3nShar2,.m3nShar3{margin-left:10px;} .m3nContent{padding:40px 15px 45px; font-size:15px; line-height:30px;} .m3npage{padding:18px 15px; margin-top:18px;} .m3npage p{width:100%!important; text-align:left!important; padding-right:0!important; background: url(/statics/home/images/m3npage.png) no-repeat left center!important; padding-left:22px!important;} } .m2lcWpr{ margin:5.2vw 0; position:relative;} .m2lcLine{ width: 2px; position: absolute; left: 50%; margin-left: -1px; top: 0; bottom: 0; background: url(/statics/home/images/m2lc_bg1.png) repeat-y center top; overflow:hidden; } .m2lcLine i{ background:#005CA7; position:absolute; left:0; top:0; width:2px; height:0%;} .m2lcYears{ text-align:center; position:fixed; left:0; width:100%; top:50%; transform:translateY(-50%); line-height:480px; height:480px; font-size:480px; font-weight:bold; color:rgba(0,0,0,0.05); display:none;} .m2lcYr{ position:absolute; left:0; top:0; right:0; top:0; transition:all 0.5s ease-in-out; opacity:0; font-family:gm_m;} .m2lcYr.on{ opacity:1;} .m2lcItems{ position:relative; z-index:1;} .m2lcItems li{ padding-bottom:25px; padding-left:50%;} .m2lc_item{ margin-left:63px;} .m2lc_yt{ line-height: 40px; height: 40px; font-family: gm_l; font-size: 36px; position: relative; } .m2lc_yt i{ height: 40px; width: 40px; position: absolute; left: -83px; top: 0px; } .m2lc_yt i:after{content:""; width:12px; height:12px; border-radius:50%; background:#005CA7; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;} .m2lc_yt i:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #005CA7; border-radius:50%; background:#fff; transition:all 0.5s ease-in-out; opacity:0} .m2lcItems li.on .m2lc_yt i:after{ width:18px; height:18px;} .m2lcItems li.on .m2lc_yt i:before{opacity:1;} .m2lc_des{ font-size: 16px; line-height: 32px; padding-top: 22px;} .m2lc_des p{ margin-bottom:28px;} .m2lc_des span{ display:inline-block; padding-left:14px; position:relative;} .m2lc_des span:before{content:""; width:4px; height:4px; background:#005CA7; position:absolute; left:0; top:15px; border-radius:50%;} .m2lc_simg{ position:relative; padding-right:20px; padding-bottom:20px; display:inline-block;} .m2lc_simg:before{content:""; position:absolute; left:20px; top:20px; right:0px; bottom:0px; border:2px solid #005CA7; border-radius:6em 0 6em 0; transition:all 0.5s ease-in-out;} .m2lc_simg .bgImg{ width:400px; height:225px; border-radius:5em 0 5em 0; overflow:hidden;} .m2lcItems li:nth-child(2n){padding-left:0; padding-right:50%;} .m2lcItems li:nth-child(2n) .m2lc_item{ margin-left:0; margin-right:63px; text-align:right;} .m2lcItems li:nth-child(2n) .m2lc_yt i{left:auto; right:-83px;} .m2lc_simg:hover:before{ background:#005CA7;} .maoLink{display:block; height:0; overflow:hidden; position:relative; top:-50vh;} @media (max-width:1799px){ .m2lc_des{font-size:15px; line-height:30px;} } @media (max-width:1379px){ .m2zrSlick .slick-prev{left:1072px;} .m2zrSlick .slick-next{right:1072px;} .m2lcYears{font-size:300px;} } @media (max-width:1199px){ .m2lc_yt i{transform:scale(0.8); transform-origin:center top;} } @media (max-width:993px){ .m2lcYears{font-size:200px;} .m2lc_simg .bgImg{ width:260px; height:165px;} } @media (max-width:767px){ .m2lcYears{display:none!important;} .m2lcLine{left:40px;} .m2lcItems li{padding-left:0!important; padding-right:0!important; text-align:left!important;} .m2lc_yt i{left:-40px!important; right:auto!important} .m2lc_item{margin-left:45px;} .m2lcItems li:nth-child(2n) .m2lc_item{margin-right:0;margin-left:45px; text-align:left} .m2lc_des{font-size:14px; line-height:26px;padding-top:15px;} .m2lc_des p{margin-bottom:12px;} } .m2ryWpr .m2lcYears{opacity:0!important;} .m2ryWpr{ max-width:1200px; margin-left:auto; margin-right:auto;} .m2ryWpr .m2lcLine{ left:60px; margin-left:0} .m2ryWpr .m2lcItems li{padding:0!important; text-align:left!important; padding-bottom:4.68vw!important} .m2ry_item{padding-left:120px;} .m2ryWpr .m2lc_yt i{left:-79px!important;} .m2ryWpr .m2lcItems{padding-top:180px;} .m2ryWpr .m2lcItems:after{ content: ""; background: #005CA7 url(../images/m2ry_bi.png) no-repeat center center; height: 150px; width: 150px; border: 15px solid #E5EEF6; position:absolute; left:-14px; top:-30px; border-radius:50%;} .m2ry_t{ width:100%; max-width:720px; position:relative; height:110px; margin-top:28px;} .m2ry_t:before{ content: ""; background: url(/statics/home/images/m2ry_ti.png) no-repeat center center; height: 110px; width: 64px; position: absolute; left: 0px; top: 0px; } .m2ry_t:after{ content: ""; background: url(/statics/home/images/m2ry_ti.png) no-repeat center center; height: 110px; width: 64px; position: absolute; right: 0px; top: 0px; transform:rotateY(180deg); } .m2ry_t p{ position: absolute; left: 85px; right: 85px; text-align: center; top: 50%; transform: translateY(-50%); font-size: 24px; line-height: 32px; font-weight: normal; } .m2ry_des{ font-size: 16px; line-height: 32px; padding-top: 22px;} .m2ry_des span{ display:inline-block; padding-left:14px; position:relative;} .m2ry_des span:before{content:""; width:4px; height:4px; background:#005CA7; position:absolute; left:0; top:15px; border-radius:50%;} .m2ryTopWpr{ margin: 5.2vw 0px 5.8vw; position:relative; padding:0 20px 20px 0; } .m2ryTopWpr:before{content:""; border:2px solid #005CA7; border-radius:0 0 8em 0; position:absolute; left:20px; top:20px; right:0; bottom:0; transition:all 0.5s ease-in-out;} .m2ryTop{ background: #fff; border-radius: 0 0 7em 0; position: relative; border: 1px solid #E6E6E6; padding: 65px 100px; letter-spacing:1px; transition:all 0.5s ease-in-out; background-position:right bottom; } .m2ryTop strong{ font-size: 32px; line-height: 48px; font-weight: normal; display:block; margin-bottom:20px;} .m2ryTop p{ font-size: 16px; line-height: 32px; } .m2ryTopWpr:hover:before{ background: #35ADC6; border: 2px solid #35ADC6; } .m2ryTopWpr:hover .m2ryTop{ background: #005ca7 url(../images/m2wygl_bg.png) no-repeat right bottom; border: 1px solid #005ca7; background-size:auto 90%; color:#fff; } @media (max-width:1799px){ .m2ryTop strong{font-size:26px; line-height:40px;} .m2ryTop p{font-size:15px; line-height:30px;} .m2ry_t p{ font-size:21px;} .m2ry_des{font-size:15px; line-height:30px;} } @media (max-width:1199px){ .m2ryTop{padding: 45px 50px; } .m2ryTop strong{font-size:21px; line-height:34px;} .m2ryWpr .m2lcItems:after{transform:scale(0.6);} .m2lc_yt{font-size:30px;} .m2ryWpr .m2lc_yt i{transform:scale(0.7);} .m2ry_t p{font-size:18px;} } @media (max-width:767px){ .m2ryTop{padding:25px 15px;} .m2ryTop strong{font-size:17px; line-height:30px;} .m2ryTop p{font-size:14px; line-height:28px;} .m2ryWpr .m2lcItems{padding-top:120px;} .m2ry_item{padding-left:80px;} .m2ryWpr .m2lcItems:after{transform:scale(0.46); margin-top:-20px; margin-left:-16px;} .m2ryWpr{margin-top:50px;} .m2lc_yt{font-size:24px;} .m2ryWpr .m2lcLine{left:42px;} .m2ry_item{padding-left:60px;} .m2ryWpr .m2lc_yt i{ left:-37px !important; top:6px;} .m2lc_yt{padding-left:10px;} .m2ry_t p{font-size:15px; line-height:26px; left:25px; right:35px;} .m2ry_t{margin-top:12px;} .m2ry_des{font-size:13px; line-height:28px; padding-top:12px;} .m2ryTopWpr{margin-top:50px;} .m2ry_item{padding-right:15px;} .m2ryWpr .m2lcItems li{padding-bottom:55px!important;} .m2lcWpr{margin-top:50px; margin-bottom:50px;} } .max1200{max-width:1200px; margin-left:auto; margin-right:auto} .max1200 .container {max-width:1200px;} .m2qqhMaps{height:545px;} .m2qqhMaps .hmc5Maps{margin-left:auto; margin-right:auto; float:none} .m2qqh_top{ letter-spacing: 1px; font-size: 16px; line-height: 32px; padding: 5.2vw 0px 0.56vw; } .m2qqh_top strong{ font-size: 30px; line-height: 46px; font-weight: normal; display: block; margin-bottom: 20px; } .m2qqhTabs{ margin-bottom:5.72vw; margin-top:60px;} .m2qqhTabs li{ float: left; width: 33.33%; } .m2qqhTabs a{ display: block; text-align: center; height: 240px; padding-top: 44px; color: #FFF; background: #005CA7; position:relative } .m2qqhTabs a:after{content:""; border-left:28px solid transparent; border-right:28px solid transparent; border-bottom:28px solid #005CA7; position:absolute; left:50%; margin-left:-28px; top:-28px; transition:all 0.5s ease-in-out; opacity:0} .m2qqhTabs li:nth-child(2) a{ background: #32adc6; } .m2qqhTabs li:nth-child(2) a:after{ border-bottom:28px solid #32adc6;} .m2qqhTabs li:nth-child(3) a{ background: #4f8bbf; } .m2qqhTabs li:nth-child(3) a:after{ border-bottom:28px solid #4f8bbf;} .m2qqhTabs strong{ font: 72px/86px gm_l; display:block;} .m2qqhTabs strong span{ font-size:36px; display:inline-block; margin-left:8px;} .m2qqhTabs p{ font-size: 16px; line-height: 24px; } .m2qqhTabs li:nth-child(1) a:hover{box-shadow:0 15px 40px rgba(0,92,167,0.4);} .m2qqhTabs li:nth-child(2) a:hover{box-shadow:0 15px 40px rgba(50,173,198,0.4);} .m2qqhTabs li:nth-child(3) a:hover{box-shadow:0 15px 40px rgba(79,139,191,0.4);} .m2qqhTabs li.on a:after{opacity:1;} @media (max-width:1799px){ .m2qqhMaps .hmc5Maps{transform:scale(1); position:relative;} .m2qqhTabs strong{font-size:50px; line-height:60px;} .m2qqhTabs a{padding-top:30px; height:200px;} .m2qqhTabs p{font-size:15px;} } @media (max-width:1199px){ .m2qqhMaps{transform:scale(0.8); margin-left:-80px; margin-top:-60px;} .m2qqhTabs{margin-top:-40px;} .m2qqhTabs a{padding-top:15px; height:160px;} } @media (max-width:993px){ .m2qqhMaps{transform:scale(0.6); margin-left:-150px; margin-top:-60px;} } @media (max-width:767px){ .m2qqh_top{padding-top:35px;} .m2qqh_top strong{font-size:21px; line-height:36px; margin-bottom:10px;} .m2qqh_top{font-size:13px; line-height:28px;} .m2qqhMaps{transform:scale(0.4); margin-left:-220px;} .m2qqhTabs {margin-top:-140px; margin-bottom:50px;} .m2qqhTabs a:after{ border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #005CA7; margin-left:-8px; top:-8px;} .m2qqhTabs strong{font-size:32px; line-height:36px;} .m2qqhTabs strong span{font-size:20px; margin-left:3px;} .m2qqhTabs p{font-size:12px; line-height:22px; padding:0 5px;} .m2qqhTabs li:nth-child(2) a:after{ border-bottom:8px solid #32adc6;} .m2qqhTabs li:nth-child(3) a:after{ border-bottom:8px solid #4f8bbf;} } .m2ywCon1{} .m2yw_t{ padding:5.2vw 100px 0; letter-spacing:1px;} .m2yw_t strong{ display: block; font-size: 48px; font-style: normal; line-height: 66px; font-weight: normal; font-variant: normal; } .m2ywCon1 .m2yw_t strong{ font-size: 32px; line-height: 48px; } .m2yw_t p{ font-size: 16px; line-height: 32px; margin-top:20px;} .m2yw_c1img{ padding:0 20px 20px 0; position:relative; margin-top:2.6vw} .m2yw_c1img:before{content:""; position:absolute; left:20px; top:20px; right:0; bottom:0; border:2px solid #005CA7; border-radius:0 0 8em 0; transition:all 0.5s ease-in-out;} .m2yw_c1img .overflowHide{ height:540px; overflow:hidden; border-radius:0 0 7em 0;} .m2yw_c1img:hover:before{ background:#005CA7;} .m2ywCon2{} .m2ywCon2 .m2zl_u1{} .m2ywCon2 .m2zl_u1 li:nth-child(2) .m2hcps_img::before{ border:2px solid #35ADC6} .m2ywCon2 .m2zl_u1 li:nth-child(3) .m2hcps_img::before{ border:2px solid #9B5C79} .m2ywCon2 .m2zl_u1 li:hover .m2hcps_img:before{ background:#005CA7} .m2ywCon2 .m2zl_u1 li:nth-child(2):hover .m2hcps_img:before{ background:#35ADC6} .m2ywCon2 .m2zl_u1 li:nth-child(3):hover .m2hcps_img:before{ background:#9B5C79} .m2ywCon2 .m2zlDes{width:520px;} .m2ywCon2 .m2zlDes strong:after{display:none;} .m2ywCon2 .m2zl_stxt{margin-top:18px;} .m2ywCon3{ margin-top:-5.2vw; margin-bottom:5.72vw} .m2yw_c3ul{ margin: 2.6vw -1.56vw 0px; } .m2yw_c3ul li{ padding: 0px 1.56vw; float: left; width: 25%; } .m2yw_c3a{ display:block; height:315px; border:2px solid #E6E6E6; border-radius:0 0 7em 0; position:relative; padding-top:75px; text-align:center;} .m2yw_c3a:hover{ color: #FFF; background: #005CA7; border: 2px solid #005CA7;box-shadow:0 10px 30px rgba(0,92,167,0.3); } .m2yw_c3i{ display: inline-block; height: 80px; width: 80px; position: relative; } .m2yw_c3i img{ position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;} .m2yw_c3i img:nth-child(2){ opacity:0} .m2yw_c3a p{ position: absolute; left: 35px; right: 35px; bottom: 32px; font-size: 16px; line-height: 32px; } .m2yw_c3a:hover .m2yw_c3i img{opacity:0;} .m2yw_c3a:hover .m2yw_c3i img:nth-child(2){opacity:1;} @media (max-width:1799px){ .m2yw_t p{font-size:15px; line-height:30px;} .m2ywCon1 .m2yw_t strong{font-size:26px; line-height:44px;} .m2yw_c1img .overflowHide{height:450px;} .m2yw_t strong{font-size:42px;} .m2hcps_img .overflowHide{width:550px;} .m2zlDes strong{font-size:24px; line-height:40px;} .m2yw_c3a{padding-top:50px; height:285px;} .m2yw_c3a p{font-size:15px; line-height:30px;} } @media (max-width:1379px){ .m2ywCon1 .m2yw_t strong{font-size:24px; line-height:38px;} .m2yw_t strong{font-size:32px; line-height:44px;} } @media (max-width:1199px){ .m2hcps_img .overflowHide{width:450px; height:245px;} .m2yw_t{padding-left:50px; padding-right:50px;} .m2yw_t strong{font-size:24px; line-height:32px;} .m2yw_c3ul li{width:50%; margin-bottom:30px;} } @media (max-width:993px){ .m2yw_t{padding-left:0; padding-right:0;} } @media (max-width:767px){ .m2ywCon1 .m2yw_t strong{font-size:18px; line-height:32px} .m2yw_c1img .overflowHide{height:190px;} .m2yw_t strong{font-size:18px; line-height:32px} .m2ywCon2{margin-top:25px;} .m2yw_t{padding-top:20px;} .m2yw_t p{margin-top:10px; line-height:28px; font-size:13px;} .m2ywCon1{padding-top:25px;} .m2zl_u1 li{margin-bottom:25px;} .m2hcps_img .overflowHide{height:200px !important;} .m2yw_c3ul li{width:100%; margin-bottom:20px;} .m2yw_c3a{padding-top:30px; height:230px;} .m2ywCon3{margin-bottom:40px;} } /*.m2yfCon1 .m2yw_t p{ margin-top:0}*/ .m2yfc1Slick{ margin-top:4.16vw;} .m2yf_c2imgs{ position:relative;} .m2yf_c2imgs .bgImg{ height:640px; position:relative;} .m2yf_c2imgs .bgImg video{width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .m2yf_c2btns li{ width:33.33%; float:left;} .m2yf_c2a{ display:block; padding:30px 25px; text-align:center; background:#32adc6; color:#fff; position:relative} .m2yf_c2a:after{content:""; border-left:28px solid transparent; border-right:28px solid transparent; border-bottom:28px solid #32adc6; position:absolute; left:50%; margin-left:-28px; top:-28px; transition:all 0.5s ease-in-out; opacity:0} .m2yf_c2a.on:after{opacity:1;} .m2yf_c2btns li:nth-child(2) .m2yf_c2a{ background:#4f8bbf;} .m2yf_c2btns li:nth-child(2) .m2yf_c2a:after{ border-bottom:28px solid #4f8bbf;} .m2yf_c2btns li:nth-child(3) .m2yf_c2a{ background:#005ca7;} .m2yf_c2btns li:nth-child(3) .m2yf_c2a:after{ border-bottom:28px solid #005ca7;} .m2fy_c2ico{ display:inline-block; width:60px; height:60px;} .m2yf_c2a h4{ font: normal 28px/70px gm_l; display: block; margin-top: 12px;color:#fff; } .m2yf_c2a h4 span{ display: inline-block; margin-right: 5px; font-size: 60px; } .m2yf_c2a p{ font-size: 18px; line-height: 32px; letter-spacing:1px;color:#fff; } .m2yfCon2{ padding-top:5vw;} .m2yfCon2 .m2zl_u1 li .m2hcps_img{ float:right;} .m2yfCon2 .m2zl_u1 li .m2zlDes{right:auto; left:100px;} .m2yfCon2 .m2zl_u1 li:nth-child(2n) .m2hcps_img{ float:left;} .m2yfCon2 .m2zl_u1 li:nth-child(2n) .m2zlDes{left:auto; right:100px;} .m2yfCon3{ padding-top:0.6vw; margin-bottom:2vw;} .m2yf_c3ul{ margin-left:-1.08vw; margin-right:-1.08vw;} .m2yf_c3ul li{ width:20%; float:left; padding:0 1.08vw; margin-bottom:4vw;} .m2yf_c3a{ display:block; position:relative; padding:0 20px 20px 0px;} .m2yf_c3a:before{content:""; position:absolute; left:20px; top:20px; right:0; bottom:0; border:2px solid #005CA7; border-radius:0 0 8em 0; transition:all 0.5s ease-in-out;} .m2fy_c2ax{ border:1px solid #E6E6E6; background:#fff; position:relative; border-radius:0 0 7em 0; transition:all 0.5s ease-in-out; height:225px;} .m2yf_c3i{ display: inline-block; height: 80px; width: 80px; position: absolute; left: 32px; top: 28px; } .m2yf_c3i img{ position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;} .m2yf_c3i img:nth-child(2){ opacity:0} .m2yf_c3a:hover .m2yw_c3i img{opacity:0;} .m2yf_c3a:hover .m2yf_c3i img:nth-child(2){opacity:1;} .m2yf_c3a p{ position: absolute; left: 35px; right: 35px; bottom: 32px; font-size: 21px; line-height: 32px; } .m2yf_c3a:hover:before{ background:#35ADC6; border:2px solid #35ADC6;} .m2yf_c3a:hover .m2fy_c2ax{ background:#005CA7; border:1px solid #005CA7; color:#fff; box-shadow:0 10px 30px rgba(0,92,167,0.3);} @media (max-width:1799px){ .m2yf_c2imgs .bgImg{ height:380px;} .m2yf_c2a{padding:20px 25px;} .m2yf_c2a h4 span{font-size:50px;} .m2yf_c2a h4{font-size:22px; line-height:50px;} .m2yf_c2a p{font-size:16px;} .m2yfCon2 .m2zl_u1 li .m2zlDes{left:50px} .m2ywCon2 .m2zlDes{width:480px;} .m2zlDes strong{font-size:30px; line-height:42px;} .m2zl_stxt{font-size:15px; line-height:30px;} .m2yfCon2 .m2zl_u1 li:nth-child(2n) .m2zlDes{left:auto; right:50px;} .m2yf_c3a p{font-size:17px;} } @media (max-width:1379px){ .m2zlDes strong{font-size:28px; } } @media (max-width:1199px){ .m2ywCon2 .m2zlDes{width:380px; right:50px;} .m2zl_u1 li:nth-child(2n) .m2zlDes{left:50px;} .m2zlDes strong{font-size:22px; line-height:32px;} .m2ywCon2 .m2zl_stxt{margin-top:12px;} .m2yf_c3a p{font-size:17px;} .m2fy_c2ax{height:205px;} } @media (max-width:767px){ .m2yf_c2imgs {display:none;} .m2yf_c2a:after{display:none} .m2yf_c2btns li{width:100%;} .m2fy_c2ico{display:none;} .m2yf_c2a h4 span{font-size:36px;} .m2yf_c2a h4{line-height:28px; margin-top:0} .m2yf_c2btns li{margin-bottom:25px;} .m2yf_c2a{margin-top:-3px;} .m2yf_c3ul li{width:100%; margin-bottom:20px;} .m2yf_c3ul{padding-bottom:30px;} } .m2Maps{ margin-bottom:6.25vw} .m2mapBox{ background: url(/statics/home/images/m2qq_mapBg.png) no-repeat center center; margin: 60px auto 0px; height: 522px; width: 1080px; position:relative } .m2map_itm{ width:18px; height:18px; position:absolute; cursor:pointer} .m2map_itm:hover{z-index:5;} .m2map_itm1{ left: 800px; top: 117px; } .m2map_itm2{left: 838px;top: 218px; } .m2map_itm3{ left: 859px; top: 223px; } .m2map_itm4{ left: 844px; top: 259px; } .m2map_itm5{ left: 741px; top: 257px; } .m2map_itm6{ left: 351px; top: 367px; } .m2map_itm7{ left: 214px; top: 191px; } .m2map_itm8{ left: 667px; top: 258px; } .m2map_itm9{ left: 622px; top: 312px; } .m2map_itm10{ left: 191px; top: 252px; } .m2map_itm11{ left: 833px; top: 199px; } .m2map_itm12{ left: 855px; top: 202px; } .m2map_itm12 .m2map_layer{height:400px;} .m2map_itm13{ left: 545px; top: 167px; } .m2map_hvbg{ position:absolute;} img.m2map_hvbg{max-width:none; transition:all 0.5s ease-in-out; opacity:0; transform:scale(0.5)} .m2map_itm:hover .m2map_hvbg{opacity:1; transform:scale(1)} .m2map_itm1 .m2map_hvbg{ left:-145px; top:-97px;} .m2map_itm2 .m2map_hvbg{ left:-56px; top:-35px;} .m2map_itm3 .m2map_hvbg{ left:5px; top:-10px;} .m2map_itm4 .m2map_hvbg{ right:5px; top:-10px;} .m2map_itm5 .m2map_hvbg{ left:-35px; top:8px;} .m2map_itm6 .m2map_hvbg{ top:-36px; left:-36px} .m2map_itm7 .m2map_hvbg{ left:-113px; top:-123px;} .m2map_itm8 .m2map_hvbg{ left:-32px; top:-42px;} .m2map_itm9 .m2map_hvbg{ left:-58px; top:-4px;} .m2map_itm10 .m2map_hvbg{ left:-44px; top:-4px;} .m2map_itm11 .m2map_hvbg{left: -28px;top: -34px;} .m2map_itm12 .m2map_hvbg{left: -4px;top: -34px;} .m2map_itm13 .m2map_hvbg{ left:-145px; top:-97px;} .m2map_quan{ position:absolute; left:0; top:0; bottom:0; right:0; border-radius:50%; border:6px solid rgba(255,255,255,0); z-index:2;} .m2map_nm{ white-space: nowrap; font-size: 12px; line-height: 20px; position: absolute; } .m2map_itm1 .m2map_nm{ left: -10px; top: 23px; } .m2map_itm2 .m2map_nm{ bottom:-1px; left:-31px;} .m2map_itm3 .m2map_nm{ left:24px; top:-1px;} .m2map_itm4 .m2map_nm{ top:23px; left:-2px;} .m2map_itm5 .m2map_nm{ top:23px; left:-2px;} .m2map_itm6 .m2map_nm{ top:23px; left:-2px;} .m2map_itm7 .m2map_nm{ top:23px; left:-2px;} .m2map_itm8 .m2map_nm{ top:23px; left:-8px;} .m2map_itm9 .m2map_nm{ top:23px; left:-2px;} .m2map_itm10 .m2map_nm{ top:23px; left:-8px;} .m2map_itm11 .m2map_nm{ top:-22px; left:-15px;} .m2map_itm12 .m2map_nm{top: -22px;left: 8px;} .m2map_itm13 .m2map_nm{ top:23px; left:-2px;} .m2map_layer{ width:640px; height:240px; position:absolute; top:-230px; right:278px;opacity:0; visibility:hidden} .m2map_itm:hover .m2map_layer{ opacity:1; visibility:visible; transition:all 0.3s ease-in-out; } .m2map_itm6 .m2map_layer,.m2map_itm7 .m2map_layer,.m2map_itm10 .m2map_layer{right:auto; left:278px;} .m2map_itm6 .m2map_line,.m2map_itm7 .m2map_line,.m2map_itm10 .m2map_line{left:auto; right:550px; transform:rotateY(180deg);} .m2map_line{ left:550px; top:84px; position:absolute;} .m2map_layer .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; border-radius:7em 0 7em 0; overflow:hidden;} .m2map_layer i{ position:absolute; left:0; top:0; bottom:0; right:0; background-repeat:repeat-y;} .m2map_des{ position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; padding:0 45px;display:flex; flex-direction:column; justify-content:center; letter-spacing:1px; max-width:900px;} .m2map_des strong{ font-size: 24px; line-height: 32px; font-weight: normal; margin-bottom: 18px; } .m2map_des p{ font-size: 14px; line-height:26px; } @media (max-width:1379px){ .m2mapBox{transform:scale(0.9)!important;} } @media (max-width:1199px){ .m2mapBox{transform:scale(0.7)!important; margin-top:-20px; left:-80px;} .m2map_nm{font-size:16px;} } @media (max-width:767px){ .m2map_des{ padding:0 25px;} .m2map_des strong{font-size:20px; line-height:20px;} .m2Maps{margin-bottom:60px;} .m2map_mbg .bgImg i{opacity:0.8;} } .m2njnul{ padding: 5.2vw 0px 3.12vw; } .m2njnul li{ margin-bottom:3.12vw;} .m2njn_aBox{ display: block; height: 400px; border: 2px solid #E6E6E6; position: relative; border-radius:0 0 10em 0; overflow:hidden; background-position:right bottom; padding-left:398px; padding-top:48px; padding-right:118px; } .m2njn_aBox:hover{ background: #005CA7 url(../images/m2njn_bg.png) no-repeat right bottom; border: 2px solid #005CA7; box-shadow:0 10px 30px rgba(0,92,167,0.3); background-size:28.8vw auto } .m2njn_ico{ display: inline-block; height: 120px; width: 120px; position: absolute; left: 60px; top: 34px; } .m2njn_ico img{ position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;} .m2njn_ico img:nth-child(2){ opacity:0} .m2njn_aBox:hover .m2njn_ico img{opacity:0;} .m2njn_aBox:hover .m2njn_ico img:nth-child(2){opacity:1;} .m2njn_aBox:hover{color:#fff;} .m2njn_aBox strong{ line-height: 58px; height: 58px; font-size: 36px; font-weight: normal; letter-spacing: 1px; display: block; } .m2njn_aBox strong:after{content:"";} .m2njn_aBox p{ font-size: 16px; line-height: 32px; height: 96px; overflow: hidden; margin: 40px 0px 50px; } .m2njn_aBox span.m2njn_m{ line-height: 44px; text-align: center; display: inline-block; height: 48px; width: 180px; border: 2px solid #005CA7; font-size: 14px; color: #005CA7; border-radius:2em; transition:all 0.5s ease-in-out;} .m2njn_aBox:hover span.m2njn_m{ border: 2px solid #fff; color:#fff; background:none} @media (max-width:1799px){ .m2njn_ico{width:100px; height:100px; top:58px;} .m2njn_aBox{padding-left:248px; height:365px;} .m2njn_aBox strong{font-size:32px;} .m2njn_aBox p{font-size:16px; line-height:30px; margin:20px 0px 30px} } @media (max-width:1199px){ .m2njn_aBox strong{font-size:26px; line-height:42px;} .m2njn_aBox p{ margin-top:0; font-size:15px;} .m2njn_aBox{padding-top:28px; height:325px;} .m2njn_ico img{top:-15px;} } @media (max-width:767px){ .m2njn_aBox{padding:100px 15px 35px; height:auto} .m2njn_ico{width:60px; height:60px; position:absolute; left:15px; top:42px;} .m2njn_aBox strong{font-size:21px; line-height:42px; height:42px;} .m2njn_aBox p{font-size:14px; line-height:24px; height:auto;} } .emLay_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:30;} .emLayCon{ padding: 52px 60px; background: #FFF; position: fixed; z-index: 35; left: 50%; top: 50%; width:1200px; max-width:90%; transform:translate(-50%,-50%); border-radius:0 0 8em 0; overflow:hidden} .emCloseBtn{ background: url(/statics/home/images/tipClose.png) no-repeat center center; height: 34px; width: 34px; position: absolute; top: 30px; right: 30px; transition:all 0.5s ease-in-out;} .emCloseBtn:hover{transform:rotate(180deg); cursor:pointer} .emLayCon h4{ font-size: 36px; font-weight: normal; line-height: 50px; color: #005ca7; letter-spacing: 1px; display: block; } .emLfm{ margin-top: 30px; margin-left:-15px; margin-right:-15px;} .emLfm li{ width:50%; float:left; padding:0 15px; margin-bottom:30px;} .emLinx{ position:relative;} .emLinx input{line-height: 56px;height: 60px;border: 2px solid #E6E6E6;position: relative;width: 100%;border-radius: 4em;padding: 0px 30px;font-size: 16px;color: #555;} .emLinx input:focus{ border: 2px solid #005ca7; } .emCimg{ padding-left: 20px; height: 56px; width: 98px; position: absolute; top: 0px; right: 20px; border-left: 2px solid #E6E6E6; padding-top:16px;} .emCimg img{cursor:pointer;} .emLinx button{ width: 100%; line-height: 60px; height: 60px; font-size: 16px; color: #FFF; background: #005ca7; text-align: center; display: block; cursor:pointer; border-radius:2em; transition:all 0.5s ease-in-out;} .emLinx button:hover{ color:#fff;box-shadow:0 10px 20px rgba(0,92,167,0.3);} .emLtip{ line-height:50px; height:50px; margin-top:-10px;} .emLtip label,.emLtip_div {float: left;position: relative;font-size: 16px;color: #808080;} .emLtip input {opacity: 0;margin-right: 22px;} .emLtip a,.emLtip a:hover{ color:#005ca7; text-decoration:underline} .emLtip label{margin-left:0;} @media (max-width:1799px){ .emLayCon h4{font-size:28px;} } @media (max-width:1379px){ .emLayCon h4{font-size:24px; line-height:26px;} .emLinx input{line-height:46px; height:48px; font-size:14px;} .emLfm li{margin-bottom:15px;} .emCimg{padding-top:10px; height:48px;} .emLinx button{height:48px; line-height:48px;} .emLtip label{font-size:14px;} .emLayCon{padding:35px 40px;} } @media (max-width:767px){ .emLayCon h4{font-size:21px;} .emLayCon{padding:25px 15px;} .emCloseBtn{top:20px; right:16px; background-size:24px auto;} .emLfm li{width:100%; margin-bottom:6px;} .emLfm{margin-top:25px;} .emLinx input{line-height:40px; height:42px; border-width:1px!important;} .emLtip{line-height:24px; font-size:12px; margin-top:0;} .emLtip i{top:1px; margin-top:0;} .emLtip input{margin-right:16px;} .emCimg{padding-top:8px; height:42px; border-left:1px solid #E6E6E6;} } .use_tipBg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:20;} .use_tipBox{ background: #005ca7 url(../images/amtipbg.png) no-repeat calc(100% - 28.38vw) center; padding: 28px 60px; color: #fff; width: 100%; left: 0; bottom: 0; z-index: 22; position: fixed } .use_tipBox .fl{ font-size:14px; line-height:24px;} .use_tipBox .fr{ position:absolute; right:60px; top:50%; transform:translateY(-50%); padding-right:8.33vw; height:36px;} .use_tip_ok,.use_tip_ok:hover{ background: #35ADC6; text-align: center; height: 36px; width: 90px; font-size: 14px; line-height: 36px; color: #FFF; float: left; margin-right: 10px;} .use_tip_no,.use_tip_no:hover{ font-size: 14px; line-height: 32px; color: #FFF; float: left; height: 36px; width: 90px; border: 2px solid #FFF; text-align:center } .use_tip_close{ background: url(/statics/home/images/amtip_colose.png) no-repeat center center; height: 14px; width: 14px; margin-top: -7px; position: absolute; top: 50%; right: 0px; cursor: pointer; } .use_tip_close:hover{ transform:rotate(90deg);} @media (max-width:1199px){ .use_tipBox .fl{max-width:660px;} .use_tipBox{padding:20px 15px;} .use_tipBox .fr{right:15px;} } @media (max-width:993px){ .use_tipBox .fl{max-width:450px;} } @media (max-width:767px){ .use_tipBox .fl{width:100%; float:none;} .use_tipBox .fr{position:relative; right:auto; margin-top:45px; width:100%; padding-right:0; text-align:center;} } .layui-form-radio{margin-top:0; margin-right:0; padding-right:4px} .layui-form-radio > i{ color:rgba(255,255,255,0); width:24px; height:24px; border:2px solid #E6E6E6; border-radius:50%; top:-1px; position:relative;} .layui-form-radio > i:hover,.layui-form-radioed > i{ color:rgba(255,255,255,0); border:2px solid #005CA7!important;} .layui-form-radio > i:hover:after, .layui-form-radioed > i:after{content:""; width:8px; height:8px; position:absolute; left:50%; top:50%!important; border-radius:50%!important; margin-left:-4px; margin-top:-4px; background:#005CA7;} .layui-form-checkbox{margin-top:0; margin-right:0; padding-right:4px} .layui-form-checkbox > i{ color:rgba(255,255,255,0); width:24px; height:24px; border:2px solid #E6E6E6; border-radius:50%; top:-1px; position:relative;} .layui-form-checkbox > i:hover,.layui-form-checked > i{ color:rgba(255,255,255,0); border:2px solid #005CA7;} .layui-form-checkbox > i:hover:after,.layui-form-checked > i:after{content:""; width:8px; height:8px; position:absolute; left:50%; top:50%!important; border-radius:50%!important; margin-left:-4px; margin-top:-4px; background:#005CA7;} .layui-form-select dl dd.layui-this{ background:#005CA7;} .layui-form-select dl{top:80px; border:1px solid #E6E6E6; border-radius:2em; padding:20px 0} .layui-form-select dl dd, .layui-form-select dl dt{padding:0 20px; line-height:40px; font-size:14px; color:#666;} .layui-form-select .layui-input{color:#888;} .layui-form-checkbox, .layui-form-select dl dd.layui-disabled{background:none;} .layui-form-select dl{z-index:5;} .layui-layer-btn{text-align:center!important;} .m2dyBom .layui-form-select dl{min-height:245px!important;} .layui-icon-ok:before{display:none!important;} .layui-layer-btn .layui-layer-btn0{border-color: #005ca7!important;background-color: #005ca7!important;} .layui-layer-title{padding:0!important; text-align:center;} .layui-layer-dialog .layui-layer-content{text-align:center;} .layui-layer-btn{text-align:center!important; padding-bottom:22px!important;} .layui-form-select dl{min-height:174px!important;} @media (max-width:1799px){ .layui-form-select dl{top:70px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .layui-form-select dl{top:56px;} } .search-s2 { position: relative; background-color: #fff; padding: 4.5vw 0 1px; } .search-s2 .cont { max-width: 1200px; margin: 0 auto; } .search-s2 .tip { font-size: 18px; color: #333; } .search-s2 .tip b { color: #255dbc; } .search-s2 .nocont { margin-top: 20px; } .search-s2 .items { margin-bottom: 2vw; } .search-s2 .item { border-bottom: 8px solid #f5f5f5; transition: all .3s ease; } .search-s2 .item a { display: block; padding: 3.125vw 0; } .search-s2 .item .date { font-size: 14px; color: #255dbc; font-style: italic; } .search-s2 .item h3 { font-size: 20px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 20px; } .search-s2 .item span { display: inline-block; font-size: 16px; color: #255dbc; margin-top: 20px; } @media screen and (min-width: 1025px) { .search-s2 .item:hover { border-color: #255dbc; } } .weixin-prop{ width:300px; height:380px;border:1px #ddd solid; background:#fff; position:fixed;left:50%;top:50%;margin:-190px 0px 0px -150px; z-index:2345667} .weixin-close{width:25px;height:25px; position:absolute;right:10px;top:10px; line-height:30px; text-align:center; font-size:20px; color:#333; cursor:pointer} .weixin-img{ float:left; width:250px; margin:60px 0px 0px 25px} .weixin-img canvas{width:250px;height:250px} .weixin-prop p{ float:left; width:100%; overflow:hidden; font-size:14px; text-align:center; color:#222} /*2021-11-11 CSS*/ .serBomItem {margin-top:5px;} .pubAreaWpr{ position:relative; padding-bottom:40px;} .pubAreaWpr span{ position:absolute; right:0; bottom:0; line-height:24px; font-size:14px; color:#888;} /*2021-12-13 CSS*/ .m2onTimg{width:198px; height:198px;} .m2onTagul li{min-height:270px;} .emLay_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:30;} .emLayCon{ padding: 52px 60px; background: #FFF; position: fixed; z-index: 35; left: 50%; top: 50%; width:1200px; max-width:90%; transform:translate(-50%,-50%); border-radius:0 0 8em 0; overflow:hidden} .emCloseBtn{ background: url(/statics/home/images/tipClose.png) no-repeat center center; height: 34px; width: 34px; position: absolute; top: 30px; right: 30px; transition:all 0.5s ease-in-out;} .emCloseBtn:hover{transform:rotate(180deg); cursor:pointer} .emLayCon h4{ font-size: 36px; font-weight: normal; line-height: 50px; color: #005ca7; letter-spacing: 1px; display: block; } .emLayCon h5{ font-size: 16px; line-height: 28px; color: #808080; margin: 12px 0px 25px; } .emLfm{ margin-top: 30px; margin-left:-15px; margin-right:-15px; } .emLfm li{ width:50%; float:left; padding:0 15px; margin-bottom:30px;} .emLinx{ position:relative;} .emLinx input{line-height: 56px;height: 60px;border: 2px solid #E6E6E6;position: relative;width: 100%;border-radius: 4em;padding: 0px 30px;font-size: 16px;color: #555;} .emLinx input:focus{ border: 2px solid #005ca7; } .emCimg{ padding-left: 20px; height: 56px; width: 98px; position: absolute; top: 0px; right: 20px; border-left: 2px solid #E6E6E6; padding-top:16px;} .emCimg img{cursor:pointer;} .emLinx button{ width: 100%; line-height: 60px; height: 60px; font-size: 16px; color: #FFF; background: #005ca7; text-align: center; display: block; cursor:pointer; border-radius:2em; transition:all 0.5s ease-in-out;} .emLinx button.m2lxReset,.emLinx .m2lxReset{ background:#bfbfbf; width: 100%; line-height: 60px; height: 60px; font-size: 16px; color: #FFF; text-align: center; display: block; cursor:pointer; border-radius:2em; transition:all 0.5s ease-in-out;} .emLinx button.m2lxReset:hover,.emLinx .m2lxReset:hover{ color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);} .emLinx button:hover{ color:#fff;box-shadow:0 10px 20px rgba(0,92,167,0.3);} .emLtip{ line-height:50px; height:50px; margin-top:-10px;} .emLtip label,.emLtip_div {float: left;position: relative;font-size: 16px;color: #808080;} .emLtip input {opacity: 0;margin-right: 22px;} .emLtip a,.emLtip a:hover{ color:#005ca7; text-decoration:underline} .emLtip label{margin-left:0;} .hmEfm{ line-height:60px; height:60px; font-size:16px; color:#808080;} .hmEfm strong{ font-weight:normal;} .hmEfm label{ margin-left:35px;} @media (max-width:1799px){ .emLayCon h4{font-size:28px;} } @media (max-width:1379px){ .emLayCon h4{font-size:24px; line-height:26px;} .emLinx input{line-height:46px; height:48px; font-size:14px;} .emLfm li{margin-bottom:15px;} .emCimg{padding-top:10px; height:48px;} .emLinx button{height:48px; line-height:48px;} .emLtip label{font-size:14px;} .emLayCon{padding:35px 40px;} } @media (max-width:767px){ .emLayCon h4{font-size:21px;} .emLayCon{padding:25px 15px;} .emCloseBtn{top:20px; right:16px; background-size:24px auto;} .emLfm li{width:100%; margin-bottom:6px;} .emLfm{margin-top:25px;} .emLinx input{line-height:40px; height:42px; border-width:1px!important;} .emLtip{line-height:24px; font-size:12px; margin-top:0;} .emLtip i{top:1px; margin-top:0;} .emLtip input{margin-right:16px;} .emCimg{padding-top:8px; height:42px; border-left:1px solid #E6E6E6;} } .enterBtn {position: absolute;bottom: 5.2vw;left: 0;right: 0;margin: 0 auto;display: block;width: 240px;font-size: 20px;line-height: 60px;color: #fff;text-align: center;border-radius: 30px;background-color: #32adc6;transition: all .3s ease; z-index:5} .enterBtn:hover {transform: translateY(-5px);box-shadow: 0 20px 40px rgba(50, 173, 198, 0.5);} /*2022-01-03 CSS*/ .addjbul{ padding-top: 5.2vw; } .addjbul li{ margin-bottom:3.02vw;} .addjb_aBox{ display: block; position: relative; padding: 2.76vw 300px 3.75vw 55px; border: 2px solid #E6E6E6; border-radius:0 0 7em 0; background-position:right bottom;} .addjb_aBox:hover{ background: #005ca7 url(../images/m2njn_bg.png) no-repeat right bottom; border: 2px solid #005ca7; color:#fff; background-size:20.83vw auto; } .addjb_st{ font-size: 36px; letter-spacing: 1px; display: block; font-weight: normal; line-height: 50px; margin-bottom: 42px; position:relative; } .addjb_st:after{content:""; background:#35ADC6; width:24px; height:4px; position:absolute; left:0; bottom:-22px;} .addjb_des{ font-size: 18px; line-height: 36px; margin-bottom: 2.18vw; letter-spacing:1px;} .addjb_stag{} .addjb_stag span{ font-size: 14px; line-height: 28px; margin-right:50px;} .addjb_stag span:last-child{margin-right:0;} .addjb_stag span i{ font-style: normal; display: inline-block; transition:all 0.5s ease-in-out; margin-left: 18px; padding-left: 18px; position: relative; color: #005ca7; transition:all 0.5s ease-in-out; position:relative; } .addjb_stag span i:before{content:""; transition:all 0.5s ease-in-out; width:1px; height:12px; background:#CCCCCC; position:absolute; left:0; top:50%; margin-top:-6px;} .addjb_btn{ line-height: 44px; text-align: center; display: inline-block; height: 48px; width: 180px; border: 2px solid #005CA7; font-size: 14px; color: #005CA7; border-radius:2em; position:absolute; right:56px; top:2.76vw; transition:all 0.5s ease-in-out;} .addjb_aBox:hover .addjb_btn{ color: #FFF; background: #35ADC6; border: 2px solid #35ADC6; } .addjb_aBox:hover .addjb_stag span i{ color:#35ADC6;} .addjb_aBox:hover .addjb_stag span i:before{ background:#367DB9;} .addJobPage{ padding: 5.72vw 0px; } .addJlx{ width: 960px; background: #fff; float: left; box-shadow: 0 0 15px rgba(0,0,0,0.03); padding: 52px 58px 5.2vw; } .addjt{ font-size: 36px; line-height: 50px; font-weight: normal; letter-spacing: 2px; display: block; margin-bottom: 20px; } .addjb2_des{ font-size: 18px; line-height: 36px; margin-top: 28px; padding-top: 30px; border-top: 1px solid #E6E6E6; } .addjb_item{ margin-top:45px;} .addjb_item strong{ font-size: 24px; line-height: 24px; letter-spacing: 1px; padding-left: 18px; border-left:2px solid #35ADC6; font-weight: normal; display: block; margin-bottom:22px; } .addjb_item p{ font-size: 18px; line-height: 34px; padding-left: 22px; position:relative;} .addjb_item p:before{content:""; width:5px; height:5px; background:#333; border-radius:50%; position:absolute; left:0; top:14px;} .addJrx{ width: 440px; background: #fff; float: right; box-shadow: 0 0 15px rgba(0,0,0,0.03); padding: 52px 58px 60px; } .addjrfm{ margin: 16px -5px 0px; } .addjrfm li{ padding: 0px 5px; width:100%; float:left; margin-bottom:10px; } .addjrfm li:nth-child(1),.addjrfm li:nth-child(2){ width:50%;} .addjinx{display:block; position:relative;} .addjb_file{ font-size: 16px; line-height: 60px; color: #FFF; background: #005CA7; display: block; height: 60px; text-align: center; border-radius:0.3em; } .addjb_file:hover{ color:#fff; box-shadow:0 5px 20px rgba(0,92,167,0.3);} .addjb_file img{ margin-right:10px; position:relative; top:4px;} .addjinx input{ font-size: 16px; line-height: 58px; color: #333; height: 60px; width: 100%; padding: 0px 15px; border: 1px solid #E6E6E6; border-radius:0.3em; } .addjinx select{ font-size: 16px; line-height: 58px; color: #333; height: 60px; width: 100%; padding: 0px 15px; border: 1px solid #E6E6E6; border-radius:0.3em; background: transparent url(../images/addjb_ar.png) no-repeat calc(100% - 15px) center; appearance: none; -moz-appearance: none; -webkit-appearance: none; color:#888; } .addjb_submit{ line-height: 60px; color: #FFF; background: #35ADC6; height: 60px; font-size: 21px; letter-spacing: 1px; display: block; cursor: pointer; display:block; text-align:center; border-radius:0.4em; width:100%; transition:all 0.5s ease-in-out;} .addjb_submit:hover{ box-shadow:0 5px 20px rgba(53,173,198,0.3);} @media (max-width:1799px){ .addjb_st{font-size:28px;} .addjb_des{font-size:16px; line-height:32px;} .addJlx{width:800px; padding:35px 35px 5.2vw} .addJrx{width:380px; padding:35px 35px 40px} .addjt{font-size:30px;} .addjb2_des{font-size:16px; line-height:32px;} .addjb_item strong{font-size:21px;} .addjinx input,.addjinx select{font-size:15px; line-height:50px; height:52px;} .addjb_file{height:52px; line-height:52px; font-size:15px;} .addjb_submit{height:56px; line-height:56px; font-size:17px;} .addjb_item p{font-size:16px; line-height:32px;} .addjb_item p:before{ top:13px;} .addjb_item{margin-top:35px;} } @media (max-width:1199px){ .addjb_st{font-size:24px;} .addJlx{width:600px;} .addJrx{width:320px;} } @media (max-width:993px){ .addjb_aBox{padding-left:25px; padding-right:25px} .addJlx{width:100%; float:none;} .addJrx{width:100%; float:none; margin-top:25px; margin-bottom:35px;} .addjt{font-size:26px; line-height:42px;} } @media (max-width:767px){ .addjb_btn{font-size:12px; position:relative; left:auto; right:auto; top:auto;} .addjb_aBox{border-radius:0 0 4em 0;} .addjb_st{font-size:20px; margin-bottom:16px;} .addjb_st:after{height:2px;} .addjb_st:after{bottom:-5px;} .addjb_aBox{padding-left:15px; padding-right:15px; padding-bottom:25px;} .addjb_des{font-size:13px; line-height:26px;} .addjb_stag span i{padding-left:0; } .addjb_stag span i:after{display:none;} .addjb_stag span{margin-right:20px;} .addjb_stag span:last-child{margin-right:0;} .addjb_stag span{font-size:12px;} .addjb_btn{ line-height: 36px; height: 38px; width: 130px; border-width:1px!important; font-size: 12px; margin-top:20px;} .addjb_stag span i{margin-left:5px;} .addjbul{padding-top:45px;} .addJobPage{padding-top:35px;} .addJlx{padding-left:15px; padding-right:15px;} .addjt{font-size:22px; line-height:30px; margin-bottom:12px;} .addjb2_des{margin-top:16px; padding-top:16px;} .addjb2_des{font-size:13px; line-height:28px;} .addjb_item strong{font-size:18px;} .addjb_item{margin-top:20px;} .addjb_item p{font-size:13px; line-height:26px; padding-left:15px;} .addjb_item p:before{top:11px;} .addJrx{padding:30px 15px 35px;} .addjrfm{margin-top:22px;} } /*2022-02-25 CSS*/ .addjb_des{display: none;} .addjb_stag span{display: none;} .addjb_st{margin-bottom: 0;} .addjb_st:after{display: none} .addjb_aBox{padding-top: 2vw;padding-bottom: 2vw;} .addjb_btn{top: 1.96vw;} .addjbul li{margin-bottom: 1.5vw;} @media (max-width:1799px){ .addjb_st{font-size: 21px;} .addjb_aBox{padding-top: 1.4vw;padding-bottom: 1.4vw; padding-left: 30px;} .addjb_btn{top: 1.4vw;} .addjb_aBox{ border-radius: 0 0 4em 0;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .addjb_st{font-size: 18px;} .addjb_btn{top: -4.6vw;} .addjb_aBox{padding-left: 20px;} } .m2zl_stxt{max-height:290px; padding-bottom:20px; overflow-y:auto;} @media (max-width: 1799px){ .m2zl_stxt{max-height:280px;} } @media (max-width: 1199px){ .m2zl_stxt{max-height:200px;} } @media (max-width:993px){ .m2zl_stxt{ max-height:none!important;} }