.hmFocusWpr{height:100vh; position:relative; z-index:2} .hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;/*-webkit-transform:scale(1.12); transform:scale(1.12);*/} .on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5.5s infinite; animation: scaleBg 5.5s linear; } .hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;} .hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center;} .hmFocus_txt strong{ font-size: 70px; line-height: 90px; display: block; transition: all 0.8s ease-in-out; transform: translate(0px,80px); opacity: 0; letter-spacing: 12px; font-weight: bold; } .hmFocus_txt p{ display: block; transition: all 0.8s ease-in-out; transform: translate(0px,80px); opacity: 0; margin-top:2.6vw;} .hmFs_m{ font-size: 16px; line-height: 44px; letter-spacing: 1px; height: 48px; width: 180px; display: inline-block; border: 2px solid #FFF; border-radius:0.3em; color:#fff;} .hmFs_m:hover{ color: #003EAD; background: #FFF; box-shadow:0 3px 20px rgba(0,0,0,0.1); transform:translateY(-3px)} .on .hmFocus_txt strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;} .on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;} .hmVdoBox{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden} .hmVdoBox:after{ content: ""; background: url(../images/ban_bg.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .hmVdoBox video{width:110%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .hmFocus_dot{ position:absolute; left:0%; transform:translateX(0%); width:100%; text-align:center; z-index:3; bottom:2.72vw;} .hmFocus_dot span{ height:32px; display:inline-block; position:relative; margin:0 18px; transform:scale(0.8)} .hmFocus_dot span:before{content:""; width:12px; height:12px; background:#fff; border-radius:50%; position:absolute; left:10px; top:10px;} .hmFocus_dot span svg{ width:32px; height:32px; position:absolute; left:0; top:0;} .hmFocus_dot span:after{content:""; width:32px; height:32px; border:2px solid rgba(255,255,255,0.3); border-radius:50%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0} .hmFocusWpr .slick-prev{ background: url(../images/hmFsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 2; border: 2px solid rgba(255,255,255,0.8); transition:all 0.5s ease; border-radius:50%; opacity:0.5; } .hmFocusWpr .slick-next{ background: url(../images/hmFsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 2; border: 2px solid rgba(255,255,255,0.8); transition:all 0.5s ease; border-radius:50%; opacity:0.5; transform:rotate(180deg);} .hmFocusWpr .slick-prev:hover,.hmFocusWpr .slick-next:hover{ opacity:1;} .hmFocus_dot span.on:before{ background:#fff} .hmFocus_dot span.on:after{opacity:1;} @keyframes dash{to{stroke-dashoffset:0px}} .load{ width:100%; height:100%; position:absolute; z-index:234;left:0px;top:0px;} .circle{stroke-dasharray:360px;stroke-dashoffset:360px} .on .circle{animation:dash 5s linear forwards} @media (max-width:1799px){ .hmFocusWpr .slick-prev{width:42px; height:42px; background-size:8px auto;} .hmFocusWpr .slick-next{width:42px; height:42px; background-size:8px auto;} .hmFocus_dot{bottom:3vw;} .hmFsFunWpr{ width:1140px; bottom:4.2vw;} .hmFocus_txt strong{ font-size: 56px; line-height: 72px;letter-spacing: 9px;} .hmFs_m{ font-size: 14px; line-height: 42px; height: 44px; border:1px solid #fff; width: 140px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .hmFsFunWpr{width:940px;} .hmFocusWpr .slick-prev{left:30px;} .hmFocusWpr .slick-next{right:30px;} } @media (max-width:993px){ .hmFocus_txt strong{font-size:46px; line-height:66px;} } @media (max-width:767px){ *{letter-spacing:0!important;} .hmFocusWpr .slick-prev,.hmFocusWpr .slick-next{ display:none!important;} .hmFocus_txt strong{font-size:24px; line-height:36px; letter-spacing:2px!important;} .hmFocus_txt p{margin-top:35px;} } .m2pubCon{padding-top:4.68vw; padding-bottom:4.68vw;} .scrollbox{padding-right:15px; margin-right:-15px; overflow-y:auto;} .page { text-align: center; margin-bottom:2.34vw;} .page .pagination li { display: inline-block; } .page .pagination li a { padding: 0px 12px; height: 36px; min-width: 36px; text-align: center; display: inline-block; margin: 0px 5px; vertical-align: middle; color: #555; font-size: 14px; line-height: 36px; background: #F7F7F7; } .page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background:#1470cc; } .m2banner{ position:relative;} .m2banner .bgImg{ height:calc(100vh - 100px);} .m2banTxt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; padding-bottom:30px} .m2banTxt_c{text-align:center;} .m2banTxt strong{ font-size: 48px; line-height: 66px; display: block; letter-spacing: 4px; } .m2banTxt strong span{font-weight:normal; font-size:38px;} .m2banTxt p{ font-size: 26px; line-height: 40px; letter-spacing: 1px; display: block; margin-top: 12px; letter-spacing:1px; } .m2banBtn{ margin-top:3vw;} .m2banBtn a{ line-height: 48px; color: #FFF; background: #003EAD; height: 48px; width: 160px; text-align: center; display: inline-block; font-size: 16px; border-radius:0.3em; } .m2banBtn a:hover{ box-shadow:0 3px 15px rgba(0,139,253,0.3); transform:translateY(-3px); color:#fff;} .m2banBtn a.m2ban_us{ color:#003EAD; background:#efeff3;} .m2banBtn a:nth-child(2){margin-left:20px;} .m2BanSer{ margin-top:2.6vw; width:500px; height:60px; margin-left:auto; margin-right:auto; position:relative} .m2BanSer input{ width:100%; line-height:58px; height:60px; padding:0 82px 0 25px; color:#fff; border:1px solid rgba(255,255,255,0.4); border-radius:0.4em; background:none; font-size:16px;} .m2BanSer input:focus{ border:1px solid rgba(255,255,255,0.8); } .m2BanSer input::-webkit-input-placeholder{color:#fff; opacity:0.6} .m2BanSer input::-moz-placeholder{color:#fff; opacity:0.6} .m2BanSer input:-moz-placeholder{color:#fff; opacity:0.6} .m2BanSer input:-ms-input-placeholder{color:#fff; opacity:0.6} .m2BanSer button{ background: url(../images/m2banSer.png) no-repeat center center; height: 60px; width: 80px; position: absolute; top: 0px; right: 0px; cursor: pointer; } .m2menuWpr{ line-height: 70px; background:#fff; height: 70px; position:relative; z-index:1; box-shadow:0 3px 15px rgba(15,83,208,0.12); } .m2menu{ text-align:center;} .m2menu_a{ display: inline-block; line-height: 70px; position: relative; font-size: 18px; letter-spacing: 1px; margin:0 40px; } .m2menu_a.on,.m2menu_a:hover{ color: #003EAD; } .m2menu_a:after{content:""; width:0%; height:2px; background:#003EAD; position:absolute; left:50%; bottom:0px; transition:all 0.5s ease; transform:translateX(-50%);} .m2menu_a.on:after,.m2menu_a:hover:after{width:100%;} .m3menuWpr{ background:#f7f7f7; box-shadow:none;} .m2pos{ float:left;} .m2hma{ background: url(../images/m3n_hm.png) no-repeat center center; height: 70px; width: 20px; float: left; } .m2pos_a{ display: inline-block; margin-left: 20px; font-size: 16px; line-height: 70px; color: #003EAD; float: left; } .m3menuWpr .m2menu{ float:right;} .m3menuWpr .m2menu_a{ margin:0 0 0 80px;} .m2menuFixedWpr{position: -webkit-sticky;position: sticky;top:100px; z-index:5} @media (max-width:1799px){ .m2banner .bgImg{ height:calc(100vh - 70px);} .m2banTxt strong{font-size:36px; line-height:56px;} .m2banTxt strong span{font-size:30px;} .m2banTxt p.m2ban_sp{font-size:15px; line-height:28px;} .m2banBtn a{ line-height: 44px; height: 44px; width: 140px; font-size:14px; } .m2menuFixedWpr{top:70px;} .m2menuWpr{ line-height: 60px; height: 60px; } .m2menu_a{line-height: 60px; font-size: 16px; margin:0 20px; } .m2BanSer{ margin-top:2vw; width:450px; height:52px} .m2BanSer input{ line-height:50px; height:52px; padding:0 72px 0 20px; font-size:15px;} .m2BanSer button{ height:52px; width:70px;} .m2banTxt p{ font-size: 20px; line-height: 32px; } .m2hma{height:60px;} .m2pos_a{line-height:60px;} } @media (max-width:1379px){ .m2menuWpr{ line-height: 50px; height: 50px; } .m2menu_a{line-height: 50px; font-size: 16px;} } @media (max-width:1199px){ } @media (max-width:993px){ .m2banTxt strong{font-size:24px; line-height:30px;} .m2banner .bgImg{height:500px} .m2banTxt{padding-bottom:0;} .m2pubCon{padding-top:50px; padding-bottom:50px;} .page{margin-bottom:20px;} .m2menu_a{margin:0 10px;} } @media (max-width:767px){ .m2menuWpr .container{ overflow-x:auto; text-align:center} .m2menu{display:inline-block; white-space:nowrap;} .page .pagination li{margin-bottom:10px;} .m2banTxt strong{font-size:21px; line-height:30px;} .m2banBtn a:nth-child(2){margin-left:10px;} .m2banBtn{margin-top:20px;} .m2banner .bgImg{height:300px;} .m2pubCon{padding-top:40px; padding-bottom:40px;} .m2BanSer{width:100%;} .m2BanSer{margin-top:20px;} .m3menuWpr .m2menu_a{margin-left:10px;} } .m2nPage{ background: url(../images/m2nPage_bg.jpg) no-repeat center top; padding-bottom:2.34vw; } .m2nTop{ margin: 0px -20px; } .m2nTop li{ padding: 0px 20px; float: left; width: 50%; } .m2nTop_aBox{ display:block;} .m2nTop_aBox .overflowHide{ height:400px; border-radius:0.5em;} .m2nTop_aBox .overflowHide:after{ content: ""; background: url(../images/m2nNbg.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .m2nTm{ background: #003EAD; text-align: center; height: 90px; padding-top: 7px; width: 80px; position: absolute; top: 0px; left: 40px; color: #FFF; border-radius:0 0 0.4em 0.4em; } .m2nTm span{ font-size: 40px; line-height: 48px; display: block; } .m2nTm p{ font-size: 14px; line-height: 20px; margin-top: 6px; } .m2nTop_aBox .overflowHide + p{ font-size: 24px; line-height: 34px; margin: 25px 40px 0px; height: 34px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .m2nul{ margin-top: 2.08vw; margin-bottom:2.34vw; } .m2nul li{ padding: 2.34vw 0px; border-bottom: 1px solid #EBEBEB; } .m2nul li:last-child{border:none;} .m2naBox{ display:block; overflow:hidden;} .m2naBox .overflowHide{ float: left; height: 208px; width: 320px; } .m2nRx{ margin-left: 375px; padding-top: 18px; } .m2nRx strong{ font-size: 24px; line-height: 40px; font-weight: normal; display: block; height: 40px; overflow: hidden; } .m2nRx p{ font-size: 16px; line-height: 26px; color: #666666; height: 52px; overflow: hidden; margin-top: 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; } .m2nRx span{ color: #003EAD; line-height: 22px; display: block; margin-top: 45px; font-size: 18px; } @media (max-width:1799px){ .m2nTop{ margin: 0px -15px; } .m2nTop li{ padding: 0px 15px; } .m2nTop_aBox .overflowHide{height:310px;} .m2nTop_aBox .overflowHide + p{font-size:20px; line-height:32px; height:32px; margin-top:18px;} .m2nRx{margin-left:355px;} .m2nRx strong{font-size:21px; line-height:36px; height:36px;} .m2nRx p{font-size:15px;} .m2nRx span{font-size:16px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .m2nTop li{width:100%; margin-bottom:30px;} .m2nTop li:last-child{margin-bottom:0;} .m2nTop_aBox .overflowHide{height:220px;} .m2nTop_aBox .overflowHide + p {font-size: 16px;line-height: 28px; font-weight:bold;height: 28px;margin-top: 10px; margin-left:15px; margin-right:15px; height:auto;} .m2naBox .overflowHide{width:100%; float:none;} .m2nRx{margin-left:0;} .m2nul li{padding:20px 0;} .m2nRx strong{font-size:16px; font-weight:bold; line-height:30px; height:30px;} .m2nRx p{font-size:14px; line-height:24px; height:auto;} .m2nRx span{margin-top:5px;} } .m2webBom{ background: url(../images/m2bmBg.jpg) no-repeat center center; padding: 4.16vw 0px 4.68vw; background-size:cover;} .m2webBm_t{ font-size: 32px; line-height: 40px; text-align: center; letter-spacing: 1px; } .m2webBmul{ margin: 35px -10px 0px; } .m2webBmul li{ padding: 0px 10px; float: left; } .m2webBmul li input{ font-size: 16px; line-height: 48px; padding: 0px 18px; height: 50px; width: 100%; border: 1px solid #D2D1D4; border-radius:0.3em; background:none;} .m2webBmul li input:focus{ border: 1px solid #003EAD; } .m2webBmul li button{ font-size: 16px; line-height: 50px; color: #FFF; background: #003EAD; height: 50px; border-width: 0px; border-style: none; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius:0.3em; width:100%;} .m2webBmul li button:hover{ box-shadow:0 3px 18px rgba(0,139,253,0.3);} .m2webBmul li:nth-child(1){ width:16%;} .m2webBmul li:nth-child(2){ width:24%;} .m2webBmul li:nth-child(3){ width:24%;} .m2webBmul li:nth-child(4){ width:24%;} .m2webBmul li:nth-child(5){ width:12%;} @media (max-width:1799px){ .m2webBm_t{font-size:24px; line-height:30px;} .m2webBmul{margin-top:25px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m2webBmul{ margin: 35px -5px 0px; } .m2webBmul li{ padding: 0px 5px; float: left; } .m2webBmul li input{ font-size: 15px; padding: 0px 10px;} } @media (max-width:767px){ .m2webBom{padding:40px 0;} .m2webBm_t{font-size:18px;} .m2webBmul{margin-top:20px; display:block;} .m2webBmul li{width:100%!important; margin-bottom:12px;} .m2webBmul li input{height:48px; line-height:46px;} } .m2footer{} .footer{ background: #f1f4f9; } .footTop{ padding:2.86vw 0 2vw; position:relative; z-index:1;} .foot_logo{ float:left;} .foot_logo img{height:69px; width:auto;} .footTrx{ width:385px; float:right; transform:translateY(-5px)} .footTrx li{ margin-bottom:20px; height:46px; position:relative;} .footTrx li:last-child{ margin-bottom:0;} .footTrx li strong{ font-size:16px; float:left; font-weight:normal; line-height:46px;} .footSel{ position:relative; height:46px; border:1px solid #E6E6E6; border-radius:0.4em; background:#fff; margin-left:83px;} .footSel span{ line-height: 44px; display: block; padding: 0px 34px 0px 20px; background: url(../images/foot_selAr.png) no-repeat calc(100% - 12px) center; font-size: 14px; color: #666666; } .footSel_options{ position: absolute; left: -1px; top: 44px; right: -1px; background: #FFF; border: 1px solid #E6E6E6; padding: 10px 0px; border-radius:0 0 0.4em 0.4em; transition:all 0.3s ease; opacity:0; transform:scaleY(0); transform-origin:center top; visibility:hidden; max-height:342px; overflow-y:auto; } .footTrx li:hover{z-index:1;} .footTrx li:hover .footSel_options{opacity:1; visibility:visible; transform:scaleY(1);} .footSel_options dd{} .footSel_options dd a{ display:block; padding:8px 20px; line-height:20px; font-size:14px;color: #666666;} .footSel_options dd a:hover{ color: #FFF; background: #003EAD; } .footMid{ padding: 1.52vw 0px 1.82vw; border-top: 1px solid #E3E6EA; } .footMdls{ float:left;} .footMdls dl{ float:left; margin-right:120px;} .footMdls dl:last-child{margin-right:0;} .footMdls dl dt,.footMidRx dt{ margin-bottom:12px;} .footMdls dl dd{ font-size: 16px; line-height: 32px; color: #666666; } .foot_st{ line-height:50px; font-size:20px; position:relative; letter-spacing:1px;} .foot_st:after{ content: ""; background: #003ead; height: 2px; width: 40px; position: absolute; left: 0px; bottom: 0px;} .foot_a1{} .foot_a2{ color:#666;} .footMidRx{ float: right; padding-left: 120px; border-left: 1px solid #E3E6EA; } .footMidRx dd{ font-size: 16px; line-height: 32px; color: #666666; } .footBom{padding: 1.82vw 0px; border-top: 1px solid #E3E6EA; } .footBmLx{ float:left;} .footBmul1{ margin-top:20px;} .footBmul1 li{ float:left; text-align:center; margin-right:65px; position:relative} .footBmul1 li img{} .footBmul1 li p{ font-size: 14px; line-height: 20px; } .footBmul1 li span{ width:110px; height:110px; position:absolute; left:50%; margin-left:-55px; bottom:72px; border-radius:0.3em; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,0.1); opacity:0; transition:all 0.5s ease; transform:translateY(-15px); visibility:hidden;} .footBmul1 li:hover span{opacity:1; transform:translateY(0); visibility:visible;} .footBmRx{ float:right;} .footBmRx li{ float:left; text-align:center; margin-left:45px;} .footBmRx li span{} .footBmRx li p{ font-size: 14px; line-height: 18px; margin-top: 5px; color: #666666; } .webInfo{ font-size: 16px; line-height: 30px; color: #666666; padding: 1.56vw 0px; background: #EDF1F7; } @media (max-width:1799px){ .footMdls dl{margin-right:82px;} .footMidRx{padding-left:80px;} .foot_logo img{height:58px;} .footTrx li strong{font-size:14px;} .footTrx li{margin-bottom:15px;} .footSel{margin-left:70px; height:44px;} .footSel span{line-height:42px;} .foot_st{font-size:16px; line-height:46px;} .footMdls dl dd{font-size:14px; line-height:28px;} .footMidRx dd{font-size:14px; line-height:28px;} .foot_st:after{ height: 2px; width: 25px;} .footBmRx li{margin-left:20px;} .footBmRx li p{font-size:12px;} .footBmul1 li{margin-right:50px;} .footSel_options{top:42px;} } @media (max-width:1379px){ .footTop{padding:2.2vw 0 1.3vw;} .footTrx li{margin-bottom:8px;} .footMid{padding:1.2vw 0px 1.2vw;} .footMdls dl dd{font-size:13px; line-height:24px;} .footMidRx dd{font-size:13px; line-height:24px;} .footBmRx li span{width:100px; display:inline-block;} .footBmul1{margin-top:15px;} } @media (max-width:1199px){ .footMdls dl{margin-right:50px;} .footBmRx li{margin-left:10px;} } @media (max-width:993px){ .footMdls dl{margin-right:20px;} .footMidRx{padding-left:20px;} .footBmLx{width:100%; float:none;} .footBmRx{width:100%; float:none; margin-top:25px;} .footBmul1:after{content:""; clear:both; display:table;} .footTop{padding-top:45px;} .webInfo{font-size:13px; line-height:22px; padding:20px 0;} .footBmRx li{margin-left:0;} .footBmRx{display:flex; justify-content:space-between;} } @media (max-width:767px){ .footMdls{display:none;} .foot_logo{display:none;} .footMidRx{padding-left:0; border:none; width:100%; float:none;} .footBmRx li span{width:68px;} .footBmul1{display:flex; justify-content:space-between; } .footBmul1 li{margin:0;} .footBmRx{margin-left:-3px; margin-right:-3px; width:auto} .footMidRx dd{font-size:12px; line-height:22px;} .footBmRx{margin-top:20px;} .webInfo{padding:12px 0; font-size:12px; line-height:20px; text-align:center; margin-top:-10px;} .webInfo .fl,.webInfo .fr{display:block; width:100%; text-align:center;} .foot_st{line-height:38px} .footTrx{width:100%;} .footBmLx .foot_st{display:none;} .footMid{padding-bottom:8px;} .footBmul1{margin-top:5px;} .footBmRx li p{transform:scale(0.86); transform-origin:center top;} } .m3nPage{} .max1300{max-width:1300px; margin-left:auto; margin-right:auto;} .m3nt{ font-size: 44px; line-height: 60px; font-weight: normal; letter-spacing: 4px; display: block; text-align:center } .m3nInfo{ padding: 2.08vw 0px 1.04vw; border-bottom: 2px solid #F2F2F2; font-size: 16px; line-height: 32px; color: #808080; text-align:center; } .m3nInfo span{} .m3nInfo em{ font-size: 14px; font-style: normal; display: inline-block; margin: 0px 18px; } .m3nInfo span i,.m3nInfo span a{ font-style: normal; color: #006bb3; } .m3nEditor{ font-size: 16px; line-height: 26px; color: #666666; padding: 1.82vw 0px 2.86vw; } .m3nBack{ text-align:center;} .m3nBcBtn{ background: url(../images/m3nBtn.png) no-repeat center center; height: 172px; width: 172px; display: inline-block; font-size: 14px; line-height: 20px; color: #FFF; padding-top: 85px; } .m3nBcBtn:hover{ color:#fff; transform:translateY(-10px);} .m3ntip{ font-size: 15px; line-height: 26px; padding: 1.82vw 0px 2.86vw; border-bottom: 2px solid #F2F2F2; } .m2pages{ margin-top: 2.34vw; margin-bottom:3.86vw;} .m2pages p{ font-size: 18px; line-height: 36px; height: 36px; overflow: hidden; } .m2pub_t{ line-height: 40px; height:66px; } .m2pub_t span{ font-size: 40px; font-weight: normal; letter-spacing: 2px; float: left; position:relative; padding-bottom:26px; } .m2pub_t span:before{ content: ""; background: #003EAD; height: 2px; width: 100px; position: absolute; left: 0px; bottom: 0px; } .m2pub_tc{ text-align:center;} .m2pub_tc span{float:none; display:inline-block;} .m2pub_tc span:before{left:50%; margin-left:-50px;} .m2pub_tw{color:#fff;} .m2pub_tw span:before{background:#fff;} .m3nbmul{ margin-bottom:0; margin-top:1vw;} @media (max-width:1799px){ .m2pub_t span{ font-size: 30px; padding-bottom:20px; } .m2pub_t span:before{width:80px;} .m2pub_tc span:before{margin-left:-40px;} .m3nt{font-size:34px; line-height:50px;} .m3nInfo{font-size:15px;} .m3nEditor{font-size:15px;} .m2pages p{font-size:16px; line-height:32px; height:32px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .m3nt{font-size:30px; line-height:44px;} } @media (max-width:993px){ .m2pub_t span{font-size:26px;} .m3nt{font-size:24px; line-height:36px;} } @media (max-width:767px){ .m2pub_t span{font-size:24px; padding-bottom:10px;} .m3nt{font-size:20px; line-height:32px;} .m3nInfo{font-size:13px;} .m3nInfo em{margin:0 5px;} .m3nEditor{font-size:14px; line-height:26px; padding-top:30px;} .m3nInfo{padding-bottom:15px;} .m3ntip{font-size:14px; line-height:24px; padding-bottom:25px;} .m2pages p{font-size:14px;} } .m2jbPage{ background: url(../images/m2nPage_bg.jpg) no-repeat center top; } .m2jbCon1{} .m2jbc1x{ margin-top:2.6vw; border-radius:0.8em; overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.1); background:#fff;} .m2jbc1x .overflowHide{ height:600px;} .m2jbc1des{ font-size: 24px; line-height: 32px; letter-spacing: 2px; text-align: center; padding: 2.6vw; } .m2jbCon2{ padding-top:0} .m2jbc2x{ margin-top: 2.6vw; display:flex; justify-content:space-between;flex-direction:row-reverse; border-radius:0.8em; overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.1); background:#fff; } .m2jbc2x .overflowHide{ height: 440px; width: 50%; } .m2jbc2des{ width:50%;display:flex; flex-direction:column; justify-content:center; padding:0 65px; text-align:justify; font-size:22px; line-height:44px; letter-spacing:1px;} .m2jbc2des .scrollbox{max-height:308px;} .m2jbCon3{ background:#f5f5f5;} .m2jbc3ul{ margin-top:2.6vw; margin-left:-15px; margin-right:-15px; font-size:0; text-align:center;} .m2jbc3ul li{ padding:0 15px; width:14.28%; display:inline-block; margin-bottom:20px;vertical-align:top; transition:all 0.5s ease;} .m2jbc3ul li span{ width: 173px; height: 173px; display: inline-block; background: #fff; box-shadow: 0 3px 15px rgba(0,0,0,0.03); border-radius: 50%; font-size: 24px; line-height: 34px; color: #003EAD; display: flex; flex-direction: column; justify-content: center; font-weight: bold; } .m2jbc3ul li:hover{transform:translateY(-10px);} .m2jbCon4{ padding-bottom:0} .m2jbc4ul{ margin-top:2.6vw;display:flex; flex-wrap:wrap;} .m2jbc4ul li{ width:25%; float:left;} .m2jbc4ul li:nth-child(1),.m2jbc4ul li:nth-child(2){ width:50%;} .m2jbc4ul li .overflowHide{ height:21.35vw;} .m2jbc4ul li:nth-child(1) .overflowHide,.m2jbc4ul li:nth-child(2) .overflowHide{ height:21.25vw;} @media (max-width:1799px){ .m2jbc1x .overflowHide{height:450px;} .m2jbc1des{font-size:20px; line-height:30px; padding:1.8vw;} .m2jbc2x .overflowHide{height:320px;} .m2jbc2des{padding-left:45px; padding-right:45px; font-size:18px; line-height:38px;} .m2jbc2des .scrollbox{max-height:224px;} .m2jbc3ul li span{ width: 150px; height: 150px; font-size: 20px; line-height: 30px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .m2jbc2des{font-size:16px; line-height:34px;} .m2jbc3ul li span{font-size:16px;} } @media (max-width:993px){ .m2jbc2des .scrollbox{max-height:210px;} .m2jbc3ul li span{width:100px; height:100px; font-size:14px; line-height:22px;} } @media (max-width:767px){ .m2jbc1x{margin-top:25px;} .m2jbc1x .overflowHide{height:180px;} .m2jbc1des{padding:15px; font-size:14px; line-height:26px;} .m2jbc2x{margin-top:25px;} .m2jbc2x{display:block;} .m2jbc2x .overflowHide{width:100%;} .m2jbc2des{width:100%; padding:15px; display:block; font-size:14px; line-height:26px;} .m2jbc2x .overflowHide{height:180px;} .m2jbc4ul li{width:100%!important; margin-bottom:10px;} .m2jbc4ul{margin-left:10px; margin-right:10px; margin-top:25px; margin-bottom:40px;} .m2jbc4ul li .overflowHide{height:40vw!important;} .m2jbc3ul li{width:33.33%;} .m2jbc3ul{margin-top:25px;} } .m3jbPage{ padding-bottom:2.6vw;} .m3jbVar{ margin: 2.6vw -14px 15px; display:flex; justify-content:space-between; } .m3jbVar li{ width:calc(33% - 28px); margin:0 14px; margin-bottom:15px;} .m3jbVar li:last-child{width:100px;} .m3jbVar select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #003EAD; background: transparent url(../images/m2jb_ar.png) no-repeat calc(100% - 28px) center; padding-right: 80px; opacity: 1; color: #888; font: 18px/68px "微软雅黑"; width: 100%; height: 70px; padding-left: 28px; border-radius: 0.3em; } .m3jbVar button{ width: 100px; background: #003EAD url(../images/m2jb_serico.png) no-repeat center center; height: 70px; cursor: pointer; border-radius:0.3em; transition:all 0.5s ease;} .m3jbVar button:hover{ box-shadow:0 5px 25px rgba(0,139,253,0.3);} .m3jbDls{ margin-bottom:3.6vw;} .m3jbDls dl{} .m3jbDls dl dt{ background:#fafafa; line-height:100px; height:100px; text-align:center; font-size:20px; border-radius:0.4em;} .m3jbDls dl dt img,.m3jbDls dl text{vertical-align:middle;} .m3jbDls dl dt img{margin-right:8px;} .m3jb_w1{ width:25%; float:left;} .m3jb_w2{ width:25%; float:left;} .m3jb_w3{ width:25%; float:left;} .m3jb_w4{ width:25%; float:left;} .m3jbDls dl dd{ background:#fafafa; line-height:70px; height:70px; text-align:center; font-size:18px; border-radius:0.4em;} .m3jbDls dl dd:nth-child(2n){ background:#fff;} .m3jb_a{ color:#666666;} .m3jbDls dl dd .m3jb_w1, .m3jbDls dl dd .m3jb_w2, .m3jbDls dl dd .m3jb_w3, .m3jbDls dl dd .m3jb_w4{ padding:0 5px; line-height:70px; height:70px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} @media (max-width:1799px){ .m3jbVar select{ background: transparent url(../images/m2jb_ar.png) no-repeat calc(100% - 20px) center; padding-right: 54px; font: 16px/54px "微软雅黑"; height:56px; padding-left: 20px; } .m3jbVar button{ width: 80px; height: 56px; } .m3jbVar li {width: calc(33% - 18px);margin: 0 9px;margin-bottom: 12px;} .m3jbDls dl dt{line-height:70px; height:70px; font-size:16px;} .m3jbDls dl dd{line-height:60px; height:60px; font-size:15px;} .m3jbDls dl dd .m3jb_w1, .m3jbDls dl dd .m3jb_w2, .m3jbDls dl dd .m3jb_w3, .m3jbDls dl dd .m3jb_w4{line-height:60px; height:60px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m3jbPage{padding-bottom:35px;} } @media (max-width:767px){ .m3jbVar{margin-top:25px; display:block; margin-bottom:30px;} .m3jbVar li{width:calc(100% - 30px)!important; margin-left:15px; margin-right:15px;} .m3jbVar select{line-height:48px; height:50px;} .m3jbVar button{width:100%; line-height:50px;} .m3jbDls{width:100%; overflow-x:auto; margin-bottom:30px;} .m3jbDls dl{width:700px;} .m3jbDls dl dd{line-height:50px; height:50px;} .m3jbDls dl dd .m3jb_w1, .m3jbDls dl dd .m3jb_w2, .m3jbDls dl dd .m3jb_w3, .m3jbDls dl dd .m3jb_w4{line-height:50px; height:50px;} } .m4jbPage{} .m4jbTop{padding: 4.16vw 7vw 2.34vw 5.2vw; background: #f3f3f3 url(../images/m3jb_bg.png) no-repeat center bottom; border-radius:0.4em; } .m4jbTop strong{ font-size: 48px; font-weight: normal; letter-spacing: 3px; display: block; line-height: 50px; } .m4jbTop ul{ margin-top: 2.6vw; overflow:hidden; } .m4jbTop ul li{ width: 260px; float: left; font-size: 16px; line-height: 42px; color: #666666; } .m4jbTop ul li:last-child{width:auto;} .m4jbBom{ padding-top: 0.78vw; } .m4jbBom dl{ padding: 1.35vw 0px 2.6vw; border-top: 1px solid #E6E6E6; } .m4jbBom dl:first-child{border:none;} .m4jbBom dl dt{ font-size: 24px; line-height: 3.33vw; letter-spacing: 1px; } .m4jbBom dl dd{ font-size: 16px; line-height: 32px; color: #808080; letter-spacing:1px;} .m4jbBtn{ padding-top:2vw;} .m4jbBtn a{ display: block; line-height: 60px; background: #003EAD; font-size: 18px; letter-spacing: 2px; text-align: center; color: #FFF; border-radius:0.3em; } .m4jbBtn a:hover{ color:#fff; box-shadow:0 3px 12px rgba(0,139,253,0.3); transform:translateY(-3px)} @media (max-width:1799px){ .m4jbTop{padding: 3.16vw 4vw 2.34vw 4vw; } .m4jbTop strong{ font-size: 36px; line-height: 40px; } .m4jbTop ul{margin-top:2vw;} .m4jbTop ul li{font-size:15px; line-height:36px;} .m4jbBom dl dt{font-size:21px;} .m4jbBom dl dd{font-size:15px; line-height:30px;} .m4jbBtn a{ line-height: 56px; font-size: 16px; } } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m4jbTop strong{font-size:24px; line-height:30px;} .m4jbTop ul li{font-size:14px; line-height:26px;} .m4jbBom dl dd{font-size:14px; line-height:28px;} .m4jbBom{padding-top:20px;} .m4jbBom dl{padding-top:20px;} } @media (max-width:767px){ .m4jbTop ul{margin-top:15px;} .m4jbTop{padding:25px 15px;} .m4jbBom dl dd{line-height:26px; margin-top:15px; padding-bottom:15px;} .m4jbBom dl dt{line-height:24px; font-size:19px;} .m4jbTop strong{font-size:20px;} .m4jbBtn a{line-height:46px;} } .m2abtMap img{max-width:none;} .m2abtCon1{ background:#fff url(../images/m2nPage_bg.jpg) no-repeat center top; } .m2abtc1Txt{ font-size: 17px; line-height: 30px; letter-spacing: 1px; margin-top:2.6vw; } .m2abtc1Txt strong{ display:block; font-size:20px; margin-bottom:15px;} .m2abtc1Txt p{ margin-bottom:15px;} .m2abt_mv{ margin-top:2.6vw;} .m2abt_mv .overflowHide{ height:400px;} .m2abt_mvBtn{ display: none; background: url(../images/m2abt_c1btn.png) no-repeat center bottom; padding-bottom: 96px; font-size: 18px; color: #FFF; letter-spacing: 1px; line-height: 32px; text-align: center; position: absolute; left: 0px; top: 50%; right: 0px; margin-top:-64px; } .m2abt_mv.vBtn .m2abt_mvBtn{ display:block;} .m2abtCon2{background: linear-gradient(to bottom, #F5F6FA 0%,#fff 100%); } .m2pub_tab{ margin-top:35px; text-align:center;} .m2pub_tab a{ text-align: center; display: inline-block; height: 52px; width: 185px; position: relative; margin: 0px 15px; border-radius: 2em; overflow: hidden; box-shadow: 0 0 12px rgba(15,83,208,0.2); font-size: 16px; color: #1b255e; letter-spacing: 1px; line-height: 52px; cursor:pointer; } .m2pub_tab a span{ position:relative; z-index:1; display:block;} .m2pub_tab a:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.3s ease;background: linear-gradient(to bottom, #003EAD 0%,#004dfd 100%); opacity:0} .m2pub_tab a.on{ color:#fff;} .m2pub_tab a.on:before{ opacity:1;} .m2abtc2box{ height: 538px; position: relative; margin: 2.6vw -43px 0px; } .m2abtc2Swiper{ position:absolute; left:0; top:0; width:100%; transition:all 0.5s ease; opacity:0; visibility:hidden; z-index:0;} .m2abtc2Swiper.on{ opacity:1; visibility:visible; z-index:1;} .m2abtc2Swiper dd{ padding:0 43px;} .m2abtc2Swiper dd .overflowHide{ height:410px; position:relative;} .m2abtc2Swiper dd .overflowHide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .m2abtc2Swiper dd p{ font-size: 22px; line-height: 28px; height:86px; text-align: center; display:flex; flex-direction:column; justify-content:center;} .m2abtc2Swiper .slick-dots{bottom:-45px;} .m2abtc2Swiper .slick-dots li button{display:none;} .m2abtc2Swiper .slick-dots li { display: inline-block; height: 18px; width: 18px; margin: 0px 15px; position: relative; border-radius: 50%; vertical-align: middle; border: 1px solid #003EAD; } .m2abtc2Swiper .slick-dots li.slick-active{ background: #003EAD;} .m2abtc2Swiper .slick-prev{ background: url(../images/m2abt_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -80px; top: 155px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #003ead; border-radius: 50%; transition:all 0.5s ease; } .m2abtc2Swiper .slick-next{ background: url(../images/m2abt_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -80px; top: 155px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #003ead; border-radius: 50%; transition:all 0.5s ease; transform:rotate(180deg);} .m2abtc2Swiper .slick-prev:hover,.m2abtc2Swiper .slick-next:hover{ background: #003ead url(../images/m2abt_btna.png) no-repeat center center; } .m2abtCon3{ background: url(../images/m2abt_c3bg.jpg) no-repeat center center; background-size:cover;} .m2abtc3swiper,.hmc7dls{ margin-right: -6px; margin-bottom: 0px; margin-left: -6px; margin-top:2vw; padding-bottom:30px; } .m2abtc3swiper .slick-list,.hmc7dls .slick-list{padding:10px 5px;} .m2abtc3swiper dd,.hmc7dls dd{ padding: 5px 6px; } .m2abtc3swiper dd span,.hmc7dls dd span{ display: block; height: 96px; border: 1px solid #F2F2F2; position: relative; transition:all 0.3s ease; background:#fff; } .m2abtc3swiper dd span img,.hmc7dls dd span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .m2abtc3swiper dd span:hover,.hmc7dls dd span:hover{box-shadow:0 0 12px rgba(15,83,208,0.3);} .m2abtc3swiper .slick-dots,.hmc7dls .slick-dots{bottom:-20px;} .m2abtc3swiper .slick-dots li button,.hmc7dls .slick-dots li button{display:none;} .m2abtc3swiper .slick-dots li,.hmc7dls .slick-dots li { display: inline-block; height: 18px; width: 18px; margin: 0px 15px; position: relative; border-radius: 50%; vertical-align: middle; border: 1px solid #003EAD; } .m2abtc3swiper .slick-dots li.slick-active,.hmc7dls .slick-dots li.slick-active{ background: #003EAD;} @media (max-width:1799px){ .m2abtc3swiper dd span, .hmc7dls dd span{height:66px;} .m2pub_tab a{font-size:15px;} .m2abtc1Txt strong{font-size:18px; margin-bottom:12px;} .m2abtc1Txt{font-size:15px; line-height:28px;} .m2abt_mv .overflowHide{height:310px;} .m2abt_mvBtn{ padding-bottom: 86px; font-size: 16px;margin-top:-60px; background-size:70px auto; } .m2abtc2box{ height: 455px; margin: 2.6vw -25px 0px; } .m2abtc2Swiper dd{ padding:0 25px;} .m2abtc2Swiper dd .overflowHide{ height:345px;} .m2abtc2Swiper dd p{ font-size: 18px; height: 60px; line-height:26px;} .m2abtc3swiper .slick-dots li,.hmc7dls .slick-dots li,.m2abtc2Swiper .slick-dots li { height: 12px; width: 12px; margin: 0px 10px;} .m2abtc2Swiper .slick-prev{height: 50px; width: 50px; left: -60px; top: 145px; background-size:10px auto; } .m2abtc2Swiper .slick-next{height: 50px; width: 50px; right: -60px; top: 145px; background-size:10px auto;} .m2abtc2Swiper .slick-prev:hover,.m2abtc2Swiper .slick-next:hover{ background-size:10px auto;} .m2abtc3swiper .slick-dots, .hmc7dls .slick-dots{bottom:0;} } @media (max-width:1379px){ .m2abtc2box{ margin-left:30px; margin-right:30px; height:415px;} .m2abtc2Swiper dd .overflowHide{ height:305px;} .m2abtc2Swiper .slick-prev{top: 125px;} .m2abtc2Swiper .slick-next{top: 125px;} } @media (max-width:1199px){ .m2abtc2box{margin-left:50px; margin-right:50px;} .m2abtc2Swiper dd p{font-size:16px; line-height:22px;} .m2abtc2Swiper dd .overflowHide{height:230px;} } @media (max-width:993px){ .m2abtc3swiper dd span, .hmc7dls dd span{height:86px;} .m2abtc2box{height:345px;} } @media (max-width:767px){ .m2pub_t{height:50px;} .m2pub_tab{overflow-x:auto;} .m2pub_tab div{display:inline-block; white-space:nowrap; padding-top:10px;} .m2pub_tab2 a{min-width:50px!important; width:auto!important; padding:0 25px!important;} .m2pub_tab a{line-height:46px; height:46px;} .m2abtc1Txt{margin-top:20px; font-size:14px; line-height:26px;} .m2abtc1Txt strong{font-size:16px;} .m2abtCon1{padding-bottom:50px;} .m2abt_mv .overflowHide{height:220px;} .m2pub_tab{margin-top:30px;} .m2abtc3swiper .slick-dots li,.hmc7dls .slick-dots li,.m2abtc2Swiper .slick-dots li { height: 6px; width: 6px; margin: 0px 5px;} } @keyframes rangeScale { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(4); } } .m2abtCon4{ background: url(../images/m2abt_mapBg.jpg) no-repeat center center; background-size:cover;} .m2abtCon4 .container{display:flex; justify-content:space-between; } .m2abtc4Lx{float:left; width:33.88%; padding-top:35px;} .m2abt_c4des{ font-size: 23px; line-height: 42px; letter-spacing: 1px; margin-top: 35px; } .m2abt_c4tab{ margin-top: 185px; } .m2abt_c4tab span{display:block; margin-bottom:5px;} .m2abt_c4tab a{ display: inline-block; font-size: 21px; line-height: 64px; background:none; padding: 0px 20px; height: 66px; border: 1px solid transparent; white-space:nowrap; border-radius:0.4em; letter-spacing:1px; } .m2abt_c4tab a:hover{ color:#333; background: #FFF; border: 1px solid #007BF0; } .m2abt_c4tab a img,.m2abt_c4tab a text{ vertical-align:middle;} .m2abt_c4tab a img{margin-right:10px; position:relative; top:-2px;} .m2abtc4Rx{ float:right; width:875px; position:relative;} .m2abt_c4sx{ width:1px; height:1px; position:absolute;} .m2abt_c4nm{ font-size: 14px; line-height: 20px; white-space: nowrap; position: absolute; right: 20px; top: -10px; color: #666; } .m2abt_c4ico{ background: url(../images/m2abt_mi1.png) no-repeat center center; height: 24px; width: 26px; position: absolute; left: 50%; top: 50%; margin-top: -14px; margin-left: -13px; } .m2abt_c4ani{ width:8px; height:8px; position:absolute; left:50%; top:50%; margin-left:-4px; top:-4px;} .m2abt_c4ani:before,.m2abt_c4ani:after{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: rangeScale 3s linear infinite;opacity: 0;z-index: 2; background:rgba(0,139,253,0.3);} .m2abt_c4ani:after {animation-delay: 1.5s;} .m2abt_c4ani i{ position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; z-index:1; background:#008BFD;} .m2abt_c4_beijing{ left:73.82%; top:37.91%;} .m2abt_c4_heilongjiang{ left:90.28%; top:14.69%;} .m2abt_c4_jilin{ left:89.71%; top:25.68%;} .m2abt_c4_liaoning{ left:86.51%; top:31.31%;} .m2abt_c4_tianjin{ left:77.02%; top:39.56%;} .m2abt_c4_neimenggu{ left:64.91%; top:36.26%;} .m2abt_c4_xinjiang{ left:25.37%; top:33.24%;} .m2abt_c4_ganshu{ left:56.22%; top:47.8%;} .m2abt_c4_heibei{ left:73.37%; top:43.81%;} .m2abt_c4_qinghai{ left:40.34%; top:49.45%;} .m2abt_c4_shandong{ left:79.08%; top:48.35%;} .m2abt_c4_shanxi{ left:62.28%; top:55.49%;} .m2abt_c4_jiangsu{ left:83.65%; top:56.04%;} .m2abt_c4_anhui{ left:78.74%; top:59.61%;} .m2abt_c4_hubei{ left:70.85%; top:63.04%;} .m2abt_c4_sichuan{ left:52%; top:64.14%;} .m2abt_c4_zhejiang{ left:85.71%; top:67.71%;} .m2abt_c4_hunan{ left:69.14%; top:72.52%;} .m2abt_c4_jiangxi{ left:77.48%; top:70.6%;} .m2abt_c4_guizhou{ left:60.8%; top:75.27%;} .m2abt_c4_fujian{ left:81.94%; top:76.37%;} .m2abt_c4_yunnan{ left:50.62%; top:81.59%;} .m2abt_c4_guangxi{ left:65.82%; top:86.12%;} .m2abt_c4_guangdong{ left:74.4%; top:84.61%;} .m2abt_c4_hainan{ left:64.91%; top:97.25%;} .m2abt_c4_tianjin .m2abt_c4nm{right:auto; left:20px;} .m2abt_c4_henan{ left: 71.37%;top: 53.81%;} .m2abt_c4_shanxi2{ left: 67.8%;top: 47%;} .m2abt_c4_shanxi .m2abt_c4ani, .m2abt_c4_sichuan .m2abt_c4ani, .m2abt_c4_heibei .m2abt_c4ani, .m2abt_c4_hainan .m2abt_c4ani, .m2abt_c4_tianjin .m2abt_c4ani, .m2abt_c4_xinjiang .m2abt_c4ani{display:none;} .m2abt_c4_shanxi:after, .m2abt_c4_sichuan:after, .m2abt_c4_heibei:after, .m2abt_c4_hainan:after, .m2abt_c4_tianjin:after, .m2abt_c4_xinjiang:after{content:""; background:url(../images/m2abt_mi2.png) no-repeat; width:27px; height:24px; position:absolute; right:-15px; top:50%; margin-top:-14px;} @media (max-width:1799px){ .m2abtc4Rx{width:660px;} .m2abt_c4des{font-size:18px; line-height:38px; margin-top:25px;} .m2abt_c4tab a{font-size:18px; line-height:54px; height:56px;} .m2abt_c4tab a img{top:-1px;} .m2abt_c4tab{ margin-top:115px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m2abtc4Lx{width:100%; float:none;} .m2abtc4Rx{float:none; margin:30px auto 0;} .m2abtCon4 .container{display:block;} .m2abt_c4tab{margin-top:15px;} } @media (max-width:767px){ .m2abtc4Lx{padding-top:0;} .m2abt_c4des{font-size:16px; line-height:32px;} .m2abtc4Rx{transform:scale(0.58)!important; transform-origin:left top; margin-top:-15px} .m2abtCon4{height:750px;} } @media (max-width:400px){ .m2abtc4Rx{transform:scale(0.55)!important;} .m2abtCon4{height:720px;} } @media (max-width:370px){ .m2abtc4Rx{transform:scale(0.5)!important;} .m2abtCon4{height:700px;} } .m2abtCon5{} .m2ab5c5box{position:relative; background: url(../images/m2abt_c6map.png) no-repeat center center; margin-top: 35px; } .m2abt5Swiper{height: 598px; position:relative;} .m2abt5Swiper:before{ content: ""; position: absolute; height: 1px; left: 0px; top: 278px; right: 0px; background: #007BF0; } .m2abt5Swiper dd{ padding-top:170px; text-align:center;} .m2abt_c5yr span{ display: block; height: 216px; position: relative; font: 80px/96px din_n; } .m2abt5Swiper dd:nth-child(2n) span{ padding-top:120px;} .slick-current.m2abt_c5yr span{ color: #003EAD; } .m2abt_c5yr span:before{ content: ""; background: #FFF; height: 24px; width: 24px; margin-top: -12px; margin-left: -12px; position: absolute; left: 50%; top: 50%; box-shadow:0 0 8px rgba(0,0,0,0.5); border-radius:50%; } .m2abt_c5yr span:after{content:""; width:10px; height:10px; background:#666666; border-radius:50%; left:50%; top:50%; margin-left:-5px; margin-top:-5px; position:absolute; transition:all 0.5s ease;} .slick-current.m2abt_c5yr span:after{ background:#003EAD;} .m2ab5c5bmx{width:1px; height:1px; position:absolute; z-index:1; left:30vw; top:300px;} .m2abtc5Slider{ width: 450px; background: #FFF; height: 382px; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; box-shadow:0 3px 15px rgba(0,0,0,0.1); border-radius:0.4em; } .m2abtc5Slider dd{ padding:13px 15px;} .m2abtc5Slider dd .overflowHide{ height:237px; border-radius:0.5em;} .m2abt_c5p{ height: 100px; margin-top: 15px; display: flex; flex-direction: column; justify-content: center; padding-left: 10px; } .m2abt_c5p p{ font-size: 21px; line-height: 32px; padding-left: 22px; position: relative; } .m2abt_c5p p:before{ content: ""; background: #003EAD; height: 8px; width: 8px; position: absolute; left: 0px; top: 13px; border-radius:50%; } .m2abt_c5btns{ width: 200px; height: 40px; position: absolute; left: 50%; margin-left: -100px; z-index: 3; bottom: 115px; } .m2abt_c5btns .prev{ width: 99px; height: 40px; float: left; cursor: pointer; background: #e6e6e6 url(../images/m2abt_c6ar.png) no-repeat center center; } .m2abt_c5btns .next{ width: 99px; height: 40px; float: right; cursor: pointer; background: #e6e6e6 url(../images/m2abt_c6ar.png) no-repeat center center; transform:rotate(180deg); } .m2abt_c5btns .prev:hover,.m2abt_c5btns .next:hover{ background: #003EAD url(../images/m2abt_c6ar2.png) no-repeat center center; } .m2abtCon6{ background:#f2f9ff; padding-bottom:0;} .m2abt_c6ul{ margin-top:2.6vw;} .m2abt_c6ul li{ float:left; width:33.33%; position:relative;} .m2abt_c6ul li:nth-child(4){ width:66.66%;} .m2abt_c6ul li .overflowHide{ height:17.7vw} .m2abt_c6ul li:nth-child(1) .overflowHide{ height:35.4vw;} .m2abt6des{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; color: #FFF; padding: 1.45vw 2.6vw 0px; } .m2abt6des strong{ font-size: 34px; line-height: 56px; letter-spacing: 3px; display: block; font-weight: normal; } .m2abt6des p{ font-size: 24px; line-height: 38px; letter-spacing: 1px; display: block; max-width:680px;} .m2abt_c6ul li:nth-child(2) .m2abt6des p, .m2abt_c6ul li:nth-child(3) .m2abt6des p{ font-size: 22px; max-width:435px;} .m2abt_c7tab a span{ display: inline-block; background: url(../images/m2abt_c7ico1.png) no-repeat left center; padding-left: 28px; } .m2abt_c7tab a{ color:#003EAD;} .m2abt_c7tab a.on span{ background: url(../images/m2abt_c7ico2.png) no-repeat left center; } .m2abtc7cxs{ margin-top:2.6vw; height:600px; box-shadow:0 3px 20px rgba(15,83,208,0.1); border-radius:0.4em; background:#fff; position:relative} .m2abtc7mapx{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0;} .m2abtc7mapx.on{ opacity:1; z-index:1;} .m2abt_c7info{ width: 395px; float: left; padding: 60px 50px 0px; } .m2abt_c7info strong{ font-size: 30px; line-height: 44px; font-weight: normal; letter-spacing: 1px; display: block; } .m2abt_c7info ul{ display:block; margin-top:10px} .m2abt_c7info ul li{ padding: 32px 0; border-bottom: 1px solid #E5F3FF; } .m2abt_c7info ul li:last-child{ border-bottom:none;} .m2abt_c7info p{ padding-left: 34px; font-size: 18px; line-height: 28px;} .m2abt7_p1{ background: url(../images/m2abt_c7li1.png) no-repeat left 2px; } .m2abt7_p2{ background: url(../images/m2abt_c7li2.png) no-repeat left 2px; } .m2abt7_p3{ background: url(../images/m2abt_c7li3.png) no-repeat left 2px; } .m2abt7_p4{ background: url(../images/m2abt_c7li4.png) no-repeat left 2px; } .m2abtMap{ width:calc(100% - 395px); float:right; height:600px;} .anchorTR{display:none!important;} @media (max-width:1799px){ .m2ab5c5box{background-size:cover;} .m2abt_c5yr span{font: 52px/96px din_n; } .m2abt_c5btns .prev{width:60px;} .m2abt_c5btns .next{width:60px;} .m2abt_c5btns{width:122px; margin-left:-61px; bottom:52px;} .m2abtc5Slider{width:350px; height:312px} .m2abtc5Slider dd .overflowHide{height:175px;} .m2abt_c5p{margin-top:10px;} .m2abt_c5p p{font-size:16px;} .m2abt_c5p p::before {height: 6px;width: 6px;top: 14px;} .m2ab5c5box{margin-top:-85px;} .m2abt5Swiper{height:508px;} .m2abt6des strong{font-size:26px; line-height:46px;} .m2abt6des p{font-size:18px!important; line-height:32px!important;} .m2abtc7cxs{height:420px; margin-top:2vw;} .m2abt_c7info{padding:40px 30px 0px; } .m2abt_c7info strong{ font-size: 22px; line-height: 28px; } .m2abt_c7info ul li{ padding:15px 0;} .m2abt_c7info p{font-size:16px;} .m2abtMap{ height:420px;} .m2abt_c7tab a{width:auto; min-width:160px; padding:0 20px;} } @media (max-width:1379px){ .m2abtc7cxs{height:380px;} .m2abtMap{ height:380px;} } @media (max-width:1199px){ .m2abtc5Slider{width:260px;} .m2abt_c5p p{font-size:14px;} .m2abt6des p{font-size:16px!important; line-height:28px!important;} } @media (max-width:993px){ .m2abt5Swiper{margin-left:-120px; margin-right:-120px;} .m2abt_c5yr span{font-size:26px;} .m2ab5c5bmx{left:28vw;} .m2abt_c5btns{margin-left:0;} .m2abt6des p{font-size:13px!important; line-height:22px!important;} .m2abt6des strong{font-size:24px;} } @media (max-width:767px){ .m2ab5c5bmx{left:50vw;} .m2abtc5Slider{width:330px;} .m2abt5Swiper{opacity:0;} .m2ab5c5bmx .dsPadPhone{position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); right:0; text-align:center; line-height:46px; color:#fff; font-size:24px;} .m2abt_c5btns{margin-left:-61px; bottom:10px} .m2abtCon5{padding-bottom:50px;} .m2ab5c5bmx{top:270px;} .m2abt_c6ul{margin-top:25px; margin-left:10px; margin-right:10px;} .m2abt_c6ul li{width:100%!important; margin-bottom:10px;} .m2abt_c6ul li .overflowHide{height:50vw!important;} .m2abt6des{padding:10px 15px;} .m2abt_c7info{width:100%; float:none;} .m2abtMap{width:100%; float:none;} .m2abt_c7info{padding:20px 15px 0px;} .m2abtc7cxs{height:700px; margin-bottom:15px;} } .m2csPage{ background: url(../images/m2nPage_bg.jpg) no-repeat center top; padding-bottom:2.6vw } .m2csul{ margin: 0px -25px; } .m2csul li{ padding: 0px 25px; float: left; width: 33.33%; margin-bottom: 45px; } .m2cs_aBox{ display: block; } .m2cs_aBox .overflowHide{ height: 300px; border-radius:0.4em;} .m2cs_aBox strong{ font-size: 22px; line-height: 64px; height: 64px; overflow: hidden; margin-top: 22px; text-align:center; padding:0 45px; letter-spacing:1px; display:block; font-weight:normal;text-overflow:ellipsis;white-space:nowrap;} @media (max-width:1799px){ .m2csul{ margin: 0px -15px; } .m2csul li{ padding: 0px 15px; margin-bottom: 30px; } .m2cs_aBox .overflowHide{height:230px;} .m2cs_aBox strong{font-size:18px; line-height:60px; height:60px; padding:0 25px; margin-top:18px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .m2cs_aBox strong{font-size:17px;} } @media (max-width:993px){ .m2csul li{width:50%;} .m2csPage{padding-bottom:30px;} .m2csul li{margin-bottom:20px;} } @media (max-width:767px){ .m2csul li{width:100%;} .m2cs_aBox strong{height:auto; margin-top:10px; font-size:16px; line-height:56px; height:56px;} .m2csul{margin-bottom:15px;} } .m3csCon1Wpr{ background: url(../images/m2nPage_bg.jpg) no-repeat center top; } .m3csCon1{ padding-right:745px; min-height:380px; position:relative;display:flex; flex-direction:column; justify-content:center;} .m3csc1img{ width:650px; position:absolute; right:0; top:0;} .m3csc1img .overflowHide{ height:380px; border-radius:0.4em;} .m3csc1txt{ font-size: 17px; line-height: 32px; margin-top: 35px; letter-spacing:1px; text-align:justify; max-height:300px; overflow-y:auto; padding-right:15px; margin-right:-15px; } .m3csc1txt p{margin-bottom:10px;} .m3csc1txt p:last-child{margin-bottom:0;} .m3csCon2{ background-attachment:fixed; background-position:center center; background-size:cover; position:relative; color:#fff; padding:8.33vw 0} .m3csCon2:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,119,253,0.4);} .m3csCon2 .container{ position:relative;} .m3csc2txt{ font-size: 17px; line-height: 38px; letter-spacing: 1px; margin-top: 35px; text-align:center; padding:0 4.68vw;} .m3csCon3{ background: #f5f6f9; } .m3csc3img{ background: url(../images/m3cs_c3bg.png) no-repeat center center; margin: 2.6vw auto 0px; height: 400px; width: 1008px; } .m3csc3img .bgImg{ margin: 0px auto; height: 400px; width: 800px; border-radius:0.7em; overflow:hidden;} .m3csCon4{ background: url(../images/m3cs_c4bg.jpg) no-repeat center bottom; padding-bottom: 13.02vw; } .m3csCon5{ background: url(../images/m3cs_c5bg.jpg) no-repeat center center; } .m3csc5swiper{ margin: 2.6vw -37px 0px; position:relative; } .m3csc5swiper dd{ padding: 0px 37px; } .m3csc5swiper dd .overflowHide{ height:300px; border-radius:0.4em;} .m3csc5swiper .slick-prev{ background: url(../images/m2abt_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -80px; top: 50%; margin-top:-30px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #003ead; border-radius: 50%; transition:all 0.5s ease; } .m3csc5swiper .slick-next{ background: url(../images/m2abt_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -80px; top: 50%; margin-top:-30px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #003ead; border-radius: 50%; transition:all 0.5s ease; transform:rotate(180deg);} .m3csc5swiper .slick-prev:hover,.m3csc5swiper .slick-next:hover{ background: #003ead url(../images/m2abt_btna.png) no-repeat center center; } @media (max-width:1799px){ .m3csc1img{width:520px;} .m3csc1img .overflowHide{height:320px;} .m3csCon1{padding-right:555px; min-height:320px;} .m3csc1txt{font-size:14px; margin-top:20px; line-height:26px;} .m3csc2txt{font-size:15px; line-height:28px; margin-top:20px;} .m3csc5swiper{ margin: 2.6vw -15px 0px; } .m3csc5swiper dd{ padding: 0px 15px; } .m3csc5swiper dd .overflowHide{ height:240px} .m3csc5swiper .slick-prev{ width:50px; height:50px; margin-top:-25px; background-size:10px auto; left:-60px;} .m3csc5swiper .slick-next{ width:50px; height:50px; margin-top:-25px; background-size:10px auto; right:-60px;} .m3csc5swiper .slick-prev:hover,.m3csc5swiper .slick-next:hover{ background-size:10px auto;} } @media (max-width:1379px){ .m3csc5swiper{margin-left:30px; margin-right:30px;} } @media (max-width:1199px){ .m3csc1txt{height:220px;} .m3csc5swiper{margin-left:50px; margin-right:50px;} } @media (max-width:993px){ .m3csCon1{ padding-right:0;} .m3csc1img{width:100%; position:relative; right:auto; top:auto; margin-top:20px;} *{background-attachment:local!important;} .m3csc2txt{padding-left:0; padding-right:0;} .m3csc3img{width:100%; background:none; height:auto; margin-bottom:15px} .m3csc3img .bgImg{width:80%; height:320px;} } @media (max-width:767px){ .m3csc1img .overflowHide{height:200px;} .m3csc1txt{ height:auto; overflow:inherit; max-height:none;} .m3csCon2{padding:50px 0;} .m3csc2txt{font-size:14px; line-height:26px;} .m3csc3img .bgImg{width:100%; height:180px;} .m3csc3img{margin-top:20px;} .m3csc5swiper{margin-top:20px; margin-left:0; margin-right:0; margin-bottom:30px;} .m3csc5swiper .slick-dots{bottom:-30px;} .m3csc5swiper .slick-dots li button{display:none;} .m3csc5swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .m3csc5swiper .slick-dots li.slick-active{ background: #003EAD;height: 10px; width: 10px; } .m3csc5swiper dd{padding:0;} } .m2proPage{ padding-bottom:2.6vw;} .m2proul{ margin: 2.6vw -25px 1vw -25px; } .m2proul li{ padding: 0px 25px; float: left; width: 33.33%; margin-bottom: 2.6vw; } .m2pro_a{ display: block; background: #FFF; box-shadow:0 0px 15px rgba(15,83,208,0.1); border-radius:0.4em; overflow:hidden;} .m2pro_a:hover{transform:translateY(-10px); box-shadow:0 5px 25px rgba(15,83,208,0.3);} .m2pro_a strong{ display: block; line-height: 98px; height: 99px; border-bottom: 1px solid #F5F5F5; padding: 0px 28px; font-size: 22px; letter-spacing: 2px; font-weight: normal; color:#333; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; } .m2pro_a strong span{ float: left; margin: 23px 28px 0px 0px; height: 52px; width: 52px; border-radius:50%; border:1px dashed #86C8FE; position:relative;} .m2pro_a strong span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;} .m2pro_p{ padding: 20px 28px 40px; } .m2pro_p p{ font-size: 16px; line-height: 28px; letter-spacing: 1px; display: block; overflow: hidden; height:105px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4; color:#666;} .m2pro_a span.transition{ line-height: 60px; font-size: 16px; letter-spacing: 1px; background: #F7F7F7; text-align: center; display:block } .m2pro_a:hover span.transition{ color: #FFF; background: #003EAD; } @media (max-width:1799px){ .m2proul{ margin: 2.6vw -15px 1vw -25px; } .m2proul li{ padding: 0px 15px;} .m2pro_a strong{font-size:21px;} .m2pro_a strong{line-height:80px; height:81px;} .m2pro_a strong span{margin-right:18px; margin-top:14px;} .m2pro_p p{font-size:14px; line-height:26px;} .m2pro_p{padding:15px 15px 15px;} .m2pro_a span.transition{line-height:54px; font-size:15px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m2proul li{width:50%;} .m2proul{margin:30px -15px 30px;} .m2proPage{padding-bottom:40px;} } @media (max-width:767px){ .m2proul li{width:100%; margin-bottom:20px;} .m2pro_a span.transition {color: #FFF;background: #003EAD;} .m2pro_a:hover {transform: translateY(0px);} .m2proul{margin-bottom:15px;} .m2proPage{padding-bottom:30px;} } .m2banTxt p.m2ban_sp{ font-size: 18px; line-height: 32px; max-width:920px; } .m3proCon1{ background: url(../images/m2nPage_bg.jpg) no-repeat center top; padding: 7.29vw 0px; } .m3proDes{ font-size: 17px; line-height: 38px; letter-spacing: 1px; margin-top: 35px; text-align:center; } .m3proCon2{ background: url(../images/m3pro_c2bg.jpg) no-repeat center center; background-size:cover;} .m3proc2ul{ margin: 1.3vw -25px 0px; } .m3proc2ul dd{ padding:1.3vw 25px;} .m3proc2ul .slick-prev{ background: url(../images/m2abt_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -80px; top: 50%; margin-top:-30px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #003ead; border-radius: 50%; transition:all 0.5s ease; } .m3proc2ul .slick-next{ background: url(../images/m2abt_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -80px; top: 50%; margin-top:-30px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #003ead; border-radius: 50%; transition:all 0.5s ease; transform:rotate(180deg);} .m3proc2ul .slick-prev:hover,.m3proc2ul .slick-next:hover{ background: #003ead url(../images/m2abt_btna.png) no-repeat center center; } .m3pro_c3itm{ background: #FFF; padding: 40px 32px 46px; text-align:center; border-radius:0.4em; position:relative; transition:all 0.5s ease; } .m3pro_c3itm:after{content:""; height:2px; background:#003EAD; transition:all 0.5s ease; width:0%; left:50%; transform:translateX(-50%); bottom:0; position:absolute} .m3pro_c3itm:hover{transform:translateY(-10px); box-shadow:0 3px 16px rgba(0,0,0,0.08);} .m3pro_c3itm:hover:after{width:100%;} .m3pro_c3itm span{ display:block; width:80px; height:80px; margin:0 auto; transition:all 0.5s ease;} .m3pro_c3itm:hover span{transform:rotateY(180deg);} .m3pro_c3itm strong{ font-size: 24px; line-height: 68px; height:68px; overflow:hidden; font-weight: normal; letter-spacing: 1px; display: block; margin-top: 10px; position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; } .m3pro_c3itm strong:after{content:""; height:2px; background:#003EAD; width:50px; position:absolute; bottom:0; left:50%; margin-left:-25px;} .m3pro_c3itm p{ font-size: 16px; line-height: 28px; margin-top: 15px; height:112px;} .m3proCon3{} .m3proc3tab{} .m2pub_tab2 a{margin-bottom:20px; min-width:205px; padding:0 15px;} .m2pub_tab2 .m3pro_c3i{ display:inline-block; position:relative; width:22px; height:22px; margin-right:5px; position:relative; top:-2px} .m2pub_tab2 .m3pro_c3i img{ transition:all 0.5s ease; position:absolute; left:0; top:0;} .m2pub_tab2 .m3pro_c3i img:nth-child(2){ opacity:0;} .m2pub_tab2 a.on .m3pro_c3i img{ opacity:0} .m2pub_tab2 a.on .m3pro_c3i img:nth-child(2){ opacity:1;} .m2pub_tab2 a span text,.m2pub_tab2 a span i{vertical-align:middle;} .m3proCxs{ margin-top:2.18vw;} .m3pro_c3item{ height:358px; position:relative; padding-right:815px;display:flex!important; flex-direction:column; justify-content:center;} .m3pro_c3tnm{ font-size: 26px; line-height: 30px; padding-bottom: 20px; letter-spacing: 1px; position: relative; } .m3pro_c3tnm:after{ content: ""; background: #007BF0; height: 2px; width: 50px; position: absolute; left: 0px; bottom: 0px; } .m3pro_c3img{ height: 254px; width: 446px; position: absolute; top: 69px; right: 154px; } .m3pro_c3img:before{ content: ""; background: url(../images/m3pro_c3rnd.png) no-repeat; height: 207px; width: 207px; position: absolute; top: -64px; right: -102px; } .m3pro_c3img .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; border-radius:0.6em; border:4px solid #007BF0;} .m3pro_c3txt{ font-size: 17px; line-height: 32px; letter-spacing: 1px; margin-top: 22px; text-align:justify; max-height:270px;} .m3pro_c3txt p{ margin-bottom:10px;} .m3proCon4{ background:#f7f8fa;} @media (max-width:1799px){ .m3proCon1{ padding: 6.25vw 0px; } .m3proDes{font-size:15px; line-height:28px; margin-top:20px;} .m3proc2ul{ margin: 1.3vw -15px 0px; } .m3proc2ul dd{ padding:1.3vw 15px;} .m3pro_c3itm span{width:66px; height:66px;} .m3pro_c3itm{padding:25px 18px 35px;} .m3pro_c3itm strong{font-size:21px; line-height:56px; height:56px;} .m3pro_c3itm p{font-size:14px; line-height:26px;} .m3proc2ul .slick-prev{height: 50px; width: 50px; left: -60px; margin-top:-25px; border: 1px solid #003ead; background-size:10px auto;} .m3proc2ul .slick-next{height: 50px; width: 50px; right: -60px; margin-top:-25px; border: 1px solid #003ead; background-size:10px auto;} .m3proc2ul .slick-prev:hover,.m3proc2ul .slick-next:hover{ background-size:10px auto;} .m2pub_tab2 a{min-width:192px;} .m2pub_tab a{margin:0 8px; margin-bottom:18px;} .m3pro_c3img {height: 224px;width: 386px;top: 45px;right: 100px;} .m3pro_c3img:before{transform:scale(0.9); transform-origin:left bottom;} .m3pro_c3item{ padding-right:545px;} .m3pro_c3txt{font-size:15px; line-height:28px; max-height:158px;} .m3pro_c3item{height:300px;} .m2banTxt p.m2ban_sp{ font-size: 15px; line-height: 28px; max-width:820px; } } @media (max-width:1379px){ .m3pro_c3itm strong{font-size:19px;} .m3proc2ul{margin-left:25px; margin-right:25px} } @media (max-width:1199px){ .m3proc2ul{margin-left:50px; margin-right:50px;} } @media (max-width:993px){ .m3pro_c3img{width:310px;} .m3pro_c3item{padding-right:445px;} } @media (max-width:767px){ .m2banTxt p.m2ban_sp{font-size:13px; line-height:24px;} .m3proCon1{padding:40px 0;} .m3proDes{font-size:14px; line-height:26px; margin-top:20px;} .m3proc2ul{margin:25px 0 30px;} .m3proc2ul .slick-dots{bottom:-26px;} .m3proc2ul .slick-dots li button{display:none;} .m3proc2ul .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .m3proc2ul .slick-dots li.slick-active{ background:#003ead; height: 10px; width: 10px; } .m3pro_c3itm strong{font-size:18px;} .m3pro_c3itm p{font-size:13px;} .m3pro_c3item{padding-right:0;} .m3pro_c3img{position:relative; right:auto; top:auto; margin-top:25px;} .m3pro_c3txt{max-height:none; height:auto; font-size:14px; line-height:26px; overflow:inherit} .m3pro_c3tnm{font-size:24px;} .m3pro_c3item{ height:auto; display:block;} .m3pro_c3img{width:100%; height:180px;} .m3proCon4 .m2abt_c6swiper{left:8px;} } .m2icsPage{ background: url(../images/m2nPage_bg.jpg) no-repeat center top; padding-bottom:3.2vw; } .m2icsBox{ margin-top:2.6vw; position:relative;} .m2ics_item:before{content:""; width:1px; left:15px; top:0px; bottom:-20px; border-right:1px dashed #007BF0; position:absolute;} .m2icsBox .m2ics_item:first-child:before{ top:20px;} .m2icsBox .m2ics_item:last-child:before{ bottom:auto; height:30px;} .m2ics_item{ overflow: hidden; font-size: 24px; line-height: 38px; letter-spacing: 1px; position:relative; } .m2ics_tnm{ float: left; height: 90px; position: relative; padding: 36px 0px 0px 48px; } .m2ics_tnm i{ background: #003EAD; height: 30px; width: 30px; border: 9px solid #C6E2FB; position:absolute; left:0; top:15px; border-radius:50%;} .m2ics_tnm span{ display: inline-block; position: absolute; left: 45px; top: 0px; } .m2icsul{ margin-left:190px;} .m2icsul li{ width:33.33%; padding-left:40px; float:left; margin-bottom:2vw;} .m2ics_aBox{ display:block;} .m2ics_aBox .overflowHide{ height:260px; border-radius:0.4em;} .m2ics_aBox p.m2icsp{ text-align: center; font-size: 22px; line-height: 34px; letter-spacing: 1px; margin: 15px 0px 0px; height:34px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} @media (max-width:1799px){ .m2ics_item{font-size:20px;} .m2ics_aBox p.m2icsp{font-size:18px; line-height:32px; height:32px;} .m2icsul li{padding-left:25px;} .m2ics_aBox .overflowHide{height:190px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .m2ics_aBox p.m2icsp{font-size:16px; line-height:28px; height:28px;} } @media (max-width:993px){ .m2icsul li{width:50%;} } @media (max-width:767px){ .m2ics_item:before{display:none;} .m2ics_tnm{display:none;} .m2icsul{margin-left:-5px; margin-right:-5px;} .m2icsul li{padding:0 5px;} .m2icsBox{margin-top:25px;} .m2ics_aBox p.m2icsp{font-size:14px; line-height:24px; height:24px; margin-top:10px;} .m2ics_aBox .overflowHide{height:150px;} .m2icsul li{margin-bottom:20px;} } .m2znCon4{ background: url(../images/m2zn_c4bg.png) repeat-x left top; } .m2znCon2 .m3pro_c3itm p{height:140px;} .m2znc1box{display:flex; justify-content:space-between; box-shadow:0 0 15px rgba(0,0,0,0.1); margin-top:2.6vw;} .m2znc1box .bgImg{ width:50%; height:380px;} .m2znc1txtWpr{ width:50%;display:flex; flex-direction:column; justify-content:center; padding:0 38px;} .m2zc1txt{ font-size: 17px; line-height: 36px; letter-spacing: 1px; text-align:justify; max-height:252px;} .m2znc3swiper{ margin: 0px -25px; } .m2znc3swiper dd{ padding: 58px 25px 15px; width:33.33%; float:left; } .m2znc3item{ box-shadow: 0 0 15px rgba(15,83,208,0.1); background: url(../images/m2zn_c3bg.png) no-repeat center center; padding: 48px 30px 0px; height: 210px; position:relative; transition:all 0.5s ease; } .m2znc3swiper dd:hover .m2znc3item{transform:translateY(-8px);} .m2znc3st{ line-height: 50px; background: url(../images/m2zn_c2tbg.png) no-repeat center center; height: 50px; width: 230px; font-size: 21px; color: #FFF; letter-spacing: 2px; text-align: center; position: absolute; left: 50%; top: -25px; margin-left: -115px; } .m3znc3des{ font-size: 17px; line-height: 30px; height: 120px; text-align: justify; } .m2znCon5{ background: url(../images/m2zn_c5bg.jpg) no-repeat center center; background-size:cover;} .m2znc5swiper{ margin: 2vw -20px 0px; } .m2znc5swiper dd{ padding:15px 20px 10px;} .m2zn_c5aBox{ display: block; border-radius: 0.5em; overflow: hidden; position: relative; background: #fff url(../images/m2zn_c5sbg.jpg) no-repeat right bottom; padding-bottom: 23px; box-shadow:0 2px 10px rgba(15,83,208,0.1); } .m2zn_c5aBox:hover{transform:translateY(-10px);} .m2zn_c5aBox:after{content:""; background:#007BF0; width:0%; height:2px; left:50%; transform:translateX(-50%); bottom:0; transition:all 0.5s ease; position:absolute;} .m2zn_c5aBox:hover:after{width:100%;} .m2zn_c5aBox .overflowHide{ height:220px;} .m2zn_c5aBox .overflowHide:after{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,62,173,0.3) } .m2zn_c5aBox strong{ display: block; margin: 20px 20px 0px 26px; overflow: hidden; height: 38px; line-height: 38px; font-size: 22px; letter-spacing: 1px; font-weight: normal; color: #333; } .m2zn_c5aBox strong span{ float:left; margin-right:15px;} .m2znc5swiper .slick-prev{ background: url(../images/m2abt_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -100px; top: 50%; margin-top:-30px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #003ead; border-radius: 50%; transition:all 0.5s ease; } .m2znc5swiper .slick-next{ background: url(../images/m2abt_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -100px; top: 50%; margin-top:-30px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #003ead; border-radius: 50%; transition:all 0.5s ease; transform:rotate(180deg);} .m2znc5swiper .slick-prev:hover,.m2znc5swiper .slick-next:hover{ background: #003ead url(../images/m2abt_btna.png) no-repeat center center; } @keyframes proiAni { 0% { transform:translateY(-10px); } 50% { transform:translateY(10px); } 100% { transform:translateY(-10px); } } .m2znc4Bom{ margin-top:100px; position:relative; margin-bottom:80px;} .m2znc4CnxWpr{ height:500px; position:relative; z-index:3;} .m2znc4item{ transition:all 0.5s ease; opacity:0; position:absolute; left:0; top:0; right:0; bottom:0;} .m2znc4item.on{ opacity:1;} .m2znc4item{} .m2znc4bImg{width:26%; margin:-42px auto;} .m2znc4Bgs{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/hmc4quan.png) no-repeat center bottom; text-align:center; padding-top:130px; background-size:100% auto; } .m2znc4Bgs img{-webkit-filter:hue-rotate(78deg); filter:hue-rotate(78deg); width:450px; height:auto;} .m2znc4tag{ position:absolute; left:0; top:0; right:0; bottom:0;} .m2znc4tag li{ background: url(../images/m2zn_c4sbg.png) no-repeat center top; font-size: 21px; line-height: 30px; letter-spacing: 1px; width: 280px; text-align: center; padding-top: 52px; position: absolute; height:152px; animation:proiAni 3s ease infinite;} .m2znc4tag li:nth-child(1){ left:80px; top: 140px; } .m2znc4tag li:nth-child(2){ right:80px; top:140px;} .m2znc4tag li:nth-child(3){ left:280px; top:420px;} .m2znc4tag li:nth-child(4){ right:280px; top:420px;} .m2znc4tag li:nth-child(5){ left:-80px; top:290px; animation-delay:1.5s} .m2znc4tag li:nth-child(6){ right:-80px; top:290px; animation-delay:1.5s} @media (max-width:1799px){ .m2znc1box .bgImg{height:300px;} .m2zc1txt{font-size:15px; line-height:28px;} .m2znc3st{font-size:18px;} .m3znc3des{font-size:15px; line-height:28px; height:115px;} .m2znc3swiper{ margin: 0px -15px; } .m2znc3swiper dd{ padding: 50px 15px 15px;} .m2znc4tab a{width:auto; min-width:166px; padding:0 20px;} .m2znc4tag li{font-size:18px;} .m2znc4Bgs img{width:320px;} .m2znc4CnxWpr{height:425px;} .m2znc4Bom{margin-top:60px;} .m2znc4tag li:nth-child(5),.m2znc4tag li:nth-child(6){top:270px;} .m2znc4tag li:nth-child(3),.m2znc4tag li:nth-child(4){top:340px;} .m2znc5swiper{margin-left:-15px; margin-right:-15px;} .m2znc5swiper dd{padding:0 15px;} .m2znc5swiper .slick-prev{ height: 50px; width: 50px; left: -68px; margin-top:-25px; background-size:10px auto; } .m2znc5swiper .slick-next{ height: 50px; width: 50px; right: -68px; margin-top:-25px; background-size:10px auto;} .m2znc5swiper .slick-prev:hover,.m2znc5swiper .slick-next:hover{ background-size:10px auto;} .m2zn_c5aBox strong{font-size:20px; line-height:28px; height:28px;} .m2zn_c5aBox .overflowHide{ height:180px;} } @media (max-width:1379px){ .m2znc5swiper{margin-left:30px; margin-right:30px;} } @media (max-width:1199px){ .m3pro_c3itm p{height:132px;} .m2znCon2 .m3pro_c3itm p{height:186px;} .m3znc3des{height:140px;} .m2znc5swiper{margin-left:50px; margin-right:50px;} } @media (max-width:993px){ .m2znc4CnxWpr{height:325px;} .m2znc4tag{bottom:auto; top:-98px;} } @media (max-width:767px){ .m2znc1box{margin-top:25px; display:block;} .m2znCon1{padding-bottom:50px;} .m2znc1box .bgImg{width:100%; float:none;} .m2znc1txtWpr{width:100%; float:none; display:block;} .m2znc1box .bgImg{height:180px;} .m2znc1txtWpr{padding-left:15px; padding-right:15px;} .m2zc1txt{ height:auto; max-height:none; padding-top:12px; padding-bottom:25px; overflow:inherit; font-size:14px; line-height:26px;} .m2znc5swiper{margin:25px 0 40px;} .m2znc5swiper .slick-dots{bottom:-30px;} .m2znc5swiper .slick-dots li button{display:none;} .m2znc5swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .m2znc5swiper .slick-dots li.slick-active{ background: #003EAD;height: 10px; width: 10px; } .m2znc4tag li:nth-child(3){left:75px;} .m2znc4tag li:nth-child(4){right:75px;} .m2znc4bImg{width:66%;} .m2znc4tag li:nth-child(5), .m2znc4tag li:nth-child(6){top:240px;} .m2znc4tag li{font-size:16px;} .m2znc3swiper dd{width:100%; margin-bottom:5px;} .m3znc3des{font-size:14px; line-height:26px; height:auto} .m2znc3item{height:auto; padding-bottom:30px;} } #fullpage .container{position:relative;} @keyframes hmPubTxtani { 0% { transform:scale(0) translateY(50px); opacity:0; } 50% { opacity:1; } 70% { transform:scale(0.8) translateY(0px); opacity:1; } 100% { transform:scale(1) translateY(0px); opacity:0; } } .hmPage2{ position:relative;} .hmc2bgs{ position:absolute; left:0; top:0; width:100%; height:100vh;} .hmc2bgs .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0} .hmc2bgs .bgImg.on{ opacity:1;} .hmTxtAni{ position:absolute; left:0; top:0; right:0; bottom:0;} .hmTxtAni span{} .hmTxtAni span{ font-size: 1.26vw; line-height: 2.29vw; white-space: nowrap; letter-spacing: 1px; position: absolute;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0.1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; animation:hmPubTxtani 5s linear infinite;} .hmTxtAni span:nth-child(1){ right:33.69vw; top:29.35vh;} .hmTxtAni span:nth-child(2){ right:23.38vw; top:29.62vh; animation-delay:1.5s} .hmTxtAni span:nth-child(3){ right:18.64vw; top:35.18vh; animation-delay:3s} .hmTxtAni span:nth-child(4){ right:38.28vw; top:47.22vh; animation-delay:2.8s} .hmTxtAni span:nth-child(5){ right:14.01vw; bottom:38.7vh; animation-delay:0.5s} .hmTxtAni span:nth-child(6){ right:26.04vw; bottom:29.16vh; animation-delay:2.1s} .hmc2box{ height:100vh; position:relative;display:flex; flex-direction:column; justify-content:center; color:#fff;} .hmc2swiper{ margin-bottom:5.2vw; position:relative; left:-18px;} .hmc2item{ padding-left:18px;} .hmc2item strong{ font-size: 42px; line-height: 50px; display: block; letter-spacing:3px; } .hmc2des{ font-size: 16px; line-height: 28px; max-width: 545px; margin-top: 26px; letter-spacing:1px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; height:84px; overflow:hidden;} .hmc2nav{ margin-top: 1.87vw; height: 184px; width:720px; overflow-y:auto; position:relative; left:-18px;} .hmc2nav li{width:50%; height:46px; float:left; overflow:hidden;} .hmc2nav_a{ font-size: 17px; line-height: 46px; letter-spacing: 1px; display: block; padding-left: 18px; color:#fff; } .hmc2nav_a:hover{ background: url(../images/hmc2hline.png) repeat-y left top; color:#fff; } .hmc2mx{ margin-top:2.6vw} .hmc2m{ font-size: 16px; line-height: 48px; color: #FFF; text-align: center; display: inline-block; height: 50px; width: 160px; border: 1px solid #FFF; border-radius:0.3em;} .hmc2m:hover{ color: #003EAD; background: #FFF; transform:translateY(-3px); box-shadow:0 3px 18px rgba(0,0,0,0.1);} .hmc2bm{ position:absolute; left:-3px; right:-3px; bottom:0;display:flex; justify-content:space-between;} .hmc2bm dd{ width:calc(25% - 6px); margin:0 3px; position:relative; cursor:pointer;} .hmc2bmdx{ padding: 36px 0px 36px 38px; position: relative; background:rgba(255,255,255,0.3); border-radius:0.3em 0.3em 0 0; transition:all 0.5s ease;} .hmc2bmdx strong{ font-size: 24px; font-weight: normal; line-height: 34px; letter-spacing:2px;} .hmc2bmdx p{ font-size: 17px; line-height: 24px; } .hmc2bmdx span{ display: block; height: 50px; width: 50px; margin-top: -25px; position: absolute; top: 50%; right: 40px; } .hmc2bmhx{ background: url(../images/hmc2hvx.png) no-repeat center center; text-align: center; height: 228px; padding-top: 35px; border-bottom: 4px solid #477DDF; position: absolute; left: 0px; right: 0px; bottom: 0px; border-radius:0.3em 0.3em 0 0; transition:all 0.5s ease; opacity:0; transform:scaleY(0); transform-origin:center bottom;} .hmc2bmhx span{ display:inline-block; width:60px; height:60px;} .hmc2bmhx strong{ font-weight: normal; display: block; font-size: 26px; line-height: 46px; margin-top: 27px; letter-spacing: 2px; position:relative;} .hmc2bmhx strong:after{ content: ""; background: #FFF; height: 2px; width: 36px; margin-left: -18px; position: absolute; left: 50%; top: -12px; } .hmc2bmhx p{ font-size: 17px; line-height: 28px; } .hmc2bm dd:hover .hmc2bmdx{ opacity:0;} .hmc2bm dd:hover .hmc2bmhx{ opacity:1; transform:scaleY(1);} @media (max-width:1799px){ .hmc2item strong{ font-size: 32px; line-height:40px; } .hmc2des{ font-size: 14px; line-height: 24px; margin-top: 20px;height:72px;} .hmc2nav_a{font-size:15px; line-height:38px;} .hmc2nav li{height:38px;} .hmc2nav{ margin-top: 1.3vw; height: 152px; width:620px;} .hmc2mx{margin-top:1.8vw;} .hmc2m{ font-size: 14px; line-height: 42px; height:44px; width: 140px;} .hmc2bmdx{padding:22px 0px 22px 24px;} .hmc2bmdx strong{font-size:21px; line-height:32px;} .hmc2bmdx p{font-size:15px;} .hmc2bmdx span{ right:25px; width:40px; height:40px; margin-top:-20px;} .hmc2bmhx span{width:50px; height:50px;} .hmc2bmhx{padding-top:25px; height:192px;} .hmc2bmhx strong{font-size:21px; line-height:36px;} .hmc2bmhx p{font-size:15px;} } @media (max-width:1379px){ .hmc2swiper{margin-bottom:3vw;} } @media (max-width:1199px){ .hmc2bm{display:none;} .hmc2des{max-width:none;} } @media (max-width:993px){ .hmc2swiper .slick-dots{bottom:-80px;} .hmc2swiper .slick-dots li button{display:none;} .hmc2swiper .slick-dots li { background: rgba(255,255,255,0.4); display: inline-block; height: 6px; width: 6px; margin: 0px 10px; position: relative; border-radius:50%; vertical-align:middle} .hmc2swiper .slick-dots li.slick-active{ background: #fff; width:10px; height:10px;} } @media (max-width:767px){ .hmc2item strong{font-size:24px; line-height:32px;} .hmc2des{margin-top:16px; font-size:12px;} .hmc2nav_a{font-size:14px; line-height:30px;} .hmc2nav li{ height:30px; width:100%;} .hmc2nav{margin-top:15px; height:auto; max-height:248px;} .hmc2swiper .slick-dots{bottom:-40px; padding-left:24px;} .hmc2mx{margin-top:12px; text-align:center;} .hmc2swiper{left:-15px;} .hmc2box{padding-top:20px;} } .hmPage3{ position:relative;} .hmc3bgs{ position:absolute; left:0; top:0; width:100%; height:100vh;} .hmc3bgs .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0} .hmc3bgs .bgImg.on{ opacity:1;} .hmc3Box{ height:100vh; position:relative;display:flex; flex-direction:column; justify-content:center; color:#fff;} .hmc3swiper{ margin-bottom:3.2vw; position:relative; left:-18px;} .hmc3item{} .hmc3item .hmc2nav{ width:636px; height:276px;} .hmc3item .hmc2nav li{ width:50%;} .hmc3item .hmc2nav_a:hover{ background: url(../images/hmc2hline.png) repeat-y left top; } .hmc3bmx{ white-space:nowrap; position:absolute; right:0; bottom:3.68vw;} .hmc3bmx dd{ width: 290px; padding: 28px 30px 30px; position: relative; transition:all 0.5s ease; background:rgba(255,255,255,0.3); border-radius:0.3em; display:inline-block; margin-left:28px; cursor:pointer;} .hmc3bmx strong{ font-size: 24px; font-weight: normal; line-height: 34px; letter-spacing:2px;} .hmc3bmx p{ font-size: 15px; line-height: 24px; transition:all 0.5s ease; } .hmc3bmx span{ display:inline-block; width:60px; height:60px; position:absolute; right:34px; top:50%; margin-top:-30px; transition:all 0.5s ease;} .hmc3bmx dd:hover{ background:rgba(0,62,173,0.6); box-shadow:0 3px 20px rgba(0,0,0,0.15); transform:translateY(-8px)} .hmc3bmx dd:hover p{ opacity:0.3} .hmc3swiper .hmc2des{ max-width: 655px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; height:56px;} .hmc3bmx dd:hover span{transform:rotateY(180deg);} @media (max-width:1799px){ .hmc3item .hmc2nav{height:228px;} .hmc3bmx{bottom:3vw;} .hmc3bmx strong{font-size:21px; line-height:30px;} .hmc3bmx p{font-size:14px;} .hmc3bmx span{width:50px; height:50px; margin-top:-25px; right:25px;} .hmc3bmx dd{padding:20px 25px 20px; width:265px; margin-left:15px;} } @media (max-width:1379px){ .hmc3swiper{margin-bottom:0.5vw;} } @media (max-width:1199px){ .hmc3bmx dd{width:245px;} } @media (max-width:993px){ .hmc3bmx{display:none;} .hmc3swiper .slick-dots{bottom:-80px;} .hmc3swiper .slick-dots li button{display:none;} .hmc3swiper .slick-dots li { background: rgba(255,255,255,0.4); display: inline-block; height: 6px; width: 6px; margin: 0px 10px; position: relative; border-radius:50%; vertical-align:middle} .hmc3swiper .slick-dots li.slick-active{ background: #fff; width:10px; height:10px;} } @media (max-width:767px){ .hmc3swiper .hmc2des{height:auto; max-height:72px;} .hmc3item .hmc2nav{width:110%;} .hmc3item .hmc2nav{height:auto; max-height:185px;} .hmc3swiper .slick-dots{bottom:-40px;} .hmc3item .hmc2nav li{width:100%;} } .hmPage4{background-repeat:no-repeat; background-size:cover; position:relative;} .hmPage4:before{ content: ""; background: url(../images/hmc4glb.png) no-repeat center center; height: 37.5vw; width: 37.5vw; position: absolute; top: 50%; right: -15.75vw; margin-top: calc(-18.75vw + 50px); background-size:cover; animation:radiusRotate 50s linear infinite; } .hmc4box{max-width:1010px;} .hmc4tbox{} .hmc4tbox strong{ font-size: 48px; line-height: 50px; display: block; letter-spacing:3px; } .hmc4tbox p{ font-size: 26px; line-height: 36px; font-weight: normal; letter-spacing: 2px; color: #12294f; margin-top: 15px; } .hmc4des{ font-size: 17px; line-height: 34px; color: #666666; margin-top: 2.18vw; letter-spacing:1px; } .hmc4ul{display:flex; justify-content:space-between; margin-top:3.64vw;} .hmc4ul li{position:relative;} .hmc4ul li img{position: absolute;left: -60px;top: 50%;transform: translateY(-50%);transition: all 0.5s ease;max-width: none;width: 240px;height: 240px;-webkit-filter: grayscale(60%);filter: grayscale(60%); opacity:0} .hmc4ul li strong{ display:inline-block; font-weight:normal; position:relative; padding-right:22px;} .hmc4ul li strong span{ font: 72px/76px din_n; transition:all 0.5s ease; } .hmc4ul li strong em{ font-size: 22px; line-height: 22px; position: absolute; top: 5px; right: 0px; font-style: normal; color: #666666; } .hmc4ul li strong i{ font-size: 16px; font-style: normal; line-height: 16px; color: #666666; position: absolute; right: 0px; bottom: 12px; } .hmc4ul li p{ font-size: 17px; line-height: 30px; letter-spacing: 2px; margin-top: 5px; } .hmc4ul li:hover strong span{ color:#003EAD;} .hmc4ul li:hover img{ opacity:0.3} .hmc4ul li:nth-child(1) strong{padding-right:37px;} .hmc4ul li:nth-child(1) strong em{ right:15px;} .hmc4mx{ margin-top:5.25vw;} .hmc4mx .hmc2m{ color: #003ead; border: 1px solid #003ead; } .hmc4mx .hmc2m:hover{ color: #FFF; background: #003ead; box-shadow:0 3px 18px rgba(15,83,208,0.3);} @media (max-width:1799px){ .hmc4box{max-width:850px;} .hmc4tbox strong{font-size:36px; line-height:40px;} .hmc4tbox p{font-size:20px; line-height:30px; margin-top:10px;} .hmc4des{margin-top:1.6vw; font-size:15px; line-height:30px;} .hmc4ul li strong span{ font: 62px/66px din_n;} .hmc4ul li p{ font-size: 15px; line-height: 26px;} .hmc4mx{ margin-top:4vw;} } @media (max-width:1379px){ .hmc4box{padding-top:40px;} } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .hmc4tbox strong{font-size:26px; line-height:32px;} .hmc4tbox p{font-size:17px;} .hmc4des{font-size:13px; line-height:24px; margin-top:10px;} .hmc4ul{ flex-wrap:wrap;justify-content:flex-start;} .hmc4ul li{width:33.33%; margin-bottom:15px;} .hmc4ul li strong span {font: 46px/50px din_n;} .hmc4ul li p{font-size:14px; line-height:20px;} .hmc4ul li strong em{font-size:20px; line-height:20px;} .hmc4ul li strong i{font-size:14px; bottom:6px;} } .hmPage5{background-repeat:no-repeat; background-size:cover;} .hmc5box{margin-top:2.6vw; height:560px; position:relative;} .hmPage5 .m2abt_c6swiperWpr{opacity:0; transition:all 0.5s ease; position:absolute; top:0; left:0; width:100%;} .hmPage5 .m2abt_c6swiperWpr.on{opacity:1; z-index:1;} .hmPage5 .m2abt_c6swiper{ margin-top:0;} .hmPage5 .m2abt_c6swiperWpr .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#003EAD} .hmPub_t{ font-size: 46px; line-height: 50px; letter-spacing: 2px; display: block; text-align: center; padding-top: 100px; font-weight: bold; } .hmPub_tab{ text-align: center; margin-top: 35px; } .hmPub_tab a{ margin: 0 14px; line-height: 50px; display: inline-block; height: 50px; padding: 0px 34px 0px 24px; font-size: 16px; letter-spacing: 1px; box-shadow:0 2px 15px rgba(15,83,208,0.2); border-radius:0.2em; cursor:pointer; } .hmPub_tab a.on{ background:#003EAD; color:#fff;} .hmPub_tab a span,.hmPub_tab a text{vertical-align:middle;} .hmPub_tab a span{ display:inline-block; width:30px; height:30px; position:relative; margin-right:10px; top:-1px;} .hmPub_tab a span img{ position:absolute; left:0; top:0; transition:all 0.5s ease;} .hmPub_tab a span img:nth-child(2){ opacity:0;} .hmPub_tab a.on span img{ opacity:0} .hmPub_tab a.on span img:nth-child(2){ opacity:1;} @media (max-width:1799px){ .hmPub_t{font-size:36px; line-height:40px;} .hmPub_tab{margin-top:25px;} .hmc5box{ height:420px;} } @media (max-width:1379px){ .hmPub_tab{margin-top:16px;} .hmc5box{margin-top:16px;} .hmPage5 .m2abt_c6swiperWpr .dot{margin-top:18px;} .hmc5box{height:360px;} } @media (max-width:1199px){ } @media (max-width:993px){ .hmPub_tab a{margin:0 5px;} .hmc5box{margin-top:30px;} .hmPub_tab{margin-top:30px;} } @media (max-width:767px){ .hmPage5 .m2abt_c6swiperWpr{left:-6px;} .hmPub_tab a{margin-bottom:10px;} .hmc5box{height:300px;} } .hmPage6{background-repeat:no-repeat; background-size:cover;} .hmc6boxWpr{ height:600px; position:relative; margin-top:2.6vw;} .hmc6box{ position:absolute; left:0; top:0; width:100%; transition:all 0.5s ease; opacity:0;} .hmc6box.on{ opacity:1; z-index:1;} .hmc6Top{} .hmc6aBox{ float:left; width:calc(50% - 14px); position:relative;} .hmc6aBox .overflowHide{ height:462px; border-radius:0.6em;} .hmc6aBox .overflowHide:after{ content: ""; background: url(../images/hmc6bgLine.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .hmc6tm{ text-align: center; height: 100px; padding-top: 8px; width: 100px; position: absolute; top: 50px; left: -30px; color: #FFF; background: #003ead; border-radius: 0.3em; font-family: din_n; } .hmc6tm span{ font-size: 52px; line-height: 52px; display: block; } .hmc6tm p{ font-size: 20px; line-height: 28px; } .hmc6tnm{ font-size: 26px; line-height: 38px; letter-spacing:1px; color: #FFF; position: absolute; left: 42px; right: 42px; bottom: 38px; } .hmc6ul{ float:right; width:calc(50% - 14px);} .hmc6ul li{ margin-bottom:20px;} .hmc6ul li:last-child{margin-bottom:0;} .hmc6a{ display: block; height: 140px; position: relative; padding: 20px 50px 0px 155px; border-radius:0.5em; box-shadow:0 3px 15px rgba(15,83,208,0.16); background:#fff; } .hmc6a:hover{ color:#fff; background:#003EAD; box-shadow:0 6px 25px rgba(15,83,208,0.3);} .hmc6tm2{ text-align: center; width: 128px; height: 80px; border-right: 1px solid #CCD8EF; margin-top: -40px; position: absolute; left: 0px; top: 50%; color: #003ead; transition: all 0.5s ease; font-family: din_n; } .hmc6tm2 span{ font-size: 50px; line-height: 50px; display: block; } .hmc6tm2 p{ font-size: 20px; line-height: 20px; margin-top: 6px; } .hmc6a strong.ellipsis{ font-size: 18px; line-height: 42px; font-weight: normal; letter-spacing: 1px; display: block; height: 42px; overflow: hidden; } .hmc6a p.hmc6rdes{ font-size: 16px; line-height: 24px; color: #999999; letter-spacing: 1px; height: 48px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; transition:all 0.5s ease;} .hmPage6 .hmc4mx{text-align:center; margin-top:2.6vw;} .hmc6a:hover p.hmc6rdes{ color: #6e94d9; } .hmc6a:hover .hmc6tm2{color:#fff; border-right:1px solid #3365BD;} @media (max-width:1799px){ .hmc6aBox .overflowHide{height:354px;} .hmc6a strong.ellipsis{font-size:17px; line-height:36px; height:36px;} .hmc6a p.hmc6rdes{font-size:14px;} .hmc6a{padding:10px 30px 0px 145px; height:110px;} .hmc6ul li{margin-bottom:12px;} .hmc6boxWpr{margin-top:2vw;} .hmPage6 .hmc4mx{margin-top:2vw;} .hmc6tm2{width:118px;} .hmc6tnm{font-size:21px; line-height:36px;left: 32px;right: 32px;bottom: 28px;} .hmc6tm span{font-size:40px; line-height:42px;} .hmc6tm p{font-size:18px; line-height:26px;} .hmc6tm{height:85px; width:90px;} .hmc6tm2 span{font-size:40px;} .hmc6tm2 p{font-size:18px;} .hmc6boxWpr{height:435px;} } @media (max-width:1379px){ .hmc6aBox .overflowHide{height:324px;} .hmc6a{padding-top:6px; height:100px;} .hmPage6 .hmc4mx{margin-top:1.6vw;} .hmc6boxWpr{height:382px;} } @media (max-width:1199px){ } @media (max-width:993px){ .hmc6tm2{width:88px;} .hmc6a{padding:10px 18px 0px 105px;} .hmc6boxWpr{margin-top:30px;} .hmPage6 .hmc4mx{margin-top:30px;} } @media (max-width:767px){ .hmPage6 .hmPub_tab{margin-left:-15px; margin-right:-15px} .hmc6ul{display:none;} .hmc6aBox{width:100%; display:block; float:none;} .hmc6tnm{font-size:18px; line-height:30px; left:15px; right:15px; border:18px;} .hmc6tm{left:-10px;} .hmc6boxWpr{margin-top:20px;} .hmc6aBox .overflowHide{height:295px;} } .hmPage7{background-repeat:no-repeat; background-size:cover;} .hmPage7 .hmc4mx{text-align:center; margin-top:2.6vw;} .hmc7dls dd{ width:20%; float:left;} .hmc7dls{margin-top:2.6vw; padding-bottom:0;} @media (max-width:1799px){ .hmc7dls{margin-top:2vw;} .hmPage7 .hmc4mx{margin-top:2vw;} .hmPub_t{padding-top:70px;} .hmPage7 .hmPub_t{padding-top:50px;} } @media (max-width:1379px){ .hmc7dls{margin-top:1.2vw;} .hmPage7 .hmc4mx{margin-top:1.2vw;} } @media (max-width:1199px){ } @media (max-width:993px){ .hmc7dls{margin-top:30px;} .hmPage7 .hmc4mx{margin-top:30px;} } @media (max-width:767px){ .hmPub_t{padding-top:60px; font-size:24px; line-height:32px;} .m2abtc3swiper dd span, .hmc7dls dd span{height:45px;} .hmc7dls{margin-top:25px;} .hmPage7 .hmc4mx{margin-top:25px;} .m2abtc3swiper dd span img, .hmc7dls dd span img{max-width:95%; max-height:95%;} .hmc7dls dd{width:25%;} .m2abtc3swiper dd:nth-child(25),.hmc7dls dd:nth-child(25){display:none;} } .hmc2swiper {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc2swiper {opacity:1; transform:translate(0px,0px); transition-delay:0.3s;} .hmc2bm {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc2bm {opacity:1; transform:translate(0px,0px); transition-delay:0.5s;} .hmc3swiper {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc3swiper {opacity:1; transform:translate(0px,0px); transition-delay:0.3s;} .hmc3bmx {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc3bmx {opacity:1; transform:translate(0px,0px); transition-delay:0.5s;} .hmc4tbox {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc4tbox {opacity:1; transform:translate(0px,0px); transition-delay:0.3s;} .hmc4des {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc4des {opacity:1; transform:translate(0px,0px); transition-delay:0.45s;} .hmc4ul {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc4ul {opacity:1; transform:translate(0px,0px); transition-delay:0.6s;} .hmc4mx {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc4mx,.active2 .hmc4mx {opacity:1; transform:translate(0px,0px); transition-delay:0.75s;} .hmPub_t {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmPub_t,.active2 .hmPub_t {opacity:1; transform:translate(0px,0px); transition-delay:0.3s;} .hmPub_tab {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmPub_tab {opacity:1; transform:translate(0px,0px); transition-delay:0.4s;} .hmc5box {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc5box {opacity:1; transform:translate(0px,0px); transition-delay:0.6s;} .hmc6boxWpr {transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc6boxWpr {opacity:1; transform:translate(0px,0px); transition-delay:0.6s;} .hmc7dls{transition:all 0.8s ease; transform:translate(0px,100px); opacity:0; } .active .hmc7dls,.active2 .hmc7dls {opacity:1; transform:translate(0px,0px); transition-delay:0.6s;} /*2023-03-27 CSS*/ .m2proItemx{ margin-top:1.8vw;} .m2pro_st{ line-height: 80px; height: 81px; border-bottom: 1px solid #D4D4D4; position: relative; padding-left: 25px; margin-bottom:1.82vw; font-size: 24px; color: #003EAD; letter-spacing: 2px; } .m2pro_st:before{content:""; background:#003EAD; width:4px; height:24px; position:absolute; left:0; top:50%; margin-top:-12px;} .m2proSwiper{ margin: 0px -25px; } .m2proSwiper dd{ padding: 25px; } .m2probmx{height:2.6vw;} .m2proSwiper .slick-prev{ background: url(../images/m2abt_btnc.png) no-repeat center center; display: inline-block; height: 20px; width: 12px; position: absolute; left: -35px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -10px; z-index: 1; } .m2proSwiper .slick-next{ background: url(../images/m2abt_btnc.png) no-repeat center center; display: inline-block; height: 20px; width: 12px; position: absolute; right: -35px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -10px; z-index: 1; transform:rotate(180deg);} .m2proSwiper .slick-prev:hover,.m2proSwiper .slick-next:hover{background-image:url(../images/m2abt_btn.png);} @media (max-width:1799px){ .m2pro_st{ line-height: 70px; height: 71px;font-size: 22px; letter-spacing: 1px; } .m2proSwiper{ margin: 0px -15px; } .m2proSwiper dd{ padding:25px 15px; } } @media (max-width:1379px){ .m2proSwiper{margin-left:0; margin-right:0;} .m2proSwiper .slick-prev{left:-28px;} .m2proSwiper .slick-next{right:-28px;} } @media (max-width:1199px){ .m2proSwiper{margin-left:30px; margin-right:30px;} } @media (max-width:993px){ .m2proSwiper{margin-left:10px; margin-right:10px;} .m2proSwiper .slick-prev{left:-12px;} .m2proSwiper .slick-next{right:-12px;} } @media (max-width:767px){ }