body{opacity:0; transition:all 0.2s ease-in-out; overflow-x:hidden} .bodyIn{ opacity:1;} body.ieBody{opacity:1;} .ieBody .wOpacity{opacity:1;} .hsBody{ background: #f1f2f6; } .serLayerBg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:fixed; z-index:888; left:0; top:0} .serLayer{ width:80%; position:fixed; top:50%; transform:translate(-50%,-50%); max-width:1000px; left:50%; z-index:900} .serIntBox{height:60px; position:relative;} .serLayer button {position: absolute;right: 0;top: 0;width: 80px;height: 60px;background-color: transparent;background-position: center;background-repeat: no-repeat;background-image: url(../image/icon10.png);cursor: pointer;} .serLayer input {display: block;width: 100%;height: 60px;padding: 0 20px;font-size: 16px; border-radius:1.8em;} .serTnm {font-size: 36px;color: #fff;text-align: center;line-height:36px; margin-bottom:36px;} .serClose {position: absolute;top:5px;right: 10px;width: 24px;height: 24px;background-position: center;background-repeat: no-repeat;background-image: url(../image/close.png);cursor: pointer;} @media (max-width:1799px){ .serTnm{font-size:28px;} } .pc_logo{ float: left; margin: 28px 0px 0px 4vw; display:inline-block; position:relative; height:32px; min-width:30px; } .pc_logo img{ position: absolute; left: 0px; top: 0px; height:32px; width:auto; max-width:none; transition:all 0.5s ease-in-out } .header{ height:118px; position:fixed; width:100%; left:0; z-index:50; padding-top:28px; padding-right:4vw; transition:all 0.5s ease-in-out;} .headerHover{ background:#fff;} .headerHover .nav_a{color:#333;} .headerHover .on .nav_a,.headerHover .nav_a:hover{color:#0D3882} .headerHover .pc_logo img{opacity:0;} .headerHover .pc_logo img.iOpacity{opacity:1;} .headerHover .navSer_icon{ background: url(../image/serIcon2.png) no-repeat center center; } .subMenu{width:100%; position:absolute; left:0; top:100px; background:#fff; border-radius:0 0 0.3em 0.3em; padding:5px 4px; display:none} .headerHover .subNav{top:118px;} .headerFixed .subNav{top:90px!important;} .headerFixed{background:#fff; box-shadow:0 2px 3px 2px rgba(0,0,0,0.03); padding-top:0; height:90px;} .headerFixed .pc_logo img{opacity:0;} .headerFixed .pc_logo img.iOpacity{opacity:1;} .nav{float:left; padding-right:20px;} .nav li{position:relative; float:left; line-height:90px; position:relative;} .nav_a{display:inline-block; padding:0 32px; font-size:17px; position:relative; color:#fff;} .on .nav_a,.nav_a:hover{ font-size: 17px; color: #fff; } .headerFixed .nav_a{color:#333;} .headerFixed .on .nav_a,.headerFixed .nav_a:hover{color:#0D3882} .nav_a2{ display:block; line-height:48px; height:49px; border-bottom:1px solid #F4F4F4; text-align:center; font-size:16px;} .subMenu dd:last-child a{border:none;} .headerRx{float:right;} .navSer_icon{ float: right; margin-top: 30px; background: url(../image/serIcon.png) no-repeat center center; display: inline-block; height: 28px; width: 28px; cursor:pointer } .headerFixed .navSer_icon{ background: url(../image/serIcon2.png) no-repeat center center; } @media (max-width:1799px){ .header{ height:76px;padding-top:0px;} .headerFixed{ padding-top:0; height:76px;} .nav_a{ padding:0 25px; font-size:16px;} .pc_logo{ margin: 20px 0px 0px 4vw;} .nav li{line-height:76px;} .navSer_icon{margin-top:24px;} .nav_a{ padding:0 20px; font-size:16px;} .pc_logo img{height:28px; width:auto;} .headerFixed .subNav{top:76px!important;} .index_body .subNav{padding-top:0!important; top:76px!important} } @media (max-width:1199px){ .pc_logo{margin-left:25px;} .nav_a{font-size:14px;padding:0 15px;} } /*mobile header*/ .mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;} .mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;} @media (max-width:993px){ .header{display:none!important;} .mHeader{ height:56px; background:rgba(255,255,255,0.9); position:fixed; left:0; top:0; width:100%; padding:0 15px; z-index:888; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06); display:block;} .mOpenBtn{ width:26px; height:18px; position:absolute; right:15px; top:50%; margin-top:-9px; overflow:hidden; cursor:pointer} .mOpenBtn i{width:30px; height:2px; margin-bottom:6px; background:#0D3882; display:block} .mMenuLayBg{ opacity: 0; position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(100%); transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:#0D3882} .mMmenuLay{ position: fixed; height: 100%; left: 70px; top: 0px; right: 0px; bottom: 0px; z-index: 950; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding: 25px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background: #0D3882; } .mCloseBtn{ background: url(../image/mclose.png) no-repeat center center; height: 26px; width: 26px; position: fixed; left: 15px; top: 15px; cursor: pointer; z-index: 950; background-size:22px 22px; transition:all 0.5s ease-in-out; opacity:0; display:block; } .mLogo{float:left;} .mLogo img{height:26px; width:auto; margin-top:12px;} .mLogo span{font-size:16px; line-height:38px; display:inline-block; position:relative; left:8px; top:4px;} .mLogo span,.mLogo img{vertical-align:middle;} .mMmenuLay dt{position:relative; position:relative;} .mMenu_a1{font-size:15px; font-weight:bold; color:#fff; padding:0 48px 0 6px; display:block; line-height:46px; border-bottom:1px solid rgba(255,255,255,0.3);} .mMenu_a2{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:25px;} .mToggle{ height: 47px; width: 47px; position: absolute; top: 0px; right: 0px; background: url(../image/mhead_i1.png) no-repeat center center; cursor: pointer; display:none } .mToggle2{ background: url(../image/reduce.jpg) no-repeat center center; } .mMmenuLay dd{ transition:all 0.5s ease-in-out; height:0; overflow:hidden} .mMmenuLay dl.on dd{height:47px;} .mMenu_a1:hover,.mMenu_a2:hover{color:#fff; opacity:0.8} .mMenu_icon1{ background: url(/static/home/images/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; margin-right: 8px; } .mMenu_a1 text,.mMenu_a1 i{vertical-align:middle;} .mMenuLayBg.on{opacity:0.9; transform:translateX(0%); transition-delay:0.2s} .mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s} .mCloseBtn.on{opacity:1; transform:rotate(360deg);} } /* end */ .hmFocus{height:100vh; overflow:hidden} .hmFocus_item{ height:100%; position:relative;} .hmFocus_item .dsPc,.hmFocus_item .dsPadPhone{ height:100vh;} .hmFocus_imgBox{height:100%; transition:all 5s ease-in-out; transform:scale(1); width:100%} .hmFocusTxt{ width: 100%; position: absolute; left: 0; top:50%; transform:translateY(-50%); color: #FFF; text-align:center } .hmFocusTxt2{text-align:right; padding:0 4vw} .hmFocusTxt2 .container{width:100%;} .hmFocus_bt { font-size: 60px; line-height: 80px; transition: all 0.8s ease-in-out; opacity: 0; transform: translate(0px,30px); font-weight: bold; } .hmFocus_des { font-size: 48px; line-height: 64px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(0px,30px); } .hmFocus_more{ font-size: 18px; color: #FFF; line-height: 50px; text-align: center; height: 50px; width: 170px; display:inline-block; border-radius: 2.3em; transition: all 0.8s ease-in-out; opacity: 0; transform: translate(0px,30px); margin: 75px auto 0px; background: #0D3882; } .hmFocus_more:hover{ opacity:0.9;color:#fff; } .hmVideo_bg{width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.3); position:absolute;} .hmFocus .slick-dots{position:absolute; bottom:42px; left:50%; text-align:center; max-width:1430px; padding:0 15px; transform:translateX(-50%)} .hmFocus .slick-dots li{ transition: all 0.5s ease-in-out; height: 12px; width: 12px; margin-right: 10px; background:#fff; border-radius:50%; display:inline-block!important } .hmFocus .slick-dots li *{display:none!important;} .hmFocus .slick-dots li.slick-active{ background: #0D3882; width: 26px; border-radius:1.8em; } .hmFocus .slick-slide img{opacity:0!important; display:none!important} .slick-current .hmFocus_bt{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s} .slick-current .hmFocus_des{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s} .slick-current .hmFocus_more{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s} /*.slick-current .hmFocus_imgBox{transform:scale(1.1);}*/ .hmFocus .draggable,.hmFocus .slick-track{height:100%;} .vidbacking-active-body-back { position: fixed; z-index: -100; min-width: 100%; min-height: 100%; top: 50%; left: 50%; background-size: cover; overflow: hidden; opacity: 1; transition: 2s opacity; transform: translateX(-50%) translateY(-50%); } .vidbacking-active-block-back { position: absolute; min-width: 100%; min-height: 100%; height: auto; width: auto; z-index: -100; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .vidbacking { display: none; } .hmFocusTxt2 .hmFocus_more{margin-top:45px;} @media (max-width:1799px){ .hmFocus_bt { font-size: 50px; line-height: 70px; margin-bottom:8px; } .hmFocus_des { font-size: 40px; line-height: 54px; } .hmFocus_more{ font-size: 16px; line-height: 44px; height: 44px; width: 150px; margin: 55px auto 0px;} } @media (max-width:1379px){ .hmFocus_bt { font-size: 42px; line-height: 66px; } .hmFocus_des { font-size: 32px; line-height: 50px; } .hmFocus_more{ font-size: 15px; line-height: 42px; height: 42x; width: 140px; margin: 35px auto 0px;} } @media (max-width:993px){ .hmFocus{height:500px;} .hmFocus_item .dsPc,.hmFocus_item .dsPadPhone{ height:100%;} .hmFocus_bt { font-size: 36px; line-height: 46px; } .hmFocus_des { font-size: 24px; line-height: 44px; } .hmFocus_more{ font-size: 15px; line-height: 44px; height: 44px; width: 140px; margin:45px auto 0px; } } @media (max-width:767px){ .hmFocus{height:360px;} .hmFocus_bt { font-size: 24px; line-height: 36px; } .hmFocus_des { font-size: 16px; line-height: 34px; } .hmFocus_more{ font-size: 14px; line-height: 40px; height: 40px; width: 120px; margin:25px auto 0px; } .hmFocus .slick-dots{ bottom:25px;} .hmFocus .slick-dots li{ height: 9px; width: 9px; margin-right: 6px; } } .hmCon2{ background: #FFF; padding-left: 7.8vw; height:550px; } .hmc2L { float: left; width: 25.5vw; height: 100%; margin-right: 6.5vw; position:relative;} .hmc2lBox{position:absolute; left:0; top:50%; transform:translateY(-50%);} .hmc2R{margin-left:32vw; height:100%;} .hmc2L strong { font-size: 36px; line-height: 72px; display: block; margin-bottom: 6px; position: relative; font-weight: normal; } .hmc2_more { display: inline-block; text-align: center; margin-top: 15px; font-size: 18px; line-height: 50px; color: #FFF; background: #0D3882; height: 50px; width: 166px; border-radius:1.8em; } .hmc2_more:hover{ color: #fff; opacity:0.9; } .hmc2L p { font-size: 16px; color: #666666; line-height: 28px; min-height:140px; } .hmc2L strong:before{ content: ""; background: #0D3882; height: 4px; width: 24px; position: absolute; left: 0px; top: 0px; } .hmc2aBox{ float: left; height: 100%; width: 33.33%; position: relative; border-left: 1px solid #E9EFF3; overflow: hidden; perspective: 1000px; } .hmc2Lay{ height: 100%; width: 100%; position: absolute;-webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; transition: ease-in-out 600ms; } .hmc2Lcon{ width: 100%; text-align: center; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); padding: 0px 25px; } .hmc2Icon { display: inline-block; margin-bottom: 92px; position: relative; } .hmc2Icon:after{ content: ""; background: #999999; display: inline-block; height: 2px; width: 18px; margin-left: -9px; position: absolute; left: 50%; bottom: -47px; } .hmc2Lcon strong { font-size: 24px; color: #333; line-height: 36px; height: 36px; font-weight: normal; display: block; } .hmc2Lcon p { font-size: 16px; line-height: 30px; color: #666; text-align: center; height: 60px; overflow: hidden; max-width: 200px; margin: 18px auto 0 } .hmc2Lbg{width:100%; height:100%; background:#e30014; position:absolute; left:0; top:0;} .hmc2R .hmc2aBox:nth-child(2) .hmc2Lbg{background:#0D3882;} .hmc2R .hmc2aBox:nth-child(3) .hmc2Lbg{background:#2A3F16;} .hmc2Lay2 .hmc2Lcon strong{color:#fff;} .hmc2Lay2 .hmc2Icon:after{background:#fff;} .hmc2Lay2 .hmc2Lcon p{color:#fff;} .hmc2Lay1{background:#fff;} .hmc2Lay2{transform:translateX(-100%); opacity:0} .hmc2aBox:hover .hmc2Lay1,.hmc2aBox.on .hmc2Lay1{transform: translateX(100%); opacity:0} .hmc2aBox:hover .hmc2Lay2,.hmc2aBox.on .hmc2Lay2{transform: translateX(0); opacity:1} @media (max-width:1799px){ .hmc2L strong { font-size: 32px; line-height: 62px;} .hmCon2{ height:450px; } .hmc2Lcon strong{font-size:22px;} .hmc2Lcon p{margin-top:10px;} .hmc2_more{font-size:16px;} } @media (max-width:1379px){ .hmc2Lcon strong{font-size:20px;} .hmc2L strong { font-size: 28px;} .hmc2_more{font-size:15px;} } @media (max-width:993px){ .hmCon2{padding-left:0; height:auto;} .hmc2L{width:100%; float:none; margin-right:0; padding:60px 25px; border-bottom:1px solid #ddd;} .hmc2R{width:100%; margin-left:0; height:500px;} .hmc2lBox{transform:translateY(0); position:static;} .hmc2R .hmc2aBox:first-child{border:none;} .hmc2L p{min-height:10px; margin-bottom:12px;} } @media (max-width:767px){ .hmc2L{ padding:50px 15px;} .hmc2L strong{font-size:24px;} .hmc2L p{font-size:15px; line-height:28px;} .hmc2_more{font-size:14px; line-height:46px; height:46px;} .hmc2aBox .hmc2Lay1,.hmc2aBox:hover .hmc2Lay1,.hmc2aBox .hmc2Lay1{transform: translateX(0%); opacity:1} .hmc2aBox .hmc2Lay2,.hmc2aBox:hover .hmc2Lay2,.hmc2aBox .hmc2Lay2{transform: translateX(0); opacity:0} .hmc2aBox{width:100%;} .hmc2R{height:auto;} .hmc2Icon{margin-bottom:10px;} .hmc2Icon:after{display:none;} .hmc2Lcon strong{font-size:16px; font-weight:bold;} .hmc2Lcon p{font-size:14px; line-height:26px; margin-top:0} .hmc2aBox{height:260px; position:relative;} .hmc2aBox:after{content:""; height:1px; background:#ededed; position:absolute; left:15px; right:15px; bottom:0;} .hmc2R a:last-child:after{display:none;} } .hmCon3 { padding: 96px 5.6vw 120px; background: #F5F9FC; } .hmTbox{ max-width: 530px; padding: 0 15px; text-align: center; margin: 0px auto; } .hmTbox strong { font-size: 36px; line-height: 72px; font-weight: normal; } .hmTbox p { font-size: 16px; line-height: 28px; color: #666; } .hmc3aBox .overflowHide { height: 458px; } .hmc3ul{margin-top:158px;} .hmc3aBox{display:block; padding-bottom:186px; position:relative; background:#fff; box-shadow:0 6px 18px 14px rgba(0,0,0,0.04);} .hmc3Bom { padding: 60px 110px 65px 40px; line-height: 30px; position: absolute; left: 0px; bottom: 0px; z-index:5; background:#fff; transition:all 0.5s ease-in-out; } .hmc3Bom p { height: 0px; overflow: hidden; transition:all 0.5s ease-in-out; opacity:0; font-size:16px; line-height:24px; } .hmc3Bom strong { font-size: 20px; line-height: 30px; font-weight: normal; display: block; min-height:60px; position:relative; } .hmc3Bom strong:before{ content: ""; background: #999999; display: inline-block; height: 2px; width: 18px; position: absolute; left: 0px; top: -22px; transition:all 0.5s ease-in-out; } .hmc3ul li{padding:0 2.32vw;transform:translateY(70px);} .hmc3ul li:nth-child(2){transform:translateY(120px);} .hmc3Bom i{ background: url(../image/hmc3_arrow.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; margin-top: -24px; position: absolute; top: 50%; right: 28px; opacity:0} @media (min-width:767px){ .hmc3aBox:hover .hmc3Bom{ background:#0D3882} .hmc3ul li:nth-child(1) .hmc3aBox:hover .hmc3Bom{ background:#f6534c} .hmc3ul li:nth-child(2) .hmc3aBox:hover .hmc3Bom{ background:#0e3582} .hmc3ul li:nth-child(3) .hmc3aBox:hover .hmc3Bom{ background:#286ce7} .hmc3aBox *{transition:all 0.5s ease-in-out;} .hmc3aBox:hover *{color:#fff;} .hmc3aBox:hover strong:before{background:#fff;} .hmc3aBox:hover p{height:48px; opacity:1; margin-top:18px;} .hmc3aBox:hover .hmc3Bom i{opacity:1;} } @media (max-width:1799px){ .hmCon3 { padding: 60px 5.6vw 110px; } .hmc3ul{margin-top:100px;} .hmc3aBox .overflowHide{height:390px;} .hmc3Bom strong{font-size:18px;} .hmTbox strong{font-size:32px;} .hmc3ul li{padding:0 2vw;} .hmc3Bom p{font-size:15px;} } @media (max-width:1559px){ .hmc3aBox .overflowHide{height:360px;} .hmc3ul li{padding:0 1.5vw;} .hmc3Bom p{font-size:14px; line-height:26px;} } @media (max-width:1379px){ .hmCon3 { padding: 50px 3.6vw 90px; } .hmc3Bom strong{font-size:16px;} .hmc3Bom { padding: 50px 100px 45px 30px; line-height: 26px; } .hmc3aBox{ padding-bottom:156px;} .hmTbox strong{font-size:28px;} } @media (max-width:993px){ .hmc3ul{margin-top:0;} .hmc3ul li:nth-child(2){display:none!important;} .hmc3ul li{width:50%; transform:translateY(40px);} } @media (max-width:767px){ .hmTbox strong{display:block; font-size:24px; line-height:30px; margin-bottom:10px;} .hmTbox p{font-size:15px; line-height:28px;} .hmc3ul{ margin-top:25px;} .hmc3ul li:nth-child(2){display:block!important; transform:translateY(0)!important;} .hmc3ul li{ width:100%; transform:translateY(0)!important} .hmc3Bom p{display:none;} .hmc3Bom { padding: 20px 15px 25px; line-height: 26px; position:static;} .hmc3Bom i{display:none;} .hmc3aBox{padding-bottom:0;} .hmc3Bom strong{height:auto; min-height:10px} .hmc3ul li{margin-bottom:20px;} .hmCon3{padding-bottom:50px;} } .hmCon4{ background: url(../image/hmc4_bg.jpg) no-repeat center center; background-size:cover; padding: 96px 0 120px;} .hmc4MapBox{padding-top: 80px; position: relative; z-index: 5; } .hmc4MapNubr{ max-width: 1160px; width: 100%; position: absolute; left: 50%; top: 10px; transform: translateX(-50%); height: 118px; padding-top: 12px; z-index:5; } .hmc4MapNubr li{ text-align: center; float: left; width: 25%; color: #FFF; font-size: 14px; line-height: 26px; } .hmc4_nms { font-size: 70px; line-height: 72px; overflow: hidden; } .hmc4_si{ font-size: 34px; line-height: 32px; display: inline-block; position: relative; left: 5px; top: 4px; } .hmc4Map{position:relative; max-width:1200px; margin:0 auto;} .hmc4ChinaInfo{ width:50px; height:50px; position:absolute; left:930px; top:162px;} .hmc4Other1{ left:103px; top:152px;} .hmc4Other2{ left:565px; top:63px;} .mapItem{ display: inline-block; white-space: nowrap; padding: 0px 26px; position: absolute; font-size: 15px; line-height: 24px; color:#fff; } .mapItem_1{ right: 30px; top: 5px; } .mapItem_2{ left: 26px; top: -5px;} .mapItem_3{ left: 15px; top: 15px; } .mapItem_4{left:0; top:0;} .mapItem i{ background: url(../image/map_quan.png) no-repeat center center; display: inline-block; height: 23px; width: 23px;animation: 2.2s water infinite ease-out; } .mapItem_1 i{ position: absolute; top: 0px; right: 0px; animation-duration:1.6s } .mapItem_2 i{ position: absolute; top: 0px; left: 0px; } .mapItem_3 i{ position: absolute; top: 0px; left: 0px; animation-duration:2.8s } @media (max-width:1799px){ .hmCon4{ padding: 60px 0 100px;} .hmc4_nms { font-size: 68px;} .mapItem{font-size:14px;} } @media (max-width:1379px){ .hmCon4{ padding: 50px 0 80px;} .hmc4_nms { font-size: 58px;} } @media (max-width:1199px){ .hmc4Map{transform:scale(0.8) translate(-100px,0);} .hmCon4{padding-bottom:0;} } @media (max-width:993px){ .hmc4_nms{font-size:36px;} .hmc4_si{font-size:20px; left:-2px; top:-2px;} .hmu4_mul{padding:65px 25px 60px; text-align:center; font-size:16px; font-weight:bold; line-height:48px; color:#fff; overflow:hidden} .hmu4_mul li{width:50%; float:left;} .hmu4_mul li:last-child{width:100%;} } @media (max-width:767px){ .hmc4_nms{font-size:22px;} .hmc4_si{font-size:16px;} .hmc4MapNubr li{font-size:12px;} .hmc4_nms{line-height:45px;} .hmu4_mul li{width:100%; line-height:52px; height:52px; border-radius:1.8em; border:1px solid rgba(255,255,255,0.8); margin:8px 0} .hmu4_mul{padding-top:40px; line-height:40px;} .hmc4MapNubr li:nth-child(1),.hmc4MapNubr li:nth-child(2){width:24%;} } .hmCon5{ background: url(../image/hmc5bg.png) no-repeat center center; padding: 96px 0 120px; } .hmc5Box{ max-width: 1250px; margin: 50px auto 0; position: relative; } .hmc5Lx { float: left; height: 720px; width: 720px; border: 30px solid #FFF; border-radius: 50%; box-shadow: 0 5px 15px 12px rgba(0,0,0,0.06); overflow: hidden; position: relative; z-index: 1; } .hmc5ul li { height: 90px; margin-bottom: 22px; } .hmc5aBox { width: 200px; color: #FFF; height: 90px; font-size: 18px; line-height: 28px; padding: 16px 92px 0px 98px; display: block; position: relative; border-radius:3.8em 0 0 3.8em; } .hmc5Tbx{ font-size: 24px; line-height: 42px; color: #FFF; text-align: center; position: absolute; width: 100%; top: 50%; left: 0px; transform:translateY(-10%);} .hmc5Tbx strong{ font-size: 60px; line-height: 82px; font-weight: normal; display: inline; } .hmc5ul{ width: 770px; position: absolute; top: 35px; right: 0px; z-index: 5; } .hmc5Icon { display: inline-block; height: 66px; width: 66px; position: absolute; top: 50%; left: 15px; margin-top: -33px; } .hmc5more { height: 40px; width: 40px; border: 2px solid #FFF; position: absolute; top: 50%; right: 22px; margin-top: -20px; background: url(../image/hmc6_arrow.png) no-repeat center center; display: inline-block; border-radius: 50%; transition: all 0.5s ease-in-out; display:none } .hmc5Des{opacity:0; transition:all 0.5s ease-in-out; transform:translateX(60px)} .hmc5aBox.on{ width: 680px; } .hmc5aBox.on .hmc5Des{opacity:1; transition-delay:0.3s; transform:translateX(0px)} .hmc5ul li:nth-child(2) .hmc5aBox.on{transition-delay:0.3s;} .hmc5ul li:nth-child(3) .hmc5aBox.on{transition-delay:0.5s;} .hmc5ul li:nth-child(4) .hmc5aBox.on{transition-delay:0.7s;} .hmc5ul li:nth-child(5) .hmc5aBox.on{transition-delay:0.9s;} .hmc5ul li:nth-child(6) .hmc5aBox.on{transition-delay:1.1s;} .hmc5ul li:nth-child(2) .hmc5Des{transition-delay:0.5s;} .hmc5ul li:nth-child(3) .hmc5Des{transition-delay:0.7s;} .hmc5ul li:nth-child(4) .hmc5Des{transition-delay:0.9s;} .hmc5ul li:nth-child(5) .hmc5Des{transition-delay:1.1s;} .hmc5ul li:nth-child(6) .hmc5Des{transition-delay:1.3s;} .hmc5aBox:hover{color:#fff;} .hmc5ul li:nth-child(2),.hmc5ul li:nth-child(5){transform:translateX(98px);} .hmc5ul li:nth-child(3),.hmc5ul li:nth-child(4){transform:translateX(160px);} .hmc5ul li:nth-child(1) .hmc5aBox:hover{background:#C4000F; transition-delay:0s!important} .hmc5ul li:nth-child(2) .hmc5aBox:hover{background:#F28500; transition-delay:0s!important} .hmc5ul li:nth-child(3) .hmc5aBox:hover{background:#6C2BBD; transition-delay:0s!important} .hmc5ul li:nth-child(4) .hmc5aBox:hover{background:#20AA51; transition-delay:0s!important} .hmc5ul li:nth-child(5) .hmc5aBox:hover{background:#1584F2; transition-delay:0s!important} .hmc5ul li:nth-child(6) .hmc5aBox:hover{background:#0F5BEA; transition-delay:0s!important} .hmc5aBox:after{content:""; border-top:55px solid transparent; border-bottom:55px solid transparent; border-left:55px solid #E30013; position:absolute; right:-55px; top:50%; transform:translateY(-50%); transition:all 0.5s ease-in-out; transition-delay:0s} .hmc5ul li:nth-child(2) .hmc5aBox:after{ border-left:55px solid #FFA336; transition-delay:0s} .hmc5ul li:nth-child(3) .hmc5aBox:after{ border-left:55px solid #752ECC; transition-delay:0s} .hmc5ul li:nth-child(4) .hmc5aBox:after{ border-left:55px solid #28D465; transition-delay:0s} .hmc5ul li:nth-child(5) .hmc5aBox:after{ border-left:55px solid #4099F5; transition-delay:0s} .hmc5ul li:nth-child(6) .hmc5aBox:after{ border-left:55px solid #246DF1; transition-delay:0s} .hmc5aBox:hover:after{ border-left:55px solid #C4000F; transition-delay:0s} .hmc5ul li:nth-child(2) .hmc5aBox:hover:after{ border-left:55px solid #F28500; transition-delay:0s} .hmc5ul li:nth-child(3) .hmc5aBox:hover:after{ border-left:55px solid #6C2BBD; transition-delay:0s} .hmc5ul li:nth-child(4) .hmc5aBox:hover:after{ border-left:55px solid #20AA51; transition-delay:0s} .hmc5ul li:nth-child(5) .hmc5aBox:hover:after{ border-left:55px solid #1584F2; transition-delay:0s} .hmc5ul li:nth-child(6) .hmc5aBox:hover:after{ border-left:55px solid #0F5BEA; transition-delay:0s} .hmc5aBox:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; background:#E30013; border-radius:3.8em 0 0 3.8em;} .hmc5ul li:nth-child(2) .hmc5aBox:before{ background:#FFA336} .hmc5ul li:nth-child(3) .hmc5aBox:before{ background:#752ECC} .hmc5ul li:nth-child(4) .hmc5aBox:before{ background:#28D465} .hmc5ul li:nth-child(5) .hmc5aBox:before{ background:#4099F5} .hmc5ul li:nth-child(6) .hmc5aBox:before{ background:#246DF1} .hmc5aBox:hover:before{ background:#C4000F;} .hmc5ul li:nth-child(2) .hmc5aBox:hover:before{ background:#F28500;} .hmc5ul li:nth-child(3) .hmc5aBox:hover:before{ background:#6C2BBD;} .hmc5ul li:nth-child(4) .hmc5aBox:hover:before{ background:#20AA51;} .hmc5ul li:nth-child(5) .hmc5aBox:hover:before{ background:#1584F2;} .hmc5ul li:nth-child(6) .hmc5aBox:hover:before{ background:#0F5BEA;} @media (max-width:1799px){ .hmCon5{ padding: 60px 0 90px; } .hmc5Tbx{font-size:20px;} .hmc5Tbx strong{ font-size: 42px; line-height:72px;} .hmc5Lx {height: 600px; width: 600px; border: 24px solid #FFF; } .hmc5aBox{ height: 80px; font-size: 17px; padding: 11px 92px 0px 98px; } .hmc5ul li{height:80px; margin-bottom:15px;} .hmc5ul{top:15px;} .hmc5aBox:after{ border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:50px solid #E30013; right:-50px;} .hmc5Box{margin-top:20px;} } @media (max-width:1559px){ .hmc5aBox.on{ width: 580px; } } @media (max-width:1379px){ .hmCon5{ padding: 50px 0 70px; } .hmc5aBox.on{ width: 520px; } } @media (max-width:1199px){ .hmc5Tbx{transform:translate(-50px,-50%);} } @media (max-width:993px){ .hmc5Lx{float:none; margin:0 auto;} .hmc5ul{width:100%; position:static; display:block; padding:35px 15px;} .hmc5Tbx{transform:translate(0px,-50%);} .hmc5Tbx{font-size:18px;} .hmc5Tbx strong{ font-size:32px; line-height:52px;} .hmc5Lx{width:400px; height:400px; border-width:8px;} } @media (max-width:767px){ .hmc5Lx{width:260px; height:260px; border-width:10px; font-size:16px;} .hmc5Tbx strong{font-size:26px;} .hmc5Tbx{ line-height:30px;} .hmc5aBox{width:100%!important; height:70px; border-radius:3.8em!important} .hmc5aBox:before{ border-radius:3.8em!important} .hmc5aBox:after{ display:none!important;} .hmc5ul li{transform:translateX(0)!important;} .hmc5aBox{font-size:12px; padding-left:55px; line-height:22px; padding-right:0px;} .hmc5aBox p{font-size:14px;} .hmc5Icon{width:40px; height:40px; margin-top:-20px; left:10px;} .hmCon5{padding-bottom:10px;} } .hmCon6{ padding: 96px 4vw 120px; background: #f5f9fc; } .hmc6aBox .overflowHide { height: 620px; position:relative; } .hmc6_tag { display: inline-block; padding: 0px 18px; font-size: 16px; line-height: 40px; color: #FFF; background: #E30013; height: 40px; position: absolute; left: 3vw; top: 52px; border-radius: 1.8em; z-index: 2; } .hmc6ul{margin-top:50px;} .hmc6txt { padding-bottom: 85px; right: 3vw; left: 3vw; position: absolute; bottom: 0px; z-index: 2; color: #FFF; } .hmc6_tm { font-size: 16px; color: #FFF; line-height: 52px; opacity:0.5; } .hmc6txt strong { font-size: 24px; line-height: 40px; font-weight: normal; display: block; } .hmc6txt p { font-size: 16px; line-height: 30px; margin-top: 20px; overflow:hidden; transition:all 0.5s ease-in-out; opacity:0; height:0 } .hmc6txt:after{ content: ""; background: #AAAEBB; display: inline-block; height: 2px; width: 22px; position: absolute; left: 0px; bottom: 55px; } .hmc6aBox:hover .hmc6txt p{height:60px; overflow:hidden; opacity:1;} .hmc6aBox .overflowHide:after{content:""; background:rgba(0,0,0,0.0); transition:all 0.5s ease-in-out; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1} .hmc6aBox:hover .overflowHide:after{content:""; background:rgba(0,0,0,0.5);} .hmc6aBox {display:block;} .hmc6aBox:hover{ box-shadow: 0 8px 22px 16px rgba(0,0,0,0.06); } .hmc6ul li{padding:0;} .hmc6BtnBox{text-align:center;} .hmc6BtnBox .hmc2_more{margin-top:50px;} @media (max-width:1799px){ .hmCon6{ padding: 60px 4vw 100px; background: #f5f9fc; } .hmc6ul{margin-top:35px;} .hmc6aBox .overflowHide{height:530px;} .hmc6txt strong{font-size:22px; line-height:36px;} .hmc6BtnBox .hmc2_more{margin-top:45px;} } @media (max-width:1559px){ .hmc6txt strong{font-size:20px; line-height:34px;} .hmc6aBox .overflowHide{height:500px;} } @media (max-width:1379px){ .hmCon6{ padding: 50px 3vw 70px; background: #f5f9fc; } .hmc6aBox .overflowHide{height:450px;} } .webBom{ padding: 8.51vh 4vw 6.29vh; background:#f8f9fc; } .webBomLx { float: left; padding-top: 16px; } .webBm_t { font-size: 42px; line-height: 66px; margin-bottom: 30px; } .webBm_t2{color:#888;} .webBm_share { height: 26px; } .hmWebBom .webBom{background:#fff;} .bmShare_a { display: inline-block; height: 26px; width: 26px; margin-right: 32px; opacity:0.6 } .bmShare_a1 { background: url(../image/bm_i1.png) no-repeat center center; display: inline-block; } .bmShare_a2 { background: url(../image/bm_i2.png) no-repeat center center; display: inline-block; } .bmShare_a3 { background: url(../image/bm_i3.png) no-repeat center center; display: inline-block; } .bmShare_a:hover{opacity:1;} .webMenu { margin-left: 25vw; overflow: hidden; } .webDl { float: left; width: 20%; } .webDl dl{width:152px; float:right;} .webMenu_a { font-size: 20px; line-height: 68px; display:inline-block } .webMenu_a2{ font-size: 16px; color: #888888; line-height: 34px; } .footer{ font-size: 16px; line-height: 26px; color: #666; padding: 25px 4vw; background: #F9FAFB; position: relative; overflow:hidden } .footer .fr span{display:inline-block; width:20px;} .footer_logo{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} @media (max-width:1799px){ .webBom{ padding: 60px 4vw 50px; } .webBm_t { font-size: 36px; line-height: 56px; margin-bottom: 20px; } .webMenu_a{line-height:55px; padding-top:9px; font-size:18px;} .webMenu_a2{font-size:14px; line-height:30px;} } @media (max-width:1379px){ .webBom{ padding: 30px 4vw 45px; } .footer{ font-size: 14px; line-height: 24px; padding: 20px 4vw; } .webBm_t { font-size: 24px; line-height:44px;} } @media (max-width:993px){ .webBomLx {width:100%; text-align:center; float:none; display:block} .webMenu{margin-left:0;} .webDl{width:100%; float:none; display:block; overflow:hidden;} .webDl dl{width:100%; overflow:hidden; display:block; float:none;} .webDl dd{float:left; margin-right:25px;} } @media (max-width:767px){ .webMenu {display:none;} .footer .fl,.footer .fr{width:100%; text-align:center;} .webBm_t{line-height:38px;} .webBom{padding-bottom:0;} .index_body .footer {background:#fff;} } /*===========================map-style===========================*/ @media screen and (max-width: 320px) { #map_base svg { height: 100px; } } @media screen and (max-width: 400px) and (min-width: 321px) { #map_base svg { height: 134px; } } @media screen and (max-width: 480px) and (min-width: 401px) { #map_base svg { height: 170px; } } @media screen and (max-width: 568px) and (min-width: 481px) { #map_base svg { height: 210px; } } @media screen and (max-width: 685px) and (min-width: 569px) { #map_base svg { height: 252px; } } @media screen and (max-width: 767px) and (min-width: 686px) { #map_base svg { height: 310px; } } @media screen and (max-width: 979px) and (min-width: 768px) { #map_base svg { height: 360px; } } @media screen and (max-width: 1024px) and (min-width: 980px) { #map_base svg { height: 470px; } } @media screen and (max-width: 1280px) and (min-width: 1025px) { #map_base svg { height: 470px; } } @media screen and (min-width: 1281px) { #map_base svg { height: 580px; } } #mapwrapper { max-width: 1920px; margin: 0 auto; padding: 0 0; background-color: transparent; min-width: 220px; } #map_base svg { max-height: 100%; width: 100%; margin: 0; } @media screen and (max-width: 320px) { #map_base svg { height: 250px; } } @media screen and (max-width: 400px) and (min-width: 321px) { #map_base svg { height: 330px; } } @media screen and (max-width: 480px) and (min-width: 401px) { #map_base svg { height: 400px; } } @media screen and (max-width: 568px) and (min-width: 481px) { #map_base svg { height: 460px; } } @media screen and (max-width: 685px) and (min-width: 569px) { #map_base svg { height: 550px; } } @media screen and (min-width: 686px) { #map_base svg { height: 600px; } } #text-abb text { font-family: Arial, Helvetica, sans-serif; -moz-user-select: none; -webkit-user-select: none; user-select: none; } #map-tip { text-align: left; font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif; display: none; padding: 3px;/* border: 1px solid #EBECED;*/ color: #edeef0; z-index: 1000; float: left; position: absolute;/* background: rgb(73, 73, 73); background: -moz-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 73, 73, 1)), color-stop(100%, rgba(101, 101, 101, 1))); background: -webkit-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%); background: -o-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%); background: -ms-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%); background: linear-gradient(to bottom, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);*/ word-break: keep-all; white-space: nowrap; box-shadow:none!important;} #map-tip p { margin: 0!important; } #map-tip img { float: left; padding: 3px; } .mapItems{color:#fff; width:20px; height:23px; font-size:15px; display:none!important} #map_points{display:none;} .mapItems i{ background: url(../image/map_quan.png) no-repeat center center; display: inline-block; height: 23px; width: 23px;animation: 2.2s water infinite ease-out; position:relative; top:5px; left:-3px; } @keyframes water { 0% { opacity: 0.6; transform:scale(0.5); } 50% { opacity: 1 } 100% { opacity: 0; transform:scale(1); } } /*=========================== End =================================*/ .hmc6Box{ margin-top:50px;} .hmc6aBox2{ width:43.85vw; float:left;} .hmc6aBox2.scaleImg .overflowHide { height: 633px; } .hmc6aBox2.scaleImg .overflowHide:before{content:""; z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:all 0.5s ease-in-out} .hmc6u2{display:block; margin-left:45.85vw;} .hmc6u2 li { margin-bottom: 46px; } .hmc6u2 li:last-child{margin-bottom:0;} .hmc6_aBox3{display:block; overflow:hidden} .hmc6_aBox3.scaleImg .overflowHide { float: left; height: 180px; width: 246px; } .hmc6_aRx { margin-left: 282px; padding-top: 22px; } .hmc6_aRx strong { line-height: 30px; height: 30px; font-size: 20px; display: block; font-weight: normal; } .hmc6_aRx p { font-size: 16px; line-height: 28px; color: #666666; height: 28px; margin: 8px 0px 16px; } .hmc6fun { padding-top: 22px; border-top: 1px solid #D9D8D8; overflow: hidden; } .hmc6_tm2 { font-size: 16px; line-height: 38px; color: #666666; float: left; padding-left: 55px; background: url(../image/hmc6_ti.png) no-repeat left center; } .hmc6_aBox3 .transition{ text-align: center; display: inline-block; height: 38px; width: 102px; border: 1px solid #AAAAAA; font-size: 16px; line-height: 36px; color: #666666; float: right; border-radius:1.8em; } .hmc6_aBox3:hover .transition{ color: #FFF; background: #0D3882; border: 1px solid #0D3882; } .hmc6_bomTxt{ position: absolute; left: 3.5vw; right: 3.5vw; bottom: 55px; color: #FFF; z-index:5 } .hmc6_bomTxt strong { font-size: 24px; line-height: 38px; font-weight: normal; display: block; } .hmc6_bomTxt p { line-height: 28px; height: 0px; margin-top: 10px; overflow: hidden; font-size: 16px; color: #FFF; opacity:0; transition:all 0.5s ease-in-out; } .hmc6fun2 { padding-top: 20px; border-top: 1px solid #D9D8D8; overflow: hidden; margin-top: 18px; } .hmc6_tm3 { font-size: 16px; line-height: 38px; color: #FFFFFF; float: left; padding-left: 55px; background: url(../image/hmc6_ti.png) no-repeat left center; } .hmc6aBox2 .transition{ text-align: center; display: inline-block; height: 38px; width: 102px; border: 1px solid #FFFFFF; font-size: 16px; line-height: 36px; color: #FFFFFF; float: right; border-radius: 1.8em; } .hmc6aBox2:hover .transition{ color: #FFF; background: #0D3882; border: 1px solid #0D3882; } .hmc6aBox2:hover .hmc6_bomTxt p{opacity:1; height:28px;} .hmc6aBox2:hover .overflowHide:before{background:rgba(0,0,0,0.5);} @media (max-width:1799px){ .hmc6_bomTxt strong{font-size:22px; line-height:36px;} .hmc6aBox2.scaleImg .overflowHide { height: 550px; } .hmc6u2 li { margin-bottom: 26px; } .hmc6_aBox3.scaleImg .overflowHide { height: 164px; width: 246px; } .hmc6_aRx strong { font-size: 18px; } .hmc6_bomTxt{ bottom:40px;} .hmc6_bomTxt p{font-size:14px;} .hmc6_tm2{background-size:34px auto; padding-left:46px} .hmc6Box{ margin-top:30px;} .hmc6aBox2 .transition{font-size:14px;} } @media (max-width:1559px){ .hmc6_bomTxt strong{font-size:20px; line-height:30px;} .hmc6aBox2.scaleImg .overflowHide { height: 480px; } .hmc6u2 li { margin-bottom: 21px; } .hmc6_aBox3.scaleImg .overflowHide { height: 146px; width: 246px; } .hmc6_aRx strong { font-size: 18px; } .hmc6_bomTxt{ bottom:40px;} .hmc6_aRx{padding-top:5px;} .hmc6_aRx p{margin:5px 0 10px;} .hmc6fun {padding-top:12px;} .hmc6_tm2{font-size:14px;} .hmc6_aBox3 .transition{font-size:14px;} } @media (max-width:1379px){ .hmc6_aRx{margin-left:270px;} .hmc6_aRx p{font-size:14px;} } @media (max-width:1199px){ .hmc6_tm2{display:none;} } @media (max-width:993px){ .hmc6aBox2 {width:100%; float:none; margin-bottom:35px; display:block} .hmc6u2{margin-left:0;} } @media (max-width:767px){ .hmc6_aBox3.scaleImg .overflowHide{width:100%; float:none;} .hmc6_aRx{margin-left:0;} .hmc6_aRx strong{height:auto; white-space:normal;} .hmc6_aRx p{height:auto; white-space:normal;} .hmc6aBox2.scaleImg .overflowHide{height:300px;} .hmc6_bomTxt p{display:none!important;} .hmc6_bomTxt strong{font-size:16px; font-weight:bold; line-height:28px;} .hmc6aBox2.scaleImg .overflowHide:before{background:rgba(0,0,0,0.5);} .hmc6_bomTxt{bottom:20px;} .hmc6_aRx strong{font-size:16px; font-weight:bold; margin-bottom:4px; margin-top:12px;} .hmc6_aRx p{margin-bottom:8px;} .hmc6u2 li{margin-bottom:30px;} .hmc6aBox2{margin-bottom:30px;} } .max1550{ max-width:1550px; padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto;} .max1420{ max-width:1420px; padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto;} .topEmpty{ height:90px;} .m2mapCon { margin: 0px auto; max-width: 1230px; padding: 5.55vh 15px 12.03vh; } .m2mapBox { background: #FFF; padding: 8.14vh 120px 8.79vh; } .m2map_t { font-size: 32px; line-height: 32px; display: block; height: 28px; position: relative; font-weight: bold; margin-bottom: 42px; } .m2map_t:before{ content: ""; background: #0D3882; height: 27px; width: 4px; margin-top: -11px; position: absolute; left: -33px; top: 50%; } .m2mapBox dl{ padding: 4.62vh 0px; border-top: 1px solid #DCDCDC; } .m2mapBox dl dt{ margin-bottom: 2.22vh; } .m2map_a1 { font-size: 22px; line-height: 40px; font-weight: bold; display: inline-block;} .m2map_a2{ font-size: 16px; line-height: 30px; color: #666; display: inline-block; margin: 0px 150px 10px 0px; background: url(../image/map_cicle.png) no-repeat left center; padding-left: 20px; white-space: nowrap; } @media (max-width:1799px){ .topEmpty{ height:76px;} .max1550{ max-width:1230px;} .max1420{ max-width:1230px;} .m2mapCon {padding-bottom:60px;} .m2mapBox {padding: 60px 50px 50px; } .m2map_t { font-size: 26px; font-weight:normal; margin-bottom: 30px; } .m2map_t:before{ display:none} .m2mapBox dl{padding:25px 0;} .m2mapBox dl dt{ margin-bottom: 15px; } .m2map_a1 { font-size: 16px; line-height: 30px;} .m2map_a2{ font-size: 15px; line-height: 28px; margin: 0px 80px 10px 0px;padding-left: 15px;} } @media (max-width:993px){ .topEmpty{ height:56px;} } @media (max-width:767px){ .m2map_t{font-size:22px;} .m2mapBox{padding:40px 20px 30px;} .m2map_a2{margin-right:10px;} } .m2flCon{ padding: 5.55vh 120px 12.03vh; background: #FFF; } .m2flCon h3 { font-size: 34px; line-height: 9.25vh; margin-bottom: 45px; border-bottom: 1px solid #DCDCDC; } .m2flEdit{ font-size: 16px; line-height: 36px;} @media (max-width:1799px){ .m2flCon{ padding: 35px 50px 50px;} .m2flCon h3 { font-size: 26px; font-weight:normal; line-height:54px; margin-bottom: 25px; } .m2flEdit{ font-size: 14px; line-height: 28px;} .m2flEdit strong{font-size:16px;} } @media (max-width:767px){ .m2flCon h3{font-size:22px;} .m2flCon{padding-left:25px; padding-right:25px;} } .m2banner { height: 54.62vh; position: relative; } .m2banner .bgImg { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .m2banner .bgImg:after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0} .m2banTxt{ padding: 0px 15px; width: 1550px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} .m2banTxt_t { font-size: 46px; color: #FFF; font-weight: bold; line-height: 66px; } .page{margin-bottom:10.74vh; text-align:center} .page .pagination li { display: inline-block; } .page .pagination li a { padding: 0px 10px; height: 50px; min-width: 50px; text-align: center; display: inline-block; margin: 0px 12px; vertical-align: middle; border: 1px solid #ccc; font: 16px/48px "微软雅黑"; color: #666; } .page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background: #0e3582; border: 1px solid #0e3582; } .m2banPos{ position:absolute; left:4vw; right:4vw; color:#fff; line-height:32px; top:40px; font-size:16px; z-index:5; color:#fff;} .m2banPos_a,.m2banPos_span{ color:#fff;} .m2banPos_a{padding-right:18px; margin-right:12px; background:url(../image/m2pa2.png) no-repeat right center;} .m2banPos_a:hover{ color:#fff; text-decoration:underline} .m3banner .m2banPos_a,.m3banner .m2banPos_span{color:#888;} .m3banner .m2banPos_a{background:url(../image/m2pa.png) no-repeat right center;} .m2banTxt_p{ font-size:18px; margin-top:16px; line-height:28px; color:#fff} .m2menu{ margin-top: 13px; line-height: 72px; height: 73px; border-bottom: 1px solid #E8E8E8; font-size: 18px; } .m2menu_a{ margin-left: 100px; position:relative; display:inline-block;} .m2menu_a:after{ content: ""; background: #1D2088; height: 2px; width: 0%; position: absolute; left: 50%; bottom: -1px; transition:all 0.5s ease-in-out; } .m2menu_a.on:after,.m2menu_a:hover:after{width:100%; left:0} .m2banTxt_t2{ font-size:42px; line-height:60px; font-weight:bold; max-width:51.56vw} .m3banner .m2banTxt_p{color:#666; max-width:51.56vw} .m3ban_pimg{display:inline-block; position:absolute; right:15px; top:50%; transform:translateY(-50%);} .m3banner { height: 590px; } .m3banner i{background:url(../image/m2cs_ar.png) no-repeat; width:34px; height:34px; position:absolute; left:50%; bottom:-17px; margin-left:-17px; z-index:5;} @media (max-width:1799px){ .m2banTxt{ max-width:1230px;} .m2banTxt_t{font-size:30px; line-height:46px; padding-bottom:10px} .m2banner{height:360px;} .m2banPos{line-height:28px; top:20px; font-size:14px} .page .pagination li a { padding: 0px 7px; height: 40px; min-width: 40px; margin: 0px 6px; font: 14px/38px "微软雅黑";} .m2banTxt_p{ font-size:16px; margin-top:-5px;} .m2banTxt_t2{ font-size:26px; line-height:40px; margin-bottom:15px;} .m3ban_pimg img{max-height:288px; width:auto;} .m2menu{ margin-top: 0px; line-height: 68px; height: 69px; font-size: 16px; } } @media (max-width:1199px){ .m2banTxt{width:100%; left:0; transform:translate(0,-50%); padding-left:25px; padding-right:25px;} .m2banner{height:320px;} } @media (max-width:993px){ .m2menu{height:auto; overflow:hidden} .m2menu .fl{width:100%; display:block; float:none; text-align:center;} .m2menu .fr{width:100%; float:none; display:block} } @media (max-width:767px){ .m2banner {height:200px;} .m2banTxt{padding-left:15px; padding-right:15px;} .m2banTxt_t{font-size:22px; line-height:36px; padding-bottom:6px} .page .pagination li a { padding: 0px 5px; height: 36px; min-width: 36px; margin: 0px 4px; font: 12px/34px "微软雅黑";} .page{margin-bottom:65px;} .m2banPos{ left:15px; right:15px; line-height:26px; top:14px; font-size:12px;} .m2banPos_a{padding-right:12px; margin-right:8px;} .m2menu .fl{display:none;} .m2menu_a{font-size:14px; line-height:50px; height:50px; margin:0 10px;} .m2menu { line-height:50px;} .m2menu .fr{text-align:center;} .m3bannerMbox{ height:460px;} .m3bannerMbox .m2banTxt{top:85px; transform:translateY(0)} .m3bannerMbox .m3ban_pimg{position:static; transform:translateY(0); width:100%; padding-top:18px;} .m2banTxt_t2{font-size:20px; line-height:30px; max-width:none} .m3banner .m2banTxt_p{ max-width:none; font-size:15px; line-height:26px; max-height:104px; overflow:hidden;} .m3ban_pimg img{height:180px; width:auto; display:block; margin:0 auto} } .m2lxCon1{ position: relative; z-index: 5; max-width: 1280px; padding: 13.7vh 15px 0px; margin: 0px auto; } .m2lxC1Lx{ width: 666px; float: left; padding: 7.4vh 80px 36px; background: #FFF; } .m2lxC1Rx{ width: calc(100% - 666px); margin-top: 88px; float: right; background: #0e3582; padding: 58px 80px 65px; } .m2lxtxt { font-size: 18px; color: #FFF; line-height: 26px; margin-bottom: 28px; } .m2lxtxt strong { font-size: 22px; line-height: 30px; display: block; font-weight: normal; } .m2lxCon2{ height: 690px; margin-top:-278px; background-position:center center;} .m2lxForm li { margin-bottom: 8px; position: relative; background: #FFF; } .m2lxForm li input { font-size: 16px; line-height: 48px; color: #000; padding: 0px 20px; height: 48px; width: 100%; border-width: 0px; border-style: none; } .m2lx_vimg { position: absolute; right: 10px; top: 8px; cursor: pointer; } .m2lxForm li textarea { font: 16px/28px "微软雅黑"; color: #000; padding: 8px 20px; height: 170px; width: 100%; } .m2lxForm li input:focus,.m2lxForm li textarea:focus{ border: 1px solid #F00; } .m2lxSubmit { text-align: center; height: 42px; width: 170px; display: block; margin: 25px auto 0px; font-size: 16px; line-height: 42px; cursor: pointer; } .m2lxSubmit:hover{box-shadow:0 2px 10px rgba(0,0,0,0.4); transform:translateY(-5px);} .m2lxc1_t { font-size: 34px; font-weight: bold; line-height: 55px; margin-bottom: 36px; } .m2lxu1 li strong{ font-size: 18px; display: block; line-height: 36px; } .m2lxu1 li p{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 4px; overflow: hidden; color: #666; } .m2lxu1 li:nth-child(2),.m2lxu1 li:nth-child(4){width:40%;} .m2lxu1 li:nth-child(3),.m2lxu1 li:nth-child(5){width:60%;} .m2lxWx { border-top: 1px solid #DCDCDC; text-align: center; padding-top: 40px; } .m2lxWx p { font-size: 18px; line-height: 40px; height: 40px; margin-top: 8px; letter-spacing: 1px; font-weight: bold; } @media (max-width:1799px){ .m2lxCon1{ max-width: 1230px; padding: 60px 15px 0px;} .m2lxC1Lx{ padding: 40px 30px 40px;} .m2lxC1Rx{ margin-top: 38px; padding: 48px 50px 55px; } .m2lxc1_t { font-size: 24px; line-height: 45px; margin-bottom: 26px; } .m2lxu1 li strong{ font-size: 16px; } .m2lxu1 li p{ font-size: 15px; } .m2lxWx{padding-top:30px;} .m2lxtxt strong{font-size:20px;} .m2lxtxt p{font-size:15px;} .m2lxtxt{margin-bottom:15px;} .m2lxForm li input { font-size: 15px; line-height: 42px; height: 44px;} } @media (max-width:1199px){ .m2lxC1Lx{ width: 566px; } .m2lxC1Rx{ width: calc(100% - 566px); } .m2lxtxt strong{font-size:18px;} } @media (max-width:993px){ .m2lxC1Lx{width:100%; float:none;} .m2lxC1Rx{width:100%; float:none;} } @media (max-width:767px){ .m2lxC1Lx{padding-left:20px; padding-right:20px;} .m2lxc1_t{font-size:20px; margin-bottom:5px;} .m2lxu1 li{padding-left:0;} .m2lxC1Rx{padding-left:20px; padding-right:20px;} } .m2nTop{ text-align: center; padding: 6.85vh 0px 5.74vh; background:#f7f8fa; } .m2nTnm{ font: bold 72px/72px "微软雅黑"; color: #f0f1f3; text-align: center; text-transform: uppercase; position:relative } .m2nTnm span{ font-size: 34px; color: #333; line-height: 72px; display: inline-block; position: absolute; left: 50%; top: 0px; transform:translateX(-50%);} .m2nMenu { padding-top: 5.09vh; } .m2nMenu_a { display: inline-block; padding: 0px 33px; line-height: 48px; height: 48px; margin: 0px 30px; font-size: 18px; border-radius:1.8em; } .m2nMenu_line { background: #DEDEDE; display: inline-block; height: 24px; width: 1px; } .m2nMenu_a,.m2nMenu_line{vertical-align:middle;} .m2menu_icon{width:26px; height:26px; display:inline-block; position:relative; margin-right:14px;} .m2menu_icon img{transition:all 0.3s ease-in-out; position:absolute; left:0; top:0} .m2nMenu_a:hover .m2menu_icon img,.m2nMenu_a.on .m2menu_icon img{opacity:0;} .m2nMenu_a:hover .m2menu_icon img.iOpacity,.m2nMenu_a.on .m2menu_icon img.iOpacity{opacity:1;} .m2nMenu_a *{vertical-align:middle;} .m2nMenu_a.on,.m2nMenu_a:hover{ color: #FFF; background: #0e3582;} .m2nFirst { padding: 10vh 0px 9.07vh; } .m2naBox1 .overflowHide { float: left; height: 492px; width: 599px; } .m2nRx1 { margin-left: 660px; padding-top: 75px; } .m2nTm1 { line-height: 38px; height: 38px; margin-bottom: 40px; background: url(../image/m2n_i1.png) no-repeat left center; padding-left: 56px; font-size: 16px; color: #999999; } .m2nTm1 text,.m2nTm1 a{vertical-align:middle;} .m2nTm1 a{margin-right:18px;} .m2n_t1 { font-size: 26px; line-height: 36px; max-height: 72px; overflow: hidden; margin-bottom: 14px; letter-spacing: 2px; } .m2nRx1 p { font-size: 16px; line-height: 30px; color: #666; height: 60px; overflow: hidden; margin-bottom: 45px; } .m2nBom { border-top: 1px solid #D9D8D8; padding-top: 62px; } .m2naBox1 span.transition{ font-size: 16px; line-height: 36px; color: #666; padding: 0px 24px; height: 38px; border: 1px solid #AAAAAA; display: inline-block; border-radius:1.8em;} .m2naBox1:hover span.transition{ color: #FFF; background: #0D3882; border: 1px solid #0D3882; padding: 0px 30px; } .m2nul{ margin: 0px -29px 28px; } .m2nul li{padding:0 29px; margin-bottom:4.62vh;} .m2nul_aBox { display: block; } .m2nul_aBox:hover{box-shadow:0 2px 18px rgba(0,0,0,0.1);} .m2nul_aBox .overflowHide { height: 229px; } .m2nBmDes { padding: 1.48vh 25px 5.18vh; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; } .m2n_tm2 { font-size: 14px; color: #999; line-height: 4.62vh; } .m2nBmDes strong { font-size: 22px; line-height: 30px; display: block; height: 60px; overflow: hidden; margin-bottom: 16px; font-weight: normal; } .m2nBmDes p { font-size: 16px; line-height: 24px; color: #666666; height: 48px; overflow: hidden; } @media (max-width:1799px){ .m2nTop{ padding:60px 0px 50px;} .m2nTnm{ font: bold 62px/62px "微软雅黑";} .m2nTnm span{ font-size: 26px; line-height: 62px;} .m2nMenu_a { padding: 0px 25px; line-height: 42px; height: 42px; margin: 0px 25px; font-size: 16px;} .m2menu_icon{width:22px; height:22px; margin-right:5px;} .m2naBox1 .overflowHide { height: 360px; width: 520px; } .m2nRx1 { margin-left: 550px; padding-top: 30px; } .m2nTm1 { line-height: 30px; height: 30px; margin-bottom: 25px; padding-left: 45px; font-size: 14px; background-size:30px auto } .m2n_t1 { font-size: 20px; line-height: 30px; max-height: 60px; letter-spacing: 0px; } .m2nRx1 p { font-size: 15px; line-height: 28px; height:56px; margin-bottom: 35px; } .m2nBom{padding-top:40px;} .m2naBox1 span.transition{font-size:14px;} .m2nul{ margin: 0px -12px 8px; } .m2nul li{padding:0 12px; margin-bottom:20;} .m2nul_aBox .overflowHide { height: 190px; } .m2nBmDes { padding: 15px 15px 22px;} .m2n_tm2 { font-size: 13px; line-height:28px; } .m2nBmDes strong { font-size: 16px; font-weight:bold; line-height: 28px; height: 56px; margin-bottom: 12px;} .m2nBmDes p { font-size: 14px;} } @media (max-width:767px){ .m2nTop{padding-top:40px; padding-bottom:20px} .m2nTnm{font-size:42px;} .m2nMenu_a{margin:0 15px; font-size:14px; margin-bottom:10px;} .m2nMenu{padding-top:20px;} .m2naBox1 .overflowHide{width:100%; float:none; height:260px;} .m2nRx1{margin-left:0;} .m2n_t1{font-size:18px;} .m2nRx1 p{height:auto;} .m2nBom{padding-top:25px;} .m2nRx1 p{margin-bottom:25px;} .m2nFirst{padding-top:45px;} } .m3nPos{ background: #f7f8fa; padding: 3.33vh 0px;} .m3npos_a{ background: url(../image/m2pa.png) no-repeat right center; margin-right: 12px; padding-right: 18px; display: inline-block; } .m3npos_a,.m3npos_span{ font-size: 16px; color: #999999; line-height: 26px; } .m3nCon { padding: 7.03vh 0px 9.81vh; } .m3nLx { float: left; width:calc(100% - 445px); } .m3n_t { font-size: 30px; line-height: 48px; padding-top: 8px; font-weight: normal; margin-bottom: 22px; } .m3nEditor { font-size: 16px; line-height: 36px; color: #636363; padding-bottom: 6.66vh; } .m3nRx{width:358px; float:right;} .m3nLx .m2nTm1{ margin-bottom: 18px; } .m3nPage{ line-height: 72px; padding: 0px 40px; height: 72px; position: relative; box-shadow:0 0 30px rgba(0,0,0,0.08); } .m3nPrev { background: url(../image/m3n_pi1.png) no-repeat left center; padding-left: 37px; font-size: 16px; line-height: 72px; color: #666; float: left; } .m3nPrev:hover{ background: url(../image/m3n_pi1a.png) no-repeat left center; } .m3nBack { background: url(../image/m3n_pi2.png) no-repeat left center; padding-left: 31px; font-size: 16px; line-height: 72px; color: #666; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); } .m3nBack:hover{ background: url(../image/m3n_pi2a.png) no-repeat left center; } .m3nNext { background: url(../image/m3n_pi3.png) no-repeat right center; padding-right: 37px; font-size: 16px; line-height: 72px; color: #666; float: right; } .m3nNext:hover{ background: url(../image/m3n_pi3a.png) no-repeat right center; } .m3nRx{ float: right; width: 356px; } .m3nRx_t { font-size: 24px; line-height: 54px; border-bottom: 1px solid #E5E5E5; } .m3nRx_a { font-size: 16px; line-height: 30px; color: #666666; background: url(../image/map_cicle.png) no-repeat left 12px; padding-left: 28px; display: block; } .m3nRx ul li { margin-bottom: 10px; } .m3nRx ul { margin: 1.66vh 0px 4.16vh; } .m3nRx_more { font-size: 18px; color: #FFF; background: #0D3882 url(../image/m3nr_i.png) no-repeat 165px center; padding-left: 55px; line-height: 55px; height: 55px; width: 255px; display: block; } .m3nRx_more:hover{ background: #0D3882 url(../image/m3nr_i.png) no-repeat 195px center;color: #FFF; box-shadow:0 3px 15px rgba(0,0,0,0.3);} @media (max-width:1799px){ .m3npos_a,.m3npos_span{ font-size: 14px;} .m3nCon { padding: 40px 0px 60px; } .m3n_t { font-size: 22px; line-height: 38px } .m3nEditor { font-size: 15px; line-height: 30px; padding-bottom:30px; } .m3nLx { width:calc(100% - 405px); } .m3nRx_t{font-size:20px;} .m3nRx_a{font-size:14px; line-height:28px; padding-left:20px} .m3nRx_more { font-size: 16px; line-height: 52px; height: 52px; width: 250px;} .m3nPrev,.m3nNext,.m3nBack{font-size:15px;} } @media (max-width:993px){ .m3nLx{width:100%; float:none; margin-bottom:20px;} .m3nRx{width:100%; float:none;} } @media (max-width:767px){ .m3n_t{font-size:20px; line-height:30px;} } .m2csaCon1{ padding: 10vh 0px 14.81vh; } .m2csaCon1 .txtBox-wp{ float: left; width: 50.6%; padding-right:4.16vw; } .m2csaCon1 .picBox-wp{ float:right; width:49.4%; padding-left:4.16vw; } .m2csaCon1 .picTxtBox{margin-top:80px;} .m2csaCon1 .picTxtBox:first-child{margin-top:0;} .m2cs_t1 { font-size: 36px; line-height: 50px; margin-bottom: 50px; position: relative; } .m2cs_t1a{text-align:center;} .m2cs_t1:after{ content:""; background: #0d3882; height: 4px; width: 24px; position: absolute; left: 0px; bottom: -14px; } .m2cs_t1a:after{left:50%; margin-left:-12px;} .m2csTxt1 { font-size: 16px; line-height: 30px; color: #666666; } .m2csImg1{position:relative; display:inline-block;} .m2csImg1:before{ content: ""; background: #0D3882; height: 100%; width: 100%; position:absolute; top:22px; left:-22px; transition:all 0.5s ease-in-out;} .m2csImg1 img{position:relative;} .m2csImg1:hover:before{left:0; top:0;} .m2csaCon2{ background-repeat: no-repeat!important; background-position: center center!important; background-size: cover!important; padding: 10vh 0px 12.5vh; } .m2csSlick1wpr { padding: 0px 92px; position:relative; } .m2csSlick1 { height: 500px; background: rgba(255,255,255,0.9); border-radius: 0.4em; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 0px 90px; } .m2csSlick1wpr .prev{ background: url(../image/m2cs_btn.png) no-repeat center center; display: inline-block; height: 46px; width: 46px; margin-top: -23px; position: absolute; left: 0px; top: 50%; } .m2csSlick1wpr .next{ background: url(../image/m2cs_btn.png) no-repeat center center; display: inline-block; height: 46px; width: 46px; margin-top: -23px; position: absolute; right: 0px; top: 50%; transform:rotate(180deg);} .m2csSlick1_item .txtBox-wp{ float: left; width: 61.2%; padding-right:2.08vw; } .m2csSlick1_item .picBox-wp{ float:right; width:38.8%; padding-left:2.08vw; } .m2csSlick1_item{height:500px; position:relative;} .m2csSlick1_item .picTxtBox{position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);} .m2csa_st1 { font-size: 28px; line-height: 40px; } .m2csa_st2 { margin: 8px 0px 30px; font-size: 20px; color: #0e3582; line-height: 30px; } .m2csSlick1_item p{ font-size: 16px; line-height: 28px; color: #666666; } .m2csaCon3{ padding: 10.92vh 82px 13.42vh; position: relative; } .m2csSlick2wrp{ padding: 0px 70px; position: relative; } .m2csSlick2_item{ padding: 17px; } .m2csS2_aBox .overflowHide { height: 300px; } .m2csS2_aBox{display:block; box-shadow:0 5px 15px rgba(0,0,0,0.1); background:#fff;} .m2csS2_aBox .ellipsis{ font-size: 18px; line-height: 80px; text-align: center; padding: 0px 15px; height: 80px;} .m2csS2_aBox:hover{ color: #FFF; background: #0d3882; } .m2csSlick2wpr .prev{ background: url(../image/m2cs_btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-top: -20px; position: absolute; left: -70px; top: 50%; } .m2csSlick2wpr .next{ background: url(../image/m2cs_btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-top: -20px; position: absolute; right: -70px; transform:rotate(180deg); top: 50%; } .m2csSlick2wpr{position:relative;} .m2csIcon{ display: inline-block; height: 26px; width: 26px; position: absolute; z-index: 5; top: 35px; right: 35px; } .m2csIcon img{position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;} .m2csS2_aBox:hover .m2csIcon img{opacity:0;} .m2csS2_aBox:hover .m2csIcon img.iOpacity{opacity:1;} @media (min-width:767px){ .m2cseCon1 .picTxtBox:nth-child(2n) .txtBox-wp{ float: right; padding-right:0; padding-left:4.16vw; } .m2cseCon1 .picTxtBox:nth-child(2n) .picBox-wp{ float:left; padding-right:4.16vw; padding-left:0; } } @media (max-width:1799px){ .m2csaCon1{ padding: 60px 0px 90px; } .m2csaCon1 .txtBox-wp{ padding-right:25px; } .m2csaCon1 .picBox-wp{ padding-left:25px; } .m2csaCon2{ padding: 60px 0px 80px; } .m2csSlick1{height:400px; padding: 0 38px} .m2csaCon2{background-size:110% auto!important;} .m2csSlick1wpr{padding:0 82px;} .m2csa_st1{font-size:22px;} .m2csSlick1_item{height:400px;} .m2csa_st2 { margin: 8px 0px 20px; font-size: 18px; line-height: 28px; } .m2csSlick1_item p{ font-size: 14px; line-height: 26px;} .m2csaCon3{ padding: 60px 62px 70px;} .m2csS2_aBox .ellipsis{ font-size: 15px; line-height: 66px; height: 66px;} .m2csIcon{right:20px; top:20px;} .m2csS2_aBox .overflowHide{height:232px;} .m2csaCon1 .picTxtBox{margin-top:36px;} .m2csaCon1 .picTxtBox:first-child{margin-top:0;} } @media (max-width:993px){ .m2csSlick2wpr .prev{left:-58px;} .m2csSlick2wpr .next{right:-58px;} .m2csaCon1{padding-bottom:60px;} .m2csaCon2{background-size:cover!important;} } @media (max-width:767px){ .m2csaCon1 .txtBox-wp{padding-right:0; width:100%;} .m2csaCon1 .picBox-wp{width:100%;} .m2csaCon1{padding-top:40px;} .m2csaCon2{padding:50px 0px 60px;} .m2csSlick1wpr .prev{transform:scale(0.8); left:-11px;} .m2csSlick1wpr .next{transform:scale(0.8) rotate(180deg); right:-11px;} .m2csSlick1wpr{padding:0 40px;} .m2csSlick1{padding:0 15px; height:auto;} .m2csSlick1_item .txtBox-wp{width:100%; padding-right:0; float:none; margin-bottom:15px;} .m2csSlick1_item .picBox-wp{width:100%; padding-left:0; float:none;} .m2csSlick1_item .picTxtBox{position:static; transform:translateY(0);} .m2csSlick1_item{height:auto; padding:25px 0;} .m2csa_st1{font-size:20px;} .m2csa_st2{font-size:16px; line-height:28px; margin:5px 0px 12px;} .m2csSlick2wpr .prev{width:32px; height:32px; background-size:cover; left:-40px;} .m2csSlick2wpr .next{width:32px; height:32px; background-size:cover; right:-40px;} .m2csaCon3{padding:50px 42px 60px;} .m2csS2_aBox .ellipsis{font-size:14px; height:50px; line-height:50px;} .m2csaCon1 .picTxtBox{margin-top:56px;} .m2csaCon1 .picTxtBox:first-child{margin-top:0;} } .m3csaCon1{padding-top:12.03vh;} .m2cs_t1_des{ font-size: 16px; line-height: 28px; color: #666; max-width:700px; margin-left:auto; margin-right:auto; text-align: center; margin-bottom:40px; margin-top:-20px;} .m3cs_st1 { font-size: 34px; line-height: 52px; } .m3cs_st1a { line-height: 36px; margin: 14px 0px 26px; font-size: 22px; color: #666; } .m3csCon2{ text-align: center; padding: 7.87vh 0px 11.85vh; background:#f5f7fa; } .m3csCon2 strong { font-size: 36px; line-height: 48px; font-weight: normal; display: block; margin-bottom: 18px; } .m3csCon2 p { font-size: 16px; line-height: 30px; max-width:980px; margin:0 auto; color: #666; } .m2csbCon1 { padding: 9.25vh 0px 15.55vh; } .m2csb_aBox1 .overflowHide { height: 420px; } .m2csb_aBox1.scaleImg .ellipsis { font-size: 16px; line-height: 80px; background: #FFF; display: block; position: relative; z-index: 2; transition: all 0.5s ease-in-out; text-align: center; padding: 0px 70px; transform: translate(0px,0); width: 100%; position: absolute; left: 0; bottom: 0; font-weight: normal; position:relative; height:80px; } .m2csb_aBox1.scaleImg .ellipsis:after{content:"";background: url(../image/m2cs_si1.png) no-repeat center center;display: inline-block;height: 26px;width: 26px;position: absolute;top: 50%;margin-top: -13px;right: 30px;} .m2csbu1{ margin: 0px -20px; } .m2csbu1 li{ padding: 0px 20px; margin-bottom:40px; } .m2csb_aBox1{position:relative; display:block;} .m2csb_aBox1.scaleImg:hover .ellipsis{ color: #FFF; background: #0e3582; } .m2csb_aBox1:hover{box-shadow:0 10px 22px rgba(0,0,0,0.2);} .m2csbCon2 { background: #f8f9fc; padding: 8.51vh 0px 9.07vh; } .m2csbu2{ margin: 0px -20px; } .m2csbu2 li{ padding: 0px 20px; margin-bottom: 70px; } .m2csb_aBox2 { background: #FFF; display: block; } .m2csb_aBox2:hover { color: #FFF; background: #0D3882; } .m2csb_aBox2 .overflowHide { height: 300px; } .m2csb_aBox2 .ellipsis { font-size: 18px; line-height: 80px; padding: 0px 70px; height: 80px; font-weight: normal; position: relative; text-align: center; } .m2csb_aBox2 .ellipsis:after{ content: ""; background: url(../image/m2cs_si1.png) no-repeat center center; display: inline-block; height: 26px; width: 26px; position: absolute; top: 50%; margin-top: -13px; right: 30px; } .m2csbCon3 { padding: 9.25vh 0px 7.59vh; } .m2csbSlickWpr{padding:0 80px; position:relative;} .m2csbSlickWpr .prev{ background: url(../image/m2cs_btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-top: -20px; position: absolute; left: 0px; top: 50%; } .m2csbSlickWpr .next{ background: url(../image/m2cs_btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-top: -20px; position: absolute; right: 0px; transform:rotate(180deg); top: 50%; } .m2csbSlick { margin: 20px 0px 5.55vh; } .m2csbSbtns { height: 144px; position: relative; text-align: center; } .m2csbSbtns:before{ content: ""; background: #E5E5E5; height: 1px; width: 100%; position: absolute; left: 0px; top: 65px; } .m2csb_ba{ position: relative; display: inline-block; font-size: 20px; line-height: 28px; padding-top: 91px; margin: 0px 60px; } .m2csb_ba:before{ content: ""; transition: all 0.5s ease-in-out; background: #E2E4E7; display: inline-block; height: 15px; width: 15px; position: absolute; left: 50%; top: 57px; margin-left: -7px; border-radius:50%;} .m2csb_ba:after{ content: ""; background: url(../image/m2csb_i1.png) no-repeat center center; height: 41px; width: 31px; margin-left: -15px; position: absolute; left: 50%; top: 0px; transition: all 0.5s ease-in-out; opacity:0; transform:translateY(-15px) } .m2csb_ba:hover:before,.m2csb_ba.on:before{ background: #0d3882; } .m2csb_ba.on{ color:#0d3882} .m2csb_ba:hover:after,.m2csb_ba.on:after{opacity:1; transform:translateY(0);} .m2csbSlick_item .txtBox-wp{ float: left; width:calc(100% - 446px); padding-right:7.81vw; } .m2csbSlick_item .picBox-wp{ float:right; width:446px; } .m2csb_st { font-size: 28px; line-height: 42px; margin-bottom: 14px; } .m2csb_sdes { font-size: 16px; line-height: 30px; margin-bottom: 30px; } .m2csb_aMore { font-size: 16px; line-height: 38px; color: #FFF; background: #0d3882; text-align: center; display: block; height: 38px; width: 122px; margin-bottom: 5.37vh; border-radius:1.8em; } .m2csb_aMore:hover{ color: #FFF; transition:all 0.5s ease-in-out; transform:translateY(-5px); box-shadow:0 3px 5px rgba(0,0,0,0.1);} .m2csb_sul{overflow:hidden;} .m2csb_sul li{ font-size: 16px; float: left; width: 350px; line-height: 30px; height: 30px; overflow: hidden; } .m2csbCon4 { padding-bottom: 12.03vh; } .m2csbu3_aBox .overflowHide { height: 500px; } .m2csbu3Lay { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; background:rgba(14,53,130,0.9); opacity:0; transition:all 0.5s ease-in-out; } .m2csbTdes { color: #FFF; font-size: 16px; line-height: 30px; padding: 0px 6.51vw; position: absolute; left: 0px; top: 50%; transform:translateY(-50%); text-align:center } .m2csbTdes strong { font-size: 24px; line-height: 36px; font-weight: normal; margin-bottom: 12px; display: block;transition:all 0.5s ease-in-out; transition-delay:0.3s; transform:translateY(50px); opacity:0 } .m2csbTdes p{transition:all 0.5s ease-in-out; transition-delay:0.5s; transform:translateY(50px); opacity:0} .m2csbTdes i{ background: url(../image/m2csb_i2.png) no-repeat center center; display: block; margin: 25px auto 0px; height: 46px; width: 46px;transition:all 0.5s ease-in-out; transition-delay:0.7s; transform:translateY(50px); opacity:0 } .m2csbu3_aBox:hover .m2csbu3Lay{ opacity:1;} .m2csbu3_aBox:hover .m2csbTdes strong,.m2csbu3_aBox:hover .m2csbTdes p,.m2csbu3_aBox:hover .m2csbTdes i{transform:translateY(0); opacity:1;} .m2csbu3 li{padding:0;} @media (max-width:1799px){ .m2csb_aMore { font-size: 14px; line-height: 42px; height: 42px; width: 120px; margin-bottom:25px; } .m3csCon2 strong { font-size:26px; line-height:38px; margin-bottom: 12px; } .m3csCon2 p { font-size: 15px; line-height: 28px; } .m2csbu1{ margin: 50px -10px; } .m2csbu1 li{ padding: 0px 10px; } .m2csb_aBox1 .overflowHide{height:300px;} .m2csb_aBox1.scaleImg .ellipsis{font-size:16px; height:88px; line-height:88px; transform:translate(10px,44px)} .m2csbCon1{padding:60px 0px 50px;} .m2csb_aBox2 .overflowHide{height:228px;} .m2csb_aBox2 .ellipsis { font-size: 16px; line-height: 66px; padding: 0px 60px; height: 66px;} .m2csb_aBox2 .ellipsis:after{ right: 20px; } .m2csbu2{ margin: 0px -10px; } .m2csbu2 li{ padding: 0px 10px; margin-bottom: 20px; } .m2csb_st { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .m2csb_sdes { font-size: 15px; line-height: 28px; margin-bottom: 20px; } .m2csb_aMore { font-size: 15px; margin-bottom:25px; } .m2csb_sul li{font-size:15px;} .m2csb_ba{font-size:16px;} .m2csbCon3 { padding: 60px 0px 40px; } .m2csbu3 {margin-top:55px;} .m2csbu3_aBox .overflowHide{height:380px;} .m2csbTdes strong{font-size:22px;} .m2csbTdes p{font-size:15px; line-height:28px;} .m2csbTdes i{ width:36px; height:36px; background-size:cover;} } @media (max-width:1199px){ .m2csb_ba{margin:0 20px;} } @media (max-width:993px){ .m2csb_aBox1.scaleImg .ellipsis{font-size:16px; height:58px; line-height:58px; transform:translate(0px,-0px); background:rgba(255,255,255,0.6);} .m2csbu1 li{margin-bottom:20px;} .m2csb_ba span{ display:none;} .m2csb_ba{margin:0 80px;} } @media (max-width:767px){ .m3csCon2 strong{font-size:24px;} .m3csCon2{padding:50px 0 58px;} .m3csCon2 p{font-size:14px; line-height:24px;} .m2csbCon1{padding:50px 0px 40px;} .m2csb_aBox1.scaleImg .ellipsis{font-size:15px;} .m2csbu1{margin-bottom:0;} .m2csbCon2{padding:50px 0px 40px;} .m2csbu2{margin-top:40px;} .m2csb_aBox2 .ellipsis{text-align:left; padding-left:15px; font-size:15px;} .m2csb_st{font-size:20px;} .m2csb_sdes{font-size:14px;} .m2csbSlick{display:none;} .m2csbSlick_item .txtBox-wp{width:100%; float:none; padding-right:0} .m2csbSlick_item .picBox-wp{float:none; width:100%;} .m2csbSlick_item{margin-bottom:35px;} .m2csbCon3{padding-bottom:10px;} .m2csbu3_aBox .overflowHide{height:272px;} .m2csbCon4{padding-bottom:60px;} .m2csbu3{margin-top:45px;} } .m2csdCon{position:relative;} @keyframes m2csd_bg{ 0% {opacity:0.8; transform:scale(0.72) rotate(0deg) skew(0deg,0deg);} 50% {opacity:1; transform:scale(0.85) rotate(45deg) skew(40deg,-40deg);} 100%{opacity:0.8; transform:scale(0.72) rotate(0deg) skew(0deg,0deg);} } .m2csd_bg{ height: 78%; position: absolute;background: url(../image/m2cs_bg2.png) no-repeat center center; background-size:2600px auto; animation:m2csd_bg 20s linear infinite; width: 2600px; left: 50%;top: 0%;margin-left: -1300px; } .m2csdCon .max1550 { position: relative; z-index: 5; } .m2csdCon1 { padding: 9.25vh 0px 2.77vh; } .m2csdC2lay{ padding: 9.25vh 140px 9.72vh; background:rgba(255,255,255,0.95); border-radius:0.4em; max-width:1338px; margin:0 auto} .m2csdc2_t { font-size: 30px; line-height: 42px; text-align: center; margin-bottom: 24px; } .m2csdc2_des { font-size: 16px; line-height: 30px; color: #666666; margin-bottom: 6.29vh; } .m2csdu1 {font-size:0; text-align:center;} .m2csdu1 li{text-align:center; position:relative; transition:all 0.5s ease-in-out; display:inline-block; float:none} .m2csdu1 li:hover{transform:translateY(-12px);} .m2csdu1 li p{ font-size: 20px; line-height: 40px; margin-top: 4px; } .m2csdu1 li:after{ content: ""; background: #D7DBDE; height: 54px; width: 1px; position: absolute; top: 25px; right: 0px; } .m2csdu1 li:last-child:after{display:none;} /*.m2csdu2{ margin:0 -19px; text-align:center; font-size:0} .m2csdu2 li{padding:0 19px; display:inline-block; float:none; vertical-align:top}*/ .m2csdu2{ position:relative; padding:0 82px; margin-top:-15px;} .m2csdCon1{padding-bottom:0;} .m2csdCon1 .prev{ background: url(../image/m2csd_btn.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; margin-top: -19px; position: absolute; left: 0px; top: 50%; } .m2csdCon1 .next{ background: url(../image/m2csd_btn.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; margin-top: -19px; position: absolute; right: 0px; top: 50%; transform:rotate(180deg); } .m2csdu2Slick{ margin:0 -19px} .m2csdu2Slick_item{padding:30px 19px;} .m2csdu2_a{ padding: 176px 45px 75px; position: relative; background: #FFF; display:block; border-radius:0.3em; box-shadow:0 0 19px rgba(0,0,0,0.1);} .m2csdu2_a strong { font-size: 24px; line-height: 30px; display: block; height: 60px; overflow: hidden; margin-bottom: 20px; font-weight: normal; } .m2csdu2_a p { font-size: 16px; line-height: 30px; color: #888888; } .m2csdu2_a h3{ color: #cfd1d4; position: absolute; left:45px; top: 45px; display: inline-block; font: 120px/120px din; } .m2csdu2_a:hover{transform:translateY(-16px);} .m2cc2Imgx { margin-top: 7.33vh; text-align:center; } .m2cc2Simgx{ width: 772px; position: absolute; left: 50%; bottom: -78px; margin-left: -386px; padding:0 65px; height:156px; z-index:5 } .m2cc2Simgx .prev{ background: url(../image/m2csd_btn.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; margin-top: -19px; position: absolute; left: 0px; top: 50%; } .m2cc2Simgx .next{ background: url(../image/m2csd_btn.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; margin-top: -19px; position: absolute; right: 0px; top: 50%; transform:rotate(180deg); } .m2cc2Imgx_item img{ margin:0 auto} .m3csCon2 {position:relative; z-index:5;} .m2cc2img_a{display:block; height:136px; position:relative; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);} .m2cc2img_a img{position:absolute; left:50%; top:50%; max-width:80%; max-height:80%; width:auto; height:auto; transform:translate(-50%,-50%);} .m2cc2simg_item{padding:10px;} @media (max-width:1799px){ .m2cs_t1_des{ font-size: 15px; line-height: 28px;margin-bottom:20px; margin-top:0px;} .m2pt_edit1 img{width:600px; height:auto;} .m3cs_st1 { font-size: 26px; line-height:40px; } .m3cs_st1a { line-height: 28px; margin: 8px 0px 15px; font-size: 20px; } .m2csdu2{ margin:45px -12px 0;} .m2csdu2 li{padding:0 12px;} .m2csdu2_a{ padding: 120px 25px 45px;} .m2csdu2_a strong { font-size: 20px; margin-bottom: 15px;} .m2csdu2_a p { font-size: 15px; line-height: 28px; } .m2csdu2_a h3{ left:25px; top: 25px; font: 80px/80px din; } .m2csdC2lay{ padding: 40px 50px 50px; margin-top:45px;} .m2csdc2_t { font-size: 24px; line-height: 36px; margin-bottom: 18px; } .m2csdc2_des { font-size: 15px; line-height: 28px; margin-bottom:25px; } .m2csdu1 li p{font-size:18px;} .m2csdu1 li img{width:52px; height:auto;} .m2csaCon3a{padding-top:100px;} .m2cc2img_a{height:105px;} .m2cc2Simgx{bottom:-93px;} .m2cc2Simgx .prev,.m2cc2Simgx .next{ margin-top:-33px;} } @media (max-width:993px){ .m2csdu2_a:hover{transform:translateY(0px);} .m2csdu2 li{margin-bottom:20px;} .m2csdCon1{padding-bottom:0;} .m2csdCon1{padding-top:60px;} } @media (max-width:767px){ .m3csaCon1{padding-top:50px;} .m3cs_st1{ font-size:24px;} .m3cs_st1a{font-size:18px;} .m2csdu2_a h3{font-size:52px; line-height:60px;} .m2csdu2_a{padding:85px 15px 35px;} .m2csdu2_a h3{top:12px; left:15px;} .m2csdu2_a strong{font-size:16px; font-weight:bold; height:auto; margin-bottom:8px;} .m2csdu2_a p{ font-size:14px; height:auto!important;} .m2csdC2lay{padding:25px 15px 30px;} .m2csdc2_t{font-size:20px; line-height:30px; margin-bottom:12px;} .m2csdu1 li p{font-size:16px;} .m2csdu1 li{margin-bottom:25px;} .m2csdu1 li:nth-child(2):after{display:none;} .m2cc2SimgXslider {display:none;} .m2cc2Simgx{width:100px; margin-left:-50px; padding:0} .m2csaCon3a{padding-top:55px;} .m2csdu1 li p{font-size:14px; line-height:24px;} .m2csdu1 li p span{font-size:14px; line-height:24px; margin-top:15px; display:block} .m2csdu2{padding:0 45px; margin-top:0;} } .m2cseCon1{padding-top:3.24vh;} .m2cseCon1 .m3cs_st1{ font-size: 28px; } .m2cseCon1 .m3cs_st1a{font-size:20px; margin-top:0} .m2cseCon1 .m2csTxt1{ margin-bottom: 5.09vh; } .m2cseCon1 .m2csb_aMore{line-height: 48px; height: 48px; width: 160px; font-size: 18px; } .m2cseCon2{ padding-top:15.74vh;} .m2csdu1 li p span{ font-size: 16px; color: #999999; position:relative; display:inline-block; top:-10px;} .m2cseCon2 .m2csdu1 li:after { top:76px;} .m2cseCon3 .m2csdu1 li p {line-height:32px;} @media (max-width:1799px){ .m2cseCon1 .m3cs_st1{ font-size: 26px; margin-bottom:8px; } .m2cseCon1 .m3cs_st1a{font-size:18px;} .m2cseCon1 .m2csb_aMore{line-height: 42px; height: 42px; width: 130px; font-size: 16px; } .m2cseCon2{padding-top:40px;} } @media (max-width:767px){ .m2cseCon1 .m3cs_st1{font-size:24px;} .m2cseCon1{ padding-top:12px;} } .m2menu2 { background: #F8F9FC; height: 100px; } .m2menu2_a{ float: left; width: 25%; line-height: 100px; font-size: 18px; text-align: center; } .m2mico{ display: inline-block; height: 36px; width: 36px; margin-right: 16px; position: relative; position:relative} .m2mico img{position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;} .m2menu2_a:hover .m2mico img{opacity:0;} .m2menu2_a:hover .m2mico img.iOpacity,.m2menu2_a.on .m2mico img.iOpacity{opacity:1;} .m2menu2_a *{vertical-align:middle;} .m2menu2_a.on,.m2menu2_a:hover{ color: #FFF; background: #0e3582; } @media (max-width:1799px){ .m2menu2 { height: 72px; } .m2menu2_a{ line-height: 72px; font-size: 16px;} } @media (max-width:767px){ .m2menu2 { height:auto; overflow:hidden; margin-left:-15px; margin-right:-15px;} .m2menu2_a{ width: 50%; line-height: 60px; font-size: 15px; } } .m2abtCon1 { padding: 10.55vh 0px 7.96vh; } .m2abt_t1 { font-size: 34px; line-height: 48px; text-align: center; margin-bottom: 35px; } .m2abt_edit { font-size: 16px; line-height: 30px; color: #666666; } .m2abtul{ margin: 8.33vh -15px 5.55vh; } .m2abtul li{padding:0 15px;} .m2abt_aBox{ display: block; text-align: center; height: 300px; padding-top: 48px; box-shadow:0 5px 32px rgba(0,0,0,0.08); border-radius:0.3em;} .m2abt_aBox span{ border: 1px solid #E9EBEB; display: block; margin: 0px auto 7px; height: 88px; width: 88px; position: relative; border-radius:50%; position:relative; } .m2abt_aBox span img{position:absolute; left:50%; top:50%; margin:-26px 0 0 -26px; transition:all 0.5s ease-in-out;} .m2abt_aBox strong{ font-size: 22px; line-height: 52px; display: block; } .m2abt_aBox p{ font-size: 18px; line-height: 26px; color: #666; } .m2abt_aBox:hover span img{transform:rotateY(180deg);} .m2abt_aBox:hover{transform:translateY(-10px);} .m2abtCon2 { margin-bottom: 13.51vh; } .m2abt_img { float: left; width: 47%; height: 450px; } .m2abtCon2 { background: #f8f9fc; } .m2abt_rx{ width: 53%; height: 450px; position: relative; float:right } .m2abt_rx img{ position: absolute; right: 3.95vw; bottom: 3.95vw; } .m2abt_rx strong{ font-size: 34px; line-height: 48px; position: absolute; left: 7.03vw; top: 10.18vh; font-weight: normal; } .m3menu{ text-align: center; margin-bottom: 40px; } .m3menu_a{ display: inline-block; padding: 0px 44px; font-size: 18px; line-height: 50px; color: #666; height: 50px; text-align: center; border-radius:1.8em;} .m3menu_a.on,.m3menu_a:hover{ color: #FFF; background: #0e3582; } .m2ryul{ margin: 0px -10px; } .m2ryul li{ padding: 0px 10px; width:25%; float:left; margin-bottom:32px; } .m2ry_aBox{ display: block; padding: 38px 32px 44px; background: #fff; box-shadow: 0 5px 28px rgba(0,0,0,0.07); cursor: default; } .m2ry_aBox p{ font-size: 16px; line-height: 24px; height: 48px; margin-top: 13px; overflow: hidden; color: #666; } .m2ryCon{ padding-bottom:4.81vh;} .m2ry_aBox:hover{transform:translateY(-10px);} @media (max-width:1799px){ .m3menu_a{ padding: 0px 38px; font-size: 16px; line-height: 46px; height: 46px;} .m2ry_aBox{ padding: 18px 15px 30px;} .m2ry_aBox p{font-size:14px;} .m2abtCon1 { padding: 60px 0px 25px; } .m2abt_edit { font-size: 15px; line-height: 28px; } .m2abt_aBox{ height: 235px; padding-top: 30px;} .m2abt_aBox span{ height: 68px; width: 65px;} .m2abt_aBox span img{ width:36px; height:auto; margin:-18px 0 0 -18px;} .m2abt_aBox strong{ font-size: 16px; line-height: 42px; } .m2abt_aBox p{ font-size: 15px; line-height: 25px; padding:0 15px;} .m2abtCon2{margin-bottom:70px;} .m2abt_rx strong{font-size:24px; line-height:42px;} .m2abt_rx img{height:50px; width:auto;} .m2abt_img,.m2abt_rx{height:368px;} .m2ryul li{margin-bottom:20px;} } @media (max-width:993px){ .m2abt_aBox:hover{transform:translateY(-0px);} .m2abt_rx img{height:30px; width:auto;} .m2abtul li{margin-bottom:25px;} .m2ryul li{width:33.33%;} .m2abt_aBox:hover{transform:translateY(0px);} .m2ry_aBox:hover{transform:translateY(0px);} } @media (max-width:767px){ .m2abt_t1{font-size:24px;} .m3menu_a{ padding: 0px 22px; font-size: 15px; line-height: 42px; height: 42px;} .m2abtCon1 { padding: 50px 0px 15px; } .m2abtul li{margin-bottom:15px;} .m2abtul{margin-bottom:15px;} .m2abtCon2{margin-bottom:60px;} .m2abt_img, .m2abt_rx{height:230px;} .m2abt_rx strong{font-size:17px; line-height:30px;top:42px} .m2abt_rx img{height:22px; right:10px;} .m2ry_aBox{ padding: 12px 10px 15px;} .m2ryul li{width:50%;} .m2ry_aBox p{height:72px; font-size:12px;} .m2ryul{margin-left:-6px; margin-right:-6px; margin-bottom:15px;} .m2ryul li{padding-left:6px; padding-right:6px; margin-bottom:12px;} } .m2shCon1{ padding: 10vh 0px 14.81vh; } .m2shCon1 .txtBox-wp{ float: left; width: 46.0%; padding-right:4.16vw; } .m2shCon1 .picBox-wp{ float:right; width:54.0%; padding-left:4.16vw; } .m2shCon1 .m2csImg1:before {top: 22px;left: 22px; background:#dce0ea;} .m2shCon1 .m2csImg1:hover:before {top: 0px;left: 0px;} .m2sh_tdes { font-size: 16px; line-height: 30px; color: #666; text-align: center; margin: 0px auto 50px; max-width: 750px; } .m2shul{ margin: 50px -19px 0px; } .m2shul li{ padding: 0px 19px; margin-bottom: 170px; } .m2shaBox{ display: block; position: relative; } .m2shaBox .overflowHide{ height: 265px; } .m2shBom{ background: #FFF; padding: 28px 42px 36px; height: 150px; overflow: hidden; box-shadow: 0 0 25px rgba(0,0,0,0.1); position: absolute; left: 18px; right: 18px; bottom: -108px; font-size: 16px; line-height: 30px; color: #666; } .m2shBom p{height:90px; overflow:hidden;} .m2shaBox:hover .m2shBom{ color: #FFF; background: #0e3582; } @media (max-width:1799px){ .m2sh_tdes { font-size: 15px; line-height: 28px; margin: 0px auto 35px; } .m2shul{ margin: 35px -10px 0px; } .m2shaBox .overflowHide{height:225px;} .m2shul li{ padding: 0px 10px; margin-bottom: 130px; } .m2shBom{ padding: 20px 15px 26px; height: 120px; bottom: -88px; font-size: 14px; line-height: 26px; } .m2shBom p{height:78px;} } @media (max-width:767px){ .m2shul li{margin-bottom:118px;} .m2shCon1 .txtBox-wp{width:100%; padding-right:0;} .m2shCon1{ padding: 50px 0px 65px; } .m2shCon1 .picBox-wp{width:100%; padding-left:0; padding-right:22px;} } .m2cmCon1{ padding: 12.77vh 0px 10.64vh; } .m2cmCon1 .txtBox-wp{ float: left; width: 61.8%; padding-right:3.12vw; } .m2cmCon1 .picBox-wp{ float: right; width: 38.2%; padding: 0px 22px 0px 3.12vw; } .m2cm_img{display:inline-block; position:relative;} .m2cm_img img{position:relative; z-index:1;} .m2cm_img:before{ content: ""; height: 100%; width: 100%; position: absolute; left: 22px; top: 22px; background: #d6dae2; transition:all 0.5s ease-in-out; } .m2cm_img:hover:before{top:0; left:0;} .m2cm_t { font-size: 34px; line-height: 52px; font-weight: normal; margin-bottom: 22px; } .m2cm_edit { font-size: 16px; line-height: 30px; color: #666666; margin-bottom: 48px; } .m2cmCon1 .m2csb_aMore{line-height: 48px; height: 48px; width: 160px; font-size: 18px; } .m2cmu1 p { font-size: 16px; line-height: 30px; } .m2cm_num {position:relative; left:-12px;} .m2cm_num span:nth-child(1){ font: 66px/66px din; color: #0e3582; margin-bottom: 8px; } .m2cm_num span:nth-child(2){ font: 33px din; color: #0e3582; } .m2cmCon2 { background: url(../image/m2cm_bg1.jpg) no-repeat center center; padding: 9.07vh 0px 11.29vh; background-size:cover; } .m2cm2_t { font-size: 34px; color: #FFF; line-height: 60px; } .m2cmSlikWpr { padding: 0px 90px; margin: 65px 0px 72px; position: relative; } .m2cmSlikWpr .prev{ background: url(../image/m2cm_btn.png) no-repeat center center; display: inline-block; height: 52px; width: 52px; position: absolute; left: 0px; top: 50%; margin-top: -26px; } .m2cmSlikWpr .next{ background: url(../image/m2cm_btn.png) no-repeat center center; display: inline-block; height: 52px; width: 52px; position: absolute; right: 0px; top: 50%; margin-top: -26px; transform:rotate(180deg); } .m2cmSlick1 { overflow:hidden } @keyframes lie_bgAni { from { background-position: -1920px 6px; } to { background-position: 0 6px; } } .m2cmStep { height: 60px; background: url(../image/m2cm_lien.png) repeat-x left 6px;animation: lie_bgAni 100s linear infinite; } .m2cmStep_a,.m2cmStep_a:hover{ text-align: center; float: left; width: 25%; line-height: 32px; position: relative; padding-top: 24px; font-size: 20px; color: #FFF; } @keyframes scaleAni{ 0% { transform:scale(1)} 50% { transform:scale(2.2)} 100%{ transform:scale(1)} } .m2cmStep_a:before{ content: ""; background: #FFF; height: 10px; width: 10px; margin-left: -5px; position: absolute; left: 50%; top: 10px; border-radius:50%; animation:scaleAni 2s linear infinite; opacity:0;} .m2cmStep_a:after{ content:"";background: #FFF; height: 10px; width: 10px; margin-left: -5px; position: absolute; left: 50%; top: 10px; border-radius:50%;} .m2cmStep_a.on:before{opacity:0.3; background:#E60012} .m2cmStep_a.on:after{ background:#E60012} .m2cmStep_a.on{font-weight:bold;} .m2cmSlick1{ overflow:hidden; max-width:1120px; margin:0 auto;} .m2cmSk_item .txtBox-wp{ float: left; width:calc(100% - 431px); padding-right:55px; } .m2cmSk_item .picBox-wp{ float: right; width: 431px; } .m2cm2_stm{ font-size: 24px; line-height: 28px; color: #FFF; } .m2cmSk_item strong{ font-size: 40px; line-height: 52px; margin: 20px 0px; color: #FFF; font-weight: normal; display:block } .m2cmSk_item p{ font-size: 18px; line-height: 30px; color: #FFF; margin-bottom: 22px; } .m2cm2_more{ font-size: 16px; line-height: 36px; color: #FFF; height: 38px; width: 120px; border: 1px solid #FFF; border-radius:1.8em; display:inline-block; text-align:center;} .m2cm2_more:hover{ width:160px; color:#fff;} .m2cmBom_bg{ background: url(../image/m2cs_bg2.png) no-repeat center center; height: 1092px; position: absolute; top: 0.25vh; background-size:2600px auto; animation:m2csd_bg 20s linear infinite; width: 2600px; left: 50%;margin-left: -1300px; } .m2cmBom .max1550{ position: relative; z-index: 5; } .m2cmBom { padding-top: 11.11vh; position: relative; } .m2cmSlicks { height: 418px; position: relative; } .m2cmSlikBtns{ text-align: center; margin-bottom: 7.22vh; } .m2cmSlikBtns .prev{ background: url(../image/m2cm2_btn.png) no-repeat center center; display: inline-block; height: 52px; width: 52px; margin: 0px 10px; } .m2cmSlikBtns .next{ background: url(../image/m2cm2_btn.png) no-repeat center center; display: inline-block; height: 52px; width: 52px; margin: 0px 10px; transform:rotate(180deg); } .m2cmSlick_item{ padding:10px;} .m2cmSlick_item .m2ry_aBox{transform:translateY(0)!important; box-shadow:0 0 15px rgba(0,0,0,0.1);} .m2cmSlick{position:absolute; left:0; top:0; width:100%; transition:all 0.5s ease-in-out; opacity:0} .m2cmSlick.on{opacity:1; z-index:5;} .m2cmCon3 { padding: 0px 82px; } .m2cmCon3 .m2csTxt1{max-width:920px; margin-bottom:7.22vh;} .m2cmc3_more{ height: 50px; width: 166px; border: 2px solid #BFBFBF; font-size: 18px; line-height: 46px; color: #636363; text-align: center; display: block; margin: 42px auto 11.11vh; border-radius:1.8em;} .m2cmc3_more:hover{ color: #FFF; background: #0e3582; border: 2px solid #0e3582; transform:translateY(-5px); box-shadow:0 2px 5px rgba(0,0,0,0.1);} .m2cmc3Slick_item{ padding: 0px 28px 0px; } .m2cmc3Slick{margin-left:-28px; margin-right:-28px;} .m2cmc3Swpr{position:relative;} .m2cmc3Swpr .prev{ background: url(../image/m2cm2_btn2.png) no-repeat left center; position: absolute; left: -80px; top: 50%; display: inline-block; height: 40px; width: 40px; margin-top: -20px; } .m2cmc3Swpr .next{ background: url(../image/m2cm2_btn2.png) no-repeat left center; position: absolute; right: -80px; top: 50%; display: inline-block; height: 40px; width: 40px; margin-top: -20px; transform:rotate(180deg); } .m2cmc3aBox{ display: block; position: relative; height: 476px; } .m2cmc3aBox .overflowHide{ height: 358px; } .m2cmc3Txt{ height: 150px; position: absolute; left: 55px; right: 0px; bottom: 22px; box-shadow:0 0 18px rgba(0,0,0,0.1); z-index:5; background:#fff; color: #666666;} .m2cmc3aBox:hover .m2cmc3Txt{background:#0e3582; color:#fff;} .m2cmc3Txt p{ font-size: 18px; line-height: 34px; height: 68px; overflow: hidden; position: absolute; top: 50%; left: 45px; right: 45px; margin-top: -34px; } @media (max-width:1799px){ .m2cmCon1{ padding: 70px 0px 90px; } .m2cm_t{font-size:26px; line-height:32px; margin-bottom:20px;} .m2cm_edit{font-size:14px; line-height:28px; margin-bottom:25px;} .m2cmCon1 .m2csb_aMore{line-height: 40px; height: 40px; width: 120px; font-size: 14px; } .m2cm_num span:nth-child(1){ font:46px/46px din;} .m2cm_num span:nth-child(2){ font: 24px din; } .m2cm2_t { font-size: 26px;line-height: 32px; } .m2cmStep_a, .m2cmStep_a:hover{font-size:18px;} .m2cmSlikWpr{margin:35px 0px 42px;} .m2cm2_stm{font-size:20px;} .m2cmSk_item strong{ font-size:30px; line-height:42px;} .m2cmSk_item p{font-size:16px;} .m2cm2_more{font-size:14px;} .m2cmBom{padding-top:60px;} .m2abt_t1{font-size:26px; line-height:32px; margin-bottom:25px;} .m3menu{margin-bottom:30px;} .m2cmSlicks{height:340px;} .m2cmCon3 { padding: 0px 70px; } .m2cs_t1{font-size:26px; line-height:32px; margin-bottom:28px;} .m2csTxt1{font-size:15px; margin-bottom:25px;} .m2cmc3aBox .overflowHide{height:300px;} .m2cmc3aBox{height:420px;} .m2cmc3Txt p{font-size:16px; line-height:30px; height:60px;} .m2cmc3Txt{height:118px;} .m2cmc3Swpr .prev{left:-55px;} .m2cmc3Swpr .next{right:-55px;} .m2cmc3_more{ height: 44px; width: 142px; font-size: 16px; line-height: 40px; margin: 20px auto 11.11vh;} } @media (max-width:993px){ .m2cmSk_item .txtBox-wp{ width:calc(100% - 250px); padding-right:25px; } .m2cmSk_item .picBox-wp{ width: 250px; } .m2cmSk_item strong{font-size:26px;} .m2cmSlicks{height:370px;} .m2cmc3Txt{left:0; right:0;} .m2cmc3Txt p{left:15px; right:15px;} } @media (max-width:767px){ .m2cmCon1 .txtBox-wp{width:100%; padding-right:0; float:none} .m2cmCon1 .picBox-wp{width:100%; float:none; padding-left:0;} .m2cmCon1{ padding: 45px 0px 50px; } .m2cm_t{font-size:24px; margin-bottom:10px; text-align:center} .m2cmu1 li{width:50%; text-align:center; margin-bottom:20px;} .m2cmCon1 .m2csb_aMore{display:block; margin:0 auto 30px;} .m2cmCon1 .picBox-wp{padding-top:18px; padding-bottom:30px;} .m2cm_img:hover:before {left: 22px;top: 22px;} .m2cm_num{transform:translateX(15px);} .m2cmu1 p{font-size:14px;} .m2cm_num span:nth-child(1){font-size:34px;} .m2cmSlikWpr .prev{ transform:scale(0.7);} .m2cmSlikWpr .next{ transform:scale(0.7) rotate(180deg);} .m2cmSlikWpr {margin: 25px -5px 32px; padding:0 60px} .m2cmCon2{padding:55px 0 60px;} .m2cm2_t{font-size:24px; text-align:center} .m2cm2_stm{font-size:18px;} .m2cmSk_item .txtBox-wp{width:100%; padding:0; margin-bottom:25px;} .m2cmSk_item .picBox-wp{width:100%; padding:0} .m2cmSk_item strong{font-size:16px; margin:5px 0; line-height:26px;} .m2cmSk_item p{font-size:13px; line-height:24px; margin-bottom:10px;} .m2cmStep_a, .m2cmStep_a:hover{font-size:14px;} .m2cmBom{padding-top:50px;} .m2cmSlikBtns{margin-bottom:20px;} .m2cmSlikBtns .prev{width:46px; height:46px; background-size:cover;} .m2cmSlikBtns .next{width:46px; height:46px; background-size:cover;} .m2cmCon3{padding:0;} .m2cs_t1{font-size:22px;} .m2cmSlicks{height:360px;} .m2cmc3Swpr{padding-left:40px; padding-right:40px;} .m2cmc3Swpr .prev{left:0;} .m2cmc3Swpr .next{right:0;} .m2cmc3aBox .overflowHide{height:170px;} .m2cmc3Txt p{font-size:13px; line-height:24px; height:96px; margin-top:-48px;} .m2cmc3aBox{height:310px;} .m2cmc3Swpr .prev{width:32px; height:32px; background-size:cover;} .m2cmc3Swpr .next{width:32px; height:32px; background-size:cover;} .m2cmc3_more{ height: 40px; width: 130px; font-size: 14px; line-height: 38px; margin: 15px auto 50px;} .m2abt_t1{font-size:24px; line-height:30px; margin-bottom:15px;} } .m2lcCon1{ text-align: center; padding: 11.11vh 0px 6.48vh; font-size:0 } .m2lc_a{ text-align: center; width: 20%; font-size: 18px; line-height: 48px; display:inline-block; } .m2lc_a strong{ font: 100 40px/58px din; } .m2lc_a.on,.m2lc_a:hover{ color: #0e3582; } .m2lc_tnm { font-size: 24px; font-weight: 100; line-height: 46px; background: url(../image/m2lc_tnm.png) no-repeat center center; padding:50px 0; text-align: center; margin-bottom: 15px; } .m2lcList { position: relative; padding: 70px 0px 27.77vh; } .m2lcYear { font: 40px/50px din; height: 50px; position: absolute; left: -112px; top: 74px; } .m2lcMth { font-size: 18px; line-height: 48px; } .m2lcList:before{content:""; width:2px; position:absolute; left:50%; top:0; bottom:0; margin-left:-1px; background:#E6E6E6;} .m2lcList i{ background: url(../image/m2lc_line.png) no-repeat center center; height: 352px; width: 2px; position: absolute; left: 50%; bottom: 0px; margin-left: -1px; } .m2lc_item{ position: relative; z-index: 2; margin-top:40px; overflow: hidden; } .m2lcItemCon{ float: right; width: 50%; position: relative; padding-left: 30px; } .m2lcDes { font-size: 18px; line-height: 30px; padding-bottom: 22px; border-bottom: 1px solid #E6E6E6; margin-bottom: 28px; } .m2lcList .m2lc_item:nth-child(2n) .m2lcItemCon{float:left; padding-left:0; padding-right:30px; text-align:right} .m2lcList .m2lc_item:nth-child(2n) .m2lcYear{ left:auto; right:-112px;} .m2lc_item2{margin-top:-50px;} .m2lcMenu{ width: 130px; position:fixed; z-index: 30; top: 50%; right: 0px; transform:translateY(-50%); display:none } .m2lcMenu_a{ font: 18px/48px din; color: #bfbfbf; height: 48px; display:block; padding-left:30px; position:relative;} .m2lcMenu_a:after{ content: ""; background: #E6E6E6; height: 1px; width: 24px; position: absolute; top: 50%; right: 7px; transition:all 0.5s ease-in-out;} .m2lcMenu_a.on:after,.m2lcMenu_a:hover:after{ width:48px; height:1px; background:#0D3882;} .m2lcMenu_a.on,.m2lcMenu_a:hover{ color: #073190; padding-left: 0px; font-size: 24px; } @media (max-width:1799px){ .m2lcCon1{ padding: 50px 0px 30px; } .m2lc_a{font-size: 16px; line-height: 34px; } .m2lc_a strong{ font: 100 30px/40px din; } .m2lc_tnm{font-size:20px; line-height:42px; padding:36px 0} .m2lcMenu{ width: 80px;} .m2lcMenu_a{ font: 15px/30px din; height: 30px; padding-left:10px;} .m2lcMenu_a:after{ width: 15px; right: 5px;} .m2lcMenu_a.on:after,.m2lcMenu_a:hover:after{ width:28px;} .m2lcMenu_a.on,.m2lcMenu_a:hover{font-size: 18px; } .m2lc_item{margin-top:20px;} .m2lcList { padding: 20px 0px 100px; } .m2lcDes { font-size: 15px; line-height: 28px; padding-bottom: 16px; margin-bottom: 20px; } .m2lcYear { font: 30px/40px din; height: 40px; top: 62px; left:-90px } .m2lcMth { font-size: 16px; line-height: 40px; } .m2lcList .m2lc_item:nth-child(2n) .m2lcYear{right:-90px;} .m2lcimg img{ max-width:280px; height:auto} } @media (max-width:993px){ .m2lc_a{width:50%; margin-bottom:25px;} } @media (max-width:767px){ .m2lc_a strong{font-size:20px; line-height:30px;} .m2lc_a{font-size:13px; line-height:20px;} .m2lcCon1{ padding: 40px 0px 20px; } .m2lc_a{margin-bottom:16px;} .m2lc_tnm{background-size:100% auto; font-size:15px; line-height:32px; padding:0px 0 15px} .m2lcimg img{max-width:100%;} .m2lcMenu{display:none!important;} .m2lcItemCon{padding-left:15px;} .m2lcList .m2lc_item:nth-child(2n) .m2lcItemCon{padding-left:0; padding-right:15px;} .m2lcDes{font-size:12px; line-height:24px;} .m2lcYear{top:36px;} } .m2ptCon1{ padding: 9.53vh 0px 10.92vh; max-width: 1002px; margin:0 auto } .m2pt_edit1 { font-size: 16px; line-height: 30px; text-align: center; padding-top: 1.81vh; } .m2pt_bt { font-size: 30px; line-height: 42px; } .m2ptCon2{ background-size: cover; padding: 17.12vh 0px; } .m2ptC2box{ min-height: 428px; color: #fff; float: right; width: 660px; padding-right: 85px; position: relative; font-size: 16px; line-height: 30px; } .m2pt_nums{ color: #FFF; margin-bottom: 18px; font: 18px/28px din; } .m2pt_bet { font-size: 18px; line-height: 34px; margin-bottom: 9px; } .m2ptIcon { display: inline-block; height: 90px; width: 90px; border: 1px solid #FFF; position: absolute; left: -118px; top: 10px; border-radius:50%; } .m2ptIcon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .max1Ptcon{max-width:1032px; padding:0 15px; margin:0 auto; position:relative; z-index:1} .m2ptCon3 { padding: 196px 0px 90px 466px;position:relative; } .m2ptc3Box{ font-size: 16px; line-height: 30px; color: #666; position:relative; z-index:2;} .m2ptc3_img { position: absolute; left: 0px; top: -25px; } .m2ptc3Box .m2pt_nums { color: #333; } .m2ptc3Box .m2pt_bt { color: #000; } .m2ptc3Box .m2pt_bet{ font-size: 18px; color: #969696; } .m2ptCon4 { padding-bottom: 108px; } .m2ptc4Txt { margin: 45px auto 0px; width: 560px; font-size: 16px; line-height: 30px; color: #666; position:relative } .m2ptCon3 .m2ptIcon{ border: 1px solid #999A9C; } .m2ptc4Txt .m2pt_nums { color: #636363; } .m2ptc4Txt .m2pt_bt { color: #000; } .m2ptc4Txt .m2pt_bet{ font-size: 18px; color: #969696; } .m2ptc4Txt .m2ptIcon{ border: 1px solid #D4D4D4; } .m2ptCon5{ background-size: cover; } .m2ptc5Box{max-width:1032px; margin:0 auto; position:relative; padding: 320px 15px 92px;} .m2ptc5img { position: absolute; right: 0px; top: -45px; } .m2ptc5Txt{ position: relative; color: #FFF; font-size: 16px; line-height: 30px; margin-left:222px; } .m2ptCon6 { margin: 80px 0px 90px 114px; max-width: 580px; font-size: 16px; line-height: 30px; position: relative; color: #666; } .m2ptCon6 .m2ptIcon { border: 1px solid #D6D6D6; } .m2ptCon6 .m2pt_nums { color: #969696; } .m2ptCon6 .m2pt_bet { color: #969696; } .m2ptCon6 .m2pt_bt { color: #333; } .m2ptCon7 { padding: 225px 0px 116px; position: relative; margin-top: 80px; } .m2ptc7_img { display: inline-block; position: absolute; left: 0px; top: 0px; } .m2ptc7Txt { position: relative; z-index: 5; margin-left: 500px; font-size: 16px; line-height: 30px; color: #666; } .m2ptc7Txt .m2pt_nums { color: #636363; } .m2ptc7Txt .m2pt_bt { color: #000; } .m2ptc7Txt .m2pt_bet{ font-size: 18px; color: #969696; } .m2ptc7Txt .m2ptIcon{ border: 1px solid rgba(0,0,0,0.3); } @media (max-width:1799px){ .m2ptCon2{ padding: 60px 0px; } .m2pt_nums{font-size:16px; margin-bottom:10px} .m2pt_bt{font-size:24px; line-height:30px;} .m2ptC2box{font-size:15px;} .m2ptIcon{width:78px; height:78px;} .m2ptIcon img{transform:scale(0.86) translate(-50%,-50%);} .m2ptC2box{min-height:360px;} .m2ptc3Box{font-size:15px;} .m2ptCon3{padding-bottom:60px;} .m2ptc3_img img{height:300px; width:auto;} .m2ptc4_img{text-align:center;} .m2ptc4_img img{ width:800px; height:auto;} .m2ptc4Txt{font-size:15px;} .m2ptc5Txt{font-size:15px;} .m2ptc5Box{padding-bottom:75px;} .m2ptCon4{padding-bottom:80px;} .m2ptCon6{font-size:15px; margin:60px 0px 70px 114px} .m2ptc6_img2 {text-align:center;} .m2ptc6_img2 img{width:800px; height:auto} .m2ptc7_img{width:500px; height:auto;} .m2ptCon7{margin-top:60px; padding-bottom:80px; padding-top:185px;} .m2ptc7Txt{font-size:15px; margin-left:520px;} } @media (max-width:993px){ .m2ptC2box{width:560px;} .m2ptCon3{padding-top:310px; padding-left:140px;} .m2ptc4Txt{width:500px;} .m2ptc5Txt{margin-left:122px;} .m2ptCon7{padding-top:328px;} .m2ptc7Txt{margin-left:120px;} } @media (max-width:767px){ .m2ptCon1{padding-top:45px;} .m2ptC2box{width:auto; padding-right:0;} .m2ptIcon{display:none!important;} .m2ptCon3{padding-left:0;} .m2ptc4Txt{width:auto} .m2ptc5Txt{margin-left:0;} .m2ptc5Box{padding-top:260px; padding-bottom:60px;} .m2ptCon6{ margin:50px 0px 40px 0px} .m2ptc7_img{width:auto;} .m2ptc7Txt{margin-left:0;} .m2ptCon7{padding-top:246px; padding-bottom:55px;} } .m2jobCon1{ padding: 12.22vh 0px 14.07vh; } .m2jobCon1 .txtBox-wp{ float: left; width: 51%; padding-right:7.68vh; } .m2jobCon1 .picBox-wp{ float:right; width:49%; padding-left:7.68vh; } .m2job_t1 { font-size: 34px; line-height: 48px; } .m2job_st1 { font-size: 22px; line-height: 36px; margin: 14px 0px 45px; } .m2job_des { font-size: 16px; line-height: 30px; color: #666; } .m2job_t2 { font-size: 34px; color: #FFF; line-height: 52px; margin-bottom: 8.33vh; } .m2jobCon2{ background-repeat: no-repeat; background-size: cover; padding: 11.11vh 0px 16.48vh; text-align: center; } .m2job_icon img { position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; } .m2job_aBox{cursor:default; display:inline-block; position:relative; margin:0 105px;} .m2job_icon{ display: inline-block; height: 145px; width: 145px; position: relative; } .m2job_line{ background: url(../image/m2jb_q1.png) no-repeat center center; height: 145px; width: 145px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.9s ease-in-out; } .m2jb_items{text-align:center;} .m2job_txt { color: #FFF; font-size: 16px; line-height: 26px; margin-top: 12px; } .m2job_txt strong { display: block; font-size: 22px; line-height: 38px; color: #FFF; font-weight: normal; } .m2job_aBox:hover .m2job_line{transform:rotate(760deg);} .m2job_aBox:before{ content: ""; background: #FFF; height: 1px; width: 147px; position: absolute; top: 75px; right: -182px; } .m2job_aBox:after{ content: ""; background: #FFF; height: 12px; width: 12px; display: inline-block; position: absolute; top: 70px; right: -118px; border-radius:50%; } .m2jb_items .m2job_aBox:last-child:before,.m2jb_items .m2job_aBox:last-child:after{display:none;} .m2jobCon3 { background: #EEF1F4; padding: 9.25vh 15px 10.74vh; } .m2jbc3_t { font-size: 34px; line-height: 48px; text-align: center; margin-bottom: 38px; } .m3jbo_var{ max-width: 1340px; margin: 0px auto 33px; position:relative; z-index:2; } .m2job_submit { background: #FFF url(../image/m2jb_sicon.png) no-repeat center center; height: 58px; width: 120px; float: left; border-radius: 0.3em; cursor: pointer; } .m3job_lable{width:calc((100% - 120px) / 3 - 24px); float:left; margin-right:24px; position:relative} .m3job_lable input{ width: 100%; padding: 0px 30px; height: 58px; border-width: 0px; border-style: none; font: 16px/58px "微软雅黑"; border-radius:0.3em; position:relative; z-index:2; background:#fff; } .m3job_lable i{ background: url(../image/m2jb_ar.png) no-repeat center center; display: inline-block; height: 7px; width: 12px; position: absolute; top: 50%; right: 30px; margin-top: -3px; z-index:3 } .m2job_select{ position: absolute; left: 0; top: 58; display: none; width: 100%; background:#fff; border-radius:0.3em; box-shadow:0 10px 30px rgba(0, 87, 205, 0.1); padding-bottom:15px; } .m2job_select li{ transition: all 0.5s ease-in-out; line-height: 52px; height: 52px; padding: 0px 30px; font-size: 16px; color: #666; } .m2job_select li:hover{ color: #FFF; background: #0e3582; } .m3job_th{ font-size: 16px; color: #FFF; background: #0e3582; line-height: 80px; height: 80px; padding-left:9%;} .m3job_dl{ overflow:hidden} .m3job_dl dt{ cursor: pointer; padding-left: 9%; position:relative; line-height: 76px; height: 77px; border-bottom: 1px solid #F3F3F3; font-size: 16px; color: #666; } .m3job_w1{width:24%; float:left;} .m3job_w2{width:21%; float:left;} .m3job_table{max-width:1340px; margin:0 auto; background:#fff;} .m3job_dl dt i { background: #EDEDED url(../image/more1.png) no-repeat center center; height: 26px; width: 26px; display: inline-block; margin-top: -13px; position: absolute; top: 50%; right: 7.4%; transition:all 0.5s ease-in-out; border-radius:0.3em; } .m3job_dl.on dt i,.m3job_dl dt:hover i{ background: #0e3582 url(../image/more1.png) no-repeat center center;} .m3job_dl dd { background: #F7F7F7; padding: 0px 50px 60px; display:none } .m3job_dinfo { font-size: 14px; line-height: 28px; color: #999; padding: 25px 0px 20px; border-bottom: 1px solid #D8D8D8; } .m3job_dinfo span { white-space: nowrap; display: inline-block; margin-left: 90px; } .m3job_edit { padding: 35px 90px 0px; font-size: 14px; line-height: 28px; color: #666; } .m3job_edit a{ padding-left: 40px; font-size: 16px; line-height: 50px; color: #FFF!important; font-weight:normal!important; background: #0e3582 url(../image/ad_nav_i1.png) no-repeat 129px center; height: 50px; width: 166px; display: inline-block; } .m3job_edit a:hover{ transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); color: #FFF; } .m3job_edit strong { font-size: 16px; line-height: 30px; font-weight: bold; display: block; color: #333; } .m3job_moreBox { text-align: center; padding: 25px 0px 35px; } .m3job_moreBox span { display: inline-block; font-size: 16px; line-height: 34px; height: 34px; cursor:pointer } .m3job_moreBox *{vertical-align:middle;} .m3job_moreBox i{ background: url(../image/m2job_ar2.png) no-repeat center center; display: inline-block; height: 10px; width: 18px; margin-left: 15px; } .m2jobCon4{ max-width: 1340px; margin: 0px auto; padding: 10vh 0px 9.25vh; } .m2jbImgs { margin: 38px 0px 0px; } .m2jbImgs ul{ margin: 0px -5px; } .m2jbImgs ul li{ padding: 0px 5px; margin-bottom: 10px; } .m2jb_more2 { text-align: center; } .m2jb_more2 .m2csb_aMore { font-size: 18px; line-height: 50px; height: 50px; width: 166px; display: inline-block; margin-bottom: 0px; } .m2jbImg .overflowHide { height: 317px; } .m2jbImg2 .overflowHide { height: 644px; } @media (max-width:1799px){ .m2jobCon1{ padding: 60px 0px 70px; } .m2jobCon1 .txtBox-wp{ padding-right:25px; } .m2jobCon1 .picBox-wp{ padding-left:25px; } .m2job_t1 { font-size: 26px; line-height: 38px; } .m2job_st1 { font-size: 20px; line-height: 30px; margin: 10px 0px 25px; } .m2job_des { font-size: 15px; line-height: 28px; } .m2job_t2 { font-size: 26px; line-height: 42px; margin-bottom: 25px; } .m2jobCon2{ padding: 60px 0px 70px; } .m2job_icon{width:120px; height:120px;} .m2job_line{width:120px; height:120px; background-size:90% auto;} .m2job_icon img{width:50px; height:50px; margin-left:-25px; margin-top:-25px;} .m2job_aBox{margin:0 80px;} .m2job_txt strong{font-size:20px;} .m2job_txt{font-size:14px; margin-top:0;} .m2job_aBox:before{ width: 125px; top: 65px; right: -150px; } .m2job_aBox:after{ top: 60px; right: -96px; } .m2jbc3_t{font-size:26px; margin-bottom:28px} .m3jbo_var{max-width:1200px;} .m3job_table{max-width:1200px;} .m3job_th{ font-size: 15px; line-height: 60px; height: 60px; padding-left:5%;} .m3job_dl dt{ padding-left: 5%; line-height: 60px; height: 61px; font-size: 15px; } .m3job_dl dt i{right:6%;} .m3job_dinfo span{margin-left:30px;} .m3job_edit{padding:25px 30px 0px;} .m3job_dl dd{padding-bottom:35px;} .m3job_moreBox span{font-size:15px;} .m3job_moreBox{padding:20px 0px 28px;} .m2jobCon4{padding:50px 0px 70px; max-width:1200px;} .m2jbImgs{margin:25px 0px 22px;} .m2jbImg .overflowHide{height:260px;} .m2jbImg2 .overflowHide{height:530px;} } @media (max-width:1199px){ .m2job_aBox:before{ display:none} .m2job_aBox:after{ display:none} .m2job_aBox{margin:0 50px;} .m2jbImgs ul{margin:0;} } @media (max-width:767px){ .m2jobCon1 .txtBox-wp{width:100%; float:none; padding-right:0; margin-bottom:25px;} .m2jobCon1 .picBox-wp{width:100%; float:none; padding-left:0;} .m2job_t1{font-size:24px;} .m2job_st1{font-size:18px; margin-bottom:10px;} .m2job_aBox{margin:0 15px; margin-bottom:15px;} .m3job_lable{width:100%;} .m3job_lable:hover{z-index:3;} .m2job_submit{width:100%; margin-top:10px;} .m3job_w2{display:none;} .m3job_w1{width:100%;} .m3job_dl dd{padding-left:15px; padding-right:15px;} .m3job_dinfo span{margin-left:0; margin-right:10px;} .m3job_edit{padding:15px 0px 0px;} .m2jbc3_t{font-size:24px; line-height:30px;} .m2jb_more2 .m2csb_aMore{width:140px; height:46px; line-height:46px; font-size:15px;} } .m2wpCon1{ margin: 11.75vh 0px 7.87vh; height:485px; position:relative; } .m2wpc1Txt{ position: absolute; width: 628px; left: 0; top: 0; z-index: 2; } .m2wpcMap { background: url(../image/m2wpt_map.png) no-repeat center bottom; float: right; height: 479px; width: 888px; padding-left: 80px; margin-top: -15px; position:relative;} .m2wpc_sul { height: 80px; overflow: hidden; } .m2wpc_sul li { text-align: center; float: left; width: 25%; line-height: 18px; font-size: 12px; color: #666; } .m2wpc_num { font: 26px/52px din; color: #0e3582; } .m2wpc_num span { font-size: 52px; padding-right: 2px; } .m2wpc_item{ line-height: 24px; display: inline-block; height: 24px; position: absolute; font-size: 14px; } .m2wpc_item i{ background: url(../image/m2wpt_i1.png) no-repeat center center; display: inline-block; position: absolute; height: 24px; width: 24px; animation:2.2s water infinite ease-out } .m2wpc_item1{ left:302px; top:137px; padding-right:30px} .m2wpc_item1 i{right:0; top:0; animation-delay:1.5s;} .m2wpc_item2{ left:166px; top:215px; padding-left:30px} .m2wpc_item2 i{left:0; top:0; animation-delay:1s;} .m2wpc_item3{ left:568px; top:226px; padding-right:30px} .m2wpc_item3 i{right:0; top:0; animation-delay:2s;} .m2wpc_item4{ left:700px; top:212px; padding-left:30px} .m2wpc_item4 i{left:0; top:0; animation-delay:2.2s;} .m2wpc_item5{ left:696px; top:234px; padding-left:30px} .m2wpc_item5 i{left:0; top:0; animation-delay:1.8s;} .m2wpCon2 { background: #f8f9fc; padding: 8.33vh 0px 9.44vh; } .m2wpt_c2aBox .overflowHide { height: 231px; } .m2wpt_c2aBox { padding-bottom: 138px; display: block; position: relative; } .m2wpIcon{ display: inline-block; height: 24px; width: 20px; position: absolute; top: 38px; right: 32px; } .m2wpIcon img{position:absolute; left:0; top:0; transform:scale(1)!important; transition:all 0.5s ease-in-out;} .m2wptBlay { height: 180px; background: #FFF; position: absolute; left: 26px; right: 26px; bottom: 0px; padding: 0px 40px; box-shadow:0 0 18px rgba(0,0,0,0.05); padding-top:33px; transition:all 0.5s ease-in-out; } .m2wptBlay strong { line-height: 30px; display: block; height: 30px; font-size: 20px; } .m2wptBlay h4 { font-size: 16px; line-height: 24px; color: #666666; } .m2wptBlay p { font-size: 16px; color: #666; opacity:0.6; line-height: 24px; height: 48px; overflow: hidden; display: block; margin-top: 8px; max-width:255px; } .m2wptBlay *{transition:all 0.5s ease-in-out;} .m2wpt_c2aBox:hover .m2wptBlay *{color:#fff;} .m2wpt_c2aBox:hover .m2wptBlay{ background: #0e3582; } .m2wptC2itms ul{ margin: 0px -26px; } .m2wptC2itms ul li{ padding: 0px 26px; margin-bottom:20px; } .m2wpt_c2aBox:hover .m2wpIcon img{opacity:0;} .m2wpt_c2aBox:hover .m2wpIcon img.iOpacity{opacity:1;} .m2wpt_cnm{ font-size: 18px; color: #FFF; line-height: 24px; padding: 0px 15px; width: 100%; position: absolute; left: 0px; top: 50%; transform:translateY(-50%); text-align:center} .m2wpt_c2aBox2 { height: 758px; } .m2wpt_c2aBox2 .overflowHide{ height:620px;} .m2wptc2Img { height:480px; position: relative; } .m2wptc2Img:before{content:""; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.4); position:absolute;} .m2wptCon3 { padding: 11.11vh 0px 0vh; } .m2wpt_items { margin: 35px 0px 0; } .m2wpt_items li { text-align: center; float: left; width: 25%; height: 165px; transition:all 0.5s ease-in-out; } .m2wpt_icon{ display: inline-block; height: 112px; width: 112px; margin-bottom: 20px; background:#fff; border-radius:50%; background:#fff; box-shadow:0 10px 28px rgba(14,59,130,0.2); position:relative } .m2wpt_items li p{ font-size: 16px; line-height: 30px; } .m2wpt_icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .m2wpt_items li p{ font-size: 16px; line-height: 30px; color: #333; } .m2wpt_items2{ display:block; margin-top:-50px; transform:translateY(-50px);} .m2wpt_items2 li:nth-child(1){margin-left:12.5%;} .m2wpt_items3{ display:block; margin-top:-50px; transform:translateY(-100px);} .m2wpt_items3 li:nth-child(1){margin-left:25%;} .m2wpt_items4{ display:block; margin-top:-50px; transform:translateY(-150px);} .m2wpt_items4 li:nth-child(1){margin-left:12.5%;} .m2wpt_items li:hover{transform:translateY(-10px);} .m2wptCon4 { text-align: center; padding-bottom: 102px; position: relative; } .m2wptLay { background: #0e3582; padding: 78px 70px 0px; height: 605px; width: 522px; position: absolute; bottom: 0px; right: 82px; color: #FFF; text-align: left; } .m2wptCon4 .m2cs_t1{ margin-bottom:40px;} .m2wptCon4 .m2cs_t1:after{background:#fff;} .m2wpt_sdes { font-size: 16px; line-height: 30px; color: #ffffff; } .m2wptLay .m2cs_t1:after{ bottom:-19px;} .m2wpt_xul { overflow: hidden; } .m2wpt_xul li { float: left; width: 50%; padding-top: 35px; height: 132px; } .m2wptCon5 { padding: 45px 125px 13.42vh; } .m2wpt_sx{display:inline-block; width:118px; text-align:center;} .m2wpt_sx span{ font: 70px/70px din; } .m2wpt_sx p{ font-size: 14px; line-height: 28px; height: 28px; } .m2wpt_xul li:nth-child(2n){text-align:right;} .m2wpt_slickWpr { padding-top: 38px; margin-left:-25px; margin-right:-25px; position:relative; } .m2wpt_slickWpr .prev { background: url(../image/m2wpt_icon1.png) no-repeat center center; display: block; height: 50px; width: 50px; position: absolute; left: -88px; top: 125px; box-shadow:0 5px 26px rgba(0,0,0,0.2); border-radius:50%; } .m2wpt_slickWpr .prev:hover{ background: #0e3582 url(../image/m2wpt_icon1a.png) no-repeat center center; } .m2wpt_ides { font-size: 16px; line-height: 30px; color: #666; border-bottom: 3px solid #CFD7E6; height: 263px; position:relative; } .m2wpt_ides strong { font-size: 34px; line-height: 68px; font-weight: 100; display: block; color: #333; } .m2wpt_sitem{ padding:0 25px;} .m2wpt_ides:after{ content:""; width:0; height:3px; background:#0e3582; left:0; bottom:-3px; transition:all 0.5s ease-out; position:absolute; left:0;} .m2wpt_sitem:hover .m2wpt_ides:after{ width:100%;} .m2wpt_slickWpr .next { background: url(../image/m2wpt_icon1.png) no-repeat center center; display: block; height: 50px; width: 50px; position: absolute; right: -88px; top: 125px; box-shadow:0 -5px 26px rgba(0,0,0,0.2); border-radius:50%; transform:rotate(180deg); } .m2wpt_slickWpr .next:hover{ background: #0e3582 url(../image/m2wpt_icon1a.png) no-repeat center center; } .m2wptCon2{position:relative;} .m2wpt_cicle{ height: 24.89vw; width: 24.89vw; border: 1px solid rgba(255,255,255,0.3); border-radius:50%; transform:translate(-50%,-50%); position:absolute; left:50%; top:50%; z-index:5} .m2wpt_cicle:before{ content: ""; position: absolute; height: 100%; width: 100%; left:30px; top:0px; right: 0px; bottom: 0px; background: url(../image/wel23.png) no-repeat center center; background-size:100% 100%; animation: inlinerbg 1.2s infinite linear;} .m2wpt_cicle:after{ content: ""; position: absolute; height: 100%; width: 100%; left: 30px; top: 0px; right: 0px; bottom: 0px; background: url(../image/wel24.png) no-repeat center center; background-size:100% 100%; animation: inlinerbgo 1.2s infinite linear; } .m2wpt_cicle strong { font-size: 40px; line-height:40px; color: #FFF; display:block; position:relative; } .m2wpt_cicle strong:after{ content: ""; height: 4px; width: 24px; margin-left: -12px; position: absolute; left: 50%; bottom:-20px; background:#fff;} .m2wpt_ctxt{width:100%; height:auto; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%);} .m2wpt_ctxt em{ font-style: normal; } .m2wpt_ctxt h3{ font: 48px/54px din; margin-top: 32px; color:#fff;} .m2wpt_ctxt h3 span{ font-size:26px; display:inline-block; transform:translate(5px,-20px);} .m2wpt_ctxt p{ font-size: 16px; line-height: 28px; color: #FFF; } @keyframes scaleAniLine { 0% { transform:scale(0.1); opacity:1 } 50% { opacity:1 } 100% { transform:scale(1); opacity:0 } } .m2svrWpr{position:relative; z-index:2;} .m2svrBar{ height: 120px; background: #0D3882; color: #FFF; margin-top: -60px; box-shadow: 0 12px 36px rgba(14,53,130,0.4); padding: 30px 8.33vh 0px; } .m2svrBar li{width:33.33%; float:left; } .m2svrBar li:nth-child(2){ text-align:center} .m2svrBar li:nth-child(3){ text-align:right} .m2svrBar_item{ display: inline-block; height: 60px; position: relative; padding: 0px 0px 0px 72px; text-align:left } .m2svrBar_item img{ position: absolute; left: 0px; top: 50%; margin-top: -23px; } .m2svrBar_item strong{ font: 24px/36px din; display: block; } .m2svrBar_item p{ font-size: 16px; line-height: 25px; } .m2svrBar li:nth-child(1) .m2svrBar_item strong{font-weight:bold; font-size:30px;} .m2svrBar li:nth-child(3) .m2svrBar_item strong{ font: 100 20px "微软雅黑"; } .m2svrCon1 { padding: 6.94vh 0px 8.33vh; } .m2svru1 { margin-top: 5.55vh; } .m2svr_aBox{ cursor: default; display: block; background: #f9fafc; overflow: hidden; position:relative } .m2svr_aBox .overflowHide { float: left; height: 430px; width: 760px; } .m2svrRx1 { height: 100%; width:calc(100% - 760px); position:absolute; right:0; top:0 } .m2svrRx1con{ padding: 0px 4.94vw 0px 5.98vw; width: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-size: 16px; line-height: 30px; color: #888888; } .m2svrRx1con strong{ font-size: 24px; color: #333; line-height: 36px; display: block; margin-bottom: 22px; font-weight: normal; } .m2svru1 li:nth-child(2n) .m2svr_aBox .overflowHide{ float:right;} .m2svru1 li:nth-child(2n) .m2svrRx1 {right:auto; left:0;} .m2svru1 li:nth-child(2n) .m2svrRx1con{ padding: 0px 4.94vw 0px 6.94vw; } .m2svrCon3 { padding: 9.72vh 0px 8.79vh; } .m2svrMap { background: url(../image/m2svr_map.png) no-repeat center center; height: 759px; width: 1066px; margin: -25px auto 0px; position:relative; } .m2svr_item { display: block; position: absolute; } .m2svr_item i{ background: url(../image/m2svr_cicle.png) no-repeat center center; height: 116px; width: 116px; display: inline-block; position: absolute; left: 50%; top: 50%; margin-left:-58px; margin-top:-58px; opacity:0; transform:scale(0.1);} .m2svr_item.on i{ animation:scaleAniLine 2.3s linear infinite;} .m2svr_item5.on i{ animation:scaleAniLine 2.3s linear infinite; animation-delay:0.5s} .m2svr_item7.on i{ animation:scaleAniLine 2.3s linear infinite; animation-delay:1.2s} .m2svr_item11.on i{ animation:scaleAniLine 2.3s linear infinite; animation-delay:1.5s} .m2svr_item18.on i{ animation:scaleAniLine 2.3s linear infinite; animation-delay:0.7s} .m2svr_cicle{ background: #0D3882; display: block; height: 9px; width: 9px; border-radius: 50%; z-index: 1; } .m2svr_cnm{ font-size: 14px; line-height: 16px; color: #666; display: inline-block; position: absolute; left: 50%; top: 15px; transform: translateX(-50%); white-space: nowrap; z-index: 2; } .m2svr_item1{left:694px; top:287px;} .m2svr_item2{left:711px; top:310px;} .m2svr_item3{left:851px; top:129px;} .m2svr_item4{left:843px; top:201px;} .m2svr_item5{left:801px; top:246px;} .m2svr_item6{left:729px; top:371px;} .m2svr_item7{left:772px; top:436px;} .m2svr_item8{left:725px; top:467px;} .m2svr_item9{left:712px; top:548px;} .m2svr_item10{left:607px; top:735px;} .m2svr_item11{left:642px; top:552px;} .m2svr_item12{left:646px; top:483px;} .m2svr_item13{left:658px; top:419px;} .m2svr_item14{left:677px; top:343px;} .m2svr_item15{left:634px; top:351px;} .m2svr_item16{left:606px; top:263px;} .m2svr_item17{left:573px; top:422px;} .m2svr_item18{left:467px; top:511px;} .m2svr_item19{left:357px; top:379px;} .m2svr_item20{left:313px; top:459px;} .m2svr_item21{left:232px; top:238px;} @media (max-width:1799px){ .m2wpCon1{ margin: 60px 0px 50px; height:auto;} .m2wpc1Txt{ position:static; width: 100%; } .m2wpcMap { float: none; margin:30px auto 70px} .m2wptC2itms {margin-top:40px;} .m2wpCon2{padding:60px 0px 30px;} .m2wptC2itms ul{margin-left:-15px; margin-right:-15px;} .m2wptC2itms ul li{padding:0px 15px;} .m2wpt_c2aBox .overflowHide{height:200px;} .m2wpt_c2aBox2 .overflowHide{ height:522px;} .m2wptBlay{padding:25px 20px;} .m2wpIcon{width:18px; height:20px; right:18px; top:29px} .m2wptBlay strong{font-size:16px;} .m2wptBlay h4{font-size:14px;} .m2wptBlay p{font-size:14px;} .m2wptBlay{height:155px;} .m2wpt_c2aBox{padding-bottom:102px;} .m2wpt_c2aBox2{height:624px;} .m2wpt_cicle strong { font-size: 30px; line-height:30px; font-weight:normal} .m2wpt_cicle strong:after{height: 3px; width: 20px; margin-left: -10px; bottom:-20px;} .m2wpt_ctxt h3{ font: 38px/44px din; margin-top: 25px;} .m2wpt_ctxt h3 span{ font-size:22px; transform:translate(5px,-15px);} .m2wpt_ctxt p{ font-size: 16px; line-height: 26px;} .m2wptCon3 { padding: 60px 0px 0vh; } .m2wpt_icon{width:90px; height:90px;} .m2wpt_icon img{transform:scale(0.8) translate(-50%,-50%); transform-origin:left top} .m2wpt_items li p{font-size:15px;} .m2wptCon4{ transform:translateY(-80px)} .m2wptLay { padding: 58px 50px 0px; height: 505px; width: 475px } .m2wpt_sdes{font-size:13px; line-height:26px;} .m2wpt_sx span{ font: 50px/50px din; } .m2wpt_xul li{padding-top:25px; height:105px;} .m2wptCon5{padding-top:0; margin-top:-35px; padding-bottom:70px;} .m2wpt_slickWpr{padding-top:0;} .m2wpt_slickWpr .prev,.m2wpt_slickWpr .next{top:68px;} .m2wpt_ides strong { font-size: 28px; line-height: 48px} .m2wpt_ides{font-size:14px; line-height:28px; height:230px;} .m2wpt_sitem{padding:0 15px;} .m2svrBar{ height: 100px; margin-top: -50px; padding: 20px 35px 0px; } .m2svrBar_item{height:58px;padding: 0px 0px 0px 60px;} .m2svrBar_item img{ width:38px; height:auto; margin-top: -19px; } .m2svrBar_item strong{ font: 20px/30px din;} .m2svrBar_item p{ font-size: 14px; line-height: 26px; padding-top:2px } .m2svrBar li:nth-child(1) .m2svrBar_item strong{font-size:22px;} .m2svrBar li:nth-child(3) .m2svrBar_item strong{ font: 100 16px "微软雅黑"; } .m2svr_aBox .overflowHide{height:360px; width:600px;} .m2svrRx1{ width:calc(100% - 600px)} .m2svrRx1con strong{font-size:20px; margin-bottom:10px;} .m2svrRx1con{font-size:14px; line-height:28px;} } @media (max-width:1199px){ .m2wpIcon{display:none;} .m2svr_aBox .overflowHide{height:360px; width:500px;} .m2svrRx1{ width:calc(100% - 500px)} } @media (max-width:993px){ .m2wpcMap{padding-left:0; width:100%;} .m2wpc_item {position:relative; left:0; right:0; top:auto; padding-left:30px!important; padding-right:0!important; display:block; margin:0 0 45px 25px} .m2wpc_item i{right:auto!important; left:0!important;} .m2wpc_sul{margin-bottom:45px;} .m2wpr_li02,.m2wpr_li01{width:100%!important;} .m2wptCon4 {margin-top:50px;} .m2wpt_cicle{ width:300px; height:300px;} .m2svrBar li:nth-child(3) .m2svrBar_item strong{font-size:14px;} .m2svr_aBox .overflowHide{height:360px; width:350px;} .m2svrRx1{ width:calc(100% - 350px)} .m2svrMap{transform:scale(0.7)!important; transform-origin:left; margin-top:-80px;} } @media (max-width:767px){ .m2wpc_num span{font-size:30px;} .m2wpc_sul{height:88px;} .m2wpc_item{margin-bottom:35px;} .m2wpcMap{margin-bottom:0;} .m2wpcMap{height:405px;} .m2wpCon2{padding-top:42px;} .m2wpt_icon{width:70px; height:70px;} .m2wpt_items li p{top:-14px; position:relative} .m2wptLay{position:static;} .m2wptCon4{transform:translateY(-210px)} .m2wptLay{padding:48px 20px 0px; width:auto;} .m2wptCon5{margin-top:-265px;} .m2wpt_slickWpr .prev{width:40px; height:40px; left:-36px;} .m2wpt_slickWpr .next{width:40px; height:40px;right:-36px;} .m2wptCon5{padding-left:65px; padding-right:65px;} .m2wpt_ides strong{font-size:20px;} .m2wptCon5 .m2cs_t1{transform:translateX(-10px)!important;} .m2wptLay{height:470px;} .m2svrBar{height:220px;} .m2svrBar li{width:100%; text-align:left} .m2svrBar_item{display:block;} .m2svr_aBox .overflowHide{width:100%; float:none; height:225px;} .m2svrRx1{width:100%; position:static;} .m2svru1 li:nth-child(2n) .m2svr_aBox .overflowHide{float:none;} .m2svrRx1con,.m2svru1 li:nth-child(2n) .m2svrRx1con{position:static; transform:translateY(0); padding:20px 0 35px;} .m2svrMap{transform:scale(0.4)!important;} .m2svrCon3{padding:55px 0 0;} .m2svrMap{margin-top:-250px;} .m2svrCon3{height:450px;} .m2svrCon1{padding:50px 0 45px;} } /*2019-11-06 CSS*/ .nav li{position:static;} .subNav{ background: #f8f9fc; height: 440px; width: 100%; padding-top: 52px; position: absolute; z-index: 5; left: 0px; top: 90px; box-shadow:0 3px 5px rgba(0,0,0,0.05); transition:all 0.1s ease-in-out; opacity:0; visibility:hidden} .nav li:hover .subNav{opacity:1; visibility:visible; transition:opacity 0.3s ease-in-out;} .subNav:before{content:""; z-index:-1; background:#ffffff; height:100%; right:0; width:35.41vw; position:absolute; top:0} .subNavCon{ font-size: 16px; line-height: 28px; color: #666666; } .subNav_lx{ float: left; width: 40%; padding-right: 6%; } .subNav_lx strong{ display: block; position: relative; font-size: 26px; line-height: 108px; font-weight: normal; color: #333; } .subNav_lx strong:after{ content: ""; background: #0D3882; display: inline-block; height: 2px; width: 27px; position: absolute; left: 0px; bottom: 27px; } .subNav_lx p{ height: 112px; overflow: hidden; margin-bottom: 26px; } .subNav_more{ padding-left: 40px; font-size: 16px; line-height: 50px; color: #FFF; background: #0e3582 url(../image/ad_nav_i1.png) no-repeat 129px center; height: 50px; width: 166px; display: inline-block; } .subNav_more:hover{ transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); color: #FFF; } .subNav_links{ float: left; width: 22%; } .subNav_a{ line-height: 50px; display: block; height: 50px; margin-bottom: 3px; font-size: 16px; padding-left: 52px; position:relative } .subNav_a:hover{ color: #FFF; background: #0e3582; } .subNav_a:after{ content: ""; background: url(../image/ad_nav_i1.png) no-repeat center center; display: inline-block; height: 12px; width: 15px; margin-top: -6px; position: absolute; top: 50%; right: 40px; transition:all 0.5s ease-in-out; opacity:0; transform:translateX(-25px);} .subNav_a:hover:after{transform:translateX(0); opacity:1} .subNavRx{ float: right; width: 27.6%; } .subNavRx .overflowHide{ height: 200px; margin-bottom: 22px; } .subNavRx p{ max-height:112px; overflow:hidden} @media (max-width:1799px){ .subNav{top:76px; padding-top:32px; height:340px;} .subNav_lx strong{ font-size: 24px; line-height: 58px; padding-bottom:8px;} .subNav_lx strong:after{ bottom: 14px; } .subNavCon{ font-size: 15px; line-height: 26px;} .subNav_lx p{ height: 104px; margin-bottom: 15px; } .subNav_a{ line-height: 42px; height: 42px; margin-bottom:1px; font-size: 15px; padding-left: 40px; } .subNavRx .overflowHide{ height: 160px; margin-bottom: 14px; } .subNavRx p{ max-height:104px;} } .serBanBox{ height: 320px; position:relative; } .serBanBg{position:absolute; left:0; top:0; width:100%; height:100%;} .serBanFrom{position:absolute; left:50%; top:50%; transform:translateY(-50%); width:700px; margin-left:-350px; z-index:2;} .serBanFrom strong{ font-size: 30px; color: #FFF; line-height: 36px; margin-bottom: 30px; text-align: center; display:block; font-weight:normal } .serBanInx{position:relative;} .serBanInx input{ font-size: 16px; line-height: 52px; color: #666; height: 52px; width: 100%; padding: 0px 60px 0px 15px; border-width: 0px; border-style: none; } .ser_submit{ background: url(../image/serach_btn.png) no-repeat center center; display: block; height: 52px; width: 55px; border-width: 0px; border-style: none; position: absolute; top: 0px; right: 0px; cursor: pointer; } .searchCon{max-width:1310px; padding:0 15px; margin:70px auto 100px;} .serRx{ float: right; width: 360px; } .serLx{ width: 880px; border: 1px solid #e8e8e8; padding: 35px 45px 0px; float: left; } .serRx_t { font-size: 20px; color: #FFF; line-height: 60px; background: #0e3582 url(/static/home/images/serch_icon.png) no-repeat 36px center; height: 60px; padding-left: 70px; } .serRx_a{ line-height: 66px; height: 67px; padding-left: 38px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; font-size: 16px; color: #666; display:block} .serList{ margin-bottom:45px;} .serList li{ font-size: 16px; line-height: 68px; position: relative; padding-right: 95px; border-bottom: 1px solid #e8e8e8; } .serList li .ellipsis{height:68px;} .serList li span{ font-size: 14px; color: #999; display: inline-block; position: absolute; top: 0px; right: 0px; } .serPage{text-align:center;} .serList_a{color:#666;} .serPage_a{ font-size: 14px; line-height: 40px; height: 40px; min-width: 40px; text-align: center; padding: 0px 15px; display: inline-block; } .serPage_a:hover,.serPage_a.on{ color: #FFF; background: #fa1b24; } @media (max-width:1799px){ .serBanBox{ height: 280px;} .searchCon{max-width:1200px; margin:50px auto 70px;} .serRx{ width: 300px; } .serLx{ width: 850px; padding: 25px 25px 0px; } .serRx_t { font-size: 18px; line-height:62px; height: 62px; } .serRx_a{ line-height: 54px; height:55px; font-size: 15px;} .serList li{ font-size: 15px; line-height: 58px; } .serList li .ellipsis{height:58px;} } @media (max-width:1199px){ .serRx{ width: 100%; float:none; margin-bottom:15px; } .serLx{ width: 100%; float:none } } @media (max-width:767px){ .serBanBox{ height: 250px;} .serBanFrom{ margin-left:-0; left:10px; right:10px; width:auto} .serBanFrom strong{ font-size: 26px; margin-bottom:18px;} .serList li span{display:none;} .serList li{padding-right:0; font-size:14px;} .serLx{padding: 15px 12px 0px; } } .m2csVideo_box{cursor:pointer;} .m2csVideo_box:after{ content:""; background: url(../image/m2pp_i1.png) no-repeat center center; width:90px; height:90px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:inline-block;} .video_wrapper{display:none;} .maoBodyFixed .m2menu{ width:100%; position:fixed; z-index:20; background:#fff; top:0; left:0; margin-top:0} @media (max-width:993px){ .maoBodyFixed .m2menu{ top:58px;} .m2csVideo_box:after{transform:translate(-50%,-50%) scale(0.8);} } .mvlayerBg{ height: 100%; width: 100%; position: fixed; z-index: 82; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.8); } .mvLayer { width: 100%; transform:translateY(-50%); position: fixed; z-index: 85; left: 0px; top: 50%; } .mvClose { background: url(../image/m2mvClose.png) no-repeat; height: 38px; width: 38px; position: absolute; top: -38px; right: 0; cursor: pointer; z-index: 5; } .m2mvBox { width: 66%; height: 706px; position: relative; background: #000; margin:0 auto; } @media (max-width:1379px){ .m2sp_nm{font-size:15px;} .m2mvBox { width: 66%; height: 500px;} .m2mv_aBox.scaleImg .overflowHide { height: 400px; } .m2mvul{margin:0 -15px;} .m2mvul li{padding:0 15px;} } @media (max-width:1799px){ .m2mvBox { width: 66%; height: 586px; } } @media (max-width:1559px){ .m2mvBox { width: 66%; height: 518px; } } @media (max-width:1199px){ .m2mv_aBox.scaleImg .overflowHide{height:280px;} } @media (max-width:992px){ .mvLayer{margin-top:0; transform:translateY(-50%);height:auto;} .mvLayer .m2xy_pimg{max-width:220px; margin-left:auto; margin-right:auto; height:240px;} .m2mvBox { width: 66%; height: 300px;} .mvClose{top:12px; right:5px;} .m2mvul li{margin-bottom:35px;} } @media (max-width:767px){ .mvLayer .m2xy_pimg{max-width:120px; height:130px;} .mvClose{top:auto; top:-40px; right:0px;} .m2mvBox { width: 100%; height:200px;} .m2mv_aBox.scaleImg .overflowHide{height:210px;} } .m2nLxCon{ padding: 66px 95px 58px; background: #FFF; margin-bottom:150px; box-shadow:0 5px 8px rgba(0,0,0,0.08); } .m2nlx_t{ font-size: 36px; line-height: 48px; text-align: center; padding-bottom: 48px; border-bottom: 1px solid #DCDCDC; } .m2nlxLx { float: left; width: 785px; } .m2nlxFm { padding-top: 62px; } .m2nlxRx { float: right; width: 216px; padding-top: 25px; } .m2nlxLx ul { overflow: hidden; } .m2nlxLx ul li{ width: 50%; float: left; height: 128px; position:relative; padding-left:98px; } .m2nlxLx ul li:nth-child(1){width:100%;} .m2nlxLx ul li span{ display: inline-block; height: 76px; width: 76px; border: 1px solid #EBEBEB; position: absolute; left: 0px; top: 0px; border-radius:50%; } .m2nlxLx ul li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .m2nlxLx ul li strong{ font-size: 18px; line-height: 32px; display: block; padding-top: 4px; } .m2nlxLx ul li p{ font-size: 16px; line-height: 32px; color: #636363; } .m2nMesBtn{ font-size: 16px; line-height: 48px; color: #FFF; height: 48px; width: 132px; background: #0e3582; text-align: center; display: inline-block; border-radius:1.8em; margin-bottom:58px;} .m2nMesBtn:hover{ transform: translateY(-8px); box-shadow: 0 5px 8px rgba(0,0,0,0.1); color: #FFF; } .m2nlxRx img{ border: 1px solid #D8D8D8; } .m2nlxRx p{ text-align: center; width: 132px; line-height: 28px; margin-top: 28px; font-size: 18px; font-weight: bold; color: #555; } .mesLayCon{ width: 570px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); background:#0e3582; position:fixed; z-index:900;} .mesLayCon .m2lxC1Rx{padding:45px 85px; float:none; width:auto; margin:0} @media (max-width:1799px){ .m2nLxCon{ padding: 50px 55px 48px;} .m2nlx_t{ font-size: 32px; line-height: 38px; padding-bottom:26px; } .m2nlxFm{padding-top:40px;} .m2nlxLx ul li{height:110px;} .m2nlxLx ul li strong{font-size:16px;} .m2nMesBtn{margin-bottom:26px;} .m2lxCon2{height:538px;} } @media (max-width:1199px){ .m2nlxLx{width:680px;} .m2nlxLx ul li p{font-size:14px;} .m2nlxRx{width:160px;} } @media (max-width:993px){ .m2nlxLx{width:100%; float:none} .m2nlxRx{width:100%; float:none; text-align:center;} .m2nlxRx img{display:block; margin:0 auto;} .m2nlxRx p{width:auto;} } @media (max-width:767px){ .m2nlx_t{ font-size: 24px; line-height: 30px; padding-bottom:16px; } .m2nLxCon{ padding: 40px 25px 38px;} .m2nlxLx ul li{width:100%; padding-left:78px; height:82px;} .m2nlxLx ul li p{line-height:20px;} .m2nlxLx ul li strong{padding-top:5px;} .m2nlxLx ul li span{ height: 66px; width: 66px;} .m2nlxLx ul li p{font-size:12px;} .mesLayCon{width:auto; left:20px; right:20px; transform:translate(0,-50%);} .mesLayCon .m2lxC1Rx{padding:15px 10px} .m2lxForm li textarea{height:118px;} .m2lxForm li input{height:40px; line-height:40px;} .m2lxForm li{margin-bottom:4px;} } /*2019-12-02 CSS*/ .m2tzCon{ padding:8vh 0px 0} .m2tzul{ margin-top: 5.09vh; margin-bottom:6.01vh } .m2tzul li{ border-bottom: 1px solid #E8E8E8; } .m2tzaBox{ display: block; position: relative; padding: 4.62vh 142px 5.09vh 195px; } .m2tzaBox:hover{ background:#F7F7F7;} .m2tzTm{ width: 150px; text-align: center; display: inline-block; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); color: #636363; } .m2tzTm strong{ font: normal 48px/44px din; display: block; color: #636363; } .m2tzTm span{ color: #636363; display: block; font: 16px/24px din; } .m2tmRx{} .m2tmRx strong{ font-size: 20px; line-height: 38px; display: block; height: 38px; font-weight: normal; margin-bottom: 8px; } .m2tmRx p{ font-size: 16px; line-height: 26px; color: #999999; height: 26px; } .m2tmRx:after{ content: ""; transition: all 0.5s ease-in-out; background: url(../image/m2tz_i1.png) no-repeat center center; display: inline-block; height: 28px; width: 28px; position: absolute; top: 50%; right: 48px;transform:translateY(-50%);-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.6; } .m2tzaBox:hover .m2tmRx:after{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1; } @media (max-width:1799px){ .m2tmRx strong{ font-size: 18px; } .m2tmRx p{ font-size: 15px; } } @media (max-width:993px){ .m2tzaBox{ padding: 4.62vh 98px 5.09vh 125px; } } @media (max-width:767px){ .m2tmRx:after{display:none;} .m2tzaBox{ padding: 25px 0; } .m2tzTm{margin-top:15px; transform:translateY(0); display:block; margin-bottom:0px; position:static; width:100%; text-align:left} .m2tzTm strong,.m2tzTm span{display:inline-block; font-size:16px; line-height:22px;} .m2tmRx strong,.m2tmRx p{height:auto; white-space:normal;} .m2tmRx strong{line-height:28px;} } /*2019-12-3 CSS*/ .m2jbc3_imgBtns{text-align:center; margin-bottom:25px;} .m2jbc3_imgBtns a{ font-size: 16px; line-height: 38px; padding: 0px 35px; border-radius:1.8em; display:inline-block; margin:0 20px; border:1px solid #ddd;} .m2jbc3_imgBtns a.on,.m2jbc3_imgBtns a:hover{ color: #FFF; background: #0e3582; border:1px solid #0e3582; } .hmc3newUl li{transform:translateY(0)!important;} .hmc3newUl{margin-top:58px;} .hmc3SlickBox{position:relative; padding:0 80px; margin-top:30px;} .hmc3SlickBox .hmc3sitem{padding:25px;} .hmc3SlickBox .prev{ background: url(../image/m2csd_btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-top: -20px; position: absolute; left: 0px; top: 50%; } .hmc3SlickBox .next{ background: url(../image/m2csd_btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-top: -20px; position: absolute; right:0px; transform:rotate(180deg); top: 50%; } .m2jbInm{line-height:46px; height:46px; z-index:3; text-align:center; width:100%; padding:0 15px; background:rgba(0,0,0,0.7); color:#fff; font-size:16px; position:absolute; left:0; bottom:0} @media (max-width:1799px){ .hmc3SlickBox{padding:0 60px; margin-top:20px;} } @media (max-width:767px){ .hmc3SlickBox{padding:0 30px;} .hmc3aBox .overflowHide{height:250px;} } /*2019-12-05 CSS*/ .subNav{border-top:1px solid #efefef;} .subNav2{ height:750px; overflow:hidden; padding-top:0;} .subNav2:before{display:none;} .subNav2_item{width:33.333%; float:left; height:750px; padding-top:25px; } .subNavCon .subNav2_item:nth-child(1){width:30%;} .subNavCon .subNav2_item:nth-child(2){width:40%;padding-left:2.86vw;border-left:1px solid #efefef; background:#fff; border-right:1px solid #efefef;} .subNavCon .subNav2_item:nth-child(3){width:30%;padding-left:2.86vw;} .subNav2_item p{ font-size: 15px; line-height: 32px; padding-left:35px; position:relative; } .subNav2_item p:before{content:""; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; left:15px; top:14px;} .subNav2_item strong{display:block; color:#333; margin:5px 0} .subNav2_t span{background:#0E3582; width:40px; height:40px; border-radius:50%; display:inline-block; margin-right:10px; position:relative} .subNav2_t span img{width:26px; height:26px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .subNav2_t{font-size:22px; font-weight:normal; color:#333; padding:10px 0} .subNav2_t span,.subNav2_t text{vertical-align:middle;} @media (max-width:1799px){ .subNav2_item p{ font-size: 13px; line-height: 24px; padding-left:30px; } .subNav2_t span{width:32px; height:32px;} .subNav2_t span img{width:20px; height:20px; } .subNav2_t{font-size:18px; padding:5px 0} .subNav2_item p:before{top:10px;} .subNav2_item{height:605px; } .subNav2{ height:605px;} } @media (max-width:1599px){ .subNav2_item p{ font-size: 12px; line-height: 22px;} .subNav2_t span{width:30px; height:30px;} .subNav2_t span img{width:18px; height:18px; } .subNav2_t{padding:3px 0} .subNav2_item p:before{top:8px;} .subNav2_item{height:515px; padding-top:10px; } .subNav2{ height:515px;} .subNav2_item strong{ margin:2px 0; font-size:15px;} } /*2019-12-11 CSS*/ .m2mapLayer{ padding: 16px 10px 10px; width: 320px; } .m2mapLayer a{ background: url(../image/map_i2.png) no-repeat left center; padding-left: 26px; line-height: 24px; height: 24px; font-size: 16px; color: #999999; display: inline-block; font-weight:normal; margin-top: 8px; } .m2mapDes{ font-size: 15px; font-weight: bold; line-height: 24px; display: block;} @media (max-width:993px){ .m2lxCon2{margin-top:0;} .m2nLxCon{margin-bottom:0;} } @media (max-width:767px){ .m2mapLayer{ padding: 10px 5px 8px; width: 300px; } .m2mapDes{ font-size: 14px; line-height: 20px; } .m2mapLayer a{font-size:12px;} .m2lxCon2{height:350px;} }