/* 首页 */ #index .banner .banner_swiper { position: relative; } #index .banner .banner_swiper .banner_pagination { position: absolute; z-index: 99; text-align: center; } #index .banner .swiper-pagination-bullet, #index .banner .banner_swiper .banner_pagination-bullet { background: #ffffff; width: 12px; height: 12px; background: url(/uploads/image/swimages/banbg3.png) no-repeat center; margin: 0 10px; opacity: .5; } #index .banner .swiper-pagination-bullet-active, #index .banner .banner_swiper .banner_pagination-bullet-active { opacity: 1; } .xiazai { position: absolute; left: 50%; bottom: 30px; transform: translate(-50%, 0); padding: 10px 50px; background: #fff; } .xiazai:hover { background: #02a0e7; color: #fff; } .banner_swiper .banner_po img, .banner_swiper .banner_po video { transition: all 5s; transform: scale(1.1); } .banner_swiper .swiper-slide-active .banner_po img, .banner_swiper .swiper-slide-active .banner_po video { transform: scale(1); } .g-mobile { display: none !important; } .g-number { width: 187px; height: 497px; background: #f5f5f5; position: relative; } .g-number .g-number-p { top: 40px; z-index: 2; position: absolute; width: 228px; left: -20.5px; } .g-number .g-number-p img { width: 100%; } .g-number::after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #02a0e7; -webkit-transform: scaley(0); -moz-transform: scaley(0); -ms-transform: scaley(0); -o-transform: scaley(0); transform: scaley(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), -moz-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), -moz-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), -o-transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); } .g-number.is-filled::after { -webkit-transform: scaley(1); -moz-transform: scaley(1); -ms-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } /* 关于南方 */ .g-about { margin: 98px 0 65px; } .g-about .g-about-row, .g-case-row, .g-profile-row, .g-product-row, .g-news-row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .g-about .about_rignt { width: calc((100% - 320px) / 1); display: flex; flex-direction: column; align-items: flex-start; } .g-about .about_rignt h2, .g-case .case_left h2 { position: relative; font-size: 48px; font-family: microsoft yahei; font-weight: 400; color: #282828; padding-bottom: 30px; margin-bottom: 35px; } .g-about .about_rignt h2::after { content: ''; position: absolute; left: 0; width: 50px; height: 3px; background: #02a0e7; bottom: 0; } .g-about .about_rignt .about_right_p, .g-case .case_left .case_left_p { font-size: 28px; font-family: microsoft yahei; font-weight: 400; color: #646464; line-height: 52px; } /* 高端项目案例展示 */ .g-case { background: #f5f5f5; padding: 50px 0 95px; } .case_left { width: calc((100% - 275px) / 1); display: flex; flex-direction: column; align-items: flex-end; margin-top: 70px; } .g-case .g-number { background: #eeeded; height: 271px; } .g-case .case_left h2 { padding-bottom: 0 !important; margin-bottom: 30px; } .g-case .case_left .case_left_p { line-height: 36px; } .case_content { display: flex; flex-direction: column; width: 100%; } .case_content .case_min { display: flex; flex-direction: column; width: 100%; background: #ffffff; } .case_content .case_min .pic { position: relative; } .case_content .case_min .pic img { width: 100%; } .case_content .case_min .pic .case_pic_row { position: absolute; bottom: 0; left: 0; width: 100%; /* height: 103px; */ background: rgba(0, 0, 0, 0.7); display: flex; flex-direction: row; align-items: center; padding: 25px 0px 25px 90px; } .case_content .case_min .pic .case_pic_row h2 { font-size: 46px; font-family: microsoft yahei; font-weight: bold; color: #ffffff; position: relative; } /* .case_content .case_min .pic .case_pic_row h2::before { content: attr(data-letters); position: absolute; z-index: 2; overflow: hidden; color: #02a0e7; white-space: nowrap; width: 0%; height: 100%; -webkit-transition: width 0.4s 0.3s; transition: width 0.4s 0.3s; } .case_content .case_min .pic:hover .case_pic_row h2::before { width: 100%; } */ .case_content .case_min .pic .case_pic_row ul { display: flex; flex-direction: row; align-items: center; } .case_content .case_min .pic .case_pic_row ul li { font-size: 28px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; padding-left: 30px; list-style: inside; transition: .5s; } .case_content .case_min.actice .pic .case_pic_row ul li { color: #02a0e7; } .case_content .case_min .case_min_p { padding: 35px 0; font-size: 22px; font-family: microsoft yahei; font-weight: 400; color: #646464; line-height: 36px; } .case_content .case_min .case_min_footer { width: 100%; height: 45px; background: #d1d1d1; } .case_content .case_min:last-child .case_min_footer { display: none; } /* 企业及产品视频介绍 */ .g-profile { padding-top: 110px; } .g-profile-row .g-number { height: 602px; } .g-profile .profile_min { width: calc((100% - 265px) / 1); display: flex; flex-direction: row; justify-content: space-between; } .g-profile .profile_min .profile_left { width: 61%; display: flex; flex-direction: column; justify-content: space-between; } .g-profile .profile_min .profile_left h2 { font-size: 33px; font-family: microsoft yahei; font-weight: 400; color: #282828; margin-bottom: 20px; } .g-profile .profile_min .profile_left h2 span { font-size: 20px; padding-left: 15px; } .g-profile .profile_min .profile_left h2 span img { width: 30px; } .g-profile .profile_min .profile_left .pic { position: relative; cursor: pointer; } .g-profile .profile_min .profile_left .bof { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); } .g-profile .profile_min .profile_left .bf { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 62px; } .g-profile .profile_min .profile_right { width: 31%; display: flex; flex-direction: column; justify-content: space-between; } .g-profile .profile_min .profile_right .profile_right_top { display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .g-profile .profile_min .profile_right .profile_right_top h4 { font-size: 33px; font-family: microsoft yahei; font-weight: 400; color: #282828; } .g-profile .profile_min .profile_right .profile_right_top .profile_right_a { width: 153px; height: 50px; background: rgba(255, 255, 255, 0); border: 1px solid #d6d6d6; line-height: 48px; padding: 0 20px; background: url(/uploads/image/swiwelcome/profile_zuo.png) no-repeat right 20px center; font-size: 16px; font-family: microsoft yahei; font-weight: 400; position: relative; transition: .6s cubic-bezier(0.25, 1, 0.5, 1); } .g-profile .profile_min .profile_right .profile_right_top .profile_right_a::before { top: 0; left: auto; right: 0; bottom: 0; width: 0; content: ""; z-index: -1; position: absolute; background-color: #02a0e7; -webkit-transition: .6s cubic-bezier(0.25, 1, 0.5, 1); transition: .6s cubic-bezier(0.25, 1, 0.5, 1); } .g-profile .profile_min .profile_right .profile_right_top .profile_right_a:hover { color: #fff; background: url(/uploads/image/swiwelcome/profile_zuo1.png) no-repeat right 20px center; } .g-profile .profile_min .profile_right .profile_right_top .profile_right_a:hover::before { left: 0; width: 100%; right: auto; } .g-profile .profile_min .profile_right .profile_right_min { margin-top: 7px; display: flex; flex-direction: column; width: 100%; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po { position: relative; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .left_pic { width: 70%; /* position: absolute; left: 0; top: 0; */ } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .left_pic p { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #646464; padding-top: 5px; height: 42px; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic { position: absolute; right: 0; bottom: -24px; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic p { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #646464; padding-top: 5px; text-align: right; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_fot { width: 100%; display: flex; flex-direction: column; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_fot p { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #646464; padding-bottom: 5px; } /* 产品介绍 */ .g-product { padding-top: 70px; } .g-product .g-number { height: 268px; } .g-product-row { align-items: center; } .product_left { width: calc((100% - 275px) / 1); display: flex; flex-direction: row; align-items: center; justify-content: space-between; align-items: flex-end; } .product_left .product_ss { width: 23%; display: flex; flex-direction: row; } .product_left .product_ss input { width: 80%; height: 52px; border: 1px solid #e2e2e2; border-radius: 5px 0 0 5px; padding: 0 18px; line-height: 50px; } .product_left .product_ss a { width: 20%; height: 52px; line-height: 52px; border-radius: 0px 5px 5px 0px; background: #02a0e7 url(/uploads/image/swiwelcome/ss.png) no-repeat center; } .product_left .product_min { width: 70%; display: flex; flex-direction: column; align-items: flex-end; } .product_left .product_min h2, .news_right .news_top h2 { font-size: 48px; font-family: microsoft yahei; font-weight: 400; color: #282828; margin-bottom: 30px; } .product_left .product_min .case_left_p, .news_right .news_top .news_top_p { font-size: 28px; font-family: microsoft yahei; font-weight: 400; color: #838282; line-height: 36px; } .product_wrap { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; margin-top: 50px; padding: 0 44px; width: 100%; } .product_wrap .product_wrap_content { position: relative; width: calc((100% - 50px) / 6); margin-right: 10px; margin-bottom: 10px; } .product_wrap .product_wrap_content:nth-of-type(6n) { margin-right: 0; } .product_wrap .product_wrap_content .pic { overflow: hidden; } .product_wrap .product_wrap_content .pic img { transition: .5s; } .product_wrap .product_wrap_content:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .product_wrap .product_wrap_content .pic_banner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/uploads/image/swiwelcome/pic_name.png) no-repeat; background-size: cover; } .product_wrap .product_wrap_content p { position: absolute; bottom: 2px; left: 50%; transform: translate(-50%, 0); font-size: 20px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; width: 95%; text-align: center; } /* 新闻资讯 */ .g-news { padding: 88px 0 80px; } .g-news .g-number { height: 638px; } .news_right { width: calc((100% - 297px) / 1); display: flex; flex-direction: column; } .news_right .news_top { width: 72%; display: flex; flex-direction: column; align-items: flex-start; } .news_right .news_swiper { position: relative; margin-top: 60px; } .news_swiper .news_content { display: flex; flex-direction: column; width: 100%; justify-content: flex-start; } .news_swiper .news_content .news_time { font-size: 18px; font-family: arial; font-weight: 400; color: #838282; margin-bottom: 25px; } .news_swiper .news_content .news_name { font-size: 24px; font-family: microsoft yahei; font-weight: 400; color: #282828; line-height: 36px; height: 72px; margin-bottom: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news_swiper .news_content:hover .news_time, .news_swiper .news_content:hover .news_name { color: #02a0e7; } .news_swiper .news_content .pic { margin-bottom: 30px; overflow: hidden; } .news_swiper .news_content .pic img { transition: .5s; } .news_swiper .news_content:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .news_swiper .news_content p { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #7a7a7a; line-height: 30px; } .news_swiper .swiper-pagination { top: -100.5px; right: 0; /* display: flex; */ } .news_swiper .swiper-pagination-bullet { width: 10px; height: 10px; background: #a5a5a5; opacity: 1; margin: 0 10px; } .news_swiper .swiper-pagination-bullet-active { width: 10px; height: 10px; background: #02a0e7; position: relative; } .news_swiper .swiper-pagination-bullet-active::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border: 1px solid #02a0e7; border-radius: 50%; } .news_swiper .swiper-button-next, .news_swiper .swiper-button-prev { top: -105px; width: 67px; height: 67px; background-size: 67px 67px; } .news_swiper .swiper-button-prev { background-image: url(/uploads/image/swiwelcome/news_swiper2.png); transform: rotatey(180deg); left: auto; right: 17%; } .news_swiper .swiper-button-next { background-image: url(/uploads/image/swiwelcome/news_swiper2.png); right: 12%; } .news_swiper .swiper-button-prev:hover { background-image: url(/uploads/image/swiwelcome/news_swiper1.png); transform: rotatey(0deg); } .news_swiper .swiper-button-next:hover { background-image: url(/uploads/image/swiwelcome/news_swiper1.png); transform: rotatey(180deg); } .myvideo { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0, 0, 0, 0.8); } .myvideo .nvid { width: 100%; height: 100%; background: none; z-index: 10; display: flex; justify-content: center; align-items: center; } .close { height: 60px; width: 60px; display: block; z-index: 20; position: absolute; top: 10%; right: 10%; background: url(/uploads/image/swimages/icon48.png) no-repeat center; cursor: pointer; background-size: 100% 100%; } .myvideo .nvid video { width: 66%; } /*企业简介*/ .inner-main { width: 100%; margin: 0 auto; } .inner-banner { width: 100%; position: relative; } .inner-banner img { display: block; width: 100%; height: auto; margin: auto; } .ban_info { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; bottom: 30px; left: 0; color: #fff; } .ban_infos { position: relative; padding: 55px 0 0 139px; z-index: 999; } .ban_infos:before { content: ''; display: block; background: no-repeat left center; background-size: 100%; width: 248px; height: 248px; position: absolute; top: 0; left: 0; z-index: -1; } .ban_infos h3 { font-size: 60px; font-family: microsoft yahei; font-weight: bold; line-height: 1; margin-bottom: 20px; letter-spacing: 10px; } .ban_infos p { font-size: 30px; font-family: microsoft yahei; text-transform: uppercase; line-height: 1; } .inner-location { border-bottom: 1px solid #ddd; line-height: 30px; padding: 29px 0; overflow: hidden; } .inner-location p { float: right; background: no-repeat left center; font-size: 16px; color: #aaaaaa; padding-left: 38px; } .inner-location p a { font-size: 16px; color: #aaaaaa; } .iabout { margin: 42px 0 72px 0; } .iabout1 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; line-height: 1; } .iabout1 p { font-size: 36px; font-family: microsoft yahei; font-weight: 400; color: #282828; } .iabout1 img { width: 66px; height: 54px; } .iabout2 { margin: 35px 0 55px 0; font-size: 21px; font-family: microsoft yahei; font-weight: 400; color: #646464; line-height: 45px; } .tp { overflow: hidden; } .tp img { display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .iabout3 ul { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; } .iabout3 ul li { width: calc((100% - 24px) / 3); margin-right: 12px; } .iabout3 ul li:last-child { margin-right: 0; } .home { position: fixed; right: 0; top: 50%; transform: translate(0, -50%); z-index: 999; } .home a { width: 58px; height: 66px; background: #02a0e7; border-radius: 8px 0 0 8px; display: flex; justify-content: center; align-items: center; transition: .5s; color: #fff; font-size: 18px; } .home a p { display: none; } .home a:hover { width: 163px; } .home a:hover p { display: block; padding-left: 15px; } /*新闻详情*/ .inewsshow { margin: 50px 0 66px 0; } .inewsshow .continer1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .inewsshow_fl { width: 70%; } .inewsshow_title { text-align: center; } .inewsshow_title h3 { font-size: 36px; font-family: microsoft yahei; font-weight: 400; color: #282828; line-height: 48px; margin-bottom: 25px; } .inewsshow_title span { color: #818080; margin: 0px 10px; font-size: 14px; padding-left: 20px; } .browse { background: url(/uploads/image/swimages/browse.png) no-repeat left center; } .date { background: url(/uploads/image/swimages/date.png) no-repeat left center; } .inewsshow_content { margin: 40px 0 50px 0; font-size: 21px; font-family: microsoft yahei; font-weight: 400; color: #646464; line-height: 45px; } .inewsshow_author { display: flex; flex-direction: column; } .inewsshow_author span { font-size: 21px; font-family: microsoft yahei; font-weight: 400; color: #646464; line-height: 45px; } .inewsshow_back { margin-top: 35px; display: flex; justify-content: center; align-items: center; } .inewsshow_back_fl a, .inewsshow_back_fr a { /* display: block; */ width: 54px; height: 30px; background-color: #d8d8da; text-align: center; line-height: 30px; display: flex; justify-content: center; align-items: center; } .inewsshow_back_fl a img { width: 26px; height: 7px; } .inewsshow_back_fc { margin: 0 16px; } .inewsshow_back_fc a { display: block; height: 19px; } .inewsshow_back_fl a:hover, .inewsshow_back_fr a:hover { background-color: #02a0e7; } .inewsshow_fr { width: 26%; background: #f5f5f5; border-radius: 8px; padding: 35px; height: 100%; } .inewsshow_fr_title { border-bottom: 1px solid #e0e0e0; padding-bottom: 17px; } .inewsshow_fr_title p { font-size: 18px; color: #202020; line-height: 1; position: relative; } .inewsshow_fr_title p:after { content: ''; display: block; width: 87px; height: 1px; background-color: #02a0e7; position: absolute; bottom: -18px; } .inewsshow_fr_con { margin-top: 34px; } .inewsshow_fr_con li { margin-bottom: 28px; } .inewsshow_fr_con li:last-child { margin-bottom: 0; } .inewsshow_fr_con li a { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .inewsshow_fr_con li a .tp { width: 43%; } .inewsshow_txt { width: 57%; padding-left: 17px; } .inewsshow_txt1 { font-size: 19px; font-family: microsoft yahei; font-weight: 400; color: #222222; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inewsshow_txt2 { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #aaaaaa; line-height: 1; margin: 10px 0 13px 0; } .inewsshow_txt3 { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #666666; line-height: 33px; height: 66px; overflow: hidden; } .inewsshow_fr_con li a:hover .tp img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .inewsshow_fr_con li a:hover .inewsshow_txt1 { color: #02a0e7; } /*产品详情*/ .iproshow { margin: 59px 0 46px 0; } .iproshow1 { text-align: center; font-size: 36px; font-family: microsoft yahei; font-weight: 400; color: #282828; line-height: 1; } .iproshow1:after { content: ''; display: block; width: 53px; height: 4px; background: #02a0e7; margin: 30px auto 0 auto; } .iproshow2 { margin: 32px 0 55px 0; } .iproshow2_t { position: relative; } .iproshow2_t .gallery-top { width: 100%; height: auto; } .iproshow2_t .gallery-top .swiper-slide { display: initial; } .proshow-max a { display: block; position: relative; text-align: justify; width: 100%; } .vbtn { width: 106px; height: 106px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; } .iproshow2_t .swiper-button-next1, .iproshow2_t .swiper-button-prev1 { display: block; position: absolute; top: 50%; transform: translate(0, -50%); margin-top: 0; width: 67px; height: 67px; z-index: 10; cursor: pointer; outline: none; text-align: center; transition: .5s; background: #ededed no-repeat center; border-radius: 0 5px 5px 0; } .iproshow2_t .swiper-button-next1:hover, .iproshow2_t .swiper-button-prev1:hover { background: #02a0e7 no-repeat center; } .iproshow2_t .swiper-button-prev1 { right: auto; left: 0; } .iproshow2_t .swiper-button-next1 { left: auto; right: 0; transform: rotatey(-180deg) translate(0, -50%); } .iproshow2_b { position: relative; padding: 12px 0 17px 0; background-color: #f5f5f5; } .iproshow2_b .gallery-thumbs { width: 80%; height: auto; } .iproshow2_b .gallery-thumbs .swiper-slide { display: initial; } .proshow-min a { display: block; position: relative; text-align: justify; width: 100%; } .proshow-min a img { border: 2px solid #fff; background-color: #fff; } .proshow-min.swiper-slide-thumb-active a img { border: 2px solid #02a0e7; } .iproshow3 {} .proshow_title { border-bottom: 1px solid #e5e5e5; padding-bottom: 22px; overflow: hidden; } .proshow_title p { font-size: 24px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 24px; position: relative; padding-left: 14px; } .proshow_title p:before { content: ''; display: block; width: 3px; height: 20px; background: #02a0e7; position: absolute; left: 0; top: 2px; } .iproshow3_con { margin-top: 15px; font-size: 22px; font-family: microsoft yahei; font-weight: 400; color: #646464; line-height: 45px; } .iproshow4 { margin: 55px 0 75px 0; } .iproshow4_con { margin-top: 30px; font-size: 22px; font-family: microsoft yahei; font-weight: 400; color: #646464; line-height: 45px; } .iproshow4_con .two { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .iproshow4_con .two img { width: 49.5%; } .iproshow5 { margin-top: 50px; } .iproshow5_con { margin-top: 27px; position: relative; padding-bottom: 52px; } .iproshow5_con .swiper-slide { display: initial; } .iproshow5s a { display: block; overflow: hidden; text-align: left; position: relative; transition: .5s; } .iproshow5s a:hover .tp img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iproshow5_txt { position: absolute; left: 0; bottom: 0; width: 100%; padding: 13px 23px; background-color: rgba(0, 0, 0, .7); color: #fff; } .iproshow5_txts { position: relative; padding-left: 23px; } .iproshow5_txts:before { content: ''; display: block; width: 3px; height: 100%; background: #02a0e7; position: absolute; top: 0; left: 0; } .iproshow5_txt p { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } .iproshow5_txt h3 { font-size: 24px; font-family: microsoft yahei; font-weight: bold; color: #ffffff; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .swiper-pagination1 { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .iproshow5_con .swiper-pagination1 { bottom: 0; right: 0; width: 100%; } .iproshow5_con .swiper-pagination-bullet { width: 8px; height: 8px; background: #a5a5a5; border-radius: 50%; opacity: 1; outline: none; margin: 0px 7px; } .iproshow5_con .swiper-pagination-bullet-active { width: 8px; height: 8px; background: #02a0e7; position: relative; } .iproshow5_con .swiper-pagination-bullet-active::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border: 1px solid #02a0e7; border-radius: 50%; } .iproshow5_con .swiper-button-next2, .iproshow5_con .swiper-button-prev2 { display: block; position: absolute; top: 42%; transform: translate(0, -50%); margin-top: 0; width: 50px; height: 50px; z-index: 10; cursor: pointer; outline: none; text-align: center; transition: .5s; background: #ededed no-repeat center; border-radius: 0 5px 5px 0; } .iproshow5_con .swiper-button-next2:hover, .iproshow5_con .swiper-button-prev2:hover { background: #02a0e7 no-repeat center; } .iproshow5_con .swiper-button-prev2 { right: auto; left: 0; } .iproshow5_con .swiper-button-next2 { left: auto; right: 0; transform: rotatey(-180deg) translate(0, -50%); } @media (max-width: 1721px) { .case_content .case_min .pic .case_pic_row h2 { font-size: 40px; } .case_content .case_min .pic .case_pic_row ul li { font-size: 26px; } .case_content .case_min .pic .case_pic_row { padding: 25px 0px 25px 5%; } .ban_infos { padding: 52px 0 0 130px; } .ban_infos:before { width: 230px; height: 230px; } .ban_infos h3 { font-size: 54px; } .ban_infos p { font-size: 26px; } .inewsshow_fr_con li a .tp { width: 50%; } .inewsshow_txt { width: 50%; } } @media (max-width: 1600px) { .g-number { height: 460px; } .g-about .about_rignt h2, .g-case .case_left h2 { font-size: 36px; padding-bottom: 25px; margin-bottom: 30px; } .g-about .about_rignt .about_right_p, .g-case .case_left .case_left_p { font-size: 20px; line-height: 50px; } .case_content .case_min .pic .case_pic_row h2 { font-size: 35px; } .case_content .case_min .pic .case_pic_row ul li { font-size: 20px; } .case_content .case_min .case_min_p { padding: 30px 0; font-size: 16px; line-height: 28px; } .g-profile-row .g-number { height: auto; } .product_left .product_min .case_left_p, .news_right .news_top .news_top_p { font-size: 20px; } .product_left .product_min h2, .news_right .news_top h2 { font-size: 36px; margin-bottom: 20px; } .news_right .news_top h2 { margin-bottom: 12px; } .product_wrap .product_wrap_content p { font-size: 14px; } .g-news { padding: 88px 0 50px; } .g-news .g-number { height: 515px; } .news_right .news_swiper { margin-top: 54px; } .news_swiper .swiper-button-prev { right: 19%; } .news_swiper .news_content .news_time { margin-bottom: 20px; font-size: 14px; } .news_swiper .news_content .news_name { font-size: 16px; line-height: 25px; height: 50px; margin-bottom: 25px; } .news_swiper .news_content .pic { margin-bottom: 25px; } .news_swiper .news_content p { font-size: 14px; line-height: 24px; } .g-profile .profile_min .profile_right .profile_right_top .profile_right_a { width: 130px; height: 45px; line-height: 43px; font-size: 14px; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .left_pic img { max-width: 90%; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic { text-align: right; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic img { max-width: 83%; } .g-profile .profile_min .profile_left h2 span img { width: 27px; } .product_left .product_ss { width: 32%; } .product_left .product_ss input { height: 46px; line-height: 44px; } .product_left .product_ss a { height: 46px; line-height: 46px; } .product_left .product_min { width: 62%; } .product_left .product_min .case_left_p { text-align: right; } .xiazai { bottom: 20px; } .ban_infos { padding: 50px 0 0 120px; } .ban_infos:before { width: 220px; height: 220px; } .ban_infos h3 { font-size: 50px; } .ban_infos p { font-size: 24px; } .iabout1 p { font-size: 32px; } .iabout1 img { width: 60px; height: 49px; } .iabout2 { font-size: 20px; line-height: 40px; margin: 30px 0 45px 0; } .inewsshow_title h3 { font-size: 32px; line-height: 44px; margin-bottom: 20px; } .inewsshow_content { margin: 35px 0 45px 0; font-size: 20px; line-height: 40px; } .inewsshow_author span { font-size: 20px; line-height: 40px; } .inewsshow_fr { padding: 25px 15px; } .inewsshow_fr_con { margin-top: 30px; } .inewsshow_fr_con li { margin-bottom: 23px; } .inewsshow_txt1 { font-size: 16px; } .inewsshow_txt2 { font-size: 14px; } .inewsshow_txt3 { font-size: 14px; line-height: 25px; height: 50px; } .iproshow1 { font-size: 32px; } .vbtn { width: 96px; height: 96px; } .iproshow2_b .gallery-thumbs { width: 82%; } .proshow_title p { font-size: 22px; } .iproshow3_con { font-size: 20px; line-height: 40px; } .iproshow4 { margin: 45px 0 65px 0; } .iproshow4_con { font-size: 20px; line-height: 40px; } .iproshow5 { margin-top: 40px; } .iproshow5_txt h3 { font-size: 20px; } } @media (max-width: 1440px) { .g-about .about_rignt .about_right_p, .g-case .case_left .case_left_p { font-size: 22px; line-height: 45px; } .case_content .case_min .pic .case_pic_row h2 { font-size: 30px; } .case_content .case_min .pic .case_pic_row ul li { font-size: 20px; } .case_content .case_min .case_min_p { padding: 25px 0; font-size: 18px; } .g-profile-row .g-number { height: 469px; } .g-profile .profile_min .profile_left h2, .g-profile .profile_min .profile_right .profile_right_top h4 { font-size: 28px; } .g-profile .profile_min .profile_left h2 span { font-size: 16px; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .left_pic p, .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic p, .g-profile .profile_min .profile_right .profile_right_min .profile_right_fot p { font-size: 14px; } /* .product_left .product_min .case_left_p, .news_right .news_top .news_top_p{ font-size: 22px; } */ /* .product_left .product_ss input { width: 75%; height: 47px; line-height: 45px; } .product_left .product_ss a { width: 25%; height: 47px; line-height: 47px; background-size: 21px 20px; } */ .g-news .g-number { height: 560px; } .news_right .news_swiper { margin-top: 40px; } .news_swiper .swiper-button-next, .news_swiper .swiper-button-prev { top: -69px; width: 50px; height: 50px; background-size: 50px 50px; } .news_swiper .swiper-pagination { top: -76.5px; } .news_swiper .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 9px; } .news_swiper .swiper-pagination-bullet-active::after { width: 14px; height: 14px; } /* .news_swiper .news_content .news_time { font-size: 16px; } */ /* .news_swiper .news_content .news_name { font-size: 20px; } */ .product_wrap .product_wrap_content p { font-size: 12px; } .ban_info { bottom: 25px; } .ban_infos { padding: 45px 0 0 110px; } .ban_infos:before { width: 200px; height: 200px; } .ban_infos h3 { font-size: 46px; } .ban_infos p { font-size: 22px; } .iabout1 p { font-size: 30px; } .iabout1 img { width: 55px; height: 45px; } .iabout2 { font-size: 18px; line-height: 35px; margin: 25px 0 40px 0; } .inewsshow_title h3 { font-size: 30px; line-height: 42px; margin-bottom: 20px; } .inewsshow_content { margin: 25px 0 35px 0; font-size: 18px; line-height: 35px; } .inewsshow_author span { font-size: 18px; line-height: 35px; } .inewsshow_fr { padding: 25px 15px; } .inewsshow_fr_con { margin-top: 25px; } .inewsshow_fr_con li { margin-bottom: 20px; } .inewsshow_fr_con li a .tp { width: 50%; } .inewsshow_txt { width: 50%; } .inewsshow_txt1 { font-size: 16px; } .inewsshow_txt2 { font-size: 14px; } .inewsshow_txt3 { font-size: 14px; line-height: 25px; height: 50px; } .iproshow1 { font-size: 30px; } .iproshow1:after { margin: 25px auto 0 auto; } .vbtn { width: 86px; height: 86px; } .iproshow2_b .gallery-thumbs { width: 85%; } .proshow_title p { font-size: 20px; } .iproshow3_con { font-size: 18px; line-height: 35px; } .iproshow4 { margin: 35px 0 55px 0; } .iproshow4_con { font-size: 18px; line-height: 35px; } .iproshow5 { margin-top: 35px; } .iproshow5_txt h3 { font-size: 20px; } } @media (max-width: 1280px) { .g-about .about_rignt { width: calc((100% - 300px) / 1); } .g-about .about_rignt h2, .g-case .case_left h2 { font-size: 32px; padding-bottom: 20px; margin-bottom: 25px; } .g-about .about_rignt .about_right_p, .g-case .case_left .case_left_p { font-size: 20px; line-height: 40px; } .case_content .case_min .pic .case_pic_row { padding: 20px 0px 20px 5%; } .case_content .case_min .pic .case_pic_row h2 { font-size: 28px; } .case_content .case_min .pic .case_pic_row ul li { font-size: 18px; } .case_content .case_min .case_min_p { padding: 20px 0; font-size: 16px; line-height: 30px; } .g-profile-row .g-number { height: 420px; } .g-profile .profile_min .profile_left h2, .g-profile .profile_min .profile_right .profile_right_top h4 { font-size: 26px; } .g-profile .profile_min .profile_left h2 span { font-size: 12px; } .g-profile .profile_min .profile_left h2 span img { width: 20px; } .g-profile .profile_min .profile_right .profile_right_top .profile_right_a { width: 113px; height: 42px; line-height: 40px; font-size: 12px; background-size: 13px 10px; padding: 0 15px; background: url(/uploads/image/swiwelcome/profile_zuo.png) no-repeat right 15px center; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic img { max-width: 60%; } .product_left .product_min h2, .news_right .news_top h2 { font-size: 32px; } .product_left .product_min .case_left_p, .news_right .news_top .news_top_p { font-size: 20px; line-height: 30px; } .product_left .product_ss { width: 26%; } .product_wrap .product_wrap_content { width: calc((100% - 40px) / 5); } .product_wrap .product_wrap_content:nth-of-type(6n) { margin-right: 10px; } .product_wrap .product_wrap_content:nth-of-type(5n) { margin-right: 0; } .product_wrap .product_wrap_content p { font-size: 14px; } .news_swiper .news_content .news_time { font-size: 14px; margin-bottom: 15px; } .news_swiper .news_content .news_name { font-size: 16px; line-height: 25px; height: 50px; margin-bottom: 20px; } .news_swiper .news_content .pic { margin-bottom: 20px; } .news_swiper .news_content p { font-size: 13px; line-height: 23px; } .ban_info { bottom: 20px; } .ban_infos { padding: 45px 0 0 100px; } .ban_infos:before { width: 200px; height: 200px; } .ban_infos h3 { font-size: 40px; } .ban_infos p { font-size: 20px; } .iabout1 p { font-size: 30px; } .iabout1 img { width: 55px; height: 45px; } .iabout2 { font-size: 18px; line-height: 35px; margin: 20px 0 35px 0; } .inewsshow_title h3 { font-size: 26px; line-height: 38px; margin-bottom: 20px; } .inewsshow_content { margin: 25px 0 35px 0; font-size: 18px; line-height: 35px; } .inewsshow_author span { font-size: 18px; line-height: 35px; } .inewsshow_fr { padding: 25px 15px; } .inewsshow_fr_con { margin-top: 25px; } .inewsshow_fr_con li { margin-bottom: 20px; } .inewsshow_fr_con li a { flex-direction: column; } .inewsshow_fr_con li a .tp { width: 100%; } .inewsshow_txt { margin-top: 20px; width: 100%; padding-left: 0; } .inewsshow_txt1 { font-size: 16px; } .inewsshow_txt2 { font-size: 14px; } .inewsshow_txt3 { font-size: 14px; line-height: 25px; height: 50px; } .iproshow1 { font-size: 26px; } .iproshow1:after { margin: 20px auto 0 auto; } .vbtn { width: 86px; height: 86px; } .iproshow2_b .gallery-thumbs { width: 85%; } .proshow_title p { font-size: 20px; } .iproshow3_con { font-size: 18px; line-height: 35px; } .iproshow4 { margin: 35px 0 55px 0; } .iproshow4_con { font-size: 18px; line-height: 35px; } .iproshow5 { margin-top: 35px; } .iproshow5_txt h3 { font-size: 20px; } } @media (max-width: 992px) { .g-about { margin: 58px 0 45px; } .g-number { /* height: 497px; */ width: 166px; } .g-number .g-number-p { width: 198px; } .g-about .about_rignt { width: calc((100% - 240px) / 1); } .g-about .about_rignt h2, .g-case .case_left h2 { font-size: 28px; } .g-about .about_rignt .about_right_p, .g-case .case_left .case_left_p { font-size: 16px; line-height: 31px; } .g-case { padding: 40px 0 65px; } .case_left { width: calc((100% - 235px) / 1); margin-top: 50px; } .g-case .case_left .case_left_p { text-align: right; } .case_content .case_min .pic .case_pic_row { position: initial; flex-direction: column; align-items: flex-start; justify-content: flex-start; background: rgba(0, 0, 0, 0.8); } .case_content .case_min .pic .case_pic_row h2 { font-size: 24px; margin-bottom: 12px; } .case_content .case_min .pic .case_pic_row ul { flex-wrap: wrap; } .case_content .case_min .pic .case_pic_row ul li { font-size: 14px; padding-left: 0; padding-right: 30px; } .case_content .case_min .pic .case_pic_row ul li:last-child { padding-right: 0px; } .case_content .case_min .case_min_p { padding: 15px 0; font-size: 14px; line-height: 27px; } .case_content .case_min .case_min_footer { height: 35px; } .g-profile { padding-top: 80px; } .g-profile .profile_min { width: calc((100% - 225px) / 1); flex-direction: column; } .g-profile .profile_min .profile_left { width: 100%; } .g-profile .profile_min .profile_right { width: 100%; margin-top: 30px; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic img { max-width: 100%; } .product_left { flex-direction: column; width: calc((100% - 235px) / 1); } .product_left .product_ss { width: 70%; margin-bottom: 30px; } .product_left .product_min { width: 100%; } .product_left .product_min h2, .news_right .news_top h2 { font-size: 28px; } .product_left .product_min .case_left_p, .news_right .news_top .news_top_p { font-size: 16px; line-height: 26px; text-align: right; } .product_wrap .product_wrap_content { width: calc((100% - 20px) / 3); } .product_wrap .product_wrap_content:nth-of-type(5n) { margin-right: 10px; } .product_wrap .product_wrap_content:nth-of-type(3n) { margin-right: 0; } .g-news { padding: 68px 0 80px; } .news_right { width: calc((100% - 217px) / 1); } .news_right .news_top { width: 100%; } .news_swiper .swiper-button-next, .news_swiper .swiper-button-prev { top: auto; bottom: -68px; } .news_swiper .swiper-button-prev { right: 42%; } .news_swiper .swiper-button-next { right: 30%; } .news_swiper .swiper-pagination { top: auto; bottom: -52px; } .myvideo .nvid video { width: 90%; } .ban_infos { padding: 35px 0 0 80px; } .ban_infos:before { width: 170px; height: 170px; } .ban_infos h3 { font-size: 36px; } .ban_infos p { font-size: 18px; } .inner-location { padding: 20px 0; } .iabout { margin: 42px 0 50px 0; } .iabout1 p { font-size: 24px; } .iabout1 img { width: 45px; height: 37px; } .iabout2 { font-size: 16px; line-height: 30px; margin: 20px 0; } .inewsshow { margin: 50px 0; } .inewsshow_title h3 { font-size: 24px; } .inewsshow_content { font-size: 16px; line-height: 30px; } .inewsshow_author span { font-size: 16px; line-height: 30px; } .inewsshow .continer1 { flex-direction: column; } .inewsshow_fl { width: 100%; } .inewsshow_fr { width: 100%; margin-top: 20px; } .inewsshow_fr_con ul { display: flex; flex-direction: row; flex-wrap: wrap; } .inewsshow_fr_con ul li { width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 0; } .inewsshow_fr_con ul li:last-child { margin-right: 0; } .iproshow { margin: 50px 0 46px 0; } .iproshow1 { font-size: 24px; } .iproshow2 { margin: 32px 0; } .vbtn { width: 66px; height: 66px; } .iproshow2_t .swiper-button-next1, .iproshow2_t .swiper-button-prev1 { width: 50px; height: 50px; } .proshow_title p { font-size: 18px; } .iproshow3_con { font-size: 16px; line-height: 30px; } .iproshow4 { margin: 35px 0; } .iproshow4_con { font-size: 16px; line-height: 30px; margin-top: 15px; } .iproshow5_con { padding-bottom: 35px; } .iproshow5_txt h3 { font-size: 18px; } } @media (max-width:810px) {} @media (max-width: 600px) { .g-mobile { display: block !important; } .g-about { margin: 38px 0 35px; } /* .g-about .g-about-row, .g-case-row, .g-profile-row, .g-product-row, .g-news-row{ flex-direction: column; } */ .g-number { height: 246px; } .g-about .about_rignt { width: 100%; margin-top: 20px; } .g-about .about_rignt h2, .g-case .case_left h2 { font-size: 26px; padding-bottom: 18px; margin-bottom: 20px; } .g-about .about_rignt .about_right_p, .g-case .case_left .case_left_p { font-size: 14px; line-height: 24px; } .g-case .g-number { display: none; } .case_left { width: 100%; margin: 30px 0; align-items: self-start; } .g-case .case_left .case_left_p { text-align: left; line-height: 19px; } .case_content .case_min .pic .case_pic_row { padding: 15px 5%; } .case_content .case_min .pic .case_pic_row h2 { font-size: 18px; margin-bottom: 10px; } .case_content .case_min .pic .case_pic_row ul li { font-size: 12px; padding-left: 0; padding-right: 0; width: 100%; } .g-profile-row .g-number { height: 246px; } .g-profile .profile_min .profile_left h2, .g-profile .profile_min .profile_right .profile_right_top h4 { font-size: 22px; } .g-product .g-number { display: none; } .g-product-row { align-items: flex-start; } .product_left { width: 100%; margin-top: 30px; align-items: center; } .product_left .product_min { align-items: center; } .product_left .product_min h2, .news_right .news_top h2 { font-size: 24px; } .product_left .product_min .case_left_p, .news_right .news_top .news_top_p { font-size: 14px; line-height: 23px; text-align: left; } .product_wrap { margin-top: 30px; padding: 0 10px; } .product_wrap .product_wrap_content { width: calc((100% - 10px) / 2); } .product_wrap .product_wrap_content:nth-of-type(3n) { margin-right: 10px; } .product_wrap .product_wrap_content:nth-of-type(2n) { margin-right: 0; } .g-news .g-number { height: 246px; } .news_right { width: 100%; margin-top: 30px; } .news_right .news_swiper { margin-top: 30px; } .news_swiper .swiper-button-prev { right: 45%; } .g-profile .profile_min .profile_left h2 span { padding-left: 10px; } .ban_info { bottom: 10px; } .ban_infos { padding: 20px 0 0 50px; } .ban_infos:before { width: 100px; height: 100px; } .ban_infos h3 { font-size: 26px; margin-bottom: 10px; } .ban_infos p { font-size: 14px; } .iabout { margin: 30px 0; } .iabout1 p { font-size: 18px; } .iabout1 img { width: 40px; height: 33px; } .iabout2 { font-size: 14px; line-height: 25px; } .inewsshow { margin: 30px 0; } .inewsshow_title h3 { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .inewsshow_content { font-size: 14px; line-height: 25px; } .inewsshow_author span { font-size: 14px; line-height: 25px; } .inewsshow_back { margin-top: 20px; } .iproshow { margin: 30px 0; } .iproshow1 { font-size: 18px; line-height: 30px; } .iproshow1:after { width: 35px; margin: 10px auto 0 auto; } .iproshow2 { margin: 20px 0; } .iproshow2_b { padding: 12px 12px 12px 17px; } .iproshow2_b .gallery-thumbs { width: 100%; } .proshow_title { padding-bottom: 10px; } .proshow_title p { font-size: 16px; } .iproshow3_con { font-size: 14px; line-height: 25px; } .iproshow4 { margin: 20px 0; } .iproshow4_con { font-size: 14px; line-height: 25px; } .iproshow5 { margin-top: 30px; } .iproshow5_con { margin-top: 20px; } .iproshow5_txt { padding: 10px 15px; } .iproshow5_txt p { font-size: 12px; margin-bottom: 0; } .iproshow5_txt h3 { font-size: 14px; } .iproshow5_txts { padding-left: 15px; } .g-case { padding: 40px 0 45px; } .g-profile { padding-top: 40px; } .g-about .g-about-row .g-number, .g-case .g-number, .g-profile-row .g-number, .g-product .g-number { height: 88px; width: 43px; } .g-about .g-about-row .g-number .g-number-p, .g-case .g-number .g-number-p, .g-profile-row .g-number .g-number-p, .g-product .g-number .g-number-p { width: 46px; left: -2.5px; top: 20px; } .g-about .about_rignt, .g-case .case_left, .g-profile .profile_min { width: calc((100% - 60px) / 1); } .product_left { width: calc((100% - 50px) / 1); } .g-case .case_left { margin: 0 0 30px; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .left_pic { width: 100%; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .left_pic img { max-width: 100%; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic { position: initial; width: 100%; } .g-profile .profile_min .profile_right .profile_right_min .profile_right_po .right_pic img { width: 100%; } .g-about .about_rignt, .product_left { margin-top: 0px; } .product_left .product_ss { margin-bottom: 20px; } .product_left .product_min h2 { font-size: 20px; } .product_left .product_min .case_left_p { font-size: 12px; line-height: 19px; } .g-case .case_left h2 { margin-bottom: 10px; } .g-profile .profile_min .profile_left h2 span img { margin-top: 10px; } .iproshow5_con .swiper-button-next2, .iproshow5_con .swiper-button-prev2 { width: 40px; height: 40px; } }