@charset "UTF-8"; .plan_e, .ind_e { z-index: 33; } .home_f .more.mb { display: none; } .home_f .more2 { display: none; } @media (max-width: 1680px) { .sus_info .content .txt { top: 36.4%; } .supsim_a .item .hove_box { width: 8rem; } .about_a .right .tit-60 { font-size: 1.35rem; } footer .w1520 { width: 90%; } .tree_tit { font-size: 1.5rem; } .ecs_j { height: 26rem; } .soright .plist a { font-size: 14px; } .towtit .tit { font-size: 14px; } } @media (max-width: 1366px) { .plan_c .yunlist .y1 { right: 8%; } .supsim_c .sub-tit { top: 43%; } .soright .plist a { font-size: 12px; } .towtit .tit { font-size: 13px; } } @media (max-width: 1200px) { .pc-bocweb-header3 .logo { margin-left: 20px; } .pc-bocweb-header3 .right-btn { margin-right: 20px; } .sus_info .content .txt { top: 34%; } .tree_tit { font-size: 1.25rem; } } .m-header, .mheaderfix { display: none; } @media (max-width: 1024px) {} @media (max-width:1024px) { .pc_header { display: none; } .mheaderfix { display: block; height: 2.5rem; } .toleft2, .toleft { display: none; } .m-header { display: block; position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; height: 2.5rem; z-index: 9999; } .mview { width: 100%; padding: 0 6%; } .mheader { height: 100%; display: flex; align-items: center; justify-content: space-between; } .ecs_right.active .p2 { z-index: 3; } .mheader .logo { width: 6.15rem; position: relative; display: block; } .mheader .logo .img2 { opacity: 1; } .hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity, filter; text-transform: none; color: inherit; border: 0; background-color: transparent; height: 24px; } .hamburger-box { position: relative; display: inline-block; width: 28px; height: 24px; } .hamburger-inner { top: 50%; display: block; margin-top: -2px; } .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s linear .13s; } .hamburger-inner:after, .hamburger-inner:before { display: block; content: ""; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 28px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #000; } .hamburger--spring .hamburger-inner:after { top: 20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19); } .hamburger--spring .hamburger-inner:before { top: 10px; transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: .22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: translate3d(0, 10px, 0) rotate(-45deg); } .contact_b .list .li .tit-15 { height: 2.4rem; } .headerfix { display: none; } } @media (max-width: 1024px) { .hamburger-box, .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 26px; height: 2px; } .hamburger--spring .hamburger-inner { top: -12px; transition: background-color 0s linear .13s; } .contact_banner { height: 9.75rem; } .contact_banner .tit-100 { font-size: 1rem; position: absolute; top: 40%; left: 10%; } .contact_b { padding: 1.2rem 0; } .w1520 { width: 84%; } .contact_b .tit-li { padding: 0.6rem; } .contact_b .tit-45 { font-size: 0.8rem; } .cubtxt { padding: 0; } .contact_b .list .li { width: 100%; margin-right: 0; height: auto; ; } /* .hnb, .hnm { font-family: "Arail"; font-weight: 500; letter-spacing: 0; } */ footer .top .left { width: 100%; display: flex; margin-bottom: 0.6rem; flex-direction: column; align-items: flex-start; } footer .top { display: block; padding-bottom: 1.2rem; } footer .nav .li { width: 33%; margin-right: 0; } footer { padding: 1.2rem 0; } footer .top .right .nav { display: none; } .cf5 { color: rgba(255, 255, 255, 0.5); margin-top: 0rem; text-align: left; } footer .bot { height: auto; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; margin-top: 1rem; text-align: center; } .jion_banner { height: 13.45rem; } .tit-90 { font-size: 1rem; } .jion_banner .seach .item { width: 73.1%; margin: 0 auto; height: 1.4rem; border-radius: 8px; font-size: 14px; } .jion_banner .seach .item input { font-size: 14px; width: 80%; } .jion_banner .seach .item .seachbtn { width: 20%; } .ind { padding: 1.2rem 0; } .tit-64 { font-size: 1rem; } .jion_a .list { padding-bottom: 0; } .jion_a .li { width: 100%; display: block; margin-top: 0.6rem; } .jion_a .li .img { width: 100%; } .jion_a .li .txt { width: 100%; padding: 0.6rem 0; } .jion_b { padding-top: 0; } .jion_b .list .li { width: 100%; margin-bottom: .6rem; } .jion_b .list { display: block; } .jion_b .list .li .img { width: 100%; height: 7.5rem; margin-bottom: 0.5rem; } .tit-36 { font-size: 0.6rem; } .dolig_input, .yzmbox .dolig_input.input2, .jl { width: 80%; margin-left: 10%; } .recruit_list { margin-top: .6rem; } .dolig .box { width: 90%; } .recruit_list li { margin-bottom: 0.2rem; } .recruit_list li:last-child { margin-bottom: 0; } .recruit_list li .item_option { padding: 0.5rem 0.3rem 0.75rem 0.3rem; } .recruit_list li .item_option .tit-18 { font-size: 0.36rem; } .recruit_list li .item_tab { box-sizing: border-box; padding: 0.4rem 0.3rem; display: flex; flex-wrap: wrap; } .recruit_list li .tit-20 { width: 50%; font-size: 0.28rem; margin-bottom: 0.2rem; line-height: 1.3; } .recruit_list li .position { width: 50%; font-size: 0.28rem; } .recruit_list li .type { width: 50%; font-size: 0.28rem; } .recruit_list li .time { width: 50%; font-size: 0.28rem; } .recruit_list li .apply { position: absolute; right: 0.3rem; } .recruit_list li .apply span { display: none; } .recruit_list li .item_tab:before { display: none; } .recruit_list li .apply i { width: 1rem; height: 1rem; margin-left: 0; } .recruit_list li .item_option .tit-16 { line-height: 1.6; } .newspage .pagination a[rel=next], .newspage .pagination a[rel=prev] { display: none; } .newspage .pagination a.active { border: 2px solid #0041c3; color: #0041c3; } .newspage .pagination a { box-sizing: content-box; } .tit-86 { font-size: 1.5rem; } .news_con { padding: 1.2rem 0; padding-bottom: 5rem; } .new_a { height: auto; margin-top: 1.2rem; } .new_a .left { width: 100%; height: 8rem; } .new_a .right { width: 100%; padding: 0.6rem; } .news_con .news-seach .seach input{ line-height: 1.2; } .new_a .right .tit-40 { padding-top: 0.5rem; margin-top: 0.5rem; border-top: 2px solid #111; font-size: 0.7rem; line-height: 1rem; } .new_a .right .text-uppercase { position: relative; bottom: auto; } .new_a .right .text-uppercase { left: 0; bottom: auto; margin-top: 0.6rem; } .new_a .right img { bottom: .6rem; } .new_b { margin-top: 1.2rem; } .tit-56 { font-size: 1rem; } .new_b .seach input { font-size: 0.5rem; } .new_b .seach { width: 100%; padding-bottom: .2rem; border-bottom: 1px solid #eee; margin-top: .7rem; } .suimb { width: 6%; } .newsajaxlist { margin-top: 1.2rem; } .newsajaxlist .li { width: 100%; padding: 0; border-right: 0; } .ind_foot .right { margin-left: 0; } footer.indf .ind_foot { display: block; text-align: center; padding: 0.5rem 0; height: auto; } .btclear { width: 100%; padding-top: 2rem; background-color: #fff; z-index: 22; position: relative; } .tit-60 { font-size: 1rem; } .ind_foot .right a { width: auto; height: auto; padding: 0.2rem 0; width: 5rem; line-height: 1; font-size: 0.4rem; margin-top: 0.6rem; display: inline-block; } .ind_foot .right a .tit-22 { font-size: 0.4rem; } .ind_foot .right a svg { width: 14px; height: 14px; } .news_con .news-seach .seach { width: 5.75rem; } .news_ajax .li { display: flex; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #ccc; flex-direction: column; } .news_ajax .li .img { width: 100%; } .news_ajax .li .txt { width: 100%; margin-top: 0.4rem; } .news_ajax .li .txt .tit-30 { font-size: 0.7rem; } .tybanner { height: 11rem; overflow: initial; } .s_txt { width: 100%; padding: 1rem; left: 0; } .s_txt .tit-58 { font-size: .75rem; line-height: .85rem; } .solu_a .contents .right { width: 100%; float: right; } .solu_a .contents .left { width: 100%; padding: 0.5rem; margin-top: 1rem; } .solu_a .contents .right video { max-width: 100%; height: auto !important; } .solu_a { padding-top: 2.825rem; } .ind_h .ind_h_container a { display: flex; width: 100%; margin-right: 0; align-items: center; float: left; justify-content: space-between; margin-bottom: .6rem; flex-direction: column; } .ind_h .ind_h_container a .img { width: 100%; height: 7rem; } .ind_h .ind_h_container a .txt { width: 100%; margin-top: 0.6rem; } .sub_banner { height: 15.25rem; } .sub_banner .txt { width: 80%; } .sub_banner .txt .tit-80 { font-size: 0.75rem; } .tit-26 { font-size: 0.6rem; } .sus_a .left { width: 100%; margin-bottom: 1rem; } .sus_a .w1520 { display: block; } .toright2 { display: none; } .sus_info { padding: 1.5rem 8.3%; } .sus_info .sus_tit { width: 9.375rem; margin: 0 auto; margin-bottom: 0.25rem; } .sus_info .tit-52 { font-size: .9rem; } .sus_info .tit-20 { line-height: 0.75rem; } .sus_info .content .img2, .sus_info .content .img1, .sus_info .content .img3, .sus_info .content .img4, .sus_info .content .img5, .sus_info .content .img6 { width: auto; } .sus_info .w1400 { width: 100%; } .sus_info .content .img3 { width: 33.5%; position: absolute; left: 0px; top: 2.3%; opacity: 1; } .sus_info .content .txt { width: 100%; left: 0; top: 48%; position: absolute; } .sus_info .content .img4 { width: 53%; position: absolute; left: 2.4%; top: 84.3%; opacity: 1; } .sus_info .content .img5 { position: absolute; left: 47%; top: 76%; opacity: 1; } .sus_info .content .img6 { width: 20.2%; position: absolute; left: 58.7%; top: 88%; opacity: 1; } .sus_info_a { padding: 0; } .sus_info_a .w1520 { width: 100%; padding: 1.6rem 8.3%; background-color: rgba(0, 0, 0, 0.3); } .tit-52 { font-size: 1rem; margin-bottom: 0.6rem; } .sus_info_b { padding: 1.6rem 8.3%; } .sus_info_b .w1520 { padding: 0; width: 100%; } .sus_info_b .sub-tit { width: 100%; } .sus_info_b .list .li { width: 100%; float: left; text-align: center; margin-bottom: 1rem; } .solu_a .contents .right .item { padding-left: 0; } .sus_info_b .list .li .tit-16 { width: 100%; text-align: left; } .c71 br { display: none; } .recruit_list li .position, .recruit_list li .time { display: none; } .c71 { line-height: 1.4; } .sus_info_b .list .li .icon { display: inline-block; } .new_a .right .text-uppercase { font-size: 0.4rem; } .new_a .right .tit-36 { line-height: 1.5; } .sus_info_b { height: auto; } .news_con { padding-top: 4rem; padding-bottom: 2rem; } .solu_a.info .contents .left { display: none; } .sus_info_c .tit-16, .sus_info_e .tit-16 { width: 100%; } .new_a .right img { display: none; } .sus_info_f .top { display: block; } .sus_info_f .left, .sus_info_f .right { width: 100%; margin-bottom: .6rem; } .sus_info_f { padding: 1.6rem 0; } .sus_info_f .img_list .img1 { width: 45.4%; position: absolute; left: 0; bottom: 0; } .sus_info_f .img_list .img2 { width: 47%; opacity: 1; position: absolute; left: 24.3%; bottom: 0; } .sus_info_f .img_list .img3 { width: 43.3%; opacity: 1; position: absolute; left: 54.8%; top: 50%; } .sus_info_e .w1520 { background-color: rgba(255, 255, 255, 0.3); } .about_banner { height: 15rem; } .about_banner .bannertxt { left: 10%; width: 80%; top: 16%; } .about_banner .bannertxt .tit-80 { margin-bottom: 0.4rem; font-size: 0.8rem; } .about_banner .bannertxt .tit-18 { width: 100%; line-height: 1.4; } .about_a_a { display: block; } .about_a .left { width: 100%; } .about_a .right { width: 100%; margin-top: .6rem; } .about_a .right .tit-60 { font-size: 0.9rem; } .about_a .right .tit-18 p { margin-top: 0.6rem; } .about_a_b .tit-200 { font-size: 1.5rem; width: 100%; text-align: center; top: 23%; } .about_a_b .bot1 { top: 12%; } .about_a_b .bot2 { top: 2%; } .about_a_b { height: 13rem; } .about_a_b .activbot { width: 3.6rem; height: 3.6rem; top: 35%; left: 36%; line-height: 3.6rem; cursor: pointer; } .about_e .tit-70 { font-size: 0.9rem; } .about_e .tit-30 { width: 100%; margin-top: 1rem; margin-bottom: 1rem; font-size: 0.6rem; } .about_e .tit-24 { font-size: 0.4rem; } .about_e .ceo { width: 44%; } .about_e { padding-bottom: 4rem; } .about_e2 .tit-30 { margin-left: 0; } .about_e2 { padding-bottom: 6rem; } .about_f { display: block; padding: 1rem 10%; } .about_f.newabf .right { width: 100%; position: relative; left: 0; } .about_f.newabf .left { width: 100%; position: relative; right: 0; height: 17.025rem; z-index: 333; margin-top: 0.6rem; } .about_main3 .w1520 { width: 100%; } .about_f .left { width: 100%; z-index: 3; margin-top: .6rem; } .about_f .right { margin-top: .6rem; width: 100%; z-index: 3; } .about_bot { padding: .6rem 10%; } .about_bot .list .li1 { width: 62%; left: 0%; top: 48.7%; z-index: 4; } .tit-18 { line-height: 0.75rem; } .about_bot .list { height: 11.75rem; z-index: 3; margin-left: 0; } .about_bot .list .li2 { width: 44.7%; left: 9%; top: 11.1%; z-index: 3; } .about_bot .list .li4 { width: 32%; right: 10%; top: 0%; z-index: 4; } .about_bot .list .li3 { width: 33%; left: 67%; top: 59.4%; z-index: 5; } .ecs_q { padding-top: 0; } .ecs_q .tit-54 { font-size: 1rem; } .ecs_q .more { font-size: .6rem; } .ecs_q .img { width: 100%; height: 5rem; position: relative; overflow: hidden; margin: auto; margin-top: 0.5rem; } .earthimg .earthbg { height: 15rem; } .plan_banner { height: 11.5rem; } .plan_banner .txt { width: 80%; top: 30%; } .plan_banner .txt .tit-76 { font-size: 1rem; } .plan_banner .txt .tit-26 { font-size: 0.6rem; line-height: 0.75rem; margin-top: .6rem; } .plan_a { padding: 1.2rem 10%; } .plan_a .tit-32 { width: 100%; margin: 0 auto; line-height: 1.5; font-size: 0.6rem; text-align: center; } .plan_a .tit-100 { vertical-align: middle; margin-bottom: 0.3rem; margin-top: 1.4rem; } .plan_a .w1520 { width: 100%; } .plan_a .content { margin-top: 1.2rem; text-align: center; } .plan_a .left .tit { width: 100%; text-align: center; } .plan_a .left .tit img { width: 10rem; display: inline-block; vertical-align: top; } .plan_a .left { width: 100%; float: left; } .plan_a .right { width: 100%; margin: 2rem 0; } .plan_a .right .rbox { width: 13rem; height: 13rem; } .plan_a .right .nav_circle img { width: 2rem; } .plan_a .left .tit-18 { text-align: left; } .plan_b { height: 10rem; overflow: hidden; } .plan_c { margin-top: 0; background: #000; padding: 1.6rem 0; } .videoPlay1 { transform: scale(1.5); } .plan_c .ptit { width: 7rem; } .plan_c .tit-40 { font-size: .8rem; line-height: 1rem; margin: 0.6rem 0; } .plan_c .tit-18 { width: 100%; } .plan_c .yunlist.active .yun { transform: scale(2.3); } .plan_c .yunlist .yun2 { width: 100%; } .plan_c .yunlist .yun2 img { width: 100%; } .plan_c .yunlist.active .yun1 { opacity: 1; transform: scale(1) translateY(20px); } .ind_e .tit-64 { font-size: .8rem; width: 52%; line-height: 1.2; } .life_c { padding: 0; } .sus_b_container .swiper-slide .icon { width: 1rem; } .life_c .w1760 { width: 100%; } .life_c_txt { position: relative; right: 0; top: 0; transform: translateY(0); } .life_c .img { height: auto; } .life_c .img .bg { height: 10rem; } .life_c_txt .con { width: 100%; padding: 1.6rem 10%; } .life_e .li { display: block; } .life_e .li .left { width: 100%; height: 8rem; } .life_e .li .right { width: 100%; padding: 0.6rem 0; } .life_e .li .right .tit-s { padding-bottom: 0; } .life_e .li .right:after { width: 100%; } .life_e .li .right .tit-50 { line-height: 1rem; font-size: 0.8rem; margin-bottom: .4rem; } .plan_d { padding: 1.6rem 0; } .plan_d .left { width: 100%; margin-bottom: 1rem; } .tit-70 { font-size: 1.2rem; } .plan_d .left .tit-40 { line-height: 1rem; font-size: 0.8rem; margin-top: .6rem; } .plan_d .right { width: 61%; float: right; margin-right: 0; } .plan_d .right .xpt { position: absolute; left: -28.27%; top: 43%; width: 48%; z-index: -1; } .plan_e .w1520 { display: block; } .plan_e .left { width: 100%; height: auto; margin-bottom: 1rem; } .plan_e .right { width: 100%; } .plan_e .right .tit-40 { font-size: .8rem; line-height: 1rem; margin: 0.4rem 0; } .plan_f .tit-40 { font-size: 0.8rem; margin-top: .6rem; } .sus_info_a .tit-18 { width: 100%; } .sus_info { padding-top: 4rem; } .download { padding-top: 1.5rem; } .download .left { width: 100%; } .download .right { width: 100%; float: right; margin-top: 1rem; } .download .right .subim { font-size: 12px; } .download .right .list a .img { width: 100%; height: 7.25rem; margin-right: 0; } .download .right .list a .txt { width: 100%; } .download .right .list a .txt .tit-30 { font-size: 0.6rem; } .downd { margin-top: .6rem; } .sub_banner .txt .tit-100 { font-size: 1.5rem; line-height: 1; margin-bottom: .6rem; } .ind_b .list .li .left { width: 100%; height: auto; } .ind_b .list .li .left .txt { width: 100%; position: relative; transform: scale(1); left: 0; top: 0; } .ind_b .list .li .right { width: 100%; float: right; height: 7rem; margin-top: 1rem; } .ind_e .cont { margin-top: .6rem; } .ind_e .cont .ind_e_container .swiper-slide { box-shadow: 5px 11px 40px rgb(3 66 193 / 30%); } .ind_g .ind_g_container .swiper-slide .txt { position: absolute; top: 36%; transform: translateY(-50%); right: 0; opacity: 0; width: 70%; padding: .6rem; } .ind_g .ind_g_container .swiper-slide .txt .tit-34 { font-size: 0.5rem; } .ind_g .ind_g_container .swiper-slide .txt .more { font-size: 10px; } .ind_b .list .li { height: auto; margin-bottom: 1.375rem; } .tit-50 { font-size: 0.8rem; } .ind_c .list .li { width: 100%; margin-right: 0; float: left; margin-bottom: 0.6rem; } .ind_c .list { margin-top: .6rem; } .ind_c .list .li .img { width: 100%; height: 7.5rem; margin-bottom: .6rem; } .index_con { padding: 0; } .ind_f .list { width: 50%; } .ind_f .list ul { width: 100%; } .ind_f .list ul li { width: 100%; height: 10.5rem; overflow: hidden; border-radius: 13px; margin-bottom: 0.3rem; } .ind_f { padding: 0; } .ind_f .bgi { height: 100%; position: absolute; top: 0; left: 0; } .ind_f .por { float: left; margin-left: 10%; width: 80%; margin-top: 1.6rem; } .ind_f .por .tit-64 br { display: none; } .ind_f .list .list1 { margin-top: 5rem; } .ind_info .top { display: block; margin-bottom: 1.2rem; } .ind_info .top .left { width: 100%; margin-bottom: .6rem; } .ind_info .top .right { width: 100%; } .cookie { padding-top: 1.6rem; } .m-header.index { background-color: transparent; } .m-header.index.info { background-color: #fff; } .m-header .mlang { display: flex; align-items: center; color: #000; } .m-header .mlang svg { fill: #000; margin-right: 0.15rem; transform: translateY(-2px); } .m-header.index.info .mlang { color: #000; } .m-header.index.info .mlang svg { fill: #000; } .m-header.index .mlang { color: #fff; } .m-header.index .mlang svg { fill: #fff; } .m-header .img2 { opacity: 1; } .m-header .img1 { opacity: 0; } .m-header.index.info .img2 { opacity: 1; } .m-header.index.info .img1 { opacity: 0; } .m-header.index .img1 { opacity: 1; } .m-header.index .img2 { opacity: 0; } .m-header.index.info .hamburger-inner, .m-header.index.info .hamburger-inner:after, .m-header.index.info .hamburger-inner:before { background-color: #000; } .m-header.index .hamburger-inner, .m-header.index .hamburger-inner:after, .m-header.index .hamburger-inner:before { background-color: #fff; } .mheaderfix.index { display: none; } .hamburger--spring .hamburger-inner:before { top: 9px; } .hamburger--spring .hamburger-inner:after { top: 18px; } .m-header.index { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .banner .big_banner .txt .tit-90 { font-size: 1rem; } .banner .big_banner .txt .tit-20 { width: 80%; text-align: left; } .more { display: inline-block; width: 150px; height: 40px; z-index: 22; line-height: 40px; color: #fff; border-radius: 5px; font-size: 12px; } .more .span1 { transform: translateX(0); } .more .span2 { margin-left: 8px; transform: translateX(0); } .small_banner .swiper-slide { font-size: 14px; } .small_banner .swiper-slide.swiper-slide-active { font-size: 16px; } .banner .big_banner .txt { top: 38%; } .tec .list .timg2 { display: none; } .tec .list .tit-16 { display: none; } .tec.active .timg { width: 72.5%; } .tec .list .item1 { left: 32%; top: 12%; } .tec .list .item2 { left: 71%; top: 22%; } .tec .list .item3 { left: 73%; top: 65%; } .tec .list .item4 { left: 19%; top: 79%; } .tec .list .item5 { left: -4%; top: 38%; } .tec_cont .tit-84 { font-size: 1rem; top: 25%; } .tec_cont .con { width: 100%; position: absolute; right: 0; top: 35%; } .home_e .index_ajax .news-container .swiper-slide .img .bg { background-size: 100%; } .home_f .more { display: none; } .home_f .more.mb { display: inline-block; width: 60%; margin: 1rem auto; margin-left: 20%; } .tec_cont .con .tit-50 { font-size: .7rem; } .tec_cont .con .tit-18 { line-height: 1.5; } .home_c .tit-64 { line-height: 1.5; font-size: 1.2rem; } .home_c .con_a .li { width: 100%; height: 8.5rem; margin-bottom: .6rem; float: left; } .home_c .con_a .li1 { margin-top: 0; } .home_c .con_a { margin-top: 1.6rem; } .ic2 { width: 1.2rem; } .ic1 { width: 1.425rem; top: 70%; left: 8%; } .ic3 { left: 23%; top: 53%; } .ic5 { width: 1rem; top: 52%; left: 73%; } .home_c .con_a .li2 .more { width: 150px; height: 40px; line-height: 40px; } .home_c { padding-bottom: 1.6rem; } .home_e .table { margin-top: 1rem; white-space: nowrap; overflow: auto; } .home_e .index_ajax .news-container { transform: translate(10%, 0); width: 90%; margin: auto; overflow: hidden; } .home_e .index_ajax .news-container.show { transform: translate(0, 0); } .toright { display: none; } .home_e .index_ajax .news-container .swiper-slide { width: 100%; display: block; margin: 0 1rem; position: relative; } .home_e .index_ajax .news-container .swiper-slide .tit-20 { display: block; padding: 0.4rem 0; font-size: 14px; } .sup-pagination { margin-top: .6rem; text-align: center; } .sup-pagination .swiper-pagination-bullet { background-color: #d0d4dd; opacity: 1; } .sup-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0041c3; width: 25px; border-radius: 8px; transition: all 0.3s; } .home_f .ww1520 .indexnews-container { margin-top: 1.2rem; } .home_f .ww1520 .indexnews-container .swiper-slide { display: block; width: 9.75rem; margin-right: 1rem; } .home_f .ww1520 { margin-left: 6%; } .home_f .more1 { display: none; } .home_g { padding-top: 1.6rem; } .home_e .index_ajax { padding-bottom: 0; } .home_f { padding: 1.2rem 0; overflow: hidden; } .home_f .more { background-color: transparent; border: 1px solid #ccc; color: #000; width: 90%; /* margin: auto; */ margin-left: 5%; margin-top: 1rem; } .home_f .more2 { display: block; } .home_f .more svg { fill: #000; } .m-nav { position: fixed; top: 2.5rem; width: 100%; z-index: 50; overflow: auto; box-sizing: border-box; padding: 0 .3rem; height: calc(100% - 1rem); background-color: rgba(255, 255, 255, .95); display: none; } .m-nav li { border-bottom: 1px solid #dcdcdc; } .m-nav li:last-child { border-bottom: none; } .m-nav li .tit { display: block; font-size: .6rem; padding: .5rem .8rem; color: #333; position: relative; } .m-nav li .tit:before { content: ""; position: absolute; right: .5rem; width: .2rem; height: .2rem; margin-top: -.2rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(); top: 50%; transition: all .2s; border-bottom: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); } .m-nav li:nth-child(2) .tit:before, .m-nav li:nth-child(1) .tit:before, .m-nav li:nth-child(10) .tit:before, .m-nav li:nth-child(7) .tit:before, .m-nav li:nth-child(8) .tit:before, .m-nav li:nth-child(9) .tit:before, .m-nav li:nth-child(11) .tit:before { display: none; } .m-nav li.on .tit:before { transform: rotate(-135deg); } .m-nav li .navson { padding-bottom: .3rem; display: none; } .m-nav li .navson a { display: block; font-size: .5rem; line-height: 2rem; padding: 0 .8rem; color: #333; border-bottom: 1px solid #eee; } .m-nav li .navson .navson_son { display: none; } .m-nav li .navson .navson_son a { display: block; font-size: .4rem; line-height: 1.5rem; padding: 0 1.8rem; color: #333; border-bottom: 1px solid #eee; } .m-nav li .tits:before { content: ""; position: absolute; right: 23px; width: 2px; height: 10px; margin-top: -4px; background-color: #333; background-repeat: no-repeat; top: 50%; transition: all .2s; } .m-nav li .tits:after { content: ""; position: absolute; right: 19px; width: 10px; height: 2px; background-color: #333; background-repeat: no-repeat; top: 50%; transition: all .2s; } .m-nav li .lis.on .tits:before { height: 0; } .m-nav li a.tits { display: block; font-size: .5rem; padding: .5rem 1.2rem; color: #333; position: relative; line-height: 1.2rem; } .ecs .txt1 .tit-74 { font-size: 1.4rem; } .ecs .txt1 { position: absolute; right: 10%; top: 80%; } .ecs .txt2 {} .ecs .txt2 .activeimg { width: 75%; } .ecs .txt2 { left: 49%; } .ecs .txt1 .tit-28 br { display: none; } .ecs_left { width: 100%; height: 50vh; left: -100%; } .ecs_right { width: 100%; height: 50vh; top: auto; bottom: 0; right: -100%; } .ecs_left .list { margin-top: .5rem; } .ecs_right .tit { margin-top: 2.5rem; } .ecs_f .tit-18 { width: 100%; } .ecs_f .list { margin-top: 1rem; } .ecs_f .list .li { width: 100%; margin-right: 0; } .ecs_g .gimg1 { position: absolute; bottom: 0; left: 50%; width: 8.8rem; } .ecs_g .gimg2 { bottom: 0; left: 50%; width: 8.8rem; } .ecs_g .left { position: absolute; left: 6%; top: 4.25rem; width: 85%; } .ecs_g .txt2 .tit-18 { color: #7b8292; width: 100%; } .ecs_g .line, .ecs_h .line { width: 100%; } .ecs_h .img { width: 11.8rem; margin-left: 5%; position: relative; } .ecs_h .txt3 { position: relative; left: 6%; top: 0; width: 88%; background-color: #000; padding: 1.6rem 0; } .ecs_h .txt3 .tit-18 { color: #7b8292; width: 100%; } .ecs_j .tit-30 { font-size: 0.7rem; margin-bottom: .1rem; } .ecs_j .tit-18 { margin-top: .1rem; } .ecs_j .content { display: none; } .ecs_j .content2 { margin-top: 1.6rem; } .ecs_j .content2 .li { display: inline-block; vertical-align: top; margin: .5rem; width: 41%; } .list3 .li .top { height: 3rem; } .apcbtn .apcnext, .apcbtn .apcpev { width: 27px; height: 27px; } .ecs_j .content2 .li .tit-40 { position: relative; } .ecs_j { height: auto; } .ecs_k .tit-56 { font-size: 1rem; } .ecs_k .s_tit { width: 100%; margin-top: 0.5rem; } .ecs_k-container .swiper-slide { width: 10.25rem; height: 14.5rem; margin: 0 .8rem; } .ecs_k-container .swiper-slide .hover_box { transform: translateY(0); } .ecs_k-container .swiper-slide { color: #fff; } .ecs_k-container .swiper-slide .hover_box .icon .img1 { opacity: 0; } .ecs_k-container .swiper-slide .hover_box .icon .img2 { opacity: 1; } .ecs_k-container .swiper-slide .tit-42 { font-size: 0.8rem; } .ecs_k-container .swiper-slide .tit-18 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .ecs_k .butn { display: none; } .ecs_m .tit-64 { width: 55%; } .ecs_m .top { display: flex; align-items: center; flex-direction: row; } .ecs_n { padding-top: 0; } .ecs_n .tit-18 { width: 88%; margin: auto; text-align: left; } .tcs_a .numlist2 .box { width: auto; padding: 0 0.5rem; } .tcs_a .numlist2 .box .tit-80 { font-size: 1.2rem; font-family: "HelveticaNeue Bold"; } .tcs_a { padding-top: 5.2rem; } .tcs_b .img { width: 8.275rem; position: absolute; bottom: 0; left: 26.5%; } .tcs_b .cont { width: 100%; position: absolute; right: 0; padding: 0 8%; bottom: auto; top: 4rem; } .tcs_b .line, .tcs_b .txt2 .tit-18 { width: 100%; } .tcs_c { z-index: 33; position: absolute; right: -100%; bottom: 0; padding-top: 4rem; height: 100vh; } .tcs_c .ltxt { position: absolute; right: 10%; font-size: 2.5rem; top: auto; bottom: 0; transform: translateY(0); } .tcs_c .li { width: 100%; } .tcs_c .li .tit-18 { width: 100%; margin-top: .4rem; } .tcs_c .li { width: 100%; padding-bottom: .6rem; } .tcs_sw-container .swiper-slide { width: 98%; } .tcs_sw-container .swiper-slide .tit-40 { font-size: .8rem; } .tcs_sw-container .swiper-slide .tit-260 { font-size: 3.5rem; } .tcs_sw-container .swiper-slide .tit-260 .dw { font-size: 1.2rem; } .tsc_e .w1520 { background-color: transparent; } .tsc_e .tit-70 { font-size: 1rem; margin-bottom: .6rem; } .cxt_banner { height: 100vh; } .cxt_banner .w1520 .left { width: 100%; float: left; position: relative; height: auto; margin-top: 4rem; } .cxt_banner .w1520 .left img { max-width: 47%; max-height: 40vh; } .cxt_banner .w1520 .right { width: 100%; height: auto; margin-top: 4rem; float: right; position: relative; overflow: hidden; } .cxt_a .tit-54 { font-size: .85rem; } .cxt_a .content .left { width: 100%; } .cxt_a .content .right { width: 100%; } .cxt_a .tit-34 { font-size: .6rem; } .cxt_a .content .right img { position: relative; top: 0; left: 0; transform: translateX(0); } .cxt_b .li .left { width: 100%; } .cxt_b .li .right { width: 100%; } .cxt_b .li { margin-bottom: .6rem; } .cxt_b .li .right { width: 100%; display: block; padding: .6rem 0; height: auto; } .cxt_c { height: 12rem; background-repeat: no-repeat; } .cxt_c .txt .tit-18 { width: 76%; margin-top: .4rem; } .cxt_d .cont .ind_e_container .swiper-slide { width: 9.75rem; height: 8rem; margin-right: .5rem; } .ind_e .cont .ind_e_container .swiper-slide .txt .con .tit-28 { font-size: .8rem; } .rdw { line-height: 1; } .cxt_d .butn { display: none; } .cxt-e .tit-64 { line-height: 1; } .cxt-e .content .left { width: 100%; text-align: center; padding-top: 0rem; float: left; } .cxt-e .content .right { width: 100%; } .cxt-e .content .left img { display: inline-block; width: 40%; } .cxt-e .content .right .table-container .swiper-slide { width: auto; height: 1.5rem; padding: 0 .8rem; line-height: 1.5rem; font-size: .4rem; text-align: center; cursor: pointer; transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1); margin: 0; } .cxt-e .content .right .ajax_con { height: auto; } .cxt-f .tit-46 { font-size: .7rem; } .cxt-f { height: 7.5rem; } .ind_h .butn { display: none; } .ind_h.lnne .butn { display: block; } .ind_e { padding-bottom: 1rem; } .ind_e .tit-64 { font-size: .8rem; } .hd_b .sub-t { font-size: 0.6rem; } .cxt_a .tit-54 { line-height: 1.4; } .ind_e .cont .ind_e_container .swiper-slide:nth-child(2n-1) { transform: translateY(0); } .cxt_d .cont .ind_e_container .swiper-slide .txt { height: 100%; transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1); } .cxt_d .cont .ind_e_container .swiper-slide .con1 { opacity: 0; } .cxt_d .cont .ind_e_container .swiper-slide .con2 { opacity: 1; position: relative; transform: translateY(0%); } .cxt_d .cont .ind_e_container .swiper-slide .tit-18 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; } .cxt_banner .w1520 .right .tit-30 { line-height: 1.2; margin-top: 0.5rem; } .ln_a .tit-64 { font-size: 0.85rem; text-align: left; } .ln_a .tit-18 { text-align: left; margin-top: .4rem; } .ln_a .content .list { width: 100%; margin-top: 1rem; } .ln_a .content .list .li { margin-bottom: .6rem; } .ln_b .left { width: 100%; float: left; height: auto; } .ln_b .left .tit-54 { font-size: .8rem; } .ln_b .right { width: 100%; float: right; height: 7rem; margin-top: 1rem; } body { overflow-x: hidden; } .ln_a .content { margin-top: 0; } .ind_e.lnne { padding-top: 0; } .fourtxt { width: 80%; font-size: .5rem; } .apc .fourtxt p:nth-child(1) { margin-bottom: .4rem; } .apc .fourtxt .list .li { display: inline-block; vertical-align: top; width: 40%; margin-right: 9%; } .apc .ilinex { left: 10%; } .apc .ilinex { top: 22%; } .apc .fourtxt { top: 26%; } .apc_a .tit-42 { line-height: 1.2; } .apc_a .tit-40 { display: inline-block; } .apc_a .red:after { content: " "; width: 11px; height: 23px; position: absolute; right: -20px; top: 0; background-size: 100%; background-repeat: no-repeat; } .apc_a .green:after { content: " "; width: 11px; height: 23px; position: absolute; right: -20px; top: 0; background-size: 100%; background-repeat: no-repeat; } .apc_b .list .li .icon { display: inline-block; width: 1.2rem; margin-bottom: .5rem; transition: all 0.5s; } .apc_b .list .li .tit-26 { font-size: .4rem; } .apc_ajax { padding: 0 10%; } .apc_ajax .item .tit-40 { font-size: .8rem; line-height: .8rem; margin-bottom: .5rem; text-align: left; } .apc_ajax .item .tit-18 { text-align: left; } .apc_b .list2 { margin-top: 1rem; } .apc_b .list2 .li { width: 6rem; height: 6rem; display: inline-block; vertical-align: top; margin: 0 -.2rem; margin-bottom: -0.2rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.6); } .apc_b .list2 .li .fex img { width: 1rem; margin-bottom: .5rem; } .apc_b .list2 .li .tit-18 { font-size: 10px; text-align: center; } .list3 { margin-top: 1.5rem; width: 135%; margin-left: -20%; display: flex; justify-content: space-between; align-items: flex-start; } .apcleft-container { width: 100%; overflow: hidden; height: auto; background-color: #fff; box-shadow: none; margin-top: 1rem; z-index: 4; position: relative; } .apcleft-container .swiper-slide { padding: 1rem; } .apcbg-container { display: none; } .apcleft-container .swiper-slide .tit-54 { padding-bottom: 1rem; margin-bottom: .8rem; border-bottom: 1px solid #000; font-size: .8rem; } .apcleft-container .swiper-slide .bolist { width: 100%; position: relative; bottom: 0; left: 0; height: 5.25rem; margin-top: 1rem; } .apcleft-container .swiper-slide .tit-30 { font-size: 0.7rem; } .apcbtn { width: 52px; height: 108px; top: 0; position: absolute; right: 6%; padding-top: 25px; z-index: 34; } .apcleft-container .swiper-slide .bolist .li { width: 50%; float: left; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background-color: #a3bff7; padding-top: 1rem; height: 100%; } .apcleft-container .swiper-slide .bolist .li .tit-18 { text-align: center; } .ecs_k { padding-top: 1.6rem } .ilinex { left: 10%; top: 31%; } .fourtxt { top: 36%; } .ots_img1 { width: 34.8% } .ots_img4 { width: 48%; right: -5%; } .ots_img3 { width: 44%; right: -10%; } .ots_img5 { width: 54.8%; } .ots-table { display: none !important; ; } .ots_main .tit-60 { font-size: 0.8rem; } .ots_main .tito { font-size: .7rem; } .ots_main .w1400 { width: 80%; } .ots_main_list .firstli { margin-top: 1rem; display: block; padding-top: .8rem; } .ots_main_list .firstli .left { width: 100%; } .ots_main_list .firstli .left .li { height: 5rem; padding: 0 0.6rem; } .ots_main_list .firstli .left .li .icon { width: 16%; margin-right: 1.2rem; } .ots_main_list .firstli .right { width: 100%; } .ots_main_list .threelis { margin-top: 1rem; padding-top: 1rem; } .ots_main_list .threelis .tit-24 { text-align: left; } .inemap img { width: 100%; max-width: none; } .inemap .tit-20 { font-size: 10px; } .inemap .t1 { top: 20%; left: 27%; } .inemap .t2 { top: 30%; right: 0%; } .inemap .t3 { top: 64%; right: 6%; } .inemap .t6 { top: 34%; left: 0%; } .inemap .t5 { top: 62%; left: -3%; } .inemap .t4 { top: 83%; right: 36%; } .threelis .list { display: block; } .threelis .list .li { width: 100%; } .fourli { margin-top: 1rem; display: block; padding-top: .8rem; border-top: 0; } .fourli .left { width: 100%; } .fourli .right { width: 100%; position: relative; margin-top: 1rem; } .fiveli { margin-top: 0; padding-top: 1rem; } .fiveli .tit-24 { text-align: left; } .fiveli .img { width: 100%; position: relative; overflow: auto; padding-bottom: 1.6rem; } .fiveli .img .box { width: 38.5rem; max-width: none; position: relative; } .fiveli .img .tit-24 { bottom: 0 } .sof_a .tit-140 { font-size: 1.85rem; } /* .sof_a .line, .shou { display: none; } */ .sof_a { padding-top: 11.25rem; } .sof_a .sub_tit { width: 100%; margin-top: 1rem; } .sof_a .sub_tit2 { width: 80%; position: absolute; top: 32%; margin-top: 2.5rem; left: 0%; opacity: 0; } .sof_banner .txt1.softss { white-space: normal; } .sof_banner .txt1 .bigtxt { font-size: 1rem; width: 100%; } .sof_c .tit-72 { font-size: 1rem; } .sof_b_tit .tit-72 { font-size: 1.3rem; line-height: 1.2; margin-bottom: .4rem; } .tit-24 { line-height: 1.5; } .sof_b { height: auto; padding-bottom: 0; } .sof_b_tit .tit-24 { text-align: left; } .sof_b .acimg { position: relative; top: 0; left: 50%; transform: translate(-50%, 0); width: 100%; max-width: none; margin-top: 1rem; } .life_e .li:nth-child(2n) .right:after { width: 100%; } .sof_e .life_e .li { margin-bottom: .6rem; } .sof_d .tit-74 { font-size: 1.3rem; line-height: 1.2; margin-bottom: .4rem; } .sof_d .list ul li { width: 14.7rem; height: 5rem; border-radius: 17px; } .sof_d .list { overflow: auto; padding-bottom: 1rem; } .sof_d .list2 { margin-left: 5%; } .hadw .w1520 .left, .hadw .w1520 .right { margin-top: 4rem; } .cxt_banner .w1520 { padding-top: 7rem; } .meter_a .list { display: none; } .meter_a { padding-top: 2rem; } .meter_a .tit { position: relative; margin-top: 0; top: auto; line-height: 1.2; } .meater_content { margin-top: 1rem; } .meater_content .swiper-slide { height: 15rem; border: 1px solid rgba(255, 255, 255, 0.2) } .meter_a { height: auto; padding-bottom: 1.6rem; } .meater_content .li { width: 100%; padding: 0 0.8rem; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); } .meater_content .li .icon { width: 2.25rem; height: 2.25rem; border-radius: 50%; background-color: #fff; position: relative; margin-top: 1rem; margin-bottom: 1rem; transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); } .meater_content .li .icon .img { width: 2.25rem; height: 2.25rem; border-radius: 50%; background-color: #fff; position: relative; z-index: 2; } .meater_content .li .icon .bot1 { position: absolute; width: 2.75rem; height: 2.75rem; background-color: #fff; opacity: 0.1; border-radius: 50%; } .meater_content .li .icon .bot2 { position: absolute; width: 3.25rem; height: 3.25rem; background-color: #fff; opacity: 0.04; border-radius: 50%; } .meater_content .li .txt { margin-top: 3rem; display: none; text-transform: capitalize; } .meater_content .li .hoverbox { width: 100%; opacity: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 0.8rem; } .meater_content .li .hoverbox .tit-36 { text-transform: capitalize; padding-bottom: .4rem; border-bottom: 1px solid #fff; width: 100%; } .meater_content .li .hoverbox .tit-16 { margin-top: .4rem; width: 100%; } .meater_content .li.on { width: 29%; } .meater_content .li.on .icon { opacity: 0; } .meater_content .li.on .txt { opacity: 0; } .meater_content .li.on .hoverbox { transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.4s; opacity: 1; } .meater_content .li:last-child { border-right: 0; } .ind_e.hdcf { padding-top: 0; padding-bottom.6rem; } .supsim .smtxt { top: 43.5%; white-space: normal; font-weight: 700; width: 80%; font-size: 0.8rem; text-align: center; line-height: 1.2; } .supsim .bigtxt { white-space: nowrap; width: 80%; font-size: .6rem; } .ses .icon1 { width: 2.3rem; top: 19%; left: 12%; } .ses .icon2 { width: 3.15rem; top: 73%; left: 9%; } .ses .icon3 { width: 2.35rem; top: 56%; left: 21%; } .ses .icon2 { width: 3.15rem; top: 78%; left: 8%; } .ses .icon4 { width: 2.8rem; top: 25%; right: 10%; } .ses .icon5 { width: 3.125rem; top: 53%; right: 24%; } .ses .icon6 { width: 2.7rem; top: 71%; right: 7%; } .ies_a .tit-54 { font-size: .8rem; top: 29.5%; } .ies_a .main_box { width: 12.95rem; height: 12.95rem; top: 28%; } .ies_a { height: 30rem; } .ies_a .iti { font-size: 0.4rem; } .ies_a .box .hoverimg .xtt { display: none; } .mob_box { position: absolute; width: 80%; top: 56%; } .mob_box .item { position: absolute; top: 0; left: 0; display: none; } .mob_box .tit-42 { line-height: 1.2; } .mob_box ul { color: #fff; } .iestop { height: calc(30rem - 100vh); } .tit-80 { font-size: 1.4rem; } .iesact_tit { left: 10%; } .ilinez { left: 10%; } .iesact_fourtxt { width: 80%; position: absolute; top: 35%; font-size: 16px; line-height: 1.5; } .ies_c .tit-26 { font-size: .6rem; margin-top: .5rem; } .ies_clist .li { width: 48%; margin-right: 4%; float: left; margin-bottom: 1.5rem; text-align: left; } .ies_clist .li:nth-child(2n) { margin-right: 0; } .iec_k { padding-top: 1.2rem; } .supsim .bigtxt { text-align: center; } .supsim .bigtxt.lefts { text-align: left; } .supsim .smtxt.active { text-align: left; } .tas_a .sub-tit { width: 80%; position: absolute; right: 10%; top: 29%; } .tas_a .sub-tit p { padding-top: 0.6rem; font-size: .5rem; line-height: 1.5; } .sim4 { width: 100%; position: absolute; right: 0; } .supsim_c_t1 { position: absolute; top: 2rem; left: 10%; } .tas_a .list1, .tas_a .list2 { width: 80%; } .tit-22 { font-size: .5rem; line-height: 1.5; } .tas_b .tit-76 { font-size: 1.2rem; width: 100%; line-height: 1.2; margin-bottom: 1rem; } .tasajax .tit-20 { font-size: 0.5rem; } .tasajax .img { margin-bottom: 1.2rem; } .table-container .swiper-slide { width: 100%; } .tas_c { height: auto; padding-bottom: 0; } .tas_c .left { width: 100%; } .tas_c .img { width: 100%; position: relative; bottom: auto; right: 0; text-align: center; } .tas_c .img img { width: 50%; display: inline-block; } .tasajax .img.supasm { margin-bottom: 0; } .ses_a .imgbox { display: none; } .ses_a .lists .li { margin-top: 1rem; display: inline-block; width: auto; } .ses_a .lists { width: 100%; overflow: auto; white-space: nowrap; } .ses_a .lists .li { margin-top: 1rem; margin-bottom: 1rem; display: inline-block; width: 80%; height: auto; float: none; } .ses_a .lists .li .tit-14 { color: #69759e; width: 90%; white-space: normal; } .ses_a .lists .li1 { margin-top: 2.5rem; } .mimgbox { margin-top: 1.2rem; } .mimgbox li { width: 100%; position: relative; } .mimgbox .left, .mimgbox .right { width: 50%; float: left; } .mimgbox .tit-20 { font-size: 0.55rem; line-height: .6rem; height: auto; padding-left: 0.6rem; margin-bottom: 0.5rem; } .mimgbox li:before { content: "鈥?; font-size: 1rem; position: absolute; left: 0; top: -.25rem; line-height: 1; } .cor1 { color: #0189c9; } .cor2 { color: #30b237; } .cor3 { color: #0199b6; } .cor4 { color: #ffa000; } .cor5 { color: #0199b6; } .cor6 { color: #ff4600; } .cor7 { color: #88b21c; } .ses_b .top { display: block; } .tit-76 { font-size: 1.2rem; } .ses_b .top .tit-20 { width: 100%; margin-top: 0.8rem; font-size: .4rem; } .ses_b .list { margin-top: 1.2rem; } .ses_b .list .li .tit { width: 100%; height: 2rem !important; } .ses_b .list .li .tit .tit-20 { transform: translate(-50%, -50%) rotate(0deg); } .ses_b .list .li .tit .tit-20 br { display: none; } .ses_b_list .li2 { width: 100%; float: left; padding: .8rem; padding-top: 0; } .ses_b_list .li2 { padding-top: .8rem; } .ses_main { background-image: url(../img/mapcbg1.png) } .supsim_a .item .hove_box { transform: translate(60%, -100%); } .supsim_a .item1 {} .supsim_a .item2 { left: 44%; } .supsim_a .item3 { top: 81%; left: 59%; } .supsim_b_list .li { width: 48%; margin-right: 4%; margin-top: 0.75rem; } .supsim_b_list .li:nth-child(2n) { margin-right: 0; } .tit-24.lh1.hnr { text-align: left; line-height: 1.2; } .supsim_c .sub-tit { width: 80%; position: absolute; left: 10%; top: 34%; } .supsim_c .list { position: absolute; width: 100%; height: 100%; left: 0; background: rgba(0, 0, 0, 0.4); padding: 1.2rem 10%; top: 100%; box-sizing: border-box; opacity: 0; } .supsim_e .s_c_txt1 { position: absolute; width: 80%; left: 10%; top: 29%; transform: translateY(-50%); } .supsim_e .s_c_txt .tit-22 br { display: none; } .ine2 { width: 100%; } .smi5 { width: 100%; position: absolute; right: -20%; top: 80%; transform: translateY(-50%); } .s_c_txt2 { position: absolute; left: 80%; top: 14%; transform: translateY(0); width: 80%; } .s_c_listcont { width: 100%; } .s_c_listcont .li { width: 23%; height: 3rem; margin-right: 2%; } .s_c_listcont .li:last-child { margin-right: 0; } .s_c_listcont .li img { width: 1rem; } .s_c_listcont { width: 80%; transform: translateX(0); top: auto; left: 10%; bottom: 5%; } .s_c_listcont .li.on .hoverbox { opacity: 0; transform: translateX(0); } .sim_f .more .span2 { margin-left: 0; width: .5rem; } .ind_f .listbox { position: relative; width: 80%; max-height: 10.5rem; left: 10%; top: 0; bottom: auto; z-index: 2; font-size: 0; } .ind_f .list .list1 { margin-top: 0; } .ind_f .list2 { width: 100%; white-space: nowrap; overflow: auto; font-size: 0; } .ind_f .list .list1 { margin-top: 0; } .ind_f .list ul li { display: inline-block; vertical-align: top; } .ind_f .listbox .list { width: 100%; margin-left: 10%; margin-right: 0; margin-top: 1.6rem; } .ind_f .list ul { width: 100%; margin: 0; vertical-align: top; white-space: nowrap; overflow: auto; display: inline-block; padding-bottom: 1.2rem; } .ind_f .list ul li { display: inline-block; width: 100%; margin-right: 1rem; vertical-align: top; } .conhoverbox { opacity: 1; display: block; } .ind_f .list ul li .conhoverbox .hnr { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; } .ind_f .list ul li a .txt { height: 100%; } .ind_f .list ul li a .txt .con { display: none; } .ind_f { height: auto; min-height: auto; padding-bottom: 1.2rem; } .solu_a .tops { display: block; } .solu_a .tops .left, .solu_a .tops .right { width: 100%; } .solu_a .tops .right { margin-top: 1rem; } .download-doil .box { width: 90%; } .supnew { padding: 1.6rem 0; } .supnew .tit-64 { font-size: 1rem; } .supnew .tit-30 { font-size: 0.75rem; line-height: 1.2; margin-top: 0.5rem; } .supnew .tit-18 { width: 100%; } .supnew .bot { width: 100%; margin-top: 1.4rem; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; } .supnew .bot .a1 { width: 5.5rem; } .supnew .bot .a2 { display: flex; width: 11.5rem; height: 4rem; margin-top: 0.5rem; } } .imgdoig { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999; } .imgdoig .mak { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.8); } .imgdoig .img { width: 100%; overflow: auto; padding-left: 10%; padding-bottom: 1rem; background: #fff; } .imgdoig .img img { width: 29.25rem; max-width: none; } @media (max-width: 996px) { .yc-a .list .left { width: 100%; border-right: 0; } .headerfax { height: 2.5rem; } .yc-a .list .left .tit-20 p { width: 100%; } .yc-a .list .right { width: 100%; margin-top: .75rem; } .yc-b .list .li { width: 100%; } .yc-b .list { margin-bottom: 0; } .yc-b .tops { padding: 1rem; } .yc-b .tops .li .tit-16 { width: 74%; word-break: break-all; } .contact_b .list .li { margin-top: 0; } .yc-b { padding-bottom: 0; } .life_e.ypmt .li .right .more { } .meater_content .li { height: auto; } .plan_banner .txt .tit-8 { font-size: 1.45rem; } .inp-banner .more { width: 5.75rem; height: 1.25rem; line-height: 1.25rem; } .tit-50 { font-size: 1rem; } .pmtinfo-a { height: 7.9rem; overflow: hidden; } .pmtinfo-a .play { width: 1rem; } .sus_b_container .swiper-slide .txt .tit-32 { font-size: .8rem; } .sus_b_container .swiper-slide { height: 16rem; } .pmtinfo-b .t2 { width: 100%; } .pmtinfo-b .list .li { width: 5rem; height: 5rem; } .pmtinfo-b .list .li .icon img { width: 30%; } .pmtinfo-b .list2 .li { width: calc((100% - .5rem) / 2); margin-bottom: 0.5rem; } .pmtinfo-b .list2 .li:nth-child(2n) { margin-right: 0; } .pmtinfo-c .list .li { width: calc((100% - 1rem) / 3); margin-right: .5rem; height: 3.5rem; } .pmtinfo-c .list .li:nth-child(8n) { margin-right: .5rem; } .pmtinfo-c .list .li:nth-child(3n) { margin-right: 0; } .pmtinfo-c .more { width: 5.75rem; height: 1.25rem; line-height: 1.25rem; } .pmtd-container .swiper-slide { width: 100%; } .pmtinfo-d.ind { padding-bottom: 0; } .pmtinfo-b .list .li .tit-28 { font-size: .5rem; } .pmtinfo-b .list { margin-bottom: 3.5rem; margin-top: 4rem; } .pmtinfo-b .list .li:first-child .tit-28 { position: absolute; top: -1rem; left: 50%; transform: translate(-50%, -100%); white-space: nowrap; } .pmtinfo-b .list .li:first-child .jt { position: absolute; left: 50%; top: -1rem; transform: translateX(-50%) rotate(90deg); } .pmtinfo-b .list .li:nth-child(3) .jt { position: absolute; right: 50%; top: -1rem; transform: translateX(50%) rotate(90deg); } .pmtinfo-b .list .li:nth-child(3) .tit-28 { position: absolute; top: -2rem; right: 50%; transform: translate(50%, 0); white-space: nowrap; } .prolist{ padding-top: 3.5rem; } .tit-86{ font-size: 1.25rem; } .prolist-a .list1{ flex-direction: column; } .prolist-a .list1 .li{ margin-left: 0; } .prolist-a .list1 .li .i{ width: 100%; margin-top: 0.75rem; } .prolist-a .list2 .img .item{ position: relative; left: auto; right: auto; margin-bottom: 1rem; top: auto; display: flex; align-items: center; justify-content: flex-start; } .prolist-a .list2 .img .item .txt{ position: relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform:translateX(0)!important; text-align: left !important; background: #eceef2 !important; width: 68%; } .prolist-a .list2 .img .item .t{ position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform:translateX(0)!important; text-align: left; margin: 0rem 0.5rem; } .w1540{ overflow: inherit; } .prolist-a .list2 .img .item .c img{ width: 1rem; } .prolist-a .list2 .img .imgs{ width: 8rem; } .prolist-a .list2 .img .imgs { width: 27rem; margin-left: -7.5rem; max-width: none; } .prolist-a .list4{ display: block; } .prolist-a .list5{ margin-left: 0; display: block; width: 100%; } .prolist-a .list5 .li1{ width: 100%; height: 2rem; margin-top: 0.5rem; } .prolist-a .list5 .li1 .tit-22{ width: 100%; } .prolist-a .list5 .li2{ width: 100%; } .prolist-a .list5 .li2 .top{ display: block; } .prolist-a .list5 .li2 .top .i{ width: 100%; margin-top: 0.5rem; } .prolist-a .list5 .li2 .botm{ display: block; } .prolist-a .list5 .li2 .botm .i{ width: 100%; margin-top: 0.5rem; } .prolist-b .plists{ padding-top: 2.5rem; margin-top: 0; } .prolist-b .plists .ul .li{ width: 100%; } .prolist-b .plists .ul .li .subli a{ width: 100%; } .ycont .plan_banner .txt .tit-58{ font-size: 1rem; } .ycont-a .img-box{ width: 100%; } .ycont-a .w1520{ display: block; } .ycont-a .txt{ width: 100%; padding-top: 0; } .ycont-a .txt .t1{ font-size: .45rem; margin-top: .75rem; } .ycont-a .txt .t3{ margin-top: 0.5rem; } .ycont-b{ margin-top: 0; padding-top: 1.5rem; } .ycont-b .img-box{ width: 100%; } .ycont-b .img-box .ib{ width: 100%; } .ycont-b .img-box .cs{ width: 100%; } .ycont-b .img-box{ height: 10rem; } .ycont-b .txt{ width: 100%; padding-top: 1rem; display: block; } .ycont-b .actxtss{ margin-bottom: 0; } .ycont-b .tit-18{ width: 100%; margin-top: 1rem; margin-bottom: 1rem; } .ycont-c{ padding-top: 3rem; } .ycont-c .w1520{ flex-direction: column-reverse; } .ycont-c .txt .mc{ margin-top: 1.5rem; } .ycont-c .img-box{ width: 100%; margin-top: 1.5rem; } .ycont-c .img-box .ib{ width: 100%; } .ycont-c .img-box .cs{ width: 100%; bottom: 2.5rem; } .ycont-d{ padding-top: 0; margin-bottom:1.5rem; } .ycont-d .list{ margin-top: 1.5rem; } .ycont-e .txt{ width: 100%; display: block; } .ycont-e .tit-18{ display: block; width: 100%; position: relative; left: 0; margin-top: 0.5rem; margin-bottom: 1.5rem; } .ycont-e .img-box{ width: 100%; } .ycont-f{ padding-top: 2.5rem; } .ycont-f .list a{ width: 100%; margin-bottom: 1.5rem; } .ycont-g img:first-child{ width: 200%; max-width: none; margin-left: -50%; } .btclear{ display: none; } .yabout .plan_banner .txt .tit-58{ font-size: .8rem; } .yabout-a .left{ width: 100%; } .yabout-a .right{ width: 100%; padding: 1rem; margin-top: 0; } .yabout-a .left{ text-align: center; } .yabout-a .left img{ width: 8rem; display: inline-block; } .yabout-a .right .mc{ line-height: 1.4; } .yabout-a .list2{ width: 100%; margin-top: 1.6rem; padding: 0.5rem 1rem; } .yabout-b{ padding: 1.5rem 0 ; } .yabbcontainer .swiper-slide{ width: 100%; padding:1rem 0.5rem; } .ypev, .ynext{ position: relative; display: inline-block; left: auto; right: auto; } .yabout-b{ text-align: center; } .yabbcontainer{ text-align: left; } .yabout-c .list .li{ width: 100%; height: auto; } .ajaxlist .li{ width: 100%; } .yabout-e .txt{ padding: 0; } .yabout-e .list .li{ width: 100%; margin-bottom: 1rem; } .yabout-e{ padding-bottom:1.5rem; } .ynews-container{ box-shadow:none; } .inp-a .w1520{ padding: 1.5rem 0; } .inp-a .left{ width: 100%; } .inp-a .right{ width: 100%; padding: 0; margin-top: 1.5rem; } .inp-b .list .li{ width: 100%; height: auto; flex-direction: column; align-items: center; } .inp-b .list .li .txt{ width: 100%; padding-left: 0; } .inpinfo-a .list2 .li .left{ width: 100%; } .inpinfo-a .list2 .li .right{ width: 100%; } .inpc-container .swiper-slide .li{ width: 100%; } .npinfo-b .list .li .icon, .npinfo-c .list .li .icon{ width: 1rem; } .home-b .list .txt .t2{ font-size: 14px; } .home-b .list .txt .t1{ font-size: 18px; } .ynews-pagination{ bottom: 0.5rem !important; } .ynews-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; } .new_a .right{ height: 10rem; } .yind .ind_b .list .li .left{ width: 100%; padding: 0; } .yind .ind_b .list .li .right{ width: 100%; } .yindess .swiper-wrapper{ display: flex !important; justify-content: normal !important; } } .pmtinfo-c { background-size: cover; }