@charset "utf-8"; body{opacity:0; transition:all 0.1s ease-in-out; overflow-x:hidden} .bodyIn{ opacity:1;} body.ieBody{opacity:1;} .ieBody .wOpacity{opacity:1;} .pc_logo{ float: left; margin: 30px 0px 0px 15px; } .header{ height:100px; position:fixed; width:100%; left:0; z-index:50; background:#fff; box-shadow:0 2px 5px 3px rgba(0,0,0,0.05);} .headerRx{float:right;} .hmbr_btn{ background: #00A8EC; line-height: 100px; color: #FFF; padding: 0px 40px; font-size: 15px; float: left; margin-left:20px; } .hmbr_btn i{ background: url(../images/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 18px; margin-right: 13px; } .hmbr_btn i,.hmbr_btn text{vertical-align:middle;} .hmbr_btn:hover{color:#fff; opacity:0.8;} .header_fun { float: left; width: 70px; height: 100px; position: relative; } .header_fun1 { background: url(../images/hm_i4.png) no-repeat left center; display: block; position: relative; height: 100px; cursor: pointer; } .nav{float:left; padding-right:20px;} .nav li{position:relative; float:left; line-height:100px; position:relative;} .nav_a{display:inline-block; padding:0 25px; font-size:16px; position:relative;} .nav_a:before{content:""; width:0; left:50%; top:0px; height:2px; background:#1F5BB6; position:absolute; transition:all 0.5s ease-in-out;} .on .nav_a,.nav_a:hover{ font-size: 16px; color: #1f5bb6; } .on .nav_a:before,.nav_a:hover:before{width:100%; left:0;} .header_fun2 { background: url(../images/hm_i3.png) no-repeat left center; display: block; position: relative; height: 100px; cursor: pointer; } .header_fun3 { background: url(../images/hm_i2.png) no-repeat left center; display: block; position: relative; height: 100px; cursor: pointer; } .header_fun:before{ content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #333; position: absolute; right:; top: 48px; right: 20px; } .subMenu{width:140px; position:absolute; left:50%; margin-left:-70px; top:100px; background:#fff; border-radius:0 0 0.3em 0.3em; padding:5px 4px; display:none} .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;} .headr_serBox{ height: 60px; line-height: 60px; position: absolute; padding: 0 60px 0 12px; width: 358px; top: 100px; right: -160px; background: #FFF; border-radius:0 0 0.6em 0.6em; display:none } .headr_serBox .headInt{ line-height: 60px; height: 60px; width: 100%; font-size: 16px; color: #333; } .headerSubmit{ background: url(../images/header_si.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; top: 0px; right: 0px; } .headr_telBox{ padding: 20px 0px 20px 26px; position: absolute; top: 100px; background: #FFF; right: -90px; border-radius: 0 0 0.6em 0.6em; width: 246px; display:none } .head_icon1{ font-size: 16px; line-height: 30px; background: url(../images/head_i1.png) no-repeat left center; height: 30px; padding-left: 40px; margin-bottom: 10px; } .head_icon2{ font-size: 16px; line-height: 30px; background: url(../images/head_i2.png) no-repeat left center; height: 30px; padding-left: 40px; margin-bottom: 0px; } .headr_wxBox{ padding: 16px 0px; position: absolute; top: 100px; background: #FFF; right: -20px; border-radius: 0 0 0.6em 0.6em; width: 128px; text-align: center; display:none } @media (max-width:1799px){ .hmbr_btn{ padding: 0px 20px; margin-left:10px; line-height:80px; } .pc_logo img{height:30px; width:auto} .header{height:80px;} .pc_logo{margin-top:22px;} .nav_a{padding:0 22px;} .nav li{ line-height:80px;} .header_fun{height:80px;} .header_fun1,.header_fun2,.header_fun3{height:80px;} .header_fun:before{top:38px;} .headr_serBox{top:80px; right:-150px;} .headr_telBox{top:80px; right:-80px;} .headr_wxBox{top:80px; right:-10px;} .subMenu{top:80px;} } @media (max-width:1559px){ .pc_logo{margin-top:28px;} .pc_logo img{height:22px;} .nav_a{padding:0 16px;} } @media (max-width:1379px){ .pc_logo{margin-top:29px;} .pc_logo img{height:20px;} .hmbr_btn{ padding: 0px 10px; margin-left:5px; } .hmbr_btn i{margin-right:5px;} .header_fun{width:55px;} .header_fun:before{right:10px;} .nav_a{padding:0 18px;} .headr_wxBox{ right:-5px;} .headr_serBox{right:-115px;} .headr_telBox{right:-60px;} } @media (max-width:1299px){ .nav_a{padding:0 12px;} } .mBomBar{display:none;} .mHeader{display:none;} .mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;} @media (max-width:1199px){ .header{display:none;} .mHeader{ height:56px; background:#fff; 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:#0259ba; display:block} .mMenuLayBg{ background:#0259ba; 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;} .mMmenuLay{ position: fixed; height: 100%; left: 70px; top: 0px; right: 0px; bottom: 0px; z-index: 950; background: #024D9F; 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; } .mCloseBtn{ background: url(../images/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:24px; width:auto; margin-top:14px;} .mMmenuLay dt{position:relative; position:relative;} .mMenu_a1{font-size:14px; 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(../images/mhead_i1.png) no-repeat center center; cursor: pointer; display:none } .mToggle2{ background: url(../images/reduce.jpg) no-repeat center center; } .mMmenuLay dd{display:none;} .mMenu_a1:hover,.mMenu_a2:hover{color:#fff; opacity:0.8} .mMenu_icon1{ background: url(../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);} } .hmFocus{height:100%; overflow:hidden} .hmFocus_item{ height:100%; position:relative;} .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%); align-items: center; color: #FFF; } .hmFocus_bt { font-size: 60px; font-weight: bold; line-height: 86px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(0px,30px); } .hmFocus_des { font-size: 34px; line-height: 52px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(0px,30px); } .hmFocus_more{ margin-top: 25px; font-size: 14px; color: #FFF; line-height: 36px; text-align: center; height: 38px; width: 130px; display: inline-block; border: 1px solid #FFF; border-radius:0.3em; transition:all 0.8s ease-in-out; opacity:0; transform:translate(0px,30px); } .hmFocus_more:hover{ color: #1f5bb6; background: #FFF; } .hmFocus .slick-dots{position:absolute; bottom:16vh; left:50%; text-align:left; max-width:1430px; padding:0 15px; transform:translateX(-50%)} .hmFocus .slick-dots li{ transition: all 0.5s ease-in-out; height: 12px; width: 12px; border: 2px solid #FFF; margin-right: 14px; display:inline-block!important } .hmFocus .slick-dots li *{display:none!important;} .hmFocus .slick-dots li.slick-active{ background: #7DC624; border: 2px solid #7DC624; width: 40px; } .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%;} @media (max-width:1799px){ .hmFocus_bt { font-size: 50px; line-height: 76px; } .hmFocus_des { font-size: 28px; line-height: 42px;} .hmFocus_more{ margin-top: 20px;} } @media (max-width:993px){ .hmFocus{height:500px;} .hmFocus .slick-dots{ bottom:50px; } } @media (max-width:767px){ .hmFocus{height:360px;} .hmFocus_bt { font-size:26px; line-height: 38px; } .hmFocus_des { font-size: 18px; line-height: 32px;} .hmFocus_more{ margin-top: 15px;} .hmFocusTxt .container{ width:100%;} .hmFocus .slick-dots li{ height: 10px; width: 10px; border:1px solid #FFF; margin-right: 6px;} .hmFocus .slick-dots li.slick-active{ border:1px solid #7DC624; width: 30px; } } .hmCon1{ padding: 115px 0px 98px; position: relative; z-index:5 } .hmc1L { color: #0259ba; font: 22px/38px REGULAR; } .hmc1_more{ display: inline-block; height: 15px; width: 100px; position: relative; } .hmc1_more:before{ content:""; width:100%; height:1px; background:#1F5BB6; transition:all 0.5s ease-in-out; position:absolute; left:0; bottom:0} .hmc1_more:hover:before{width:115px;} .hmc1_more:after{ content: ""; background: #1F5BB6; height: 20px; width: 1px; position: absolute; right: 7px; bottom:-2px; transform:rotate(-45deg); transition:all 0.5s ease-in-out;} .hmc1_more:hover:after{right:-10px; bottom:-3px;} .hmc1Itms { position: absolute; left: 490px; right: 0px; top: -126px; height: 300px; } .hmc1Itms li{ background: #3463C7; width:33.333%; float:left; height:100%; } .hmc1Itms li:nth-child(2){ background: #436FCE; } .hmc1Itms li:nth-child(3){ background: #4876D7; } .hmc1Itms_aBox{ display: block; height: 100%; padding: 0px 30px; display:flex; align-items:center;} .hmc1Itms_aBox strong{ display: block; margin-top: 34px; font-size: 25px; line-height: 30px; color:#fff; } .hmc1Itms_aBox p{ font-size: 14px; line-height: 24px; color: #FFF; height: 48px; overflow: hidden; margin-bottom: 14px; color:#fff; opacity:0.7 } .hmc1Itms_aBox span.hmc1_arrow{ background: url(../images/hmM1.png) no-repeat center center; display: inline-block; height: 11px; width: 75px; } .hmc1Itms_aBox img{transition:all 0.5s ease-in-out;} .hmc1Itms_aBox:hover img{ transform:translateY(-10px);} .hmc1_pf{display:inline-block; font-size:12px; margin-left:2px; position:relative; top:-14px;} @media (max-width:1799px){ .hmCon1{ padding: 95px 0px 98px;} .hmc1Itms {top: -106px; height: 280px; } .hmc1Itms_aBox strong{margin-top:20px;} } @media (max-width:1199px){ .hmc1Itms {left:400px;} .hmc1L{ font: 20px/36px REGULAR; } .hmc1Itms_aBox img{transform:scale(0.8);} .hmc1Itms_aBox:hover img{ transform:scale(0.8) translateY(-10px);} } @media (max-width:993px){ .hmCon1{padding:60px 0 70px;} .hmc1Itms{position:static; margin-top:25px;} } @media (max-width:767px){ .hmc1L{ font: 16px/30px REGULAR; } .hmCon1{padding:50px 0 60px;} .hmc1Itms_aBox{padding:0 10px;} .hmc1Itms_aBox img{transform:scale(0.6);} .hmc1Itms_aBox:hover img{ transform:scale(0.6) translateY(-5px);} .hmc1Itms { height: 180px; } .hmc1Itms_aBox strong{margin-top:0px; font-size: 20px; line-height:20px; margin-bottom:4px} .hmc1Itms_aBox p{ font-size: 12px; line-height: 20px;} .hmc1Itms_aBox span.hmc1_arrow{ transform:scale(0.6); transform-origin:right center; position:relative; top:-12px;} } .hmCon2{ padding: 80px 0px; } .hmTen { font-size: 16px; color: #0259ba; line-height: 30px; text-align:center } .hmDes { color: #cdcdcd; text-align: center; padding: 30px 0px 55px; font: 18px/30px REGULAR; } .hmTch{ color: #0259ba; font: 50px/74px REGULAR; height: 74px; font-weight:bold; text-align:center; } .hmc2ul{ margin: 0px -10px 58px; } .hmc2ul li{ padding: 0px 10px; float: left; width: 33.333%; } .hmc2aBox.scaleImg .overflowHide { height: 332px; } .hmMore{ line-height: 58px; height: 60px; border: 1px solid #3872C5; text-align: center; width: 220px; font-size: 16px; color: #0259ba; display: inline-block; } .hmMore:hover{ border: 1px solid #FFF;background: linear-gradient(left , rgb(7, 97, 195) , rgb(5, 135, 232) 100%);background: -o-linear-gradient(left , rgb(7, 97, 195) , rgb(5, 135, 232) 100%);background: -ms-linear-gradient(left , rgb(7, 97, 195) , rgb(5, 135, 232) 100%);background: -moz-linear-gradient(left , rgb(7, 97, 195) , rgb(5, 135, 232) 100%);background: -webkit-linear-gradient(left , rgb(7, 97, 195) , rgb(5, 135, 232) 100%); color:#fff;} .hmMore i,.hmMore text{vertical-align:middle;} .hmMore i{ background: url(../images/hmLineM.png) no-repeat center center; display: inline-block; height: 3px; width: 0px; margin-left: 0px; transition:all 0.5s ease-in-out; } .hmMore:hover i{width:40px; margin-left:20px;} @media (max-width:1799px){ .hmCon2{ padding: 60px 0px; } .hmTch{font: 42px/64px REGULAR; height: 64px; } .hmDes { padding: 20px 0px 45px; font: 16px/28px REGULAR; } .hmc2ul{margin-bottom:48px;} } @media (max-width:993px){ .hmc2aBox.scaleImg .overflowHide{height:200px;} } @media (max-width:767px){ .hmCon2{ padding: 50px 0px 60px; } .hmTch{font: 28px/44px REGULAR; height: 44px; } .hmDes { padding: 5px 0px 25px; font: 16px/26px REGULAR; } .hmc2ul li:nth-child(3){display:none;} .hmc2ul li{width:50%;} .hmc2aBox.scaleImg .overflowHide{height:150px;} .hmc2ul{margin-bottom:32px;} .hmMore{ line-height: 48px; height: 50px; width: 180px; font-size: 15px; } .hmMore:hover i{margin-left:10px;} } .hmCon3{background:#f4f4f4; height:914px;} .hmc3L{width:50%; height:100%; float:left; position:relative;} .hmc3R{width:50%; height:100%; float:right; position:relative; display:block} .hmc3_sBox{width:100%; height:100%; display:block; position:relative;} .hmc3_sBox:after{content:""; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); position:absolute;} .hmc3Rxs{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; align-items:center; color:#fff; text-align:center;} .hmc3Rxs .w100{ position:absolute; top:50%; transform:translateY(-50%); padding:0 14.5%; width:auto; left:0; right:0} .hmc3Rxs strong{ font-size: 24px; font-weight: bold; line-height: 44px; display: block; margin-bottom: 8px; } .hmc3Rxs p{ opacity: 0.8; font-size: 14px; line-height: 24px;} .hmc3RSlick{width:100%; height:100%;} .hmc3RSlick div{height:100%;} .hmc3RSlick .slick-next{ display:none!important;} .hmc3RSlick .slick-prev{ background: #90C31F url(../images/hmc2_prev.png) no-repeat center center; height: 90px; width: 90px; position: absolute; z-index: 5; left: 0px; bottom: 0px; text-indent: 1000px; white-space: normal; overflow: hidden; cursor: pointer; opacity:0; transition:all 0.5s ease-in-out; } .hmc3R:hover .hmc3RSlick .slick-prev{opacity:0;} .hmc3Lslick{height:100%;} .hmc3Lslick div{height:100%;} .hmc3Lslick .slick-prev{ display:none!important;} .hmc3Lslick .slick-next{ background: #0258BA url(../images/hmc2_next.png) no-repeat center center; height: 90px; width: 90px; position: absolute; z-index: 10; right: 0px; bottom: 0px; text-indent: 1000px; white-space: normal; overflow: hidden; cursor: pointer; opacity: 0; transition: all 0.5s ease-in-out; } .hmc3L:hover .hmc3Lslick .slick-next{opacity:1;} .hmc3Item:after{content:""; width:100%; height:100%; left:0; top:0; background:rgba(116,168,0,0.8); position:absolute;} .hmc3menu{height:auto!important; position:absolute; top:50%; transform:translateY(-50%); max-width:360px; margin:0 auto; text-align:center; z-index:5; left:50%; margin-left:-180px;} .hmc3menu_a{ line-height: 43px; text-align: center; height: 45px; width: 140px; border: 1px solid rgba(255,255,255,0.6); margin: 0px 8px 15px; display: inline-block; color: #fff; font-size: 14px; overflow: hidden; border-radius: 0.2em; font-weight: bold; } .hmc3menu_aMore{ background: url(../images/hmM1.png) no-repeat center center; line-height: 43px; text-align: center; height: 45px; width: 140px; border: 1px solid rgba(255,255,255,0.6); margin: 0px 8px 15px; display:inline-block; color:#fff; font-size:14px; overflow:hidden; border-radius:0.2em } .hmc3menu_aMore:hover{ background: #FFF url(../images/hmM1a.png) no-repeat center center; border: 1px solid #FFF; } .hmc3menu_a:hover{ color: #333; background: #FFF; border: 1px solid #FFF; } .hmc3Item{position:relative;} .hmc3_Tbox{ line-height: 90px; height: 90px; position: absolute; z-index: 16; right: 0px; top: 0px; background: #FFF; padding: 0px 110px 0px 34px; font-size: 16px; font-weight: bold; color: #0259ba; } .hmc3_Nums{ line-height: 90px; text-align: center; height: 90px; width: 54px; position: absolute; top: 0px; right: 26px; font-weight: normal; color: #c9c9c9; } .hmc3_num1{ color: #0259ba; } .hmc3_Tnm{display:none;} .hmc3Lslick .slick-slide img{display:none!important;} .hmc3RSlick .slick-slide img{display:none!important;} @media (max-width:1799px){ .hmCon3{height:700px;} } @media (max-width:993px){ .hmCon3{height:500px;} .hmc3Rxs{padding:0 25px;} .hmc3L .hmc3Lslick .slick-next{opacity:1;} .hmc3R .hmc3RSlick .slick-prev{opacity:1;} } @media (max-width:767px){ .hmCon3{height:auto;} .hmc3L{width:100%; float:none; height:400px;} .hmc3R{width:100%; float:none; height:300px;} .hmc3_Tbox{ line-height: 60px; height: 60px; padding: 0px 80px 0px 15px; font-size: 14px; } .hmc3_Nums{ line-height: 60px; height: 60px; width: 44px; right: 16px;} .hmc3Lslick .slick-next{width:50px; height:50px;} .hmc3Rxs strong{font-weight:normal;} .hmc3RSlick .slick-prev{width:50px; height:50px;} } .hmCon4{ background: url(../images/hmc4bg.jpg) no-repeat center center; height: 769px; background-size: cover; padding-top: 124px; overflow:hidden; margin-left:-12px; margin-right:-12px; position:relative; } .hmc4sBox{display:block; height:217px;} .hmc4smBx{padding:0 12px;} .hmc4smSlider .slick-slide{ transform:translateX(255px)} .hmc4smSlider .slick-active{ transform:translateX(570px)} .hmc4smSlider .slick-current{ opacity:0;} .hmc4smSlider{margin-top:238px;} .hmc4smSlider .slick-prev{ position: absolute; left: calc((100% - 1400px)/2); top: 262px; z-index: 25; height: 70px; width: 70px; background: url(../images/hmc4_prev.png) no-repeat center center; text-indent: 1000px; white-space: normal; border: 1px solid #FFF; overflow:hidden; cursor:pointer } .hmc4smSlider .slick-next{ position: absolute; left: calc((100% - 1400px)/2 + 69px); top: 262px; z-index: 25; background: url(../images/hmc4_next.png) no-repeat center center; text-indent: 1000px; white-space: normal; height: 70px; width: 70px; border: 1px solid #FFF; overflow:hidden; cursor:pointer } .hmc4bigSlider{ width:685px; height:455px; position:absolute; left:calc((100% - 1400px)/2); z-index:20} .hmc4bgBx{ width:685px; height:455px;} .hmc4bgBx img{display:none!important;} .hmc4Nums{ width: 78px; text-align: center; color: #fff; position: absolute; z-index: 20; bottom: 76px; left: calc((100% - 1400px)/2 + 145px); position: absolute; font: 20px/70px REGULAR; } .hmc4Tbox{ position: absolute; top: 124px; color: #FFF; left:calc((100% - 1400px)/2 + 712px) } .hmc4_s1{ font-size: 16px; line-height: 18px; display: block; } .hmc4_s2{ font-size: 50px; line-height: 60px; height: 60px; display: block; margin-top: 4px; } .hmc4_s3{ font-size: 14px; line-height: 24px; display:block } .hmc4bigSlider .slick-slide img,.hmc4smSlider .slick-slide img{display:none!important;} @media (max-width:1890px){ .hmc4smSlider .slick-slide{ transform:translateX(248px)} .hmc4smSlider .slick-active{ transform:translateX(570px)} } @media (max-width:1880px){ .hmc4smSlider .slick-slide{ transform:translateX(244px)} .hmc4smSlider .slick-active{ transform:translateX(565px)} } @media (max-width:1870px){ .hmc4smSlider .slick-slide{ transform:translateX(236px)} .hmc4smSlider .slick-active{ transform:translateX(565px)} } @media (max-width:1860px){ .hmc4smSlider .slick-slide{ transform:translateX(230px)} .hmc4smSlider .slick-active{ transform:translateX(562px)} } @media (max-width:1850px){ .hmc4smSlider .slick-slide{ transform:translateX(225px)} .hmc4smSlider .slick-active{ transform:translateX(558px)} } @media (max-width:1799px){ .hmc4_s2{ font-size: 42px; line-height: 56px; height: 56px; } .hmc4smSlider .slick-slide{ transform:translateX(105px)} .hmc4smSlider .slick-active{ transform:translateX(480px)} } @media (max-width:1559px){ .hmc4bigSlider{ left:calc((100% - 1200px)/2);} .hmc4smSlider .slick-prev{left: calc((100% - 1200px)/2);} .hmc4smSlider .slick-next{ left: calc((100% - 1200px)/2 + 69px);} .hmc4Tbox{left:calc((100% - 1200px)/2 + 712px) } .hmc4Nums{ left: calc((100% - 1200px)/2 + 145px);} .hmc4smSlider .slick-slide{ transform:translateX(105px)} .hmc4smSlider .slick-active{ transform:translateX(520px)} } @media (max-width:1440px){ .hmc4smSlider .slick-slide{ transform:translateX(110px)} .hmc4smSlider .slick-active{ transform:translateX(529px)} } @media (max-width:1410px){ .hmc4smSlider .slick-slide{ transform:translateX(102px)} .hmc4smSlider .slick-active{ transform:translateX(522px)} } @media (max-width:1379px){ .hmc4smSlider .slick-slide{ transform:translateX(90px)} .hmc4smSlider .slick-active{ transform:translateX(510px)} } @media (max-width:1366px){ .hmc4smSlider .slick-slide{ transform:translateX(74px)} .hmc4smSlider .slick-active{ transform:translateX(508px)} } @media (max-width:1299px){ .hmc4bigSlider {display:none;} .hmc4smSlider .slick-slide{ transform:translateX(0px)} .hmc4smSlider .slick-active{ transform:translateX(0px)} .hmc4smSlider .slick-current{ opacity:1;} .hmc4Tbox{width:100%; text-align:center; left:0; position:static;} .hmCon4{padding-top:60px; height:auto; padding-bottom:200px;} .hmc4smSlider{margin-top:45px;} .hmc4Nums {display:none;} .hmc4smSlider .slick-prev{left:50%;transform:translateX(-70px)} .hmc4smSlider .slick-next{left:50%; transform:translateX(10px)} } @media (max-width:993px){ .hmc4sBox{height:180px;} .hmc4smSlider .slick-next{top:220px;} .hmc4smSlider .slick-prev{top:220px;} } @media (max-width:767px){ .hmc4smSlider {margin-left:20px; margin-right:20px;} .hmc4sBox{height:220px;} .hmc4smSlider .slick-next{top:270px;} .hmc4smSlider .slick-prev{top:270px;} .hmc4smSlider .slick-prev{width:40px; height:40px;} .hmc4smSlider .slick-next{width:40px; height:40px;} .hmc4smSlider .slick-prev{transform:translateX(-50px)} .hmc4smSlider .slick-next{ transform:translateX(10px)} .hmCon4{padding-bottom:160px;} .hmc4_s2{font-size:28px; line-height:40px; height:45px;} .hmc4smSlider{margin-top:32px;} } .hmCon5 { padding: 80px 0px; } .hmc5ul{ margin: 45px -10px 40px; } .hmc5ul li{ padding: 0px 10px; margin-bottom: 20px; } .hmc5aBox .overflowHide{ float: left; height: 138px; width: 229px; } .hmc5aBox { overflow: hidden; border: 1px solid #E7E7E7; display: block; } .hmc5Rx { margin: 0px 22px 0px 250px; padding-top: 30px; transition:all 0.5s ease-in-out; } .hmc5Rx .ellipsis { font-size: 20px; line-height: 32px; display: block; height: 32px; overflow: hidden; font-weight: normal; } .hmc5Rx p { font-size: 14px; line-height: 22px; color: #666; height: 44px; overflow: hidden; } .hmc5Sinfo { line-height: 20px; height: 0px; font-size: 14px; color: #969696; margin-top:0px; transition:all 0.5s ease-in-out; overflow:hidden; } .hmc5s1 { background: url(../images/hmc5_i1.png) no-repeat left center; line-height: 20px; display: inline-block; margin-right: 16px; padding-left: 24px; } .hmc5s2 { background: url(../images/hmc5_i2.png) no-repeat left center; line-height: 20px; display: inline-block; padding-left: 26px; } .hmc5aBox:hover .hmc5Sinfo{height:20px; margin-top:6px;} .hmc5aBox:hover .hmc5Rx{padding-top:20px;} @media (max-width:1799px){ .hmCon5 { padding: 60px 0px; } .hmc5ul{ margin: 35px -10px 30px; } } @media (max-width:1199px){ .hmc5Rx .ellipsis { font-size: 18px; } .hmc5aBox .overflowHide{width: 195px; } .hmc5Rx {margin-left:210px;} } @media (max-width:993px){ .hmc5aBox .overflowHide{width: 229px; } .hmc5Rx {margin-left:250px;} } @media (max-width:767px){ .hmCon5 { padding: 50px 0px; } .hmc5aBox .overflowHide{ display:none} .hmc5Rx{margin-left:15px;} .hmc5aBox .hmc5Sinfo{height:20px; margin-top:6px;} .hmc5aBox .hmc5Rx{padding-top:20px;} .hmc5aBox{padding-bottom:20px;} .hmc5ul{margin-top:25px; margin-bottom:20px;} .hmc5ul li{margin-bottom:12px;} } .mberCon{ height: 100%; overflow: hidden; font-family:"REGULAR"; } .mberLcon{ float: left; height: 100%; width: 50%; position:relative; z-index:2 } .mberLbg { height: 100%; } .mberRcon { background: #FFF; float: right; height: 100%; width: 50%; position: relative; } .mber_logo { display: inline-block; position: absolute; left: 32px; top: 30px; } .mberContent { position: absolute; top: 50%; width: 100%; left: 0px; right: 0px; transform:translateY(-50%); padding:0 6vw 0 8.6vw; } .mberRcon1{max-width:460px; margin:0 auto; position:relative; left:-4vw} .mber_bt { font-size: 36px; line-height: 42px; color: rgba(255,255,255,0); background: url(../images/mbr_txt.png) no-repeat left center; } .mber_st { color: #727272; margin: 5px 0px 48px; font-size: 22px; line-height: 36px; } .mber_u1 li { position: relative; font-size: 0px; } .mberContent .mber_int { line-height: 66px; height: 68px; width: 100%; border: 1px solid #E7E7E7; padding: 0px 20px 0px 56px; font-size: 16px; color: #666; border-radius:0.3em; } .mber_icon{ position: absolute; top: 50%; left: 12px; margin-top: -14px; } .mber_u1 li.mber_mrbLi{margin-top:-1px; margin-bottom:18px;} .mberContent .mber_int2{ width:50%;} .mber_vcd{ font-size: 16px; color: #8c8c8c; } .mber_vcd img,.mber_vcd text{vertical-align:middle;} .mber_vcd img{margin:0 15px;} .mber_getPwd{ font-size: 16px; color: #1f5bb6; line-height: 62px; display: inline-block; } .mber_lg,.mber_lg:hover { font-size: 16px; line-height: 54px; color: #FFF; background: #1F5BB6; text-align: center; display: inline-block; height: 56px; margin-right: 8px; border: 1px solid #1F5BB6; border-radius: 0.3em; padding: 0px 32px; } .mber_reg,.mber_reg:hover { font-size: 16px; line-height: 54px; color: #333; text-align: center; display: inline-block; height: 56px; border: 1px solid #E7E7E7; border-radius: 0.3em; padding: 0px 32px; } .mber_navBtn{ background: url(../images/navIcon.png) no-repeat center center; display: inline-block; position: absolute; top: 30px; left: 130px; height: 25px; width: 25px; } .mber_p1 { padding-top: 32px; font-size: 20px; line-height: 34px; } .mber_p2 { font-size: 14px; line-height: 28px; color: #535353; } .mber_p3 { color: #222; font-size: 14px; line-height: 28px; } .mber_send,.mber_send:hover{ color: #FFF; text-align: center; height: 50px; display: block; border-radius: 0.3em; background: #1f5bb6; margin: 18px 0px; font-size: 16px; line-height: 50px; font-weight: bold; } .mber_alr { font-size: 16px; line-height: 28px; color: #828282; } .mberRcon2{} .mberRcon2 .mber_lg{ margin: 20px 0px 18px; } .mber_djs{ text-align: center; display: inline-block; height: 68px; font-size: 18px; color: #FFF; line-height: 68px; padding: 0px 34px; position: absolute; top: 0px; right: 0px; background: #1f5bb6; border-radius:0 0.3em 0.3em 0; } .mber_u2{ padding-top: 50px; } .mber_p4{ font-size: 14px; line-height: 28px; color: #535353; padding: 0px 0px 12px; } .mber_menu{ width: 133px; position: absolute; top: 50%; right: -3px; transform: translateY(-50%); z-index: 5; } .mberMenu_a { line-height: 55px; text-align: center; display: block; height: 55px; font-size: 16px; color: #FFF; background: #1F5BB6; margin-bottom: 5px; border-radius:0.3em; } .mber_menu a:last-child{margin-bottom:0;} .mberMenu_a:hover,.mberMenu_a.on{ color: #FFF; background: #3f44c9; } .mber_home{ line-height: 46px; height: 48px; width: 126px; font-size: 16px; color: #FFF; text-align: center; display: block; margin: 0px auto; border: 1px solid #FFF; background: #153466; border-radius:0.3em;} .mber_home:hover{ color: #153466; background: #fff; } .mber_pInfo{position:absolute; left:0; top:50%; right:0; text-align:center; transform:translateY(-50%);} .mber_pInfo img{border-radius:50%;} .mber_pInfo p { font-size: 16px; color: #FFF; line-height: 30px; margin: 24px 0px; } .mber_u3 { margin-bottom: 30px; } .mberu3_a { display: block; border: 1px solid #EAEAEA; position: relative; font-size: 16px; padding: 0px 60px 0px 24px; margin-top: -1px; } .mberu3_a .ellipsis { line-height: 64px; height: 64px; } .mberu3_a:hover { color: #FFF; background: #1F5BB6; border: 1px solid #1F5BB6; } .mberu3_a i{ content: ""; background: url(../images/mbr_di2.png) no-repeat center center; display: inline-block; height: 26px; width: 26px; position: absolute; top: 50%; margin-top: -13px; right: 14px;} .mberu3_a:hover i{ background: url(../images/mbr_di1.png) no-repeat center center;} .mber_u3a .mberu3_a{padding-right:90px;} .mberu3_a span{ transition: all 0.5s ease-in-out; display: inline-block; position: absolute; top: 0px; right: 12px; font-size: 14px; line-height: 64px; height: 64px; } .mberu3_a:hover span{color:#fff;} .mber_perBox { border: 1px solid #E7E7E7; padding: 20px 0px 22px; border-radius:0.3em; margin-top:28px; } .mber_perBox strong { font-size: 18px; color: #FFF; line-height: 37px; background: #585858; padding: 0px 25px; display: inline-block; border-radius:0 0.3em 0.3em 0; } .mber_rstxt { font-size: 16px; line-height: 30px; padding: 15px 18px 0px; } .mber_upBtn{ font-size: 14px; line-height: 34px; color: #FFF; background: #1F5BB6; text-align: center; display: inline-block; border-radius: 0.3em; padding: 0px 20px; margin: 18px 0px 16px 16px; } .mber_upBtn:hover{ opacity: 0.8; color: #FFF; } .mberCon2 .mberLcon{float:right;} .mberCon2 .mberRcon {float:left;} .mberCon2 .mberContent { padding:0 8.6vw 0 6vw; } .mberCon2 .mberRcon1{max-width:none; left:0} .mber_alr2{margin-top:15px;} .mber_ader{margin:0 -4px;} .mber_ader dd{padding:0 4px; float:left} .mber_d1{ width:23%; position:relative;} .mber_d2{ width:31%} .mberContent .mber_int3{padding-left:20px} .mberContent .mber_select{ line-height: 64px; height: 66px; width: 100%; font-size: 18px; border: 1px solid #e7e7e7; color: #999; border-radius: 0.3em; padding: 0px 10px; } .mber_d1 i{ background: url(../images/mbr_arrow.png) no-repeat; display: inline-block; height: 7px; width: 12px; margin-top: -3px; position: absolute; top: 50%; right: 14px; } @media (max-width:1799px){ .mber_st{ margin-bottom:30px; font-size:20px;} .mber_bt { font-size: 32px; line-height: 38px; background-size:auto 30px; } .mberContent .mber_int { line-height: 46px; height: 48px; padding: 0px 15px 0px 50px; font-size: 15px;} .mberContent .mber_int3{padding-left:15px;} .mber_lg,.mber_lg:hover { font-size: 15px; line-height: 44px; height: 46px; margin-right: 6px;padding: 0px 26px; } .mber_reg,.mber_reg:hover { font-size: 15px; line-height: 44px; height: 46px; padding: 0px 26px; } .mber_p1 { padding-top: 22px; font-size: 18px; line-height: 30px; } .mber_send,.mber_send:hover{ height: 46px; font-size: 15px; line-height: 46px;} .mber_u2{padding-top:35px;} .mberu3_a .ellipsis { line-height: 56px; height: 56px; } .mber_perBox{margin-top:12px; padding:15px 0px 18px} .mberContent .mber_select{ line-height: 48px; height: 48px; font-size: 16px;} .mber_u1 li.mber_mrbLi{margin-bottom:8px;} .mber_djs{height:48px; line-height:48px;} } @media (max-width:1379px){ .mber_u1 li.mber_mrbLi{margin-bottom:4px;} .mber_st{ margin-bottom:15px; font-size:18px;} } @media (max-width:1199px){ .mberContent { padding:0 3vw 0 4.3vw; } .mberCon2 .mberContent { padding:0 4.3vw 0 3vw; } } @media (max-width:993px){ .mberLcon{width:100%; float:none; height:200px;} .mberRcon{width:100%; float:none; height:auto;} .mberContent{position:static; padding:60px 25px!important; transform:translateY(0)} .mber_u1 li.mber_mrbLi{margin-bottom:12px;} .mberCon{overflow:inherit;} .mberPcenter{height:460px;} .mberRcon1{ max-width:none; left:0} } @media (max-width:767px){ .mber_logo{left:15px; top:20px;} .mber_logo img{height:20px; width:auto;} .mber_navBtn{top:20px; left:90px; height:20px; background-size:20px 20px;} .mberLcon{height:120px;} .mberContent{padding:35px 15px 50px!important;} .mber_bt { font-size: 26px; line-height: 32px; background-size:auto 24px; } .mber_d1{width:30%; margin-bottom:12px;} .mber_d2{width:100%;} .mberContent .mber_int{font-size:13px;} .mberContent .mber_int2{width:45%;} .mber_vcd img{margin:0 8px;} .mber_vcd{font-size:14px;} .mber_alr{font-size:14px;} .mberPcenter{height:360px;} .mber_pInfo img{width:100px; height:100px;} .mber_menu{top:auto; transform:translateY(0); width:100%; bottom:0; text-align:center;} .mberMenu_a{ width:105px; display:inline-block; margin-bottom:0; font-size:14px;} .mber_pInfo p{margin:10px auto;} .mber_home{line-height:42px; height:44px;} .mber_pInfo{padding-bottom:20px;} .mber_rstxt{font-size:14px;} .mber_u3a .mberu3_a{padding-left:10px; padding-right:10px; font-size:14px;} .mberu3_a span{display:none;} .mberu3_a{padding-left:10px; font-size:14px;} .mber_u2{padding-top:25px;} } .m2ban{ height: 678px; position:relative; } .m2banCon{position:absolute; text-align:center; top:50%; transform:translateY(-50%); width:100%; padding-top:90px;} .m2ban_cnm { font-size: 50px; color: #FFF; line-height: 62px; height: 62px; font-weight: bold; } .m2breakWpr { border-bottom: 1px solid #E6E6E6; line-height: 70px; height: 71px; } .m2ban_enm { text-transform: uppercase; color: #bfbfbf; margin-bottom: 20px; font-size: 18px; line-height: 34px; padding:0 15px; } .m2menu{} .m2menu_a{ padding: 0px 38px; line-height: 54px; display: inline-block; margin: 0px 6px; height: 56px; font-size: 16px; color: #FFF; border: 1px solid #FFF; border-radius:0.3em;} .m2menu_a:hover,.m2menu_a.on{ color: #FFF; background: #1f5bb6; border: 1px solid #1f5bb6;} .m2brk_home { background: url(../images/home_i.png) no-repeat center center; border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; float: left; width: 70px; } .m2brk_s1 { font-size: 15px; padding: 0px 20px; border-right: 1px solid #E6E6E6; } .m2brk_a { color: #6b6d6b; font-size: 16px; margin-left: 25px; padding-right: 32px; background: url(../images/m2brk_i1.png) no-repeat right center; } .m2brk_cutNm {color: #6b6d6b; font-size: 16px; padding-right: 25px; background: url(../images/m2brk_i2.png) no-repeat right center; margin-left: 25px; } .m2brk_share { background: url(../images/m2brk_share.png) no-repeat center center; float: right; height: 70px; width: 70px; border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; } .footer { background: #063471; padding-top: 32px; } .footerCopy { padding: 11px 0px; border-top: 1px solid #1F497F; font-size: 13px; color: #546886; line-height: 26px; } .footerCon { padding-bottom: 29px; } .footerCopy .fr a,.footerCopy .fr text{ vertical-align: middle;} .footShare_a1{ background: url(../images/foot_s1.png) no-repeat center center; height: 26px; width: 26px; margin-left: 7px; display: inline-block; } .footShare_a2{ background: url(../images/foot_s2.png) no-repeat center center; height: 26px; width: 26px; margin-left: 7px; display: inline-block; } .footShare_a3{ background: url(../images/foot_s3.png) no-repeat center center; height: 26px; width: 26px; margin-left: 7px; display: inline-block; } .footShare_a4{ background: url(../images/foot_s4.png) no-repeat center center; height: 26px; width: 26px; margin-left: 7px; display: inline-block; } .foot_logo img { float: left; margin-top: 29px; } .foot_wxImg { background: url(../images/foot_wxBor.png) no-repeat; float: left; height: 113px; width: 110px; margin: 0px 0px 0px 20px; padding: 10px 0px 0px 18px; } .footMenu { float: left; padding-top: 19px; width: 240px; padding-left: 20px; } .footMenu_a,.footMenu_a:hover{ border: 1px solid #436392; font-size: 14px; color: #879fc2; line-height: 26px; height: 28px; padding: 0px 7px; display: inline-block; margin: 0px 9px 9px 0px; } .footMenu_a:hover{ color: #ADBDD6; } .footTrx { float: right; text-align: right; padding-top: 16px; } .footbtn, .footbtn:hover { padding-left: 62px; font-size: 15px; line-height: 42px; color: #58749f; height: 42px; width: 150px; background: #072551 url(../images/ft_mi.png) no-repeat 34px center; border-radius: 1.8em; display: inline-block; text-align: left; } .foot_tel { font-size: 14px; line-height: 42px; color: #61a1ff; height: 42px; background: url(../images/ft_i2.png) no-repeat left 2px; padding-left: 28px; margin-top: 10px; font-weight: bold; display: inline-block; } .page { text-align: center; height: 37px; margin-bottom: 100px; } .mber_page { text-align: left; margin-bottom: 0px; } .page_a{ text-align: center; display: inline-block; margin: 0px 3px; padding: 0px 6px; height: 35px; width: 35px; background: #F5F5F5; font-size: 14px; line-height: 35px; border-radius: 0.2em; color: #666; } .page_a:hover,.page_a.on{ color: #FFF; background: #1F5BB6; } .page_span{ color: #666; display: inline-block; margin: 0px 3px; } .page_prev,.page_next{ text-align: center; display: inline-block; margin: 0px 3px; padding: 0px 6px; height: 35px; width: 35px; background: #F5F5F5; font-size: 14px; line-height: 35px; border-radius:0.2em; color: #666; } .page_prev:hover,.page_next:hover{ color: #FFF; background: #1F5BB6; } @media (max-width:1799px){ .m2ban{ height: 580px;} .m2ban_cnm { font-size: 42px; line-height: 56px; height: 56px;} .page { margin-bottom: 80px; } } @media (max-width:1379px){ .m2ban{ height: 460px;} .m2ban_cnm { font-size: 38px; line-height: 42px; height: 42px;} .m2menu_a{ padding: 0px 25px; line-height:46px; height: 48px; font-size: 15px;} } @media (max-width:1199px){ .foot_logo{display:none;} .footTrx{padding-top:10px;} .m2ban_enm{margin-bottom:10px;} } @media (max-width:993px){ .foot_wxImg{ margin:0 10px 0 0;} .footerCopy .fl,.footerCopy .fr{width:100%; text-align:center;} .m2ban{ height: 420px;} .m2brk_s1 { font-size: 14px; padding: 0px 15px; } .m2brk_a { font-size: 14px; margin-left: 15px; padding-right: 25px; } .m2brk_cutNm { font-size: 14px; padding-right: 18px; margin-left:15px; } .m2ban2 .m2banCon{ padding-top:5%;} } @media (max-width:767px){ .foot_wxImg{background:none; padding-left:0; width:auto} .foot_tel{font-size:13px;} .footMenu{float:none; margin-left:0; padding-top: 0; clear: both; width:auto; float:none; padding-left: 0} .footerCon{padding-bottom:10px;} .footerCopy{padding:12px 0 22px; line-height:24px;} .m2ban{ height: 250px;} .m2ban_cnm { font-size: 24px; line-height: 36px; height: 36px;} .m2ban_enm { font-size: 14px; line-height: 26px; } .m2brk_share{display:none;} .m2brk_home{display:none;} .m2brk_s1{ display:none} .m2brk_a{margin-left:0; margin-left: 10px; padding-right: 20px; } .m2brk_cutNm { padding-right: 15px; margin-left:10px; } .m2breakWpr{height:61px; line-height:60px; overflow:hidden} .m2ban2{height:300px;} .m2ban2 .m2banCon{ padding-top:10%;} .page { margin-bottom: 60px; } .m2ban3{height:auto;} .m2ban3 .m2banCon{ padding-bottom:45px; position:static; transform:translateY(0); padding-top:90px;} .m2menu {padding-left:5px; padding-right:5px;} .m2menu_a{margin:5px;} } .rTools{ width: 60px; position: fixed; z-index: 99; top: 50%; right: 0px; margin-top:-125px; } .rTools_a{ display: block; height: 60px; width: 60px; margin-bottom: 4px; position: relative; background-color:#F2F2F2; border-radius:0.3em; background-repeat:no-repeat; background-position:center center; } .rTools_a:hover{background-color:#0258BA;} .rTools_a1{ background-image:url(../images/menuR_i1.png);} .rTools_a1:hover{ background-image:url(../images/menuR_i1a.png);} .rTools_a2{ background-image:url(../images/menuR_i2.png);} .rTools_a2:hover{ background-image:url(../images/menuR_i2a.png);} .rTools_a3{ background-image:url(../images/menuR_i3.png);} .rTools_a3:hover{ background-image:url(../images/menuR_i3a.png);} .rTools_a4{ background-image:url(../images/menuR_i4.png);} .rTools_a4:hover{ background-image:url(../images/menuR_i4a.png);} .rTwxImg{ background: #fff; padding: 4px 2px 2px; height: 92px; width: 92px; text-align: center; margin-top: -46px; position: absolute; top: 50%; right: 80px; box-shadow: 0 0 3px 2px rgba(0,0,0,0.05); border-radius:0.3em; opacity:0; transition:all 0.5s ease-in-out; transform:translateX(-30px); visibility:hidden } .rTwxImg:after{content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #fff; position:absolute; right:-6px; top:50%; margin-top:-6px;} .rTtel{ font-size: 18px; line-height: 60px; font-weight: bold; color: #0258BA; display: inline-block; padding: 0px 35px; height: 60px; position: absolute; top: 0px; right: 80px; background: #fff; box-shadow: 0 0 3px 2px rgba(0,0,0,0.05); border-radius: 0.3em; opacity: 0; transition: all 0.5s ease-in-out; transform: translateX(-30px); visibility: hidden; white-space: nowrap; } .rTtel:after{content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #fff; position:absolute; right:-6px; top:50%; margin-top:-6px;} .rTools_a2:hover .rTwxImg{opacity:1; transform:translateX(0); visibility:visible} .rTools_a3:hover .rTtel{opacity:1; transform:translateX(0); visibility:visible} @media (max-width:767px){ .rTools{top:auto; bottom:10px; margin-top:0;} } .m2main{ padding-top: 66px; } .m2hzul{ margin: 0px -9px 65px; } .m2hzul li{ padding: 0 9px; float: left; width: 16.666%; margin-bottom: 18px; } .m2hz_aBox { display: block; height: 164px; position: relative; box-shadow:0 0 4px 3px rgba(0,0,0,0.08); position:relative; } .m2hz_aBox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .m2hz_aBox:hover{transform:translateY(-6px);} @media (max-width:1799px){ .m2main{padding-top:60px;} } @media (max-width:1559px){ .m2hz_aBox { height: 120px;} } @media (max-width:993px){ .m2hz_aBox { height: 80px;} } @media (max-width:767px){ .m2main{padding-top:50px;} .m2hz_aBox { height: 60px;} .m2hzul li{width:33.333%;} } .m2map_ul{ margin: 0px -13px 62px; } .m2map_ul li{ padding: 0 13px; float: left; width: 25%; margin-bottom: 26px; } .m2map_aBox { display: block; height: 313px; display:flex; align-items:center; position:relative; box-shadow:0 0 4px 3px rgba(0,0,0,0.08); transition:all 0.5s ease-in-out; } .m2map_aBox .w100 strong { font-size: 20px; line-height: 24px; display: block; font-weight: normal; } .m2map_sub { margin-top: 0; line-height: 26px; font-size: 16px; transition:all 0.5s ease-in-out; opacity:0; height:0;} .m2map_sub a { display: inline-block; margin: 0px 12px; white-space: nowrap; } .m2mapBom { background: #f3f3f3; padding: 15px 0px; } .m2mapBmBox { height: 50px; padding: 0px 25px; position: relative; } .m2mapBmBox .slick-prev{ background: url(../images/m2map_btn1.png) no-repeat center center; height: 13px; width: 13px; margin-top: -6px; position: absolute; left: 0px; top: 50%; text-indent: 500px; white-space: nowrap; overflow: hidden; cursor:pointer } .m2mapBmBox .slick-next{ background: url(../images/m2map_btn2.png) no-repeat center center; height: 13px; width: 13px; margin-top: -6px; position: absolute; right: 0px; top: 50%; text-indent: 500px; overflow: hidden; cursor:pointer } .m2map_aBox .w100{position:relative; z-index:1; text-align:center; padding:0 25px;} .m2map_aBox:before{ content: ""; transition: all 0.5s ease-in-out; background: url(../images/map_sbg.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0} .m2map_aBox:hover:before{ opacity:1;} .m2map_aBox:hover a{color:#fff; font-weight:bold;} .m2map_aBox:hover .m2map_sub{opacity:1; margin-top:66px; display:block; height:auto; height:24px;} .m2map_sAbox{ display:block; height:50px; position:relative;} .m2map_sAbox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; width:auto; height:auto;} @media (max-width:1559px){ .m2map_aBox{height:260px;} .m2map_aBox:hover .m2map_sub{ margin-top:36px;} .m2map_sub a{margin: 0px 6px;} } @media (max-width:1199px){ .m2map_ul li{width:33.33%;} } @media (max-width:993px){ .m2map_ul li{width:50%;} } @media (max-width:767px){ .m2map_ul li{width:100%;} .m2map_aBox:before{ opacity:1;} .m2map_aBox a{color:#fff;} .m2map_aBox .m2map_sub,.m2map_aBox:hover .m2map_sub{opacity:1; height:auto; margin-top:25px;} .m2map_ul li{margin-bottom:10px;} } .m2zsul{ margin: 0px -13px 62px; } .m2zsul li{ padding: 0 13px; float: left; width: 25%; margin-bottom: 26px; } .m2ZS_aBox { display: block; height: 313px; position: relative; box-shadow: 0 0 4px 3px rgba(0,0,0,0.08); transition: all 0.5s ease-in-out; border: 12px solid #FFF; } .m2ZS_aBoxLay { display: flex; align-items: center; line-height: 32px; color: #FFF; font-size: 20px; padding: 0px 20px; background: #1f5bb6; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow:hidden; opacity:0; transform:scale(0.8); transition:all 0.5s ease-in-out; } .m2ZS_aBoxLay:before{ content: ""; background: url(../images/m2zs_si2.png) no-repeat; height: 40px; width: 40px; position: absolute; left: 0px; top: 0px; transition:all 0.5s ease-in-out } .m2ZS_aBoxLay:after{ content: ""; background: url(../images/m2zs_si1.png) no-repeat; height: 40px; width: 40px; position: absolute; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out } .m2ZS_aBox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;} .m2ZS_aBox:hover .m2ZS_aBoxLay{ opacity:1; transform:scale(1)} @media (max-width:1559px){ .m2ZS_aBox {height: 220px;border: 10px solid #FFF;} .m2ZS_aBoxLay{font-size:18px; } } @media (max-width:767px){ .m2ZS_aBox {height: 110px;border: 6px solid #FFF; } .m2ZS_aBoxLay{} .m2zsul li{width:50%;} .m2ZS_aBoxLay{font-size:14px;} .m2zsul{margin-bottom:40px;} } .m2cmCon{ padding-bottom: 130px; } .m2cmImg{ float: left; position: relative; padding: 7px; } .m2cmImg .overflowHide { float: left; height: 547px; width: 435px; position:relative; z-index:1 } .m2cmImg:before{ content: ""; background: #1F5BB6; height: 188px; width: 150px; position: absolute; left: 0px; top: 0px; } .m2cmImg:after{ content: ""; background: #90C31F; height: 545px; width: 435px; position: absolute; right: 0px; bottom: 0px; } .m2cm_slogo { position: absolute; z-index: 5; left: 16px; top: 17px; } .m2cmRx { margin-left: 500px; font-size: 16px; line-height: 28px; padding-top: 20px; } .m2cmItms { margin: 28px -20px 0px; } .m2cmItms li { padding: 0px 20px; float: left; width: 20%; } .m2cm_sBox strong { font-size: 40px; font-weight: bold; line-height: 54px; display: block; color: #333; transition:all 0.5s ease-in-out; } .m2cm_sBox p { font-size: 14px; line-height: 22px; transition:all 0.5s ease-in-out; } .m2cm_sBox{ height: 140px; border: 1px solid #EEEEEE; text-align: center; padding-top: 36px; color:#666; display:block; box-shadow:3px 3px 5px 3px rgba(0,0,0,0.1); border-radius:0.3em; transition:all 0.5s ease-in-out; } .m2cm_sBox:hover{ box-shadow: 3px 3px 5px 3px rgba(166,201,255,0.5); border: 1px solid #a6c9ff; } .m2cm_sBox:hover strong{ color: #1f5bb6; } .m2cm_sBox:hover p{ color: #1f5bb6; } @media (max-width:1799px){ .m2cmCon{ padding-bottom: 80px; } .m2cmItms { margin: 28px -10px 0px; } .m2cmItms li { padding: 0px 10px; } } @media (max-width:1379px){ .m2cmRx{margin-left:480px;} } @media (max-width:1199px){ .m2cm_sBox strong{font-size:24px;} .m2cm_sBox{ height: 120px; padding-top: 10px;} } @media (max-width:993px){ .m2cmRx{margin-left:0;} .m2cmImg {width:449px; height:561px; float:none; margin:0 auto 20px;} } @media (max-width:767px){ .m2cmImg {width:100%; height:auto;} .m2cmImg .overflowHide{width:100%; height:400px; margin-bottom:25px;} .m2cmImg:before,.m2cmImg:after{ display:none;} .m2cm_slogo{height:20px; width:auto;} .m2cmRx{font-size:15px; line-height:26px;} .m2cmCon{padding-bottom:50px;} } .m2tsCon1{ font-size: 16px; line-height: 36px; margin-bottom: 66px; } .m2tsTbox { text-align: center; padding: 25px 0px 28px; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; } .m2tsTbox strong { font-size: 44px; color: #1f5bb6; line-height: 56px; display: block; font-weight: bold; } .m2tsTbox p { font-size: 22px; color: #767676; line-height: 30px; } .m2ts_aBox .overflowHide { height: 280px; } .m2ts_aBox.scaleImg .ellipsis { font-size: 20px; line-height: 60px; padding: 0px 10px; height: 60px; margin-top: 8px; text-align: center; } .m2tsul{ margin:57px -20px 28px} .m2tsul li{ padding: 0px 20px; margin-bottom: 44px; } .m2ts_aBox{ padding: 12px; background: #F4F4F4; display:block; border-radius:0.3em;} .m2tsBom{height:30px;} @media (max-width:1799px){ .m2tsTbox strong { font-size: 40px; line-height: 52px;} } @media (max-width:1559px){ .m2ts_aBox .overflowHide{ height: 220px; } .m2tsul{ margin:50px -15px 28px} .m2tsul li{ padding: 0px 15px; margin-bottom: 30px; } } @media (max-width:1379px){ .m2tsCon1{ font-size: 15px; line-height: 30px;} } @media (max-width:993px){ .m2tsTbox strong{font-size:36px;} .m2tsul{ margin:50px -10px 28px} .m2tsul li{ padding: 0px 10px; margin-bottom: 20px; } } @media (max-width:767px){ .m2tsCon1{ font-size: 14px; line-height: 26px;} .m2tsCon1{margin-bottom:35px;} .m2tsTbox strong{font-size:28px;} .m2tsTbox p{font-size:18px;} .m2ts_aBox.scaleImg .ellipsis{font-size:18px;} } .m2news_ul{ margin: 0px -20px 30px; } .m2news_ul li{ padding: 0 20px; float: left; margin-bottom: 44px; } .m2news_aBox { display: block; box-shadow:0 0 4px 3px rgba(0,0,0,0.08); transition:all 0.5s ease-in-out; overflow:hidden; border-radius:0.3em; z-index:1; position:relative; } .m2news_aBox.scaleImg .overflowHide { height: 263px; } .m2news_aBox .m2news_stxt { padding: 32px 25px 0px; height: 188px; } .m2news_stxt .ellipsis { font-size: 20px; line-height: 36px; display: block; height: 36px; margin-bottom: 6px; } .m2news_stxt p { font-size: 14px; color: #9d9d9d; line-height: 24px; height: 48px; margin-bottom: 10px; overflow: hidden; } .m2news_fun { line-height: 25px; height: 25px; } .m2news_stm { background: url(../images/m2n_i1.png) no-repeat left center; display: inline-block; padding-left: 26px; font-size: 14px; line-height: 25px; color: #969696; margin-right: 20px; float: left; } .m2news_view { background: url(../images/m2n_i2.png) no-repeat left center; display: inline-block; padding-left: 26px; font-size: 14px; line-height: 25px; color: #969696;float: left; } .m3n_t { text-align: center; font-size: 42px; line-height: 64px; font-weight: bold; } .m3n_info { line-height: 30px; text-align: center; margin: 30px 0px 50px; } .m3n_s1{ background: url(../images/m2n_i1.png) no-repeat left center; margin: 0px 14px; font-size: 14px; line-height: 30px; color: #969696; padding-left: 24px; display: compact; } .m3n_s2{ background: url(../images/m2n_i2.png) no-repeat left center; margin: 0px 14px; font-size: 14px; line-height: 30px; color: #969696; padding-left: 24px; display: compact; } .m3n_s3{ background: url(../images/m2n_i3.png) no-repeat left center; margin: 0px 14px; font-size: 14px; line-height: 30px; color: #969696; padding-left: 24px; display: compact; } .m3n_des { font-size: 16px; color: #6b6b6b; line-height: 28px; padding: 36px 20px; background: #ECECEC; } .m3nEditor { font-size: 16px; color: #6b6b6b; line-height: 28px; padding: 30px 0px 55px; } .m3page { margin-bottom: 75px; height: 64px; overflow: hidden; } .m3page_prev{ float: left; width: 50%; line-height: 62px; height: 64px; border: 1px solid #D8D8D8; padding: 0px 20px 0px 52px; color: #6b6b6b; font-size: 14px; position:relative; } .m3page_prev:before{ content: ""; width: 12px; height: 12px; display: inline-block; border-top:1px solid #6C6C6C; border-left:1px solid #6C6C6C; position:absolute; left:24px; top:28px; transform:rotate(45deg); transition:all 0.5s ease-in-out;} .m3page span{ font-size: 16px; } .m3page_prev:hover{ color: #FFF; background: #1F5BB6; border: 1px solid #1F5BB6; } .m3page_prev:hover:before{border-top:1px solid #fff; border-left:1px solid #fff;} .m3page_next{ float: right; width: 50%; line-height: 62px; height: 64px; border: 1px solid #D8D8D8; padding: 0px 20px 0px 52px; color: #6b6b6b; font-size: 14px; position:relative; } .m3page_next:before{ content: ""; width: 12px; height: 12px; display: inline-block; border-top:1px solid #6C6C6C; border-left:1px solid #6C6C6C; position:absolute; left:24px; top:22px; transform:rotate(225deg); transition:all 0.5s ease-in-out;} .m3page span{ font-size: 16px; } .m3page_next:hover{ color: #FFF; background: #1F5BB6; border: 1px solid #1F5BB6; } .m3page_next:hover:before{border-top:1px solid #fff; border-left:1px solid #fff;} @media (max-width:1799px){ .m3n_t {font-size: 32px; line-height: 58px; } .m3n_info { line-height: 26px; margin: 15px 0px 30px; } } @media (max-width:1559px){ .m2news_aBox.scaleImg .overflowHide { height: 200px; } .m2news_stxt .ellipsis{font-size:18px;} .m2news_ul{ margin: 0px -10px 30px; } .m2news_ul li{ padding: 0 10px; margin-bottom: 22px; } } @media (max-width:1199px){ .m2news_aBox.scaleImg .overflowHide { height: 180px; } .m2news_aBox .m2news_stxt { padding: 18px 15px 0px; height: 168px; } .m3n_t {font-size: 28px; line-height: 50px; } .m3n_des{font-size:15px; line-height:26px;} .m3nEditor{font-size:15px; line-height:26px;} } @media (max-width:767px){ .m2news_stxt .ellipsis{font-size:16px;} .m3n_t {font-size: 20px; line-height: 40px; } .m3n_des{font-size:14px;} .m3nEditor{font-size:14px;} } .m2banSearch{ line-height: 59px; margin: 0px auto; height: 59px; padding: 0px 65px 0px 18px; width: 540px; background: #FFF; border-radius:0.3em; position:relative; } .m2banSearch .m2banInt{ line-height: 59px; height: 59px; font-size: 16px; color: #666; border-width: 0px; border-style: none; width: 100%; } .m2serSubmit{ background: url(../images/serIcon.png) no-repeat center center; display: inline-block; height: 59px; width: 60px; position: absolute; top: 0px; right: 0px; } .m2zlul{ margin: 0px -8px 50px; } .m2zlul li{ padding: 0px 8px; margin-bottom: 16px; } .m2zl_aBox { display: block; line-height: 75px; height: 75px; padding: 0px 88px 0px 20px; font-size: 16px; color: #555; box-shadow: 0 0 10px 6px rgba(0,0,0,0.06); border-radius: 0.3em; background: url(../images/m2zl_i2.png) no-repeat calc(100% - 30px) center; } .m2zl_aBox:hover{ background: url(../images/m2zl_i1.png) no-repeat calc(100% - 30px) center; } .m2zl_img{ float: left; } .scaleImg.m2zl_img .overflowHide { height: 333px; width: 477px; border-radius:0.3em; box-shadow:0 0 6px 5px rgba(0,0,0,0.06); } .m2zlCon1 .m2zlc1Rx { margin-left: 522px; font-size: 16px; line-height: 28px; display:flex; align-items:center; min-height:333px; } .m2zlCon1{margin-bottom:40px;} .m2zlc1Rx strong { font-size: 24px; line-height: 36px; display: block; margin-bottom: 12px; } .m2zl_st { overflow: hidden; } .m2zl_st span { font-size: 24px; line-height: 38px; height: 39px; border-bottom: 1px solid #1F5BB6; float: left; } .m2zl_txt { font-size: 16px; line-height: 28px; padding: 20px 0px 32px; } .m2zl_down { padding: 40px 0px 100px; text-align: center; } .m2zl_dwBtn { text-align: center; height: 70px; width: 186px; line-height: 32px; padding-top: 29px; display: inline-block; font-size: 16px; border: 1px solid #DDDDDF; border-radius:0.3em; position:relative;} .m2zl_dwBtn:before{ content: ""; transition: all 0.5s ease-in-out; background: url(../images/m2zl_di.png) no-repeat; display: inline-block; height: 29px; width: 28px; margin-left: -14px; position: absolute; left: 50%; top: -7px; } .m2zl_dwBtn:hover:before{ background: url(../images/m2zl_dia.png) no-repeat; } .m2zlu2 { margin: 6px -15px 0px; padding-bottom: 36px; } .m2zlu2.clearfix li { padding: 0px 15px; float: left; width: 33.333%; margin-top: 30px; } .m2zl_sBox { display: block; padding: 34px 35px 50px; border: 1px solid #DDDDDF; position:relative; z-index:1; border-radius:0.8em; overflow:hidden; } .m2zl_sBox strong { display: block; line-height: 48px; height: 48px; font-size: 24px; overflow: hidden; } .m2zl_sBox p { font-size: 16px; line-height: 26px; } .m2zl_sBox1:before,.m2zl_sBox4:before,.m2zl_sBox7:before,.m2zl_sBox10:before,.m2zl_sBox13:before,.m2zl_sBox16:before { content: ""; background: url(../images/m2zl_lien1rd.png) no-repeat center center; display: inline-block; height: 13px; width: 13px; position: absolute; left: 17px; top: 52px; } .m2zl_sBox1,.m2zl_sBox4,.m2zl_sBox7,.m2zl_sBox10,.m2zl_sBox13,.m2zl_sBox16 { background: url(../images/m2zl_lien1.png) no-repeat center bottom; background-size:100% auto;} .m2zl_sBox2:before,.m2zl_sBox5:before,.m2zl_sBox8:before,.m2zl_sBox11:before,.m2zl_sBox14:before,.m2zl_sBox17:before { content: ""; background: url(../images/m2zl_lien2rd.png) no-repeat center center; display: inline-block; height: 13px; width: 13px; position: absolute; left: 17px; top: 52px; } .m2zl_sBox2,.m2zl_sBox5,.m2zl_sBox8,.m2zl_sBox11,.m2zl_sBox14,.m2zl_sBox17 { background: url(../images/m2zl_lien2.png) no-repeat center bottom; background-size:100% auto;} .m2zl_sBox3:before,.m2zl_sBox6:before,.m2zl_sBox9:before,.m2zl_sBox12:before,.m2zl_sBox15:before,.m2zl_sBox18:before { content: ""; background: url(../images/m2zl_lien3rd.png) no-repeat center center; display: inline-block; height: 13px; width: 13px; position: absolute; left: 17px; top: 52px; } .m2zl_sBox3,.m2zl_sBox6,.m2zl_sBox9,.m2zl_sBox12,.m2zl_sBox15,.m2zl_sBox18 { background: url(../images/m2zl_lien3.png) no-repeat center bottom; background-size:100% auto;} @media (max-width:1799px){ .m2zlc1Rx strong{ font-size: 20px; line-height: 32px; } .m2zl_st span{font-size:20px;} .m2zl_sBox strong{font-size:20px;} } @media (max-width:1199px){ .m2banSearch{ line-height:50px; height: 50px; padding: 0px 60px 0px 15px;} .m2banSearch .m2banInt{height:50px; line-height:50px;} .m2serSubmit{height:50px;} .m2zlul{margin-bottom:35px;} .m2zlc1Rx strong{ font-size: 18px; line-height: 28px; } .m2zlCon1 .m2zlc1Rx{margin-left:500px; font-size:15px; line-height:26px;} .m2zl_sBox {padding: 25px 25px 40px;} .m2zl_sBox strong{font-size:18px;} .m2zl_sBox1:before,.m2zl_sBox2:before,.m2zl_sBox3:before{ width:9px; height:9px; border-radius:50%; left:8px; top:44px;} .m2zl_sBox p{font-size:14px; line-height:26px;} .m2zl_down { padding: 10px 0px 70px; } } @media (max-width:993px){ .m2zl_img{float:none; margin-bottom:35px; display:block} .m2zlCon1 .m2zlc1Rx{margin-left:0; height:auto; display:block; min-height:inherit} .m2zlCon1{margin-bottom:25px;} .m2zl_txt{padding-bottom:25px;} .m2zlu2 { margin: 30px -10px 0px; padding-bottom: 25px; } .m2zlu2.clearfix li { padding: 0px 10px; } } @media (max-width:767px){ .m2banSearch{width:auto; margin:0 15px;} .m2zl_aBox {line-height: 60px; height: 60px; padding: 0px 52px 0px 10px; font-size: 14px; background: url(../images/m2zl_i2.png) no-repeat calc(100% - 15px) center; } .m2zl_aBox:hover{ background: url(../images/m2zl_i1.png) no-repeat calc(100% - 15px) center; } .m2zlul{margin-bottom:20px;} .scaleImg.m2zl_img .overflowHide{width:100%; height:250px;} .m2zl_img{margin-bottom:25px;} .m2zlc1Rx strong{font-size:16px;} .m2zlCon1 .m2zlc1Rx{font-size:14px;} .m2zl_txt{font-size:14px; line-height:26px;} .m2zlu2.clearfix li{width:100%; margin-bottom:12px;} .m2zlu2.clearfix li:last-child{margin-bottom:0;} .m2zl_sBox p{height:auto!important;} .m2zl_dwBtn{font-size:15px;} } .m2lxCon{ padding-bottom: 110px; } .m2lxc1R { float: right; width: 50%; padding-left: 45px;} .m2lx_tnm2 { font-size: 14px; color: #00ac1f; line-height: 24px; } .m2lx_tnm { font-size: 26px; line-height: 28px; margin-bottom: 4px; color: #00ac1f; font-weight: bold; } .m2lx_tag { margin: 45px 0px 0px; height: 47px; } .m2lx_tga { font-size: 16px; color: #1f5bb6; padding: 0px 28px; line-height: 45px; display: inline-block; height: 47px; border: 1px solid #1F5BB6; margin-right: 10px; border-radius:0.3em; } .m2lxc1L { float: left; width: 50%; padding-right: 45px; } .m2lx_tga.on,.m2lx_tga:hover{ color: #FFF; background: #1f5bb6; } .m2lxFm{ margin: 0px -16px; } .m2lxFm li{ padding: 38px 16px 0px; min-height: 47px; } .m2lxFm .m2lx_int { width: 100%; font-size: 16px; line-height: 46px; color: #000; height: 47px; border-bottom: 1px solid #EEEEEE; } .m2lxFm .m2lx_area{width: 100%; font-size: 16px; line-height: 24px; color: #000; height: 146px; border-bottom: 1px solid #EEEEEE; } .m2lxSubmit{ margin-top: 30px; font-size: 16px; line-height: 46px; color: #FFF; display: inline-block; padding: 0px 35px; height: 46px; background: #00AC1F; border-radius:0.3em;} .m2lxSubmit:hover{ opacity: 0.8; color: #FFF; } .m2lxRcon{ background: url(../images/m2lxBg.jpg) no-repeat center center; height: 593px; padding: 55px 10% 0px; background-size:cover; } .m2lx_rt { color: #FFF; font-size: 26px; line-height: 60px; font-weight: bold; } .m2lx_rt img,.m2lx_rt text{vertical-align:middle;} .m2lx_rt img{ margin-right:12px;} .m2lx_des1 { font-size: 16px; line-height: 28px; color: #FFF; } .m2lxRcon dl { padding-top: 40px; } .m2lxRcon dl dt { line-height: 36px; position: relative; font-size: 18px; font-weight: bold; color: #FFF; } .m2lxRcon dl dt:before{ content: ""; background: #FFF; height: 8px; width: 8px; position: absolute; left: -18px; top: 13px; } .m2lxRcon dl dd,.m2lxRcon dl dd xmp{ font-size: 14px; color: #aeaeb0; line-height: 24px; font-family: Arial,"微软雅黑" } .mapBox{ height:500px;} @media (max-width:1799px){ .m2lxCon{ padding-bottom: 90px; } .m2lxRcon dl{padding-top:25px;} .m2lxRcon{height:548px;} .m2lxFm li{padding-top:25px;} .m2lxFm .m2lx_int{font-size:15px;} .m2lxFm .m2lx_area{font-size:15px;} .mapBox{ height:400px;} .m2lxc1L{padding-right:25px;} .m2lxc1R{padding-left:25px;} } @media (max-width:1199px){ .m2lx_tnm { font-size: 22px; } .m2lxCon{ padding-bottom: 60px; } } @media (max-width:993px){ .m2lxc1L{padding-right:0px; width:100%; float:none; margin-bottom:45px;} .m2lxc1R{padding-left:0px; width:100%; float:none;} .m2lxRcon{padding-left:35px; padding-right:35px;} } @media (max-width:767px){ .m2lx_tnm { font-size: 18px; } .m2lx_tag{margin-top:20px;} .m2lxFm li{padding-top:12px;} .m2lxFm .m2lx_area{height:105px;} .m2lxRcon{padding:25px 20px 35px; height:auto} .m2lx_rt{font-size:18px;} .m2lx_rt img{height:20px; width:auto; margin-right:8px;} .m2lx_des1{font-size:14px; line-height:25px;} .m2lxRcon dl dt:before{display:none;} .m2lxRcon dl{ padding-top:12px;} .m2lxRcon dl dt{font-size:16px;} .m2lxCon{ padding-bottom: 35px; } } .m2csTop{ overflow: hidden; position: relative; z-index: 1; border-radius: 0.6em; box-shadow: 0 0 5px 3px rgba(0,0,0,0.07); margin-bottom: 65px; padding: 155px 60px 40px; } .m2csTop_t{ font-size: 30px; line-height: 58px; text-align: center; font-weight: bold; height: 230px; width: 100%; position: absolute; left: 0px; top: -115px; box-shadow: 0 0 5px 3px rgba(0,0,0,0.07); border-radius:8.8em; } .m2csTop_t span{position:absolute; left:0; bottom:18px; width:100%; text-align:center; display:block;} .m2csTop_txt p{ max-width: 695px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 28px; color: #6b6d6b; } .m2csTop_btn{ line-height: 56px; background: #1F5BB6; height: 56px; padding: 0px 40px; font-size: 16px; color: #FFF; display: inline-block; border-radius: 0.3em; margin-top: 22px; } .m2csTop_btn:hover{opacity:0.8; color:#fff;} .m2csTop_txt{text-align:center;} .m2csBom { padding: 38px 0px; height: 728px; position: relative; margin: 0px auto 85px; width:100%; max-width: 716px; } .m2csItms{ height: 91px; padding: 8px 12px; } .m2cs_aBox { display: block; line-height: 75px; height: 75px; padding: 0px 88px 0px 20px; font-size: 16px; color: #555; box-shadow: 0 0 6px 6px rgba(0,0,0,0.06); border-radius: 0.3em;} .m2csBom .slick-prev{ background: url(../images/m2cs_btn.png) no-repeat center top; height: 16px; width: 25px; margin-left: -14px; position: absolute; left: 50%; top: 0px; text-indent: 1000px; white-space: nowrap; transition: all 0.5s ease-in-out; cursor: pointer; } .m2csBom .slick-prev:hover{ background: url(../images/m2cs_btn.png) no-repeat center bottom;} .m2csBom .slick-next{ background: url(../images/m2cs_btn.png) no-repeat center top; height: 16px; width: 25px; margin-left: -14px; position: absolute; left: 50%; bottom: 0px; text-indent: 1000px; white-space: nowrap; transition: all 0.5s ease-in-out; cursor: pointer; transform:rotate(180deg); } .m2csBom .slick-next:hover{ background: url(../images/m2cs_btn.png) no-repeat center bottom;} @media (max-width:1799px){ .m2csTop_t{font-size:28px;} .m2csTop{margin-bottom:60px;} .m2csBom { margin: 0px auto 65px} } @media (max-width:767px){ .m2csTop{ margin-bottom:35px; padding: 95px 20px 40px; } .m2csTop_t{ font-size: 20px; line-height: 38px; height: 110px; top: -40px;} .m2csTop_t span{bottom:15px;} .m2csTop_txt p{font-size: 14px; line-height: 26px;} .m2csTop_btn{ line-height: 48px; height: 48px; padding: 0px 30px; font-size: 15px; margin-top: 15px; } .m2cs_aBox {line-height: 26px; height: 65px; padding:0px 15px 0px 15px; font-size: 14px; display:flex; align-items:center;} .m2csBom{margin-bottom:50px; height: 658px;} } .fullBg{background-size:cover; background-position:center center; background-repeat:no-repeat;} .nextPage_btn { background: url(../images/m2ms_icon.png) no-repeat center center; display: inline-block; height: 42px; width: 21px; margin-left: -10px; position: fixed; left: 50%; bottom: 90px; z-index: 20; animation: nextIconMv 1.2s linear 0s infinite; } @keyframes nextIconMv{ 0% {bottom:95px; opacity:0.7} 100% {bottom:85px; opacity:1;} } .m2jcon1 { text-align: center; } .m2jcon1 strong { color: #FFF; margin-bottom: 14px; font-size: 50px; line-height: 70px; font-weight: bold; display: block; padding:0 15px; } .m2jcon1 p { font-size: 18px; color: #bfbfbf; line-height: 30px; } .m2jcon2 { margin: 40px auto 0; height: 429px; width: 573px; position:relative; } .m2jc2_item{ font-size: 20px; line-height: 195px; color: #FFF; background: url(../images/m2join_cbg3.png) no-repeat center center; height: 195px; width: 218px; text-align: center; display: inline-block; position: absolute; transition:all 1.2s ease-in-out; } .m2jc2_item1{ background: url(../images/m2join_cbg3.png) no-repeat center center; position: absolute; left: 179px; top: 113px;transform:scale(0.6) rotate(360deg); opacity:0; transition:all 0.3s ease-in-out; z-index:5; } .m2jc2_item2{ background: url(../images/m2join_cbg1.png) no-repeat center center; position: absolute; left: 179px; top: 113px; transform:scale(0.6); opacity:0 } .m2jc2_item3{ background: url(../images/m2join_cbg2.png) no-repeat center center; position: absolute; left: 179px; top: 113px; transform:scale(0.6); opacity:0 } .m2jc2_item4{ background: url(../images/m2join_cbg4.png) no-repeat center center; position: absolute; left: 179px; top: 113px; transform:scale(0.6); opacity:0 } .m2jc2_item5{ background: url(../images/m2join_cbg5.png) no-repeat center center; position: absolute; left: 179px; top: 113px; transform:scale(0.6); opacity:0 } .m2jc2_item:hover{color:#fff;} .active2 .m2jc2_item1{ transition-delay:0.3s; transform:scale(1) rotate(0); opacity:1} .active2 .m2jc2_item2{ transition-delay:0.9s; left:0; top:0; transform:scale(1); opacity:1} .active2 .m2jc2_item3{ transition-delay:0.9s; left:355px; top:0; transform:scale(1); opacity:1} .active2 .m2jc2_item4{ transition-delay:0.9s; left:0; top:234px; transform:scale(1); opacity:1} .active2 .m2jc2_item5{ transition-delay:0.9s; left:355px; top:234px; transform:scale(1); opacity:1} @media (max-width:1379px){ .nextPage_btn{ transform:translateY(50px)} .m2jcon1 strong { font-size: 42px; line-height: 60px;} } @media (max-width:767px){ .m2jcon1 strong { font-size: 24px; line-height: 36px;} .m2jcon1 p { font-size: 16px;line-height: 26px; } .m2jcon2{transform:scale(0.6); position:absolute; left:50%; margin-left:-286px; top:50%; margin-top:-215px;} } .m2svrItms{ display: inline-block; height: 150px; width: 150px; position: relative; border-radius: 50%; background: rgba(255,255,255,0.9); } .m2svrItmsBox{text-align:center;} .m2svrItms:hover{background:#000;} .m2svr_imgBg{ position: relative; z-index: 1; height: 100%; width: 100%; overflow: hidden; border-radius:50%; opacity:0; transition:all 0.5s ease-in-out; display:inline-block} .m2svrItms:hover .m2svr_imgBg{opacity:0.5;} .m2svr_nm{ position: absolute; z-index: 2; height: 100%; width: 100%; overflow: hidden; border-radius: 50%; transition: all 0.5s ease-in-out; display: inline-block; line-height: 20px; text-align: center; padding: 0 10px; display: flex; align-items: center; left: 0px; top: 0px; color: #1f5bb6; font-size: 16px; } .m2svrItms:hover .m2svr_nm{ color:#fff;} .m2svr_des{ background: rgba(255,255,255,0.9); font-size: 16px; line-height: 26px; display: inline-block; color: #333; padding: 10px 15px; position: absolute; left: 50%; top: 180px; width: 480px; text-align:center; transform:translate(-50%,15px); border-radius:0.5em; box-shadow:0 0 5px 3px rgba(0,0,0,0.06); opacity:0; transition:all 0.5s ease-in-out; visibility:hidden} .m2svr_des:before{content:""; border-bottom:12px solid rgba(255,255,255,0.9); border-right:12px solid transparent; border-left:12px solid transparent; position:absolute; left:50%; top:-12px; margin-left:-12px} .m2svrItms:hover .m2svr_des{opacity:1; transform:translate(-50%,0); visibility:visible} .m2svrAwrapper{transition:all 0.5s ease-in-out; display:inline-block; width:150px; height:150px;margin: 0px 32px; } .m2svr_tnm{ font-size:60px; color:#fff; text-align:center; margin-bottom:60px; line-height:60px; padding-top:50px; transition:all 0.5s ease-in-out;} .m2svrItmsBox .m2svrAwrapper:nth-child(1){ opacity:0; transform:translateY(50px); transition-delay:0.5s;} .active2 .m2svrItmsBox .m2svrAwrapper:nth-child(1){ opacity:1; transform:translateY(0px);} .m2svrItmsBox .m2svrAwrapper:nth-child(2){ opacity:0; transform:translateY(50px); transition-delay:0.7s;} .active2 .m2svrItmsBox .m2svrAwrapper:nth-child(2){ opacity:1; transform:translateY(0px);} .m2svrItmsBox .m2svrAwrapper:nth-child(3){ opacity:0; transform:translateY(50px); transition-delay:0.9s;} .active2 .m2svrItmsBox .m2svrAwrapper:nth-child(3){ opacity:1; transform:translateY(0px);} .m2svrItmsBox .m2svrAwrapper:nth-child(4){ opacity:0; transform:translateY(50px); transition-delay:1.1s;} .active2 .m2svrItmsBox .m2svrAwrapper:nth-child(4){ opacity:1; transform:translateY(0px);} .m2svrItmsBox .m2svrAwrapper:nth-child(5){ opacity:0; transform:translateY(50px); transition-delay:1.3s;} .active2 .m2svrItmsBox .m2svrAwrapper:nth-child(5){ opacity:1; transform:translateY(0px);} .m2svrItmsBox .m2svrAwrapper:nth-child(6){ opacity:0; transform:translateY(50px); transition-delay:1.5s;} .active2 .m2svrItmsBox .m2svrAwrapper:nth-child(6){ opacity:1; transform:translateY(0px);} .m2svr_tnm{ opacity:0; transform:translateY(-50px); transition-delay:1.8s;} .active2 .m2svr_tnm{ opacity:1; transform:translateY(0px);} @media (max-width:1799px){ .m2svr_tnm{ font-size:50px; margin-bottom:55px;} } @media (max-width:1379px){ .m2svr_tnm{margin-bottom:30px; font-size:40px;} } @media (max-width:1199px){ .m2svr_des{width:280px;} .m2svrAwrapper:hover{z-index:5;} .m2svrAwrapper{margin-bottom:10px;} } @media (max-width:993px){ .m2svrItmsBox{padding-top:16px;} } @media (max-width:767px){ .m2svr_des{visibility:visible; opacity:1; position:static; font-size:14px; transform:translate(0,0)!important; line-height:24px;} .m2svrAwrapper{width:100%; height:auto; margin:0;} .m2svrItms{ padding:5px 0 8px;} .m2svrItms{width:100%; height:auto; border-radius:0} .m2svr_des{background:none; box-shadow:none; line-height:20px; padding-top:0; width:100%; padding:0 25px;} .m2svr_des:before{display:none;} .m2svr_nm{position:static; margin-bottom:5px;} .m2svrItms{ background: rgba(255,255,255,0.9); } .m2svrItms:hover{background: rgba(255,255,255,0.9);} .m2svrItms:hover .m2svr_nm{ color:#1f5bb6;} .m2svrItmsBox{padding-top:45px;} .m2svr_imgBg{display:none;} .m2svrItmsBox .m2svrAwrapper:first-child .m2svrItms{padding-top:15px;} .m2svrItmsBox .m2svrAwrapper:last-child .m2svrItms{padding-bottom:15px;} .m2svr_tnm{ font-size:24px; margin-bottom:5px;} .m2svrItmsBox{padding-top:0;} } .m2proul{ margin: 0px -20px 55px; } .m2proul li{ padding: 0px 20px; margin-bottom: 38px; } .m2pro_aBox { display: block; padding: 19px 19px 32px; background: #F4F4F4; position:relative; z-index:1; overflow:hidden; border-radius:0.4em; } .m2pro_img { background: #FFF; height: 300px; position: relative; border-radius:0.4em; } .m2pro_img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;} .m2proTxt { border-top: 1px solid #E7E7E7; margin-top: 20px; padding-top: 22px; text-align: center; } .m2proTxt .ellipsis { font-size: 20px; font-weight: normal; line-height: 38px; display: block; height: 38px; color: #333; } .m2proTxt p { font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; color: #333; } .m2proLayer{ background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; transition: all 0.5s ease-in-out; border-radius: 0.4em; color: #fff; display: flex; align-items: center; padding: 20px 40px; transition:all 0.5s ease-in-out; opacity:0 } .m2proFun_a { display: inline-block; padding: 0px 22px; line-height: 42px; color: #FFF; height: 44px; font-size: 16px; margin-right: 8px; border-radius: 0.3em; border: 1px solid #FFF; } .m2proFun_a:hover{ color: #FFF; background: #1f5bb6; border: 1px solid #1f5bb6; } .m2proLayer strong{ font-size: 26px; font-weight: bold; line-height: 42px; display: block; margin-bottom:14px;transition:all 0.5s ease-in-out; opacity:0; transform:translateX(30px); transition-delay:0.2s; } .m2proLayer p{ font-size: 14px; line-height: 26px; color: #d5d5d5; margin-bottom: 22px;transition:all 0.5s ease-in-out; opacity:0; transform:translateX(30px); transition-delay:0.4s; } .m2pro_fun{transition:all 0.5s ease-in-out; transition-delay:0.6s; opacity:0; transform:translateX(30px)} .m2pro_aBox:hover .m2proLayer{opacity:1;} .m2pro_aBox:hover .m2pro_fun{opacity:1; transform:translateX(0)} .m2pro_aBox:hover .m2proLayer strong{opacity:1; transform:translateX(0)} .m2pro_aBox:hover .m2proLayer p{opacity:1; transform:translateX(0)} .m3proTabs{ background: url(../images/m3pro_bg.jpg) no-repeat center center; height: 169px; text-align: center; padding-top: 38px; background-size:cover;} .m3proItm{ text-align: center; display: inline-block; margin: 0px 110px; width: 140px; font-size: 20px; color: #FFF; line-height: 38px; position:relative; } .m3proItm:after{content:""; border-left:14px solid transparent; border-right:14px solid transparent; border-bottom:16px solid #fff; position:absolute; left:50%; bottom:-27px; margin-left:-8px; opacity:0; transition:all 0.5s ease-in-out;} .m3proItm.on,.m3proItm:hover{color:#fff;} .m3proItm.on:after{color:#fff; opacity:1} .m3proTxts { font-size: 16px; line-height: 34px; padding: 0px 0px 52px; margin-top: -15px; } .m3proTop { padding: 55px 0px 90px; } .m3proLx { float: left; width: 50%; padding-right: 70px; } .m3proRx { float: right; width: 50%; padding: 40px 0px 0px 70px; } .m3pro_t { color: #000; padding: 5px 0px; display: block; font-size: 32px; line-height: 58px; font-weight: bold; } .m3pro_prm1 { font-size: 16px; line-height: 34px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #F2F2F2; } .m3pro_prm2 { font-size: 16px; line-height: 34px; margin-bottom: 14px; } .m3proBigImg {/* height: 452px; */position: relative; margin-bottom: 40px; } .m3proBig_item{height:452px; position:relative;} .m3proBig_item img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .m3pro_lxBtn{ color: #FFF; background: #1F5BB6; padding: 0px 34px; font-size: 16px; font-weight: bold; line-height: 51px; display: inline-block; height: 51px; } .m3pro_lxBtn:hover{color:#fff; opacity:0.8} .m3pro_lxBtn img{margin-right:15px;} .m3pro_lxBtn img,.m3pro_lxBtn text{vertical-align:middle;} .m3pro_line { height: 15px; border-top: 1px solid #F2F2F2; } .m3proSmlImg { height: 100px; position:relative; } .m3proSmlImg .slick-prev{ transition: all 0.5s ease-in-out; background: #3E3E3E url(../images/m3pro_arrow.png) no-repeat center center; display: inline-block; height: 100px; width: 28px; position: absolute; left: 0px; top: 0px; text-indent: 500px; white-space: nowrap; overflow: hidden; cursor: pointer; } .m3proSmlImg .slick-prev:hover{background-color:#1F5BB6;} .m3proSmlImg .slick-next{ transition: all 0.5s ease-in-out; background: #3E3E3E url(../images/m3pro_arrow.png) no-repeat center center; display: inline-block; height: 100px; width: 28px; position: absolute; right: 0px; transform: rotate(180deg); top: 0px; text-indent: 500px; white-space: normal; overflow: hidden; cursor: pointer; } .m3proSmlImg .slick-next:hover{background-color:#1F5BB6;} .m3pro_sbx{ padding:0 4px;} .m3pro_sImgs{ height: 100px; border: 1px solid #000000; position: relative; display:block } .m3pro_sImgs img{ max-width:90%; max-height:90%; width:auto; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .m3proSmlImg { padding-left:35px; padding-right:35px;} .slick-current .m3pro_sImgs{ border: 1px solid #1F5BB6; } @media (max-width:1799px){ .m2proLayer strong{ font-size: 22px; line-height:38px;} .m2proul{margin-bottom:30px;} .m3pro_t {font-size: 28px; line-height: 50px; } .m3proTop{padding-top:30px;} } @media (max-width:1559px){ .m2pro_img{height:250px;} .m2proLayer p{font-size:13px; line-height:24px;} } @media (max-width:1379px){ .m3proBig_item{height:380px;} .m3pro_t {font-size: 24px; line-height: 40px; } .m3pro_prm1{font-size:15px; line-height:30px;} .m3pro_prm2{font-size:15px; line-height:30px;} .m3proTop{padding-bottom:75px;} .m3proTxts { font-size: 15px; line-height: 30px; padding: 0px 0px 42px; } } @media (max-width:1199px){ .m2proLayer{padding-left:10px; padding-right:10px;} .m2proLayer strong{ font-size: 20px; line-height:32px; margin-bottom:8px;} .m3proLx{padding-right:25px;} .m3proRx{padding-left:25px;} .m3proItm{margin:0 28px;} } @media (max-width:993px){ .m2proLayer{padding-left:15px; padding-right:15px;} .m3pro_t {font-size: 20px; line-height: 32px; } } @media (max-width:767px){ .m2proLayer strong{ font-size: 18px; line-height:30px;} .m2proFun_a{font-size:14px;} .m2proTxt .ellipsis{font-size:18px;} .m2proul{ margin: 0px -10px 30px; } .m2proul li{ padding: 0px 10px; margin-bottom:15px;} .m3proLx{padding-right:0; width:100%; float:none;} .m3proBig_item{height:250px;} .m3proBig_item img{max-width:100%; max-height:100%;} .m3proRx{padding-left:0; padding-top:25px; width:100%; float:none;} .m3pro_lxBtn{height:48px; line-height:48px;} .m3proItm{margin:0 10px; font-size:14px; width:25%;} .m3proItm img{width:40px; height:40px;} .m3proTabs{padding-top:20px; height:116px;} .m3proItm:hover{transform:translateY(0px);} .m3page{margin-bottom:60px;} .m3page_prev{width:100%; float:none; height:52px; line-height:50px;} .m3page_next{width:100%; float:none; height:52px; line-height:50px; margin-top:-1px;} .m3page{height:auto;} .m3page_prev:before{ top:23px;} .m3page_next:before{ top:16px;} } .txtBox-wp,.picBox-wp{ display:flex; align-items:center;} .picBox-wp img{max-width:100%; height:auto;} .m2busCon1{ padding: 0px 0px 80px; } .m2busCon1 .txtBox-wp{ float: left; width: 61.2%; padding-right:47px; } .m2busCon1 .picBox-wp{ float:right; width:38.8%; padding-left:47px; } .m2busCon1 .picBox-wp .picBox{width:100%;} .m2busc1Rimgs{ margin: 0px -10px; } .m2busc1Rimgs li{padding:0 10px; width:50%; float:left; margin-bottom:20px;} .m2busc1Rimgs li:nth-child(2n){transform:translateY(20px);} .m2bus_rsAbox .overflowHide { height: 240px; } .m2busc1_t { font-size: 30px; line-height: 42px; font-weight: bold; margin-bottom: 22px; } .m2busc1Txt { font-size: 16px; line-height: 28px; margin-bottom: 32px; } .m2busc1_ssbox { text-align: center; display: inline-block; font-size: 16px; line-height: 36px; float:left } .m2bus_c2Box .overflowHide { height: 518px; } .m2busCon2{margin-left:-15px; margin-right:-15px;} .m2busc1_ssbox p{margin-top:8px;} .m2busc1_sline{ background: #DBD6CC; height: 1px; width: 90px; display: inline-block; margin: 20px 15px 0px; float:left } .m2bus_c2Box .overflowHide:before{content:""; background:rgba(31,91,182,0.9); position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; transition:all 0.5s ease-in-out;} .m2bus_c2Box:hover .overflowHide:before{opacity:1; background:#000;} .m2busLayer{ height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index:6; color:#fff; display:flex; align-items:center; padding:0 60px;} .m2busLayer strong{ display: block; margin-top: 10px; font-size: 24px; font-style: normal; line-height: 34px; font-weight: normal; font-variant: normal; } .m2bus_st { font-size: 16px; line-height: 26px; } .m2bus_c2Box:hover .m2bus_des{opacity:1; margin-top:18px;} .m2bus_des{ font-size: 16px; line-height: 28px; text-align: left; height: 0px; margin-top:0px; opacity:0; transition:all 0.5s ease-in-out;} .m2busCon2 li{padding:0;} .m2busCon3{ padding: 58px 0px 110px; } .m2bus_c3t { text-align: center; margin-bottom: 48px; font-size: 30px; line-height: 48px; font-weight: bold; } .m2busc3ul{display:flex;} .m2busc3ul li{justify-content:space-between; width:100%;} .m2busc3_li2{ background: url(../images/m2bus_arrow.png) no-repeat center center; height: 174px; } .m2busc3_li1 p{ font-size: 18px; color: #1f5bb6; line-height: 30px; text-align: center; margin-top: 25px; } .m2busCon4 { margin-bottom: 288px; background: url(../images/m2bus_sbg1.jpg) no-repeat center center; height: 410px; background-size:cover; } .m2busc4Icon { display: block; margin: 0px auto; height: 80px; width: 80px; position: relative; } .m2busc4_sBox:hover .m2busc4Icon{animation: icon-bounce 0.5s alternate;} .m2busC4box p { font-size: 16px; line-height: 30px; margin-top: 22px; text-align:center } .m2busC4box{ background: #FFF; padding: 94px 66px 67px; position: relative; top: 218px; box-shadow:0 5px 18px 15px rgba(0,0,0,0.05);} .m2busc4Icon img{transition:all 0.5s ease-in-out; position:absolute; left:0; top:0;} .m2busc4_sBox:hover .m2busc4Icon img{opacity:0;} .m2busc4_sBox:hover .m2busc4Icon img.iOpacity{opacity:1;} .m2busc4_sBox{display:block;} .m2busCon5 { border-top: 3px solid #565656; margin-bottom: 95px; } .m2busCon5 dl dd .overflowHide { float: left; height: 199px; width: 387px; } .m2busCon5 dl dd { background: #EEF3F6; padding: 40px 30px; display:none} .m2busCon5 dl dt { line-height: 120px; height: 121px; border-bottom: 1px solid #DFDFDF; font-size: 18px; cursor: pointer; padding: 0px 90px 0px 30px; position: relative; } .m2busCon5 dl dt i{ display: inline-block; height: 20px; width: 20px; border-top: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; position: absolute; top: 42px; right: 30px; transform:rotate(225deg); transition:all 0.5s ease-in-out;} .m2busc5Rx{ margin-left: 410px; height: 199px; max-width: 800px; display:flex; align-items:center; } .m2busc5Rx ul{width: 100%;} .m2busc5Rx li{ line-height: 30px; height: auto; float: left; width: 100%; padding: 0px 35px; } .m2busc5Rx li .ellipsis { font-size: 18px; line-height: 32px; color: #003a5d; height: 32px; white-space:normal; } .m2busc5Rx li .ellipsis span{display:inline-block; position:relative; top:-3px;} .m2busCon5 dl.on dt i{ border-top: 1px solid #1f5bb6; border-left: 1px solid #1f5bb6; transform:rotate(45deg); top:59px } .m2busCon5 dl.on dt{ color: #1f5bb6; } @media (max-width:1799px){ .m2busCon4{margin-bottom:180px;} .m2busCon5 dl dt { line-height: 80px; height: 81px; } .m2busCon5 dl dd { padding: 30px 20px;} .m2busc5Rx li .ellipsis{font-size:16px;} .m2busCon2{margin-left:-1px; margin-right:-1px;} .m2busCon5 dl dt i{top:26px;} .m2busCon5 dl.on dt i{top:44px;} } @media (max-width:1559px){ .m2busc1_t { font-size: 26px; line-height: 38px; margin-bottom: 20px; } .m2busc1Txt { font-size: 15px; line-height: 26px } .m2bus_des{ font-size: 15px; line-height: 26px } .m2busLayer{padding:25px!important;} .m2bus_c2Box .overflowHide{height:460px;} .m2busCon1 .txtBox-wp{padding-right:25px;} .m2busCon1 .picBox-wp{padding-left:25px;} } @media (max-width:1199px){ .m2busc5Rx li{padding:0px 15px; width:100%} } @media (max-width:993px){ .m2busCon1 .picTxtBox{height:auto!important;} .m2busCon1 .txtBox-wp{padding-right:0px; width:100%; float:none; min-height:inherit!important; margin-bottom:35px;} .m2busCon1 .picBox-wp{padding-left:0px; width:100%; max-width:515px; float:none; min-height:inherit!important} .m2bus_c2Box .m2busLayer img{ width:40px; height:auto;} .m2busLayer strong{font-size:18px;} .m2busLayer{padding-left:15px!important; padding-right:15px!important;} .m2bus_c2Box:hover .m2bus_des{margin-top:8px;} .m2busc3_li1 p{font-size:15px;} .m2busc3_li2{height:80px;} .m2bus_c3t{margin-bottom:25px;} .m2busCon3{padding-bottom:80px;} .m2busC4box{top:90px;} .m2busC4box li{margin-bottom:20px;} .m2busC4box{padding:54px 36px 40px;} .m2busCon5 dl dd .overflowHide{width:300px;} .m2busc5Rx{margin-left:320px;} } @media (max-width:767px){ .m2busc1_t{font-size:20px; line-height:32px;} .m2busc1_sline{width:60px;} .m2bus_rsAbox .overflowHide{height:200px;} .m2bus_c2Box:hover .overflowHide:before{background:rgba(31,91,182,0.9);} .m2bus_c2Box .m2bus_des{opacity:1; margin-top:18px; height:auto!important;} .m2busc3ul li.m2busc3_li2{display:none;} .m2busc3ul{display:block;} .m2busc3_li1{width:33.33%!important; padding:0 15px; margin-bottom:15px; float:left} .m2busc3_li1 p{margin-top:12px;} .m2busCon3{padding-bottom:50px;} .m2busC4box li{width:50%;} .m2busc4Icon{ width:60px; height:60px;} .m2busCon4{margin-bottom:90px;} .m2busCon5 dl dt{padding-left:16px; font-size:15px;} .m2busCon5 dl dd .overflowHide{width:100%; float:none; margin-bottom:5px; height:160px;} .m2busc5Rx{margin-left:0;} .m2busCon5{margin-bottom:60px;} } .m2cmBan{height:calc(100% - 71px); position:relative;} .m2cmBan .nextPage_btn{position:absolute; transform:translateY(30px)} .m2cm2Con1{ padding-bottom: 70px; } .m2cm2_t1 { font-size: 44px; line-height: 60px; text-align: center; font-weight: bold; } .m2cm2_sdes1 { font-size: 14px; line-height: 30px; color: #979797; margin-bottom: 22px; text-align: center; } .m2cm2_edt { font-size: 16px; line-height: 32px; color: #464646; margin-bottom: 40px; text-align: center; max-width:1120px; margin-left:auto; margin-right:auto; } .m2cm2_items1 { text-align: center; margin: 40px 0px 32px; } .m2cm2_more{ font-size: 16px; line-height: 48px; color: #376ec1; display: inline-block; padding: 0px 40px; height: 50px; border: 1px solid #376ec1; } .m2cm2_more:hover{ color: #FFF; background: #376ec1; } .m2cm2Con1 .m2cmItms{ margin-top:70px;} .m2cm2Con1 .m2cm_sBox{ height: 234px; padding-top: 68px; } .m2cm2Con1 .m2cm_sBox strong{ font-size: 70px; line-height: 74px; height: 74px; } .m2cm2Con1 .m2cm_sBox p{ font-size: 15px; line-height: 32px; height: 32px; } .m2cm2_item{ font-size: 18px; line-height: 34px; display: inline-block; margin: 0px 72px; position: relative; } .m2cm2_item:after{content:""; width:92px; height:1px; background:#DBD6CC; display:inline-block; position:absolute; right:-120px; top:18px;} .m2cm2_items1 .m2cm2_item:last-child:after{display:none;} .m2cm2Con2 { background: #1F5BB6; padding: 35px 0px 175px; position: relative; } .m2cm2Des2 { height: 338px; display: flex!important; align-items: center; font-size: 18px; line-height: 30px; color: #FFF; } .m2cm2Des2 img{margin:0 auto;} .m2cm2Des2 .w100{max-width:500px; margin:0 auto; text-align:center;} .m2cm2Des2 strong { font-weight: normal; display: block; margin-top: 20px; } .m2cm2Bom { position: absolute; left: 0px; bottom:-34px; width:100%; } .m2cm2BomBox{ background: #FFF; height: 186px; padding-top: 64px; box-shadow:0 3px 5px 4px rgba(0,0,0,0.03); position:relative;} .m2cm2BomBox:before{content:""; height:10px; background:rgba(255,255,255,0.3); position:absolute; left:55px; right:55px; top:-10px;} .m2cm2BomBox:after{content:""; height:20px; background:rgba(255,255,255,0.3); position:absolute; left:90px; right:90px; top:-20px;} .m2cm2_ya { padding:0 7px;} .m2cm2Year {max-width:570px; margin:0 auto; position:relative; padding-left:22px; padding-right:22px;} .m2cm2_ya span{line-height: 52px; text-align: center; height: 54px; border: 1px solid #000000; font-size: 20px; display:block; transition:all 0.5s ease-in-out; border-radius:0.3em;} .m2cm2_ya.slick-current span{ color: #FFF; background: #1F5BB6; border: 1px solid #1F5BB6; } .m2cm2Year .slick-prev{ background: url(../images/m2cm_prev.png) no-repeat; text-indent: 500px; display: inline-block; height: 15px; width: 12px; margin-top: -7px; position: absolute; left: 0px; top: 50%; overflow: hidden; cursor:pointer } .m2cm2Year .slick-next{ background: url(../images/m2cm_prev.png) no-repeat; text-indent: 500px; display: inline-block; height: 15px; width: 12px; margin-top: -7px; position: absolute; right: 0px; top: 50%; overflow: hidden; transform:rotate(180deg); cursor:pointer } .m2cm2Con3{ padding: 106px 0px 75px; } .m2cm2Tst{ margin-top: 30px; } .m2cm2Tst{max-width:1382px; margin:30px auto 0;} .m2cm2TL { float: left; width: 75%; padding: 30px 10px 0px 0px; } .m2cm2TR { float: right; width: 25%; padding-left: 10px; height: 749px; } .m2cm2_itmsImg{ height: 690px; } .m2cm2Rsx { padding: 19px 0px; height: 747px; position: relative; } .m2cmRitem { padding: 9px 0px; } .m2cmRitma { display: block; height: 217px; position:relative; } .m2cm2TR .slick-prev{ background: #FFF url(../images/m2cm2_aro.jpg) no-repeat center top; text-indent: 500px; display: inline-block; height: 30px; width: 100%; position: absolute; left: 0%; top: 0%; overflow: hidden; cursor: pointer; z-index:5 } .m2cm2TR .slick-next{ background: #FFF url(../images/m2cm2_aro2.jpg) no-repeat center bottom; text-indent: 500px; display: inline-block; height: 30px; width: 100%; position: absolute; left: 0%; overflow: hidden; cursor: pointer; z-index: 5; bottom: 0px; } .slick-current .m2cmRitma:after{ content:""; border: 3px solid #1F5BB6; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(31,91,182,0.5); } .m2cm2Con4 { background: #F2F5F6; padding: 80px 0px 120px; border-bottom: 2px solid #FFF; } .m2cm2_itmsImg img{display:none!important;} .m2cm2C4box{ margin-top: 80px; padding: 0px 25px; position: relative; height: 265px; transform:translateX(-15px)} .m2cm2C4box .slick-prev{ background: url(../images/m2cm_prev.png) no-repeat; text-indent: 500px; display: inline-block; height: 15px; width: 12px; margin-top: 0px; position: absolute; left: 40px; top: 218px; overflow: hidden; cursor: pointer; z-index:5 } .m2cm2C4box .slick-next{ background: url(../images/m2cm_prev.png) no-repeat; text-indent: 500px; display: inline-block; height: 15px; width: 12px; margin-top: 0px; position: absolute; right: 0px; transform:rotate(180deg); top: 218px; overflow: hidden; cursor: pointer; z-index:5 } .m2cm2ZzAbox{ background: #FFF; display: block; height: 142px; box-shadow:0 0 5px 4px rgba(0,0,0,0.06); position:relative; transition:none; } .m2cm2ZzAbox img{max-width:95%; max-height:95%; width:auto; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .m2cm2_zzItem{ padding: 153px 10px 0; } .m2cm2_zzItem.slick-slide{opacity:0;} .m2cm2_zzItem.slick-active{ width:218px!important;opacity:1;} .m2cm2_zzItem.slick-current{ width:420px!important; padding-top:10px;opacity:1;} .m2cm2_zzItem.slick-current .m2cm2ZzAbox{height:285px;} .m2cm2Rsx .slick-slide img{display:none!important;} @media (max-width:1799px){ .m2cm2_t1 { font-size: 38px; line-height: 50px;} .m2cm2Con1 .m2cm_sBox strong{font-size:60px;} .m2cm2Con1 .m2cm_sBox{ height: 195px; padding-top: 38px; } .m2cm2Des2{height:250px;} .m2cm2Con3{ padding: 86px 0px 65px; } .m2cm2Tst{margin-top:15px;} .m2cm2C4box{margin-top:40px;} } @media (max-width:1559px){ .m2cm2_zzItem.slick-active{ width:175px!important;opacity:1;} .m2cm2_zzItem.slick-current{ width:400px!important; padding-top:10px;opacity:1;} .m2cm2_itmsImg{height:540px;} .m2cmRitma{height:167px;} .m2cm2Rsx{height:600px;} .m2cm2TR{height:600px;} } @media (max-width:1199px){ .m2cm2Con1 .m2cm_sBox strong{font-size:40px; line-height:60px; height:60px;} .m2cm2Con1 .m2cm_sBox{ height: 145px; padding-top: 22px; } .m2cm2_zzItem.slick-active{ width:120px!important;opacity:1;} .m2cm2_zzItem.slick-current{ width:350px!important; padding-top:10px;opacity:1;} } @media (max-width:993px){ .m2cm2_zzItem.slick-active{ width:120px!important;opacity:1;} .m2cm2_zzItem.slick-current{ width:350px!important; padding-top:10px;opacity:1;} .m2cm2_itmsImg{height:480px;} .m2cmRitma{height:147px;} .m2cm2Rsx{height:540px;} .m2cm2TR{height:540px;} .m2cm2_t1{font-size:32px;} } @media (max-width:767px){ .m2cmBan{height:400px;} .m2cmBan .nextPage_btn{display:none;} .m2cm2_t1{font-size:24px;} .m2cm2_edt{font-size:14px; line-height:26px;} .m2cm2_item{margin:0 20px;} .m2cm2_item:after{ display:none} .m2cmItms li{width:33.33%; margin-bottom:15px;} .m2cm2Con1 .m2cmItms{margin-top:35px;} .m2cm2Con1 .m2cm_sBox strong{font-size:30px;} .m2cm2Con1 .m2cm_sBox p{font-size:13px;} .m2cmItms li:nth-child(4),.m2cmItms li:nth-child(5){width:50%;} .m2cm2Des2 img{width:40px; height:40px;} .m2cm2Des2{font-size:15px; line-height:26px;} .m2cm2Year {margin-left:8px; margin-right:8px;} .m2cm2TL{display:none;} .m2cm2TR{width:100%; float:none;} .m2cmRitma{height:200px;} .m2cm2TR{height:260px;} .m2cm2Rsx{height:260px;} .slick-current .m2cmRitma:after{ display:none } .m2cm2Con4 { padding: 50px 0px 70px;} .m2cm2_zzItem.slick-current{ width:220px!important; padding-top:10px;opacity:1;} .m2cm2_zzItem.slick-current .m2cm2ZzAbox{height:160px;} .m2cm2C4box{height:170px; margin-top:25px;} .m2cm2C4box .slick-next{top:85px;} .m2cm2C4box .slick-prev{top:85px;} } .msgLayerBg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; background: rgba(0,0,0,0.6); display: none} .msgLayer{display: inline-block; padding: 15px 30px; background: rgba(255,255,255,0.8); box-shadow: 0 0 3px 2px rgba(0,0,0,0.1); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size:16px; line-height: 26px; z-index: 100; border-radius: 0.3em; border:2px solid #1f5bb6; min-width:200px; text-align: center; display: none} /*2019-06+23*/ .m2serBox { margin-bottom:80px; } .m2serLx {width: calc(100% - 400px); border: 1px solid #f2f2f2; padding: 30px 40px 50px; float:left } .m2serul li { position: relative; border-bottom: 1px solid #f2f2f2; line-height: 70px; padding-right: 90px; } .m2serul li a { font-size: 16px; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; } .m2serul li span { position: absolute; right: 0; top: 0; font-size: 14px; color: #808080; } .m2serRx { width: 360px; border: 1px solid #f2f2f2; border-top: none; transition: opacity 0.3s ease; float:right } .m2serTnm { line-height: 60px; background-color: #1F5BB6; font-size: 20px; color: #fff; text-indent: 40px; } .m2serTnm::before { content: ''; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-image: url(../images/icon3.png); display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; } .m2serRul li a { display: block; font-size: 16px; color: #333; line-height: 70px; text-indent: 40px; border-top: 1px solid #f2f2f2; transition: all 0.3s ease; } .m2serRul li a.on{color:#1F5BB6;} .m2serBox .page{margin-bottom:0; margin-top:35px;} @media (max-width:1799px){ .m2serLx {width: calc(100% - 380px); } .m2serLx {padding: 20px 25px 40px;} } @media (max-width:993px){ .m2serLx {width:100%; float:none; margin-bottom:15px; } .m2serRx{width:100%; float:none;} } @media (max-width:767px){ .m2serBox { margin-bottom:50px; } .m2serLx {padding: 10px 10px 30px;} .m2serTnm { line-height:50px; font-size: 18px;text-indent: 15px; } .m2serTnm::before {margin: -2px 6px 0 0; } .m2serRul li a { font-size: 15px; line-height: 52px;text-indent:10px; } .m2serul li { line-height: 52px; padding-right: 80px; } } /*2019-07-02 CSS*/ .m2caseTag{ text-align: center; margin-bottom:50px; } .m2caseTag_a{ border: 1px solid #1F5BB6; line-height: 48px; text-align: center; display: inline-block; padding: 0px 40px; height: 50px; margin: 0px 30px; border-radius: 0.3em; font-size: 16px; color: #1f5bb6; } .m2caseTag_a.on{ color: #FFF; background: #1f5bb6; } @media (max-width:767px){ .m2caseTag{ margin-bottom:30px; } .m2caseTag_a{ line-height: 38px; padding: 0px 20px; height: 40px; margin: 0px 5px; font-size: 15px; } }