body { overflow-x: hidden; margin: 0 auto; width: 100%; } .w1400 { margin: 0 auto; width: 73.57% } .w1600 { margin: 0 auto; width: 84.08%; /* border: 1px solid #000; */ } .swiper-pagination-progress { background-color: rgba(51, 51, 51, .2) } .swiper-pagination-progress .swiper-pagination-progressbar { background-color: #003686 } .swiper-container-horizontal > .swiper-scrollbar { bottom: 0; left: 0; width: 100%; height: 3px; border-radius: 2px; background-color: rgba(152,152,152, .2); opacity: 1 !important } .swiper-scrollbar-drag { background-color: #ff8f44; } .swiper-pagination-bullet { width: 21px; height: 3px; border-radius: 0px; background-color: rgba(51,51,51, 0.2); opacity: 1; } .pasection7 .swiper-pagination-bullet { background-color: rgba(255,255,255, 0.2); } .swiper-pagination-bullet-active, .pasection7 .swiper-pagination-bullet-active { background-color: #ff6325; } .about2 .swiper-pagination-bullet, .psection1 .swiper-pagination-bullet { opacity: 1; background: rgba(241,241,241, 0.5); } .about2 .swiper-pagination-bullet-active, .psection1 .swiper-pagination-bullet-active { background: rgba(241,241,241, 1); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1 !important } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 } .swiper-button-next, .swiper-button-prev { margin-top: 0; width: 36px; height: 36px; background: #ff6224; border-radius: 23px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 36px; transform: translateY(-50%); } .swiper-button-prev { left: 0 } .swiper-button-next { right: 0; } .swiper-button-prev:hover, .swiper-button-next:hover { background: #ff9a1f; color: #ffffff; } .banner, .swiper_img { position: relative; overflow: hidden; display: block; width: 100%; } .banner_img::before, .pub_banner_Box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); display: none; } .banner1 .banner_yun { position: absolute; top: 0; left: 0; z-index: 3; width: 200%; height: 100%; animation: yunMove 100s infinite linear; } .banner1 .banner_yun img { float: left; width: 50%; height: 100%; } @keyframes yunMove { 0% { left: 0; } 100% { left: -100%; } } .popvideo iframe { width: 100% } .popvideo video { width: 100%; object-fit: fill } .popvideobg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; display: none; margin: auto; width: 100%; height: 100%; background: rgba(0, 0, 0, .7) } .popvideobox { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%) } .popvideo { position: relative; margin: 0 auto; padding: 0 20px; max-width: 1100px } .close-video-btn { position: absolute; top: 4%; right: 3.5%; z-index: 9; display: block; width: 30px; height: 30px; cursor: pointer; overflow: hidden; } .close-video-btn:after { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg) } .close-video-btn:after, .close-video-btn:before { position: absolute; top: 10px; width: 30px; height: 2px; background-color: #f52218; content: "" } .close-video-btn:before { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg) } .videobox-font { margin: 25px auto 0; padding: 16px 6px; width: 240px; border: 1px solid hsla(0, 0%, 100%, .3); background: url(../images/ab-bgm9.jpg) no-repeat 50%; background-size: cover; color: #fff; font-size: 18px } .videobox-font em, .videobox-font span { display: inline-block; vertical-align: middle; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; -ms-transition: .5s } .videobox-font span { margin-right: 30px } .videobox-font:hover span { margin-right: 15px } .movideo { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; z-index: 1; color: #ffffff; width: 36px; height: 36px; text-align: center; background: rgba(0, 0, 0, .6); border-radius: 50%; display: none; } .movideo em { display: block; width: 100%; height: 100%; font-size: 14px; line-height: 36px; } .headfixed { position: relative; z-index: 9; width: 100%; transition: all .5s; } .headfixed .headfixed_top { padding: 5px 0.4rem; flex-wrap: wrap; } .headfixed .headfixed_top .logo { color: #0f0f0f; width: 360px; } .headfixed .headfixed_top .logo img { margin: 0px; margin-bottom: 5px; } .headfixed .headfixed_rt { width: calc(100% - 360px); text-align: right; } .headfixed .headfixed_rtli .left { margin-right: 0.25rem; } .headfixed .headfixed_rtli .link, .headfixed .headfixed_rtli .link1 { position: relative; color: #999999; display: inline-block; vertical-align: middle; } .headfixed .headfixed_rtli .link { padding: 10px 0.3rem; text-align: center; } .headfixed .headfixed_rtli .link::before, .headfixed .linkct::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: 1px; height: 12px; background: #e3e3e3; } .headfixed .headfixed_rtli .left_menu:last-child .link::before { opacity: 0; } .headfixed .headfixed_rtli .link:hover, .headfixed .headfixed_rtli .link1:hover { color: #ff8f44; } .headfixed .headfixed_rtft { border-radius: 4px; color: #ff9a1f; font-size: 14px; border: dashed 1px #ff9a1f; display: inline-block; padding: 4px 10px 2px 10px; margin-bottom: 15px; } .headfixed .linkct { padding: 0 0.20rem; position: relative; } .headfixed .linkct span { font-size: 12px; color: #999999; display: inline-block; vertical-align: middle; } .headfixed .linkct em { display: block; margin-right: 10px; } .headfixed .linkct .icon1 { background: url(../images/in_sprites.png) -0px -460px no-repeat; width: 22px; height: 22px; } .headfixed .linkct .icon2, .mo_logli em.icon1 { background: url(../images/in_sprites.png) -0px -522px no-repeat; width: 22px; height: 20px; } .headfixed .linkct .icon3, .mo_logli em.icon2 { background: url(../images/in_sprites.png) -0px -482px no-repeat; width: 18px; height: 20px; } .headfixed .nav_input { position: relative; width: 330px; height: 35px; background-color: #ffffff; border-radius: 18px; } .headfixed .nav_input .input { width: calc(100% - 70px); height: 100%; padding-left: 20px; font-size: 16px; color: #999999; } .headfixed .nav_input .sub { position: absolute; top: 0; right: 0; width: 70px; text-align: center; font-size: 20px; text-align: center; line-height: 35px; color: #999999; } .headfixed .btn-list .btn-right { width: 100%; align-items: center; text-align: center; } .btn_search { width: 20px; } .headfixed .header_button { overflow: hidden; position: relative; color: #000; font-weight: bold !important; font-size: 20px !important; z-index: 1; display: block; width: 100%; height: 100%; margin: 0 auto; cursor: pointer; } #search_form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 100%; right: 0.4rem; left: 0.4rem; max-height: 0; overflow: hidden; background: #ffffff; display: flex; flex-direction: row; justify-content: flex-start; } #search_form fieldset { position: relative; padding: 0; border: none; z-index: 9; width: calc(100% - 50px); } #search_form input { display: block; height: 45px; font-size: 14px; padding: 0 15px; } #search_form .search { width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #003686; font-size: 16px; z-index: 9; } #search_form fieldset .input { width: 100%; color: #999999; } #search_form .header_btn { position: relative; width: 50px; height: 45px; text-align: center; display: block; line-height: 40px; color: #fff; font-size: 18px; background-color: #FF6224; cursor: pointer; padding: 0px; z-index: 3; } #search_form.open { max-height: 50px; border: 1px solid #f1f1f1; } .headfixed .headfixed_rt .left_menu { position: relative; text-align: left; } .headfixed .left_mdrop { position: absolute; z-index: 9; top: 100%; left: 0px; min-width: 300px; padding: 30px 0; background-color: #ffffff; border: solid 1px #ececec; opacity: 0; pointer-events: none; } .headfixed .headfixed_rt .left_menu:hover .left_mdrop { opacity: 1; pointer-events: unset; } .headfixed .left_mdrop::before { content: ""; position: absolute; top: -8px; left: 80px; width: 14px; height: 8px; background: url(../images/hsjx.png) no-repeat center; background-size: cover; } .headfixed .left_mdrop .tit { font-size: 20px; font-weight: bold; color: #0f0f0f; margin-bottom: 5px; padding: 0 30px; } .headfixed .left_mdrop .contli { position: relative; padding: 0 30px; } .headfixed .head_topmenu { position: absolute; min-width: 450px; background: #ffffff; display: none; top: 0; left: 100%; z-index: 3; padding: 25px; box-shadow: 0 0 103px 0 rgba(0,0,0,.15); } .headfixed .left_mdrop .contli:hover .head_topmenu { display: block; } .headfixed .left_mdrop .contli .mlink { position: relative; font-size: 16px; color: #888888; padding: 6px 0; display: inline-block; } .headfixed .left_mdrop .contli .mlink::before { position: absolute; right: -30px; top: 6px; opacity: 0; pointer-events: none; transition: all 0.1s; } .headfixed .left_mdrop .contli.active .mlink, .headfixed .head_sublf .head_sublli:hover .sblink, .headfixed .head_sublf .head_sublli.active .sblink, .headfixed .head_topmenu .head_tli:hover { color: #ff6224; } .headfixed .left_mdrop .contli.active .mlink::before, .headfixed .head_sublf .head_sublli:hover .sblink::before, .headfixed .head_sublf .head_sublli.active .sblink::before { opacity: 1; pointer-events: unset; } .headfixed .head_sdec { position: relative; font-size: 16px; padding-left: 20px; text-align: left; color: #333333; margin-top: 12px; } .headfixed .head_sdec strong { font-size: 20px; color: #ff9a1f; display: inline-block; vertical-align: 0px; } .headfixed .head_sdec:hover { color: #979797; } .headfixed .head_sdec:first-child, .headfixed .head_sublli:first-child { margin-top: 0px; } .headfixed .head_sublf { position: relative; width: 310px; padding-right: 0.25rem; } .headfixed .head_sublf::before { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background: #EFEFEF; } .headfixed .head_sublf .sblink { position: relative; font-size: 16px; color: #888888; } .headfixed .head_sublli { position: relative; margin-top: 10px; } .headfixed .head_sublf .sblink::before { position: absolute; top: -4px; right: -35px; opacity: 0; pointer-events: none; transition: all 0.1s; } .headfixed .head_subrt { position: relative; width: calc(100% - 310px); padding-left: 0.35rem; min-height: 280px; } .headfixed .head_sdec::before { position: absolute; left: 0px; top: 3px; display: block; transform: rotate(90deg); color: #d0d0d0; font-size: 12px; } .headfixed .head_subimg { position: absolute; right: 15px; bottom: 0px; text-align: right; } .headfixed .head_subtit { position: relative; z-index: 2; font-size: 20px; font-weight: bold; color: #0f0f0f; margin-bottom: 10px; } .headfixed .head_subrtli { display: none; padding-right: 2.5rem; } .headfixed .head_subrtli:first-child { display: block; } .headfixed .head_topmenu .head_tli { display: inline-block; font-size: 16px; color: #888888; padding: 3px 0; } .headfixed .menu_list { transition: all .5s; align-items: center; background: #0f0f0f; padding: 0 0.4rem; } .headfixed .logo { position: relative; z-index: 2; } .headfixed .mobile_menu { display: none; width: 26px; } .headfixed .toggle_btn { position: relative; display: block; width: 26px; height: 26px; margin-left: 1rem; z-index: 10 } .headfixed .toggle_btn span { position: absolute; right: 0; width: 100%; height: 2px; background: #222; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } .headfixed .toggle_btn span:first-child { top: 5px } .headfixed .toggle_btn span:nth-child(2) { width: 20px; top: 50% } .headfixed .toggle_btn span:last-child { bottom: 3px } .headfixed .toggle_btn.on span:first-child { -webkit-transform: translate(0, 7px) rotate(45deg); -o-transform: translate(0, 7px) rotate(45deg); transform: translate(0, 7px) rotate(45deg); -ms-transform: translate(0, 7px) rotate(45deg); } .headfixed .toggle_btn.on span:nth-child(2) { opacity: 0 } .headfixed .toggle_btn.on span:last-child { bottom: 9px; -webkit-transform: translate(0, -3px) rotate(-45deg); -o-transform: translate(0, -3px) rotate(-45deg); transform: translate(0, -3px) rotate(-45deg); -ms-transform: translate(0, -3px) rotate(-45deg); } .mobile_nav { position: fixed; pointer-events: none; top: 0; right: 0; z-index: 9; opacity: 0; width: 90%; height: 100%; padding-top: 1.5rem; padding-bottom: 0.5rem; transform: translateX(150%); background: #ffffff; transition: all .8s } .headfixed .mobile_menu.on .mobile_nav { opacity: 1; transform: translateX(0); pointer-events: auto; } .headfixed .mobile_nav .tit { position: relative; color: #333333; text-align: right; letter-spacing: 1px; font-size: 15px; padding-right: 20px } .headfixed .mobile_nav li { position: relative; width: 100% } .headfixed .menu_pcul .navli .head_subnav { position: absolute; top: 100%; left: -60%; min-width: 1080px; border: solid 1px #ececec; padding: 30px; background: url(../images/hbgm1.jpg) no-repeat bottom right; background-size: cover; pointer-events: none; opacity: 0; } .headfixed .menu_list .menu_pcul .navli:hover .head_subnav { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 1; pointer-events: auto; } .headfixed .mobile_nav .head_subnav { display: none; padding: 5px 3.5%; width: 100% } .headfixed .mobile_nav .head_subnav a { position: relative; display: inline-block; padding: 6px 8%; width: 100%; color: rgba(51, 51, 51, .7); text-align: right; font-size: 14px; line-height: 1.5 } .headfixed .head_tit { position: relative; padding: 8px 8%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center } .headfixed .mobile_nav .mobile_down { width: 20px; height: 10px; position: absolute; text-align: center; line-height: 16px; z-index: 2; right: 5%; top: 50%; transform: translateY(-50%) } .headfixed .mobile_nav .jiahao { position: relative; width: 10px; height: 10px; z-index: 5; margin-top: -1px; display: block; cursor: pointer } .headfixed .mobile_nav .jiahao::after, .headfixed .mobile_nav .jiahao::before { content: ""; position: absolute; background: rgba(0, 0, 0, .6); transition: all .8s } .headfixed .mobile_nav .jiahao::before { width: 10px; height: 2px; left: 0; top: 50%; transform: translateY(-50%) } .headfixed .mobile_nav .jiahao::after { width: 2px; height: 10px; top: 0; left: 50%; transform: translateX(-50%) } .headfixed .mobile_nav .head_tit.cur .jiahao::before { background: #EE7800 } .headfixed .mobile_nav .head_tit.cur .jiahao::after { opacity: 0 } .btn_mobile { width: 80px; display: none; margin-left: 0.6rem; } .btn_search { width: 30px; height: 30px; } .mo_log { position: relative; width: 30px; } .mo_logtit { width: 30px; height: 35px; background: url(../images/guild.png) no-repeat; background-size: 0.09rem 0.33rem; background-position: center center; } .mo_logmenu { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); min-width: 150px; background: #fff; border-radius: 0.05rem; z-index: 9; box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5); display: none; } .mo_logli { position: relative; display: block; padding: 6px; border-bottom: 1px solid #D3D3D3; } .mo_logli em { display: inline-block !important; vertical-align: middle; transform: scale(0.8); width: 25px !important; } .mo_logli span { display: inline-block; vertical-align: middle; width: calc(100% - 25px); padding-left: 10px; } .toggle_search.open:after { top: 40px; color: #fff } .header_sbtn { display: none } .search_form { position: absolute; top: 100%; right: 0; display: flex; overflow: hidden; width: 100%; height: 0; background: #fff; -webkit-transition: height, .5s; -moz-transition: height, .5s; -o-transition: height, .5s; transition: height, .5s; flex-direction: row; justify-content: center; align-items: center } .search_form.open { height: 200px; border: 1px solid #f1f1f1 } .search_form fieldset { position: relative; z-index: 9; display: flex; padding: 0; width: 40%; border: none; flex-direction: row; justify-content: center; align-items: center } .search_form .search { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; width: 100%; height: 50px; border: none; border-bottom: 1px solid #dfdede; background: #fff; color: #333 } .search_form .search::-webkit-input-placeholder { font-weight: lighter; font-size: 14px } .search_form .header_btn { margin: 0; padding: 0; width: 60px; height: 50px; border: none; border-bottom: 1px solid #dfdede; color: #fff; text-transform: uppercase; font-weight: 700; cursor: pointer } .headfixed .head_tit.cur .tit, .headfixed .mobile_nav .head_subnav a:hover { color: #ff6224; font-weight: bold; } .language { /* width: 70px; */ position: relative; text-align: center; margin-left: 15px; } .language_text { font-size: 16px; color: #999; text-align: center; cursor: pointer; transition: all .5s } .language_text .icon4, .mo_logli em.icon3 { display: block; background: url(../images/in_sprites.png) -0px -502px no-repeat; width: 20px; height: 20px; } .language_text span { display: inline-block; margin: 0 8px } .language_text .icon-down1 { display: inline-block; color: #999999; vertical-align: -1px; font-size: 16px; margin-left: 2px; transition: all .8s } .language_list { position: absolute; width: 100%; top: 100%; left: 50%; transform: translateX(-50%); z-index: 10; visibility: hidden; opacity: 0; background: #ffffff; -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05); box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05); -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s } .language_list a { display: block; padding: 8px; line-height: 1.2; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 16px; color: #999999 } .language:hover .language_text .icon-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .language:hover .language_list { opacity: 1; visibility: visible } .language:hover .language_text .icon-down1 { transform: rotate(180deg) } .headfixed .menu_list { width: 100%; } .headfixed .menu_pcul { width: calc(100% - 330px); padding-right: 19%; } .headfixed .menu_pcul li > a::before { content: ""; position: absolute; right: 0px; bottom: 0px; width: 0%; height: 2px; background: #ff6224; transition: all 0.6s; } .headfixed .menu_pcul li:hover > a::before, .headfixed .menu_pcul li.active > a::before { left: 0px; width: 100%; } .headfixed .menu_pcul li > a { position: relative; color: #ffffff; line-height: 50px; display: block; font-weight: bold; padding: 0 0.12rem; font-size: 16px; } .headfixed .menu_pcul li > a:hover { background-color: #ffffff; color: #0f0f0f; } .headfixed .menu_btn { position: relative; width: 40px; margin: 0 auto; cursor: pointer; transition: all 0.6s; } .headfixed .menu_btn:hover { width: 35px; } .headfixed .menu_btn span { display: block; width: 98%; height: 1px; background: #ffffff; margin: 8px auto; } .headfixed .menu_language { margin-top: 25px; } .headfixed .menu_language a { display: block; color: rgba(255, 255, 255, .5); font-weight: bold; text-align: center; padding-top: 10px; } .headfixed .menu_language a:first-child { padding-top: 0px; } .headfixed .menu_language a.active, .headfixed .menu_language a:hover { color: #ffffff; } .headfixed1 .menu_pcul li > a { color: #000000; } .headfixed1 .menu_pcul li:hover > a, .headfixed1 .menu_pcul li.active > a { -webkit-background-clip: text; color: transparent; background-image: linear-gradient(90deg, #ff972d 0%, #e60013 100%), linear-gradient( #ff6224, #ff6224); background-blend-mode: normal, normal; } .headfixed .head_list { padding: 20px 8% 0.6rem 8%; align-items: flex-start; flex-wrap: wrap; } .headfixed .head_li { flex: 1; min-width: 25%; padding-left: 5%; margin-top: 40px; border-right: 1px solid #f1f1f1; } .headfixed .head_li:nth-child(4n-3) { padding-left: 0px; } .headfixed .head_li:last-child { border-color: #ffffff; } .headfixed .head_icon { position: relative; width: 62px; height: 62px; margin: 0 auto; background: url(../images/so-bgm2.png) no-repeat center; background-size: cover; border-radius: 50%; } .headfixed .head_font { position: relative; width: calc(100% - 62px); text-align: left; padding: 20px 0px 20px 35px; } .headfixed .head_tit { font-size: 20px; font-weight: bold; color: #333333; padding-bottom: 10px; } .headfixed .menu_pcul .slink { color: #666666; display: block; padding: 5px 0; margin-top: 15px; } .headfixed .menu_pcul .slink:hover, .headfixed .head_tit:hover { color: #ff6224; } .headfixed .menu_pcul .navli { position: relative; } .banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { bottom: 50px } .banner .swiper_fontlist { position: absolute; top: 42%; left: 50%; z-index: 3; width: 100%; -webkit-transform: translate(-50%, -42%); -moz-transform: translate(-50%, -42%); -o-transform: translate(-50%, -42%); transform: translate(-50%, -42%); -ms-transform: translate(-50%, -42%) } .banner .pub_mbanner { display: none } .banner .banner_img { position: relative; transition: transform 3s cubic-bezier(.25, .74, .22, .99) 0s; } .banner.go .banner_img { transform: none } .banner1 .banner_mimg { position: relative; z-index: 1; transform: scale(1.1,1.1); } .banner .banner_img img { width: 100%; transition: all .5s cubic-bezier(.25, .74, .22, .99) 0s } .banner1 .banner_img { transition: linear .3s; transform: scale(1) } .banner_video .banner_img::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: 1; } .banner_video .video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banner .swiper_font { position: relative; z-index: 2; width: 60%; } .banner .swiper_font::before { content: ""; position: absolute; width: 1100px; height: 256px; left: -185px; background: url(../images/in-bgm2.png) no-repeat center; background-size: cover; z-index: -1; } .banner .swiper_tit { font-family: "Arial-BoldMT"; font-size: .5rem; font-weight: bold; line-height: 1.33; color: #ffffff; font-style: italic; padding-top: 35px; padding-left: 0.9rem; } .banner .swiper_tit .bgm { position: relative; padding-left: 105px; } .banner .swiper_tit .bgm::before { content: ""; position: absolute; top: 0px; right: 2.1rem; width: 58%; height: 100%; background: url(../images/in-bgm1.png) no-repeat center right; background-size: cover; z-index: -1; } .banner .swiper_dec { font-size: 20px; color: #ffffff; margin-top: 10px; margin-bottom: 50px } .sumBox { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 500px; right: 8%; background-color: #ffffff; padding: 0.65rem 0.3rem; } .sumBox .sumBox_tit .tit { font-size: 20px; line-height: 1.3; color: #333333; font-weight: 600; } .sumBox .sumBox_tit .dec { color: #a5a5a5; font-size: 12px; margin-top: 5px; } .sumBox .sumBox_dim { font-size: 14px; color: #666666; } .sumBox .sumBox_li .tit { font-size: 14px; color: #333333; margin-bottom: 5px; } .sumBox .sumBox_dim .sinput { width: 80px; height: 30px; background-color: #ffffff; border-radius: 5px; border: solid 1px #dadada; padding: 6px 10px; display: block; color: #a5a5a5; font-size: 12px; } .sumBox .sumBox_dim span { display: block; margin: 0 5px; } .sumBox .sumBox_select { position: relative; width: 95%; height: 30px; background-color: #ffffff; border-radius: 5px; border: solid 1px #dadada; } .sumBox .sumBox_li:nth-child(3) .sumBox_select { width: 75%; } .sumBox .sumBox_select .name { width: 100%; height: 100%; color: #a5a5a5; font-size: 12px; padding: 0 10px; cursor: pointer; margin-top: 1px; } .sumBox .sumBox_select .icon-down { color: #333333; font-size: 12px; font-weight: bold; display: block; position: absolute; z-index: 3; right: 10px; top: 5px; transition: all 0.5s; } .sumBox .sumBox_item { position: absolute; top: 100%; left: 0px; width: 100%; height: 120px; overflow-x: hidden; overflow-y: auto; background: #f5f5f5; box-sizing: border-box; z-index: 9; border-bottom: 1px solid #ffffff; display: none; } .sumBox .sumBox_item li { font-size: 12px; color: #a5a5a5; padding: 6px 10px; border-top: 1px solid #ffffff; cursor: pointer; } .sumBox .sumBox_item li.active { color: #ffffff; background-color: #ff6224; } .sumBox .sumBox_select.active .icon-down { transform: rotate(180deg); } .sumBox .sumBox_item1 { padding: 5px; } .sumBox .sumBox_item1 li { width: 22%; display: inline-block; vertical-align: middle; float: left; padding: 3px 5px 1px 5px; text-align: center; font-size: 12px; background-color: #ffffff; margin: 2px; cursor: pointer; color: #313131; } .sumBox .sumBox_item li:hover { color: #ff6224; } .sumBox .quote { padding: 5px 20px; background-color: #ff6224; border-radius: 28px; color: #ffffff; font-size: 16px; cursor: pointer; margin-right: 20px; transition: all 0.6s; } .sumBox .sumBox_btn { flex-wrap: wrap; } .sumBox .icon1, .sumBox span, .sumBox .sumBox_btn .icon2, .sumBox .sumBox_btn span { display: inline-block; vertical-align: middle; } .sumBox .icon1 { background: url(../images/in_sprites.png) -0px -561px no-repeat; width: 16px; height: 18px; margin-right: 5px; } .sumBox .quote:hover { background-color: #ff9a1f; } .sumBox .sumBox_btn .icon2 { background: url(../images/in_sprites.png) -0px -593px no-repeat; width: 20px; height: 14px; } .sumBox .sumBox_btn .tag { color: #ff9a1f; font-size: 14px; margin-left: 5px; } .sumBox .sumBox_list { flex-wrap: wrap; margin-bottom: 30px; } .sumBox .sumBox_li { position: relative; width: 59%; margin-top: 25px; } .sumBox .sumBox_li:nth-child(even) { width: 41%; } .more { position: relative; display: block; overflow: hidden; margin: 0 auto; width: 140px; color: #ffffff; padding: 7px 0; background-color: #ff6224; border-radius: 4px; text-align: center; font-size: 16px; z-index: 1; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease } .more span, .more em { transition: all 0.3s; } .bmore { margin: 25px auto 0 auto !important; border: 0px; } .more em { font-size: 16px; display: inline-block; vertical-align: middle; margin-left: 5px; font-weight: bold; } .more em.icon-bofang { font-size: 28px; line-height: 28px; } .more1 { transition: all 0.8s; } .more::before { position: absolute; top: 0; left: -45px; width: 25px; height: 100%; background: #fff; content: ' '; opacity: .3; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); display: none; } .more span { position: relative; z-index: 3; display: inline-block; vertical-align: middle } .more:hover, .more1 { background-color: #ff9a1f; } .more:hover { transition-delay: 0s !important } .more1:hover { background-image: linear-gradient(90deg, #e60013 0%, #ff972d 100%), linear-gradient( #000000, #000000); background-blend-mode: normal, normal; } .more:hover em { margin-left: 10px; } .more:hover::before { left: calc(100% + 45px); width: 35px } .banner .more { margin: 0px; transition: all 0.8s !important; } .banner .more:hover { color: #EE7800; background: #ffffff; } .banner .mart { margin-top: 50px; } .banner .mart_15 { margin-top: 15px; } .swiper-pagination { bottom: 0; text-align: center } .banner .swiper-pagination { bottom: 50px; left: 4% } .posr { position: relative } .popupBox { position: fixed; top: 50%; left: 50%; z-index: 999; display: none; width: 40%; transform: translate(-50%, -50%) } .popupBox .close { position: absolute; top: 16px; right: 16px; z-index: 9999; width: 40px; height: 40px; font-weight: 700; font-size: 20px; cursor: pointer } .popupBox .close:hover { color: #0e64e3 } .popupBox .popcont { position: relative; margin: 0 auto; width: 100%; height: 100%; border-radius: 30px; background-color: #f8f9fc } .popupBox .contact1_ul { padding: 8%; background: #fff } .popupBox .popcont_tit { position: absolute; top: 50%; left: 50%; padding: 15%; width: 100%; color: #fff; text-align: center; font-weight: 700; font-size: .48rem; line-height: 1.25; transform: translate(-50%, -50%) } .shadow { position: fixed; top: 0; left: 0; z-index: 999; display: none; width: 100%; height: 100%; background: #000; opacity: .3 } .in_tit { position: relative; z-index: 1; text-align: center; margin-top: -5px; } .tlf { text-align: left } .tce { text-align: center; } .in_tit, .in_stit { position: relative; z-index: 2; } .in_tit .tit { font-family: 'Montserrat-Regular'; color: #000; font-size: .6rem; font-weight: bold; line-height: 1.2; transition: all .8s; } .in_stit .tit { font-weight: bold; font-size: 0.38rem; line-height: 1.3; color: #252525; margin-bottom: 30px; } .in_stit .dec { line-height: 1.875; color: #777777; } .in_stit .dec1 { font-size: 18px; color: #333333; } .in_stit .dec em { font-family: "Arial-BoldMT"; } .in_tit .tit em { font-weight: 400 } .in_tit .tit span { color: #ff9207 } .in_stit .tit span { color: #ff6224; } .in_tit1 .tit { font-size: .6rem } .in_tit .dec { font-family: Poppins-Regular; margin-top: 10px; color: #333; font-size: 20px; } .in_stit_b .tit { color: white; } .in_stit .dec { font-size: 16px } .in_tit .dec1 { margin-bottom: 5px; color: #ff9207; font-size: .36rem; line-height: 1.3 } .mainer1 { margin-top: 90px; } .section1 { position: relative; background-color: #ffffff; box-shadow: 9px 38px 59px 0px rgba(179, 179, 179, 0.15); } .section1 .section1_top { padding: 20px 0; flex-wrap: wrap; border-bottom: 1px solid #f1f1f1; } .section1 .section1_tleft { width: 68%; } .section1 .section1_tright { position: relative; width: 32%; position: relative; padding-left: 30px; overflow: hidden; height: 21px; } .section1 .section1_tright::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; background: url(../images/in_sprites.png) -0px -607px no-repeat; width: 13px; height: 13px; } .section1 .section1_tleft, .section1 .section1_tli .tit, .section1 .section1_tli .time { color: #666666; font-size: 14px; } .section1 .section1_tli .tit { width: calc(100% - 70px); } .section1 .section1_tli .time { width: 70px; font-size: 12px; line-height: 1.2; margin-top: 2px; } .section1 .section1_tli a { width: 100%; } .section1 .cticon { position: relative; height: 40px; transition: all 0.6s; } .section1 .cticon em { display: block; } .section1 .cticon .icon1 { background: url(../images/in_sprites.png) -0px -268px no-repeat; width: 38px; height: 38px; } .section1 .cticon .icon2 { background: url(../images/in_sprites.png) -0px -378px no-repeat; width: 38px; height: 32px; } .section1 .cticon .icon3 { background: url(../images/in_sprites.png) -0px -230px no-repeat; width: 38px; height: 38px; } .section1 .cticon .icon4 { background: url(../images/in_sprites.png) -0px -192px no-repeat; width: 38px; height: 38px; } .section1 .cticon .icon5 { background: url(../images/in_sprites.png) -0px -154px no-repeat; width: 38px; height: 38px; } .section1 .cticon .icon6 { background: url(../images/in_sprites.png) -0px -343px no-repeat; width: 38px; height: 35px; } .section1 .cticon .icon7 { background: url(../images/in_sprites.png) -0px -306px no-repeat; width: 35px; height: 37px; } .section1 .ctli { position: relative; flex: 1; } .section1 .ctli:last-child { margin-right: 0px; } .section1 .ctli::before { content: ""; position: absolute; width: 14px; height: 10px; top: 21%; right: -5px; background: url(../images/in-jticon.png) no-repeat center; background-size: cover; } .section1 .ctli:last-child::before { opacity: 0; } .section1 .cttit { color: #333333; font-size: 12px; margin-top: 10px; text-align: center; } .section1 .section1_bleft .tit { width: 18%; color: #333333; font-size: 16px; font-weight: 600; } .section1 .section1_bleft .cont { padding-left: 20px; padding-right: 0.4rem; } .section1 .section1_bleft .cont, .section1 .section1_bleft { flex: 1; } .section1 .section1_bright { width: 235px; text-align: center; } .section1 .section1_bright .btn { background-color: #ffeee7; border-radius: 6px; display: inline-block; padding: 6px 10px; color: #ff6224; font-size: 14px; transition: all 0.6s; } .section1 .section1_bright .btn:hover, .case2 .dmore:hover { background-color: #ff9a1f; color: #ffffff; } .section1 .section1_bright .tit { font-size: 12px; color: #666; margin-top: 5px; } .section1 .section1_bot { padding-top: 25px; padding-bottom: 35px; } .section2 { background: transparent !important; } .section2::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100px; background: url(../images/in-bgm13.png) no-repeat center top; background-size: cover; z-index: -1; } .section2 .section2_one { padding: 60px 80px 70px 0; background: url(../images/in-img2.jpg) no-repeat center; background-size: cover; } .section2 .section2_one .top_font { position: relative; padding: 12px 75px 12px 35px; background: url(../images/in-bgm14.png) no-repeat center left; background-size: cover; border-radius: 0px 37px 37px 0px; overflow: hidden; } .section2 .section2_one .top_font::before { content: ""; position: absolute; left: 10px; top: 0px; height: 100%; background: rgba(247,247,247, 0.5); border-left: 1px dashed rgba(247,247,247, 0.5); } .section2 .section2_one .top_font .tit { font-size: 20px; font-weight: bold; color: #ffffff; } .section2 .section2_one .top_font .dec, .section2 .section2_one .bot_font .tit, .section2 .section2_one .bot_font .dec { font-size: 16px; color: #ffffff; } .section2 .omore { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); display: block; text-align: center; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; color: #ffffff; font-size: 20px; background: url(../images/in-bgm15.png) no-repeat center; background-size: cover; } .section2 .section2_one .bot_font { padding-left: 35px; margin-top: 30px; } .section2 .section2_one .bot_font .tit { font-weight: bold; margin-bottom: 8px; } .section2 .section2_one .bot_font .dec { font-size: 14px; line-height: 1.8; } .section2 .section2_one .bot_font .dec em { font-size: 36px; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 10px; } .section2 .section2_tli, .section2 .section2_clilf, .section2 .section2_cli, .section2 .section2_bli { flex-wrap: wrap; } .section2 .section2_one, .section2 .psection3_rli, .section2 .section2_clilf, .section2 .section2_clirt, .section2 .section2_nli { width: 49.7%; } .section2 .psection3_rli, .section2 .section2_clirt, .section2 .section2_take2 { margin-left: 0.5%; } .section2 .section2_cli, .section2 .section2_tli, .section2 .section2_bli { margin-top: 0.5%; } .section2 .section2_take .tit { font-size: 20px; font-weight: bold; color: #333333; } .section2 .section2_take .dec { font-size: 14px; line-height: 1.57; color: #333333; } .section2 .section2_take .dec1 { font-size: 14px; color: #777777; margin-top: 15px; } .section2 .section2_take { width: 49.5%; position: relative; border: solid 1px #e7e7e7; overflow: hidden; padding: 25px 50px 25px 30px; } .section2 .section2_nli2 .section2_numBox { text-align: left; } .section2 .section2_take1 { background: url(../images/in-img4.jpg) no-repeat center; background-size: cover; } .section2 .section2_take2 { background: url(../images/in-img5.jpg) no-repeat center; background-size: cover; } .section2 .section2_cli .psection3_rbli { margin-top: 0px; border: solid 1px #e7e7e7; } .section2 .section2_num { font-size: 22px; color: rgba(255,255,255, 0.93); font-weight: bold; } .section2 .section2_num strong { font-size: 0.36rem; line-height: 1; color: rgba(16,14,14, 0.93); } .section2 .nmore { width: 100px; height: 24px; line-height: 24px; font-size: 14px; color: #ffffff; text-align: center; background-color: #ff6c00; border-radius: 11px 11px 11px 11px; } .section2 .nmoreBtn { margin-left: 50px; margin-top: 60px; } .section2 .nmoreBtn img { margin: 0px; margin-left: 5px; animation: Toright 1s linear infinite; } .section2 .section2_nli { padding: 20px 55px; } .section2 .section2_nli1 { background: url(../images/in-img6.jpg) no-repeat center; background-size: cover; } .section2 .section2_numBox { padding: 10px 30px 5px 15px; display: inline-block; text-align: center; background: url(../images/in-bgm16.png) no-repeat center; background-size: cover; } .section2 .section2_ndec { font-size: 18px; color: #ffffff; } .section2 .section2_nli2 { background: url(../images/in-img7.jpg) no-repeat center; background-size: cover; } .section2 .section2_nli2 .section2_numBox { background: url(../images/in-bgm17.png) no-repeat center; background-size: cover; } .section2 .section2_tli .psection3_rli { background-color: #f6f6f6; } .section3 .swiper-button-prev, .section3 .swiper-button-next { width: 38px; height: 15px; background: url(../images/in-next.png) transparent no-repeat center; background-size: cover; } .section3 .swiper-button-prev { transform: rotate(-180deg); left: -60px; } .section3 .swiper-button-next { right: -60px; } .section3 .section3_swiper { width: 75.6%; margin: 0 auto; margin-bottom: 5px; } .section3 .swiper-container { padding: 30px 20px; } .section3 .in_stit .tit { margin-bottom: -15px !important; } .section4 { padding-left: 13.2%; padding-right: 8%; background-color: #f7f7f7; } .section4::before, .section4::after { content: ""; position: absolute; width: 4.16rem; height: 7.33rem; } .section4::before { background: url(../images/in-dwbgm2.png) no-repeat center; background-size: cover; top: -2.7rem; left: -1.7rem; } .section4::after { background: url(../images/in-dwbgm1.png) no-repeat center; background-size: cover; top: -3rem; right: 30px; } .section4 .section4_asse { position: relative; width: 3.25rem; padding-top: 60px; padding-bottom: 45px; } .section4 .section4_asse .line { width: 10px; height: 25px; background-color: #ff9a1f; margin-bottom: 5px; } .section4 .section4_asse .tit { font-size: 0.31rem; font-weight: bold; line-height: 1.3; color: #ff9a1f; text-align: center; } .section4 .section4_asse .dec { font-size: 0.29rem; text-align: center; letter-spacing: -1px; color: rgba(66,66,66, 0.53); margin-top: 60px; margin-bottom: 20px; } .section4 .section4_asse .numBox { text-align: center; } .section4 .section4_asse .ntit { font-size: 0.30rem; color: #424242; margin-bottom: 50px; } .section4 .section4_asse .nnum { font-size: 1.02rem; line-height: 0.8; } .section4 .section4_asse .nnum sup { font-size: 0.42rem; color: #424242; } .section4 .section4_asse .ndec { color: #424242; } .qmore { background-color: #ff9a1f; border-radius: 25px; text-align: center; width: 2.4rem; margin: 0 auto; font-size: 20px; text-align: center; color: #ffffff; display: block; padding: 11px 0 7px 0; } .qmore:hover { background-color: #ff6224; } .section4 .section4_cen, .section4 .section4_asse { position: relative; background-color: #ffffff; border-radius: 30px; overflow: hidden; } .section4 .section4_cen { width: 5.20rem; padding: 40px 30px; margin-left: 1%; } .section4 .col_tit, .section4 .col_cont { width: 22%; } .section4 .col_cont strong { color: #ff9a1f; } .section4 .col_tit2, .section4 .col_cont2 { width: 34%; } .section4 .col_cont4 i { position: relative; display: block; height: 10px; line-height: 10px; background-color: #f7f6f3; border-radius: 2px; overflow: hidden; } .section4 .col_cont4 i span { background: rgba(255,154,31, 0.3); display: inline-block; height: 10px; color: #fff; text-align: right; } .section4 .col_cont4 i sup { position: absolute; height: 10px; line-height: 10px; margin-top: 2px; top: 50%; left: 50%; transform: translate(-50%,-50%); } .section4 .section4_cen .order { margin-top: 45px; } .section4 .contLi { position: relative; margin-top: 25px; } .section4 .contBox { position: relative; overflow: hidden; height: 330px; } .section4 .section4_ul { flex-wrap: wrap; } .section4 .section4_li { position: relative; width: 32%; margin-right: 2%; overflow: hidden; } .section4 .section4_li:last-child { margin-right: 0px; } .section4 .section4_li::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 20px; background: url(../images/in-bgm18.png) no-repeat right center; background-size: cover; width: 100%; height: 63%; } .section4 .section4_left { position: relative; z-index: 2; flex-wrap: wrap; width: 57.25%; } .section4 .section4_right { position: relative; width: 42.75%; padding-left: 1%; z-index: 2; } .section4 .section4_num { position: relative; width: 67px; height: 68px; background-color: #ffffff; background: url(../images/in-quan1.png) no-repeat center; background-size: cover; border-radius: 50%; text-align: center; font-size: 21px; font-weight: bold; line-height: 70px; color: #ff9a1f; } .section4 .section4_ndec { position: relative; width: calc(100% - 67px); padding-left: 5px; font-size: 12px; color: #333333; } .section4 .section4_rdec { position: relative; font-size: 18px; line-height: 1.45; color: #666666; margin-top: 20px; height: 330px; overflow-x: hidden; overflow-y: auto; } .section4 .section4_rdec p { padding: 3px 0; } .section4 .section4_rdec em { font-size: 40px; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 15px; color: #ff9a1f; } .section4 .section4_tag { margin-top: 15px; } .section4 .section4_tag img { margin: 0px; } .section4 .section4_btn { width: 310px; background-color: #ff6224; border-radius: 19px; overflow: hidden; margin-top: 15px; } .section4 .section4_btn .btn { font-size: 13px; display: block; color: #ffffff; text-align: center; height: 40px; line-height: 42px; overflow: hidden; } .section4 .section4_btn .btn em { line-height: 18px; display: inline-block; vertical-align: -2px; } .section4 .section4_btn .btn1 { background-color: #ff9a1f; width: calc(100% - 140px); } .section4 .section4_btn .btn2 { width: 140px; } .section5 .swiper-slide { position: relative; border-radius: 30px 30px 0px 0px; border: solid 1px #e7e7e7; border-radius: 30px; overflow: hidden; } .section5 .section5_topft .tit { font-size: 22px; font-weight: bold; color: #333333; margin-bottom: 6px; } .section5 .section5_topft .tag { margin-top: 30px; margin-bottom: 10px; min-height: 140px; } .section5 .section5_topft .dec { min-height: 190px; } .section5 .section5_topft .dec, .section5 .section5_topft .dec p, .section5 .section5_topft .tag p, .section5 .section5_bot .btit, .section5 .section5_bot .bdec { position: relative; font-size: 14px; color: #555555; } .section5 .section5_bot .bdec { min-height: 63px; } .section5 .section5_topft .dec p { padding-left: 35px; margin-top: 10px; } .section5 .section5_topft .dec p::before { position: absolute; text-align: center; left: 0px; top: 0px; width: 19px; height: 19px; line-height: 19px; background-color: #ffede6; border-radius: 50%; display: inline-block; vertical-align: middle; overflow: hidden; color: #ff6224; font-size: 12px; } .section5 .section5_topft .tag p, .section5 .section5_bot .bdec { color: #888888; } .section5 .section5_topft .tag p { background-color: #f6f6f6; border-radius: 14px; padding: 5px 10px; display: inline-block; margin-top: 8px; } .section5 .section5_himg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; overflow: hidden; border-radius: 30px; opacity: 0; pointer-events: none; transition: all 0.6s; } .section5 .section5_himg img { width: 100%; height: 100%; object-fit: cover; } .section5 .section5_ul { flex-wrap: wrap; } .section5 .section5_bot { position: relative; width: 24.25%; margin-right: 1%; overflow: hidden; padding: 5px 15px; border-radius: 15px; background: url(../images/in-bgm12.png) no-repeat center; background-size: cover; margin-top: 30px; } .section5 .section5_bot:last-child { margin-right: 0px; } .section5 .section5_topft { position: relative; z-index: 2; padding: 25px 30px; } .section5 .section5_bot .btit { font-weight: bold; margin-bottom: 5px; } .section5 .swiper-slide:hover .section5_himg { opacity: 1; } .section5 .swiper-slide:hover .tit, .section5 .swiper-slide:hover .dec, .section5 .swiper-slide:hover .dec p, .section5 .swiper-slide:hover .dec p::before { color: #fff; } .section5 .swiper-slide:hover .tag p { background-color: #f6f6f6; } .section5 .swiper-slide:hover .dec p::before { border: solid 1px rgba(255,255,255, 0.3); background: transparent; } .section5 .section5_swiper { margin-top: 25px; } .section6 .bg_video::before { display: block; content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 0.8; position: absolute; z-index: 2; } .section6 .bg_video { position: relative; width: 100%; height: 650px; object-fit: fill; display: block; } .section6 .sbg_video { display: none; height: 200px; margin-top: 15px; } .section6 .sbg_video img { width: 100%; height: 100%; object-fit: cover; } .section6 .section6_btn { position: absolute; top: 54%; left: 50%; transform: translate(-50%,-54%); width: 99px; height: 99px; border-radius: 50%; background: rgba(255,98,36, 0.3); z-index: 9; } .section6 .icon-bofang { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 73px; height: 73px; background: rgba(255,98,36, 0.6); border-radius: 50%; text-align: center; line-height: 73px; color: #ffffff; font-size: 24px; z-index: 9; } .section6 .icon-bofang::before { display: block; } .section6 .in_stit .tit { color: #ffffff; } .section6 .section6_dec { font-size: 14px; color: #ffffff; text-align: center; line-height: 2.1; } .section6 .section6_top { width: 100%; position: absolute; top: 0.85rem; left: 50%; transform: translateX(-50%); z-index: 2; } .section6 .section6_ul { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.75rem; flex-wrap: wrap; z-index: 2; } .section6 .section6_icon { position: relative; width: 60px; height: 60px; } .section6 .section6_icon em { display: block; } .section6 .section6_icon .icon1 { background: url(../images/in_sprites.png) -0px -109px no-repeat; width: 45px; height: 45px; } .section6 .section6_icon .icon2 { background: url(../images/in_sprites.png) -0px -0px no-repeat; width: 59px; height: 59px; } .section6 .section6_icon .icon3 { background: url(../images/in_sprites.png) -0px -59px no-repeat; width: 50px; height: 50px; } .section6 .section6_font { position: relative; width: calc(100% - 60px); padding: 0 20px; font-size: 14px; line-height: 1.85; color: rgba(255,255,255, 0.7); } .section6 .section6_li { position: relative; width: 33.333%; flex-wrap: wrap; } .section7 .swiper-container { height: 400px; margin-top: 25px; } .section7 .section7_list { width: 100%; height: 100%; } .section7 .section7_li { position: relative; width: 17%; height: 100%; margin-right: 0.6%; padding: 30px 25px; transition: all 0.6s; cursor: pointer; } .section7 .section7_li:last-child { margin-right: 0px; } .section7 .section7_li.active { width: 47.2%; } .section7 .section7_li .spot { width: 10px; height: 10px; background-color: #ff9a1f; display: inline-block; vertical-align: middle; border-radius: 50%; margin-right: 8px; } .section7 .section7_li .ft { display: inline-block; vertical-align: middle; background-color: #ff6224; border-radius: 30px; text-align: center; padding: 2px 10px; font-size: 12px; color: #ffffff; white-space: nowrap; } .section7 .section7_li .tit { position: relative; font-size: 24px; color: #ffffff; margin-top: 20px; } .section7 .section7_li .dec { position: relative; font-size: 14px; line-height: 2; color: #fefefe; margin-bottom: 25px; } .section7 .section7_li .line { position: relative; width: 51px; height: 2px; margin: 10px 0; background-color: #ffffff; } .section7 .section7_img, .section7 .section7_img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .section7 .emore, .section7 .section7_li .dec, .section7 .section7_li .line { opacity: 0; transition: all 0.6s; } .section7 .section7_li.active .dec, .section7 .section7_li.active .line, .section7 .section7_li.active .emore { opacity: 1; } .emore { position: relative; display: block; text-align: center; width: 150px; padding: 4px 0; background-color: #ff9a1f; box-shadow: 1px 3px 6px 1px rgba(0, 0, 0, 0.31); border-radius: 16px; font-size: 16px; color: #ffffff; } .emore em { display: inline-block; vertical-align: middle; } .emore:hover { background-color: #ff6224; } .section8 { background-color: #f9f9f9; } .section8 .in_stit .dec { color: #333333; } .section8 .swiper-slide { position: relative; display: block; transition: none; } .section8 .section8_tit { position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgba(0, 0, 0, .57); font-size: 18px; font-weight: bold; text-align: center; color: #ffffff; padding: 20px 0; } .section8 .swiper-container, .section9 .section9_list, .section10 .swiper-container { margin-top: 25px; flex-wrap: wrap; } .section9 { padding-left: 10%; padding-right: 10%; } .section9 .section9_swp { margin: 50px 0; } .section9 .section9_num { flex-wrap: wrap; } .section9 .section9_left { position: relative; width: 64%; z-index: 2; } .section9 .section9_right { width: 36%; padding-left: 0.4rem; position: relative; z-index: 2; } .section9 .section9_li { position: relative; width: 33.333%; padding-top: 50px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4; } .section9 .section9_li:last-child { width: 66.66%; } .section9 .section9_li:nth-child(1), .section9 .section9_li:nth-child(2), .section9 .section9_li:nth-child(3) { padding-top: 0px; } .section9 .section9_li .num { font-size: 0.42rem; line-height: 1; color: #333333; } .section9 .section9_li .num sub { font-size: 24px; font-weight: bold; display: inline-block; vertical-align: middle; } .section9 .section9_li .dec { font-size: 16px; color: #666666; } .section9 .section9_img img { filter: grayscale(100%) opacity(60%); } .section9 .section9_img:hover img { filter: grayscale(0%) opacity(100%); } .exmore { display: block; width: 169px; height: 48px; line-height: 48px; text-align: center; overflow: hidden; border-radius: 24px; color: #ff6224; border: solid 1px #ff6224; } .exmore em { font-weight: bold; font-size: 20px; display: inline-block; line-height: 1; vertical-align: -3px; } .exmore:hover { color: #ffffff; border: solid 1px #ff6224; background: #ff6224; } .section10 { position: relative; background-color: #f6f6f6; } .section10::before, .section10::after { content: ""; position: absolute; top: -7.8rem; height: 16.10rem; } .section10::before { left: 0px; width: 7.35rem; background: url(../images/in-dwbgm3.png) no-repeat center; background-size: cover; } .section10::after { right: 0px; width: 6.82rem; background: url(../images/in-dwbgm4.png) no-repeat center; background-size: cover; } .section10 .swiper-container { padding-bottom: 35px; } .section10 .swiper-slide { position: relative; background-color: #ffffff; box-shadow: 0px 0px 59px 0px rgba(179, 179, 179, 0.2); } .section10 .section10_font { padding: 20px; } .section10 .section10_font .tit { font-size: 18px; font-weight: bold; color: #333333; } .section10 .section10_font .dec { font-size: 14px; line-height: 1.71; color: #666666; margin-bottom: 15px; } .section10 .section10_font .tag img { margin: 0px; margin-right: 5px; } .footer { position: relative; z-index: 1; overflow: hidden; background: #333333 } .footer .footer_top { flex-wrap: wrap; padding: 60px 0 40px 0; } .footer .footer_left { position: relative; width: 345px; } .footer .footer_logo img { margin: 0 } footer .footer_lft { margin-top: 25px } .footer .ftlogo img { margin: 0 } .footer .footer_input { position: relative; width: 100%; height: 40px; border-radius: 4px 20px 20px 4px; background-color: rgba(255, 255, 255, .15); margin-top: 15px; margin-bottom: 20px; } .footer .footer_input .input { position: relative; width: calc(100% - 112px); height: 100%; padding: 0 14px; display: block; } .footer .footer_input .sub { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 112px; text-align: center; display: block; color: #ffffff; font-size: 12px; height: 40px; background-color: #ff6224; border-radius: 20px; cursor: pointer; transition: all 0.6s; } .footer .footer_input .sub:hover, .sign .sub:hover, .contact1 .contact1_btn .sub:hover, .lay_more:hover, .wh_more:hover, .section2 .nmore:hover { background: #ff9a1f; } .footer .footer_input .sub em { display: block; transform: rotate(-90deg); line-height: 48px; color: #fff; font-size: 12px } .footer .footer_quick .tit { color: #ffffff; font-weight: bold; } .footer .footer_quick .dec { font-size: 12px; line-height: 1.83; color: rgba(255, 255, 255, 0.5); margin-top: 10px; } .footer .footer_icon { position: relative; width: 25px; height: 25px; } .footer .footer_addrft { width: calc(100% - 25px); padding-left: 20px; } .footer .footer_cen { align-items: flex-end; flex-wrap: wrap; } .footer .footer_addrli { position: relative; margin-top: 20px; } .footer .footer_addrli:first-child { margin-top: 0px; } .footer .footer_tag { margin-left: 35px; } .footer .footer_addrft .tit { font-size: 14px; color: #ffffff; margin-bottom: 2px; } .footer .footer_addrft .dec, .footer .foot_link, .footer .foot_copy, .footer .foot_link a { font-size: 14px; color: rgba(255, 255, 255, 0.4); } .footer .footer_tag .tit { color: #999999; font-size: 12px; margin-bottom: 8px; } .footer .footer_line { width: 100%; height: 1px; background: rgba(255, 255, 255, .1); margin-top: 30px; } .footer .footer_bot { padding-top: 20px; padding-bottom: 35px; flex-wrap: wrap; } .ftlogo-share { position: relative; } .ftlogo-share .bshare-icon { position: relative; display: inline-block; margin-right: 10px; width: 46px; height: 46px; line-height: 46px; background-color: rgba(255, 255, 255, 0.1); text-align: center; color: #ffffff; font-size: 22px; transition: all 0.6s; } .ftlogo-share .bshare-icon.icon-twitter { font-size: 20px; } .ftlogo-share a:last-child { margin-right: 0 } .ftlogo-share .bshare-icon:hover { background-color: #ff6224; color: #fff !important; } .ftlogo-share .share-ewmBox { position: absolute; top: 100%; left: 50%; z-index: 10; width: 90px; padding-top: 10px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: 10px; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .ftlogo-share .share-ewm img { width: 100%; height: 90px } .ftlogo-share .share-ewm::after { content: ""; position: absolute; top: -8px; left: 50%; width: 12px; height: 6px; border-bottom: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 9 } .ftlogo-share .share-ewm { width: 90px; height: 90px } .ftlogo-share .bshare-icon:hover .share-ewmBox { margin-top: 0; visibility: inherit; opacity: 1 } .footer .footerphone-menu { flex: 1; padding-left: 4.5%; } .footer .footerphone-menu li { position: relative; } .footer .footer-subtit { font-size: 16px; font-weight: bold; color: rgba(255, 255, 255, 0.8); } .footer .footer-subnav { margin-top: 10px; display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; } .footer .footer-subtit1 { margin-top: 25px; } .footer .footer-subnav a { font-size: 12px; color: rgba(255, 255, 255, 0.4); } .footer .footer-subnav a { padding: 2px 0; } .footer .foot_right { width: 28% } .footer .foot_addrli { position: relative } .footer .foot_addrli:last-child { margin-right: 0 } .footer .foot_addrli .tit { color: #2d7eea; font-size: 18px; line-height: 20px; display: block; margin-top: 5px; margin-right: 5px } .footer .foot_addrli .dec { font-size: 30px; line-height: 1.3; letter-spacing: 1px; color: #2d7eea } .footer .foot-bot { padding: 15px 0; flex-wrap: wrap } .footer .foot-copy, .footer .foot-copy a { font-family: 'Montserrat-Light'; color: #a9a9a9; font-size: 14px } .footer .foot-copy a:hover, .footer .foot_addrli .dec a:hover, .footer .footer-subnav a:hover { color: #ff6224 } .footer .foot-ewm { position: relative; width: 105px; text-align: center; font-weight: lighter; font-size: 14px } .footer .foot-ewm img { margin-bottom: 10px; max-width: 105px; max-height: 105px } .pub-banner, .pub_banner_Box { position: relative; overflow: hidden } .pub_pbanner { display: block; width: 100%; } .sbanner .pub_pbanner { width: 100%; max-height: 650px; object-fit: cover; } .pub_mbanner { display: none; width: 100% } .pub_banner_font { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) } .pub_banner_font1 { top: 32%; left: 50%; -webkit-transform: translate(-50%, -32%); -moz-transform: translate(-50%, -32%); -o-transform: translate(-50%, -32%); transform: translate(-50%, -33%); -ms-transform: translate(-50%, -32%) } .pub_banner_font.ftce { text-align: center } .pub_banner_font .tit { font-size: .42rem; line-height: 1.3; font-weight: bold; color: #ffffff; } .pub_banner_font1 .tit { font-size: .56rem; line-height: 1.14 } .pub_banner_font .tdec { font-size: 0.30rem; color: #ffffff; } .pub_banner_font .tdec1 { font-size: 24px; font-weight: bold; color: #ffffff; margin-bottom: 5px; } .pub_banner_font .dec1 { margin-top: 35px } .pub_banner_font .tit span { display: inline-block; margin-right: 15px; color: white; vertical-align: -5px; font-size: .8rem; line-height: 1 } .pub_banner_font .tit em { color: #ff9610 } .pub_banner_font .dec { line-height: 1.875; color: #ffffff; margin-top: 12px; } .pub_banner_font .dec span { display: inline-block; margin: 0 6px; color: #ff9610; vertical-align: -2px; font-size: .44rem; line-height: 1 } .pub_banner_font .decli { margin-top: 20px; } .pub_banner_font .decli, .pub_banner_font .decli p { position: relative; color: #ffffff; } .pub_banner_font .decli p { padding-left: 30px; margin-top: 5px; } .pub_banner_font .decli p::before, .quickt3 .quickt3_font .decli::before, .pquality5 .pquality5_list .tag::before, .serg1 .serg1_li p::before, .why2 .swiper-slide .dec p::before, .why2 .swiper-slide .dec_top p::before { content: ""; position: absolute; top: 2px; left: 0px; width: 18px; height: 17px; background: url(../images/wdgicon.png) no-repeat center; background-size: cover; } .pub_banner_font .decli1 p::before, .quickt3 .quickt3_font .decli::before, .pquality5 .pquality5_list .tag::before, .serg1 .serg1_li p::before, .why2 .swiper-slide .dec p::before, .why2 .swiper-slide .dec_top p.link::before { width: 15px; height: 14px; background: url(../images/dgicon.png) no-repeat center; background-size: cover; } .quickt3 .quickt3_font .decli::before { width: 20px; height: 20px; background: url(../bldimg/a14.png) no-repeat center; background-size: cover; display: none; } .ny-bread { position: relative; padding: 20px 0; width: 100% } .ny-bread1 { background-color: #f8f9fb } .ny-bread a, .ny-bread em { display: inline-block; color: #666666; vertical-align: middle; line-height: 24px; font-size: 14px } .ny-bread em.icon-weizhi { font-size: 20px; margin-left: 0 } .ny-bread em.line { color: #b9b9b9; } .ny-bread a:hover { color: #e60013 } .paging { margin: 0 auto; width: 100%; text-align: center; flex-wrap: wrap } .paging a { font-family: Gilroy-Light; display: block; margin: 0 5px; width: 40px; height: 40px; border: solid 1px #e3e3e3; border-radius: 20px; background-color: #fff; color: #000; font-size: 16px; line-height: 40px; transition: all .5s } .paging a em { display: inline-block; font-weight: 700; font-size: 14px; line-height: 1; transform: translateY(-2px) } .paging a.paging-icon { width: 90px } .paging a.paging-icon:hover em { color: #fff } .paging a.active { border: solid 1px #2d7eea; color: #2d7eea } .paging a.paging-icon:hover, .paging a:hover { border-color: #2d7eea; background-color: #2d7eea; color: #fff } @media(max-width:1100px) { .paging a { width: 35px; height: 35px; font-size: 14px; line-height: 35px } } @media(max-width:767px) { .paging a { margin: 0 2px; width: 28px; height: 28px; font-size: 13px; line-height: 28px } .paging a.paging-icon { width: 65px } .paging a:nth-child(5) { display: none } } .right-flex { position: fixed; top: 50%; right: 0; z-index: 99; margin-top: -200px; width: 50px; height: auto; display: none !important; } .right-flex ul { width: 100% } .right-flex li { position: relative; float: right; margin-bottom: 5px; width: 50px; height: 50px; border-radius: 8px 0 0 8px; background: #d4d7db; line-height: 50px; transition: width .3s, background .3s, margin .3s } .right-flex li .ico { position: absolute; top: 0; right: 0; width: 50px; height: 50px; transition: right .3s } .right-flex li a { display: block; width: 100%; height: 100% } .right-flex li p { padding: 0 20px; color: #fff; font-size: 15px; line-height: 50px; transition: transform .3s } .right-flex li.one { width: 90px; height: 50px; border-radius: 4px; background-color: #e70415 } .right-flex li.one p { padding: 3px 10px; text-align: center; font-size: 16px; line-height: 22px } .right-flex li.four .ico, .right-flex li.li-three .ico, .right-flex li.two .ico { left: 0 } .right-flex li.four p, .right-flex li.li-three p, .right-flex li.two p { padding: 0 20px 0 50px } .right-flex li.two { margin-right: -150px; width: 200px } .right-flex li.three { margin-right: -100px; width: 150px } .right-flex li .ico { color: #fff; text-align: center; font-size: 28px } .right-flex li .ico.ico03 { font-size: 32px } .right-flex li .ico.ico08 { font-weight: 700; font-size: 18px; transform: rotate(180deg) } .right-flex .right-close { width: 100%; height: 40px; font-weight: 700; font-size: 12px } .right-flex .close-icon { display: block; margin: 0 auto 10px; width: 32px; height: 32px; border-radius: 50%; background: #d4d7db; color: #fff; text-align: center; font-size: 14px; line-height: 32px; cursor: pointer; transition: all .3s; transform: rotate(45deg) } .right-flex.show .close-icon { transform: rotate(0) } .right-flex .to-top em { display: block; padding-top: 10px; color: #fff; text-align: center } @media(min-width:1025px) { .right-flex li:hover { width: 50px; background: #e70415 } .right-flex li.one:hover { width: 90px; background-color: #e70415 } .right-flex li.four:hover .ico, .right-flex li.li-three:hover .ico, .right-flex li.two:hover .ico, .right-flex li:hover .ico { right: 0; left: auto } .right-flex li.two:hover { margin-right: 0; width: 200px } .right-flex li.three:hover { margin-right: 0; width: 140px } .right-flex li.four:hover { margin-right: 0; width: 155px } .right-flex li.li-three:hover p, .right-flex li.two:hover p { padding: 0 20px } .right-flex li.four:hover p:last-child { padding: 0 53px 0 0 } .right-flex li.four:hover p:last-child img { border: 3px solid #e70415; border-radius: 8px } } @media(max-width:1024px) { .right-flex .four, .right-flex .right-close, .right-flex .two, .right-flex li.one { display: none !important } } @media(max-width:767px) { .right-flex, .right-flex li { width: 40px; height: 40px } .right-flex li .ico { width: 40px; height: 40px; line-height: 40px } .right-flex .to-top em { margin-top: 0; font-size: 12px; line-height: 30px } .right-flex { top: 100% } } .app-kfbt { display: none; height: 48px } .app-kf { position: fixed; z-index: 9; overflow: hidden } .app-kf, .kufuul { bottom: 0; left: 0; width: 100%; height: 50px } .kufuul { position: absolute; display: inline-block; padding: 2px 0 } .kefu li, .kufuul { text-align: center } .kefu li { float: left; width: 50%; height: 50px; color: #fff; line-height: 50px; transition: all .4s } .kefu li a em { display: inline-block; margin-right: 10px; vertical-align: -2px; font-size: 20px } .kf-dh, .kf-zx { display: block; width: 100%; height: 100%; background: #d4d7db; color: #fff; text-align: center; font-size: 15px; line-height: 50px } .kf-dh { background: #e70415 } .nav-menu { position: relative; z-index: 5; padding: 0 8%; border-bottom: 1px solid rgba(51, 51, 51, .07) } .nav-menu1 { margin-top: -65px; border-bottom-color: transparent } .nav-menu .nav-name { position: relative; display: block; display: none; padding: 0 5%; color: #333; text-align: left; font-size: 18px; line-height: 65px; cursor: pointer } .nav-menu .nav-name .iconfont { position: absolute; top: 50%; right: 5%; transform: translateY(-50%) } .nav-menu .nav-menu-ul { background: hsla(0, 0%, 100%, .8) } .nav-menu .nav-menu-ul a { display: block; overflow: hidden; padding: 35px 0; width: 100%; color: #222; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; line-height: 1.3 } .nav-menu .nav-menu-ul a, .nav-menu .nav-menu-ul li { -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; -ms-transition: .5s } .nav-menu .nav-menu-ul li { position: relative; margin-right: 4%; text-align: center } .nav-menu .nav-menu-ul li:before { position: absolute; right: 0; bottom: 0; width: 0%; height: 3px; background-color: #2d7eea; content: ""; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; -ms-transition: .5s } .nav-menu1 .nav-menu-ul li:before { top: 0; bottom: auto } .nav-menu .nav-menu-ul li.active:before, .nav-menu .nav-menu-ul li:hover:before { right: auto; left: 0; width: 100% } .nav-menu1 .nav-menu-ul li { margin-right: 0; border-right: 1px solid rgba(34, 34, 34, .07); flex: 1 } .nav-menu1 .nav-menu-ul li:last-child { border-right: 0 } .nav-menu .nav-menu-ul li:last-child { margin-right: 0 } .nav-menu .nav-menu-ul li.active a, .nav-menu .nav-menu-ul li:hover a { color: #2d7eea } @media screen and (max-width:1679px) { .nav-menu { padding: 0 5% } } @media screen and (max-width:1459px) { .nav-menu .nav-menu-ul a { font-size: 18px; padding: 25px 0 } } @media screen and (max-width:1259px) { .nav-menu .nav-menu-ul a { padding: 20px 0 } .nav-menu .nav-menu-ul li { margin-right: 6% } } @media screen and (max-width:1100px) { .nav-menu { overflow: initial !important } .nav-menu .nav-name { display: block; padding: 0 } .nav-menu .nav-name .iconfont { right: 0 } .nav-menu { margin-top: 0; border-bottom: 1px solid rgba(51, 51, 51, .15) } .nav-menu .nav-menu-ul li:before { display: none } .nav-menu .nav-menu-ul { position: absolute; left: 0; z-index: 999; display: none; width: 100%; background: #fff; box-shadow: 0 1px 4px 1px #f1f1f1 } .nav-menu .nav-menu-ul li { width: 100%; text-align: left } .nav-menu .nav-menu-ul a { padding: 15px 5%; border-top: 1px solid rgba(51, 51, 51, .1); color: #333; font-size: 16px; font-family: Poppins-Regular; line-height: 26px } } @media screen and (max-width:767px) { .nav-menu .nav-name { font-size: 16px; line-height: 50px } .nav-menu .nav-menu-ul a { padding: 12px 5%; font-size: 14px } } .paymt1 .paymt1_li { position: relative; background-color: #ffffff; box-shadow: 0px 0px 59px 0px rgba(177, 177, 177, 0.27); padding: 15px 20px; margin-top: 20px; } .paymt1 .paymt1_li:first-child { margin-top: 0px; } .paymt1 .paymt1_left { position: relative; width: 60%; padding-left: 0.6rem; flex-wrap: wrap; } .paymt1 .paymt1_font .tit { font-size: 22px; color: #333333; font-weight: bold; } .paymt1 .paymt1_font .dec { flex-wrap: wrap; margin-top: 20px; } .paymt1 .paymt1_font .stit { width: 21%; color: #666666; } .paymt1 .paymt1_font .sdec { width: 79%; color: #333333; } .paymt1 .paymt1_font .sdec a, .shipping2 .shipping2_right .tit { color: #ff6224; } .paymt1 .paymt1_right { position: relative; width: 40%; overflow: hidden; } .paymt1 .paymt1_icon { position: relative; width: 55px; margin-top: 5px; } .paymt1 .paymt1_icon img { margin: 0px; } .paymt1 .paymt1_font { width: calc(100% - 55px); padding: 0 20px; } .shipping1 .shipping1_font { margin-bottom: 40px; } .shipping1 .shipping1_li { position: relative; background-color: #f8f8f8; padding: 0.6rem; flex-wrap: wrap; margin-top: 20px; } .shipping1 .shipping1_font .tit { font-size: 22px; font-weight: bold; color: #333333; } .shipping1 .shipping1_font .dec, .shipping1 .shipping1_sfont .dec, .shipping2 .shipping2_font .dec, .shipping2 .shipping2_right .dec, .about1 .about1_ndec { color: #666666; line-height: 1.75; } .shipping1 .shipping1_sfont .tit, .shipping2 .shipping2_font .tit { font-size: 18px; color: #333333; font-weight: bold; } .shipping1 .shipping1_sfont .tit, .shipping2 .shipping2_font .tit { margin-bottom: 5px; } .shipping1 .shipping1_img { position: relative; width: 200px; } .shipping1 .shipping1_sfont { width: calc(100% - 200px); padding-left: 0.6rem; } .shipping2 { padding-top: 30px; } .shipping2 .shipping2_left { width: 300px; } .shipping2 .shipping2_right { width: calc(100% - 300px); padding-left: 25px; } .shipping2 .shipping2_right .tit { font-weight: bold; margin-bottom: 15px; } .shipping2 .shipping2_list { border-radius: 2px; border: dashed 1px #ff6224; overflow: hidden; padding: 25px 20px; flex-wrap: wrap; margin-top: 22px; } .pub_ablist .pub_abicon { position: relative; width: 56px; height: 56px; margin: 0 auto; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.21); background: rgba(255, 255, 255, 0.21); } .pub_ablist .pub_abicon em { display: block; } .pub_ablist .pub_abicon .icon1 { background: url(../images/ab_sprites.png) -0px -0px no-repeat; width: 32px; height: 30px; } .pub_ablist .pub_abicon .icon2 { background: url(../images/ab_sprites.png) -0px -30px no-repeat; width: 36px; height: 27px; } .pub_ablist .pub_abicon .icon3 { background: url(../images/ab_sprites.png) -0px -57px no-repeat; width: 37px; height: 27px; } .pub_ablist .pub_abicon .icon4 { background: url(../images/ab_sprites.png) -0px -84px no-repeat; width: 31px; height: 31px; } .pub_ablist .pub_abicon .icon5 { background: url(../images/ab_sprites.png) -0px -115px no-repeat; width: 32px; height: 26px; } .pub_ablist .pub_abicon .icon6 { background: url(../images/ab_sprites.png) -0px -141px no-repeat; width: 40px; height: 40px; } .pub_ablist .pub_abicon .icon7 { background: url(../images/ab_sprites.png) -0px -181px no-repeat; width: 34px; height: 31px; } .pub_ablist { flex-wrap: wrap; margin-top: 32px; } .pub_ablist .pub_abfont { font-size: 14px; font-weight: bold; color: rgba(255, 255, 255, 0.7); margin-top: 10px; text-align: center; } .pub_ablist .pub_abli { margin-right: 20px; } .pub_ablist .pub_abli:hover .pub_abfont { color: rgba(255, 255, 255, 1); } .about1 { padding-top: 60px; padding-bottom: 100px; } .about1::before { content: ""; position: absolute; width: 1770px; height: 437px; left: -.7rem; top: -2rem; background: url(../images/ab-bgm1.png) no-repeat center; background-size: cover; } .about1 .about1_list { position: relative; flex-wrap: wrap; } .about1 .about1_num { font-size: 24px; font-weight: bold; line-height: 1; color: #333333; } .about1 .about1_num span { font-size: 0.42rem; line-height: 1; font-weight: bold; } .about1 .in_stit { text-align: right; width: 32%; } .about1 .in_stit .tit { margin-bottom: 0px; } .about1 .in_stit .dec { color: #252525; font-weight: 600; } .about1 .about1_numBox { width: 68%; padding-right: 0.5rem; flex-wrap: wrap; } .about2 .about2_dec, .about2 .about2_dec1 p, .about2 .about2_dec1 { position: relative; color: #777777; line-height: 1.875; } .about2 .about2_dec1 p { padding-left: 25px; } .about2 .about2_dec1 p::before { content: ""; position: absolute; top: 12px; left: 0px; width: 6px; height: 6px; background-color: #ff6224; border-radius: 50%; } .about2 .about2_dec1 { margin-bottom: 30px; } .about2 .about2_left { width: 47.5%; overflow: hidden; } .about2 .about2_right { width: 52.5%; padding-left: 0.75rem; } .about3 { background-color: #f6f6f6; padding-bottom: 20px; } .about3 .about3_tit { color: #111; font-size: 18px; font-weight: bold; text-align: center; margin-top: 20px; transition: all 0.6s; } .about3 .swiper-slide .about3_li { transform: scale(0.8); transition: all 0.6s; } .about3 .swiper-slide:hover .about3_li { transform: scale(1); } .about3 .swiper-slide:hover .about3_li .about3_tit { font-size: 15px; } .about3 .about3_swiper { margin-top: 25px; margin-bottom: 30px; } .about3 .in_stit .tit { margin-bottom: 15px; } .about3 .swiper-pagination, .about3 .swiper-button-prev, .about3 .swiper-button-next, .about6 .swiper-pagination, .section5 .swiper-pagination, .section8 .swiper-pagination, .section9 .swiper-pagination, .paquality2_sold .swiper-pagination { display: none; } .about4 .about4_left { width: 62%; padding-right: 0.9rem; } .about4 .about4_right { position: relative; overflow: hidden; width: 38%; } .about4 .about4_quan .tit { position: relative; color: #333333; line-height: 1.875; background-color: #f2f2f2; border-radius: 2px; text-align: center; margin-bottom: 20px; display: inline-block; padding: 2px 9px; } .about4 .about4_quan { text-align: center; cursor: pointer; } .about4 .about4_quan .tit::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 12px; height: 12px; background: url(../images/ab-sjx.png) no-repeat center; background-size: cover; } .about4 .quanBox { position: relative; width: 120px; height: 120px; margin: 0 auto; border-radius: 50%; background-color: #ffffff; border: solid 6px #eaeaea; } .about4 .quanBox .num { font-size: 22px; font-weight: bold; line-height: 1.1; color: #ff0000; } .about4 .bquanBox .num em { font-size: 0.58rem; } .about4 .bquanBox::before, .about4 .quanBox:hover::before { content: ""; position: absolute; width: 110%; height: 110%; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../bldimg/a12.png) no-repeat center; background-size: cover; } .about4 .quanBox .quan { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .about4 .quanBox .dec { color: #777777; line-height: 1.2; } .about4 .about4_line { flex: 1; margin-top: 15px; } .about4 .about4_line .tit { line-height: 1.875; color: #bababa; text-align: center; } .about4 .about4_line .line { width: 100%; height: 6px; background-color: #eaeaea; margin: 0 auto; } .about4 .about4_list { margin-top: 40px; position: relative; flex-wrap: wrap; } .about4_list_qh { margin-top: 5%; } .about4_list_qh ul { } .about4_list_qh ul li { font-size: 15px; line-height: 1.5; color: #444444; display: none; } .about4_list_qh ul li.on { display: block; } .about4_list_qh ul li p { margin-bottom: 5px; } .about4_list_qh ul li p span { color: rgb(255 0 1); font-weight: bold; } .about5 { position: relative; background-color: #f6f6f6; } .about5 .about5_left { position: relative; width: 46%; overflow: hidden; } .about5 .about5_right { width: 54%; padding-left: 0.9rem; } .about5 .about5_icon em { display: block; } .about5 .about5_icon .icon1 { background: url(../images/ab_sprites.png) -0px -212px no-repeat; width: 36px; height: 36px; } .about5 .about5_icon .icon2 { background: url(../images/ab_sprites.png) -0px -248px no-repeat; width: 41px; height: 41px; } .about5 .about5_icon .icon3 { background: url(../images/ab_sprites.png) -0px -289px no-repeat; width: 36px; height: 36px; } .about5 .about5_font .tit { font-size: 20px; font-weight: bold; line-height: 1.3; color: #333333; } .about5 .about5_font .dec { color: #777777; margin-top: 5px; } .about5 .about5_icon { position: relative; width: 53px; height: 53px; background-color: #ffffff; border-radius: 10px; } .about5 .about5_font { position: relative; width: calc(100% - 53px); padding-left: 25px; } .about5 .about5_li { position: relative; margin-top: 25px; } .about6 { background: url(../images/ab-bgm2.jpg) no-repeat center top; background-size: cover; } .about6 .about6_img { position: relative; width: 85px; height: 85px; transform: scale(0.75); margin: 0 auto; border-radius: 50%; overflow: hidden; box-shadow: 0px 7px 35px 0px rgba(112, 112, 112, 0.31); border: solid 2px #ffffff; } .about6 .about6_tpswp { width: 40%; padding-top: 25px; padding-bottom: 10px; } .about6 .about6_tpswp .swiper-wrapper { align-items: flex-end; } .about6 .about6_tpswp .swiper-slide-active .about6_img { transform: scale(1); } .about6 .about6_btswp .swiper-slide { text-align: center; } .about6 .about6_btswp .swiper-slide .tit { font-size: 18px; font-weight: bold; color: #333333; } .about6 .about6_btswp .swiper-slide .tdec { font-size: 14px; line-height: 1.3; color: #888888; } .about6 .about6_btswp .swiper-slide .dec { color: #666666; line-height: 1.625; margin: 15px auto; } .about6 .about6_btswp .score span { width: 14px; height: 14px; display: inline-block; vertical-align: middle; background: url(../images/ab-icon11.png) no-repeat center; background-size: cover; } .about6 .about6_swiper { position: relative; width: 50%; margin: 0 auto; } .new1 .new1_list { flex-wrap: wrap; } .new1 .new1_li { position: relative; display: block; width: 32%; margin-right: 2%; margin-top: 2.5%; } .new1 .new1_li:nth-child(1), .new1 .new1_li:nth-child(2), .new1 .new1_li:nth-child(3) { margin-top: 0px; } .new1 .new1_li:nth-child(3n) { margin-right: 0px; } .new1 .new1_font { position: relative; padding: 25px 0; } .new1 .new1_font .time, .neinfo1 .neinfo1_top .time, .neinfo1 .neinfo1_pagelink .btn { color: #999999; } .new1 .new1_font .tit { font-size: 18px; font-weight: bold; line-height: 1.3; color: #333333; margin: 10px 0; transition: all 0.6s; } .new1 .new1_font .dec { color: #777777; line-height: 1.625; } .neinfo1 .bshare-icon { color: #868686 !important; width: auto; height: auto; background: none !important; margin-right: 15px; } .neinfo1 .bshare-icon:hover { color: #ff6224 !important; } .neinfo1 .neinfo1_top .time { margin-right: 10px; } .neinfo1 .neinfo1_tit { font-family: Arial-BoldMT; font-size: 0.34rem; line-height: 1.3; color: #333333; margin-top: 15px; margin-bottom: 10px; } .neinfo1 .neinfo1_dec { color: #666666; line-height: 1.875; padding-bottom: 40px; border-bottom: 1px solid #e4e4e4; } .neinfo1 .neinfo1_dec p { margin-top: 20px; } .neinfo1 .neinfo1_dec img { margin: 25px auto; } .neinfo1 .neinfo1_list { padding: 0 15.5%; } .neinfo1 .neinfo1_pagelink { position: relative; display: block; margin-top: 20px; } .neinfo1 .neinfo1_pagelink .btn em { font-size: 12px; font-weight: bold; line-height: 1.2; display: block; margin-right: 10px; } .neinfo1 .neinfo1_pagelink .tit { font-size: 22px; color: #333333; font-weight: bold; margin-top: 5px; transition: all 0.5s; } .neinfo1 .neinfo1_page { padding-top: 5px; } .pabanner_swiper .pain_tit { font-size: 0.46rem; line-height: 1.3; color: #ffffff; text-align: center; font-weight: bold; } .pabanner_swiper .pain_dec { color: #ffffff; line-height: 1.875; text-align: center; margin-top: 15px; margin-bottom: 35px; } .pabanner_swiper .pain_link { width: 160px; height: 40px; text-align: center; line-height: 40px; background-color: #ff6224; border-radius: 4px; overflow: hidden; display: block; color: #ffffff; margin-right: 15px; } .pabanner_swiper .pain_link:last-child { margin-right: 0px; } .pabanner_swiper .pain_link.link2 { color: #ff6224; background-color: #ffffff; } .pabanner_swiper .pain_link:hover, .pasection4 .pasection4_left .tmore:hover { background-color: #ff9a1f; color: #ffffff; } .pasection1 { background-color: #f2f3f7; } .pasection1 .pasection1_li { position: relative; width: 33.333%; padding: 0.4rem; border-right: 1px solid rgba(51,51,51, .07); } .pasection1 .pasection1_li:first-child { border-left: 1px solid rgba(51,51,51, .07); } .pasection1 .pasection1_iconBox { width: 102px; height: 102px; background-color: #eeeff4; border: solid 1px #e6e8ef; position: relative; border-radius: 50%; transition: all 0.6s; } .pasection1 .pasection1_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 79px; height: 79px; background-color: #ffffff; border-radius: 50%; } .pasection1 .pasection1_icon em { display: block; } .pasection1 .pasection1_icon .icon1 { background: url(../images/pain_sprites.png) -0px -88px no-repeat; width: 42px; height: 44px; } .pasection1 .pasection1_icon .icon2 { background: url(../images/pain_sprites.png) -0px -44px no-repeat; width: 44px; height: 44px; } .pasection1 .pasection1_icon .icon3 { background: url(../images/pain_sprites.png) -0px -0px no-repeat; width: 44px; height: 44px; } .pasection1 .pasection1_font { width: calc(100% - 102px); padding-left: 20px; } .pasection1 .pasection1_font .tit { font-size: 20px; font-weight: bold; color: #252525; margin-bottom: 5px; } .pasection1 .pasection1_font .dec { color: #777777; } .pasection2 .pasection2_tli { position: relative; color: #252525; background-color: #f6f6f6; border-radius: 2px; text-align: center; padding: 29px 22px; overflow: hidden; margin-right: 10px; cursor: pointer; } .pasection2 .pasection2_tli:last-child { margin-right: 0px; } .pasection2 .pasection2_tli.active { background-color: #ff6224; color: #ffffff; } .pasection2 .pasection2_font .tit { font-size: 0.28rem; font-weight: bold; line-height: 1.3; color: #252525; } .pasection2 .pasection2_font .dec { color: #252525; margin-top: 5px; margin-bottom: 15px; } .pasection2 .pasection2_font .decli { position: relative; color: #777777; font-size: 14px; line-height: 1.3; margin-top: 10px; padding-left: 22px; } .pasection2 .pasection2_font .decli::before { content: ""; position: absolute; top: 1px; left: 0px; width: 15px; height: 14px; background: url(../images/dgicon.png) no-repeat center; } .pasection2 .pasection2_molist { display: none; } .pasection2 .pasection2_molist .pasection2_font, .pasection2 .pasection2_molist .pasection2_img { width: 100%; } .pasection2 .dec_btn { position: relative; /* width: 360px; */ display: inline-block; margin-top: 25px; border-radius: 25px; overflow: hidden; box-shadow: 0 3px 21px 0 rgb(255,99,36, 0.3); } .pasection2 .dec_btn .rt, .pasection2 .dec_btn .lf { position: relative; padding: 0 45px; text-align: center; transition: all 0.6s; overflow: hidden; font-size: 16px; float: left; display: block; } .pasection2 .dec_btn .lf { font-weight: bold; color: #ff6224; background: #ffffff; line-height: 48px; border-radius: 25px 0px 0px 25px; border: solid 1px #ff6224; border-right: 0px; } .pasection2 .dec_btn .lf strong { font-size: 0.3rem; line-height: 1; display: inline-block; vertical-align: -4px; } .pasection2 .dec_btn .rt { color: #fefefe; /* background: url(../images/pain-bgm7.png) no-repeat center right; background-size: cover; */ line-height: 50px; background: linear-gradient(to right, #FF6424, #FF8D24); border-radius: 0px 25px 25px 0px; } .pasection2 .pasection2_ct { position: relative; background-color: #f7f7f7; flex-wrap: wrap; padding: 0.3rem; } .pasection2 .pasection2_img { width: 46%; position: relative; overflow: hidden; } .pasection2 .pasection2_font { width: 54%; padding-left: 30px; } .pasection2 .pasection2_cont { width: 100%; margin-top: 30px; } .pasection2 .pasection2_dec { color: #333333; font-size: 18px; text-align: center; margin-bottom: 35px; } .pasection2 .pasection2_left { position: relative; z-index: 3; width: 70.5%; } .pasection2 .pasection2_list { align-items: flex-start; overflow: hidden; flex-wrap: wrap; } .pasection2 .pasection2_right { /* position: absolute; top: 0px; right: 0px; */ position: relative; width: 29.5%; padding: 35px 0.4rem 0.95rem 0.3rem; z-index: 1; } .pasection2 .pasection2_right::before { content: ""; position: absolute; left: -1.03rem; top: 0px; width: 125%; height: 100%; background: url(../images/pain-bgm8.png) no-repeat center; background-size: cover; z-index: -1; } .pasection2 .pasection2_right .spft { display: inline-block; vertical-align: middle; width: 50%; text-align: center; } .pasection2 .pasection2_rimg img { margin: 0px; } .pasection2 .pasection2_rimg { margin: 25px 0 30px 0; } .pasection2 .pasection2_right .tit { font-size: 24px; font-weight: bold; line-height: 1.1; color: #ffffff; } .pasection2 .pasection2_rli { position: relative; background-color: #ffffff; border-radius: 18px; overflow: hidden; color: #ff6224; flex-wrap: wrap; font-size: 14px; margin-top: 10px; } .pasection2 .pasection2_rli .bgm { background-color: #ff6224; border-radius: 18px; border: solid 2px #ffffff; text-align: center; color: #ffffff; padding: 5px 0; } .pasection2 .pasection2_cli { position: relative; display: none; } .pasection2 .pasection2_cli:first-child { display: block; } .pasection3 { position: relative; background-color: #f2f3f7; } .pasection3 .pasection3_left { position: relative; width: 520px; overflow: hidden; background-color: #ffffff; border-radius: 20px; padding: 0.3rem 0.4rem; } .pasection3 .pasection3_left .tit, .psection3 .psection3_left .tit, .section4 .section4_cen .tit { font-size: 18px; font-weight: bold; color: #333333; text-align: center; margin-bottom: 10px; } .pasection3 .pasection3_left .order, .psection3 .psection3_left .order, .section4 .section4_cen .order { font-size: 14px; color: #666666; } .pasection3 .pasection3_left .order em, .psection3 .psection3_left .order em { color: #ff6224; } .section4 .section4_cen .order em { color: #ff9a1f; } .pasection3 .pasection3_left .order img, .psection3 .psection3_left .order img, .section4 .section4_cen .order img { display: inline-block; margin: 0px; vertical-align: 0px; } .pasection3 .pasection3_left .order img, .section4 .section4_cen .order img { max-width: 8px; } .pasection3 .pasection3_clist, .psection3 .psection3_clist, .section4 .section4_clist { border-top: 1px solid #eeeeee; padding-top: 15px; margin-top: 15px; } .pasection3 .col_cont, .pasection3 .col_tit { width: 20%; } .pasection3 .col_tit, .pasection3 .col_cont, .psection3 .col_tit, .psection3 .col_cont, .section4 .col_tit, .section4 .col_cont { font-size: 14px; display: inline-block; vertical-align: middle; color: #999999; } .pasection3 .col_tit, .psection3 .col_tit, .section4 .col_tit { font-weight: bold; } .pasection3 .col_tit2, .pasection3 .col_cont2 { width: 25%; } .pasection3 .col_tit3, .pasection3 .col_cont3 { width: 15%; } .pasection3 .col_cont5, .pasection3 .col_cont6 { color: #ff6224; } .pasection3 .col_cont img, .psection3 .col_cont img, .section4 .col_cont img { margin: 0px; display: inline-block; vertical-align: 0px; } .pasection3 .pasection3_list { align-items: center; flex-wrap: wrap; } .pasection3 .contLi { position: relative; margin-top: 10px; } .pasection3 .contBox { position: relative; overflow: hidden; height: 310px; } .pasection3 .pasection3_right { width: calc(100% - 520px); padding-left: 0.5rem; flex-wrap: wrap; } .pasection3 .pasection3_li { position: relative; display: block; width: 48.75%; background-color: #ffffff; border-radius: 20px; overflow: hidden; margin-right: 2.5%; margin-top: 2.5%; } .pasection3 .pasection3_li:nth-child(1), .pasection3 .pasection3_li:nth-child(2) { margin-top: 0px; } .pasection3 .pasection3_li:nth-child(2n) { margin-right: 0px; } .pasection3 .pasection3_rfont .tit { position: relative; z-index: 2; font-size: 18px; font-weight: bold; line-height: 1.333; color: #333333; } .pasection3 .pasection3_rfont .dec { position: relative; z-index: 2; font-size: 14px; line-height: 1.57; color: #777777; margin-top: 8px; } .pasection3 .pasection3_rfont { position: absolute; width: 68%; left: 0px; top: 0px; padding: 30px; z-index: 9; } .pasection3 .pasection3_tag { position: absolute; top: 20px; right: 20px; font-size: 14px; font-weight: bold; color: #ff6224; width: 63px; height: 29px; text-align: center; line-height: 29px; background: url(../images/pain-bkicon.png) no-repeat center; background-size: cover; z-index: 2; } .pasection4 { border-bottom: 1px solid rgba(51, 51, 51, .07); } .pasection4 .pasection4_left { width: 240px; padding-right: 0.2rem; padding-bottom: 15px; padding-top: 15px; border-right: 1px solid rgba(51, 51, 51, .07); } .pasection4 .pasection4_left .tit { font-size: 18px; font-weight: bold; line-height: 1.333; color: #ff6224; } .pasection4 .pasection4_left .tmore { background-color: #ff6224; border-radius: 4px; text-align: center; color: #ffffff; display: block; padding: 9px 5px 6px 5px; margin-top: 10px; } .pasection4 .pasection4_right { width: calc(100% - 240px); } .pasection4 .cticon .icon1 { background: url(../images/pain_sprites.png) -0px -356px no-repeat; width: 38px; height: 38px; } .pasection4 .cticon .icon2 { background: url(../images/pain_sprites.png) -0px -318px no-repeat; width: 38px; height: 38px; } .pasection4 .cticon .icon3 { background: url(../images/pain_sprites.png) -0px -280px no-repeat; width: 38px; height: 38px; } .pasection4 .cticon .icon4 { background: url(../images/pain_sprites.png) -0px -242px no-repeat; width: 38px; height: 38px; } .pasection4 .cticon .icon5 { background: url(../images/pain_sprites.png) -0px -204px no-repeat; width: 38px; height: 38px; } .pasection4 .cticon .icon6 { background: url(../images/pain_sprites.png) -0px -170px no-repeat; width: 54px; height: 34px; } .pasection4 .cticon .icon7 { background: url(../images/pain_sprites.png) -0px -132px no-repeat; width: 38px; height: 38px; } .pasection5 { position: relative; padding-top: 10px; padding-bottom: 40px; } .pasection5 .swiper-wrapper { flex-wrap: wrap; } .pasection5 .pasection5_img { position: relative; overflow: hidden; background-color: #f2f3f7; } .pasection5 .pasection5_li { position: relative; display: block; width: 24.25%; height: auto; margin-right: 1%; margin-top: 1.5%; } .pasection5 .pasection5_li:nth-child(4n) { margin-right: 0px; } .pasection5 .pasection5_font .tit { font-size: 18px; font-weight: bold; line-height: 1.33; color: #333333; margin-top: 15px; padding-right: 15px; margin-bottom: 5px; } .pasection5 .pasection5_font .dec { color: #777777; } .pasection5 .pasection5_font .dec em, .pasection6 .pasection6_font em { color: #ff6224; } .pasection6 { position: relative; overflow: hidden; z-index: 2; border-radius: 20px; margin-bottom: -90px; } .pasection6 .pasection6_font { position: absolute; width: 50%; top: 50%; left: 0px; transform: translateY(-50%); padding: 0.3rem 0.7rem; } .pasection6 .pasection6_font .tit { position: relative; font-size: 0.36rem; font-weight: bold; line-height: 1.33; z-index: 2; color: #333333; } .pasection7 { position: relative; padding-top: 140px; background: url(../images/pain-bgm2.jpg) no-repeat center; background-size: cover; } .pasection7 .pasection7_molist { display: none; margin-top: 20px; } .pasection7 .swiper-container { padding-bottom: 35px; } .pasection7 .in_stit .tit, .pasection7 .in_stit .dec { color: #ffffff; } .pasection7 .pasection7_list { position: relative; margin-top: 30px; overflow: hidden; } .pasection7 .pasection7_tab { position: absolute; top: 0px; right: 0px; width: 295px; transform: translate(100%); overflow: hidden; height: 100%; z-index: 5; padding: 10px 0; background: rgba(0, 0, 0, .75); transition: all 0.6s; } .pasection7 .pasection7_tab.open { transform: translate(0%); } .pasection7 .pasection7_tli { position: relative; margin-bottom: 30px; } .pasection7 .pasection7_tli .tit { padding: 5px 15px; margin-bottom: 10px; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .pasection7 .pasection7_tli .ltit, .pasection7 .pasection7_ftli .tit { font-size: 18px; color: #ffffff; } .pasection7 .pasection7_ftli .tit { font-weight: bold; } .pasection7 .pasection7_tli .ltit { width: calc(100% - 12px); } .pasection7 .pasection7_tli .down { width: 12px; color: #ffffff; font-size: 12px; } .pasection7 .cont_link { font-size: 14px; line-height: 1.8; padding: 5px 25px; display: block; width: 100%; color: rgba(255, 255, 255, 0.7); } .pasection7 .cont_link.cur { color: #ffffff; background-color: rgba(0,0,0,.5); } .pasection7 .pasection7_video { position: relative; overflow: hidden; } .pasection7 .pasection7_video video, .psection6 .psection6_vimg video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pasection7 .pasection7_video video { display: none; } .pasection7 .pasection7_video::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(51, 51, 51, .1); } .pasection7 .pasection7_ftli .dec { font-size: 14px; color: #ffffff; margin-top: 10px; } .pasection7 .pasection7_ft { position: absolute; left: 0px; bottom: 0px; padding: 0.2rem 0.45rem; width: 100%; background: rgba(0, 0, 0, .75); } .pasection7 .pasection7_ftli { display: none; } .pasection7 .pasection7_molist .movideo, .pasection7 .pasection7_ftli:first-child { display: block; } .pasection7 .pasection7_molist .pasection7_ftli { position: relative; background: rgba(0, 0, 0, .75); display: block; padding: 20px 15px; } .pasection7 .pasection7_rbtn { position: absolute; cursor: pointer; z-index: 2; top: 50%; right: -50px; transform: translateY(-50%); width: 20px; height: 24px; background: url(../images/pain-jticon.png) no-repeat center; background-size: cover; transition: all 0.6s; } .pasection7 .pasection7_rbtn.active { transform: translateY(-50%) rotateZ(180deg); } .pasection8 { position: relative; padding-bottom: 3.40rem; background: url(../images/pain-bgm6.jpg) no-repeat center top; background-size: cover; } .pasection8 .pasection8_top { padding-top: 0.45rem; padding-left: 0.5rem; background: url(../images/pain-bgm3.jpg) no-repeat center; background-size: cover; } .pasection8 .pasection8_list { margin-top: 30px; background: rgba(22,22,22, .2); padding: 0.3rem 0.4rem; } .pasection8 .pasection8_top .in_stit .tit, .pasection8 .pasection8_list .dec, .pasection8 .pasection8_list .pmore { color: #ffffff; } .pasection8 .pasection8_list .dec { position: relative; padding-left: 15px; margin-top: 8px; } .pasection8 .pasection8_list .dec::before { content: ""; position: absolute; top: 8px; left: 0px; width: 6px; height: 6px; background-color: #ffffff; border-radius: 50%; } .pasection8 .pasection8_list .line { position: relative; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1); margin: 25px auto; } .pasection8 .pasection8_list .line::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 24px; height: 1px; background-color: #ffffff; } .pasection8 .pasection8_list .pmore { font-size: 18px; font-weight: bold; } .pasection8 .pasection8_bimg { position: relative; width: 400px; overflow: hidden; } .pasection8 .pasection8_blist { margin-bottom: 30px; margin-top: 15px; flex-wrap: wrap; } .pasection8 .pasection8_btable { width: calc(100% - 400px); padding-left: 15px; } .pasection8 .pasection8_btable table { width: 100%; background: #ffffff; } .pasection8 .pasection8_btable table th { background-color: #ff6224; color: #fff; border: 1px solid rgba(255, 255, 255, 0.07); text-align: left; } .pasection8 .pasection8_btable table tr:nth-child(odd) { background: #F9FAFA; } .pasection8 .pasection8_btable table td { color: #777777; font-size: 14px; border: 1px solid rgba(22,22,22, .07); } .pasection8 .pasection8_btable table th, .pasection8 .pasection8_btable table td { padding: 14px 20px; } .pasection9 { position: relative; z-index: 2; margin-top: -2.95rem; background: url(../images/pain-bgm5.jpg) no-repeat center; background-size: cover; padding: 25px 0.7rem; flex-wrap: wrap; } .pasection9 .in_stit { width: 42.5%; padding-right: 0.9rem; } .pasection9 .pasection9_right { width: 57.5%; } .pasection10 .more { margin: 0px; } .pasection10 .pasection10_font .tit { font-size: 18px; font-weight: bold; line-height: 1.33; color: #333333; margin-top: 16px; } .pasection10 .pasection10_font .dec, .pasection10 .tagli { color: #777777; } .pasection10 .tagBox { flex-wrap: wrap; } .pasection10 .in_stit .tit { margin-bottom: 0px; } .pasection10 .tagli { position: relative; font-size: 14px; margin-right: 0.15rem; } .pasection10 .tagli:last-child { margin-right: 0px; } .pasection10 .tagli em { color: #ff6224; display: inline-block; margin-left: 5px; } .pasection10 .core { margin: 10px 0; } .pasection10 .core img { margin: 0px; margin-right: 5px; } .pasection10 .pasection10_font .line { width: 100%; height: 1px; background: rgba(51, 51, 51, .07); margin-top: 20px; margin-bottom: 10px; } .pasection10 .swiper-slide::before { content: ""; position: absolute; top: 0px; right: -15px; width: 1px; height: 100%; background: rgba(51, 51, 51, .07); } .pasection10 .swiper-slide:nth-child(4n):before, .pasection10 .swiper-slide:last-child::before { opacity: 0; } .pasection10 .swiper-pagination { display: none; } .pasection10 .pasection10_bot { margin-top: 20px; } .design1 { align-items: flex-start; flex-wrap: wrap; } .design1 .design1_left { width: calc(100% - 300px); } .design1 .design1_right { position: sticky; top: 20px; width: 300px; } .design1 .design1_rtit { padding: 11px 22px; } .design1 .design1_rtit { color: #ffffff; font-weight: bold; background-color: #ff6224; } .design1 .design1_menu { background-color: #f6f6f6; } .design1 .design1_ctli, .design1 .design1_stit { position: relative; font-size: 16px; color: #666666; padding: 11px 22px; display: block; } .design1 .design1_stit::before { content: "\e649"; position: absolute; top: 10px; right: 15px; font-size: 18px; font-weight: bold; display: block; transition: all 0.6s; } .design1 .design1_stit.active::before { transform: rotate(45deg); } .design1 .design1_li { border-bottom: 1px solid #ffffff; } .design1 .design1_ctli { color: #ffffff; background-color: #868686; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .design1 .design1_ctli.active { background-color: #000; } .design1 .design1_ctli:hover { background-color: rgba(0, 0, 0, .6); } .design1 .design1_cont { display: none; } .design1 .design1_ctit { color: #333333; font-size: 22px; font-weight: bold; margin-bottom: 5px; } .design1 .design1_lfcont { padding-right: 0.65rem; color: #666666; line-height: 1.75; } .design1 .design1_lfcont p { margin-bottom: 40px; } .design1 .design1_lfcont img { display: inline-block; vertical-align: middle; margin-right: 0.2rem; margin-top: 20px; } .design1 .design1_lfcont img:last-child { margin-right: 0px; } .design1 .design1_ctit1 { color: #333333; font-size: 18px; font-weight: bold; margin-top: 40px; margin-bottom: 5px; } .design1 .design1_table { position: relative; width: 100%; margin-top: 15px; overflow-x: auto; overflow-y: hidden; } .design1 .design1_table table td { color: #333333; font-size: 14px; padding: 15px 30px; border: 1px solid #e4e4e4; } .design1 .design1_table table tr:nth-child(odd) { background-color: #f1f1f1; } .case1 .case1_tit { position: relative; font-size: 28px; font-weight: bold; color: #333333; text-align: center; } .case1 .case1_tit::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; width: 585px; height: 20px; bottom: 0px; background: url(../images/ca-bgm1.png) no-repeat center; background-size: cover; } .case1 .case1_dec { text-align: center; color: #777777; line-height: 1.875; margin-top: 15px; } .case1 .case1_img { margin-top: 35px; } .case2 { position: relative; background: url(../images/ca-bgm2.jpg) no-repeat center; background-size: cover; flex-wrap: wrap; padding-left: 13.2%; padding-right: 20px; } .case2 .case2_left img { margin: 0px; } .case2 .case2_left .tit2 { margin: 10px 0; } .case2 .case2_left .tit4 { margin-top: 10px; margin-bottom: 35px; } .case2 .case2_left .tit3 { font-size: 0.40rem; padding: 5px 15px; font-weight: bold; line-height: 1.2; color: #ffffff; background: url(../images/ca-bgm3.png) no-repeat center; background-size: 100%; } .case2 .dmore { position: relative; display: block; width: 320px; overflow: hidden; background-color: #ff6325; border-radius: 2px; font-size: 0.40rem; font-weight: bold; text-align: center; line-height: 1.25; color: #ffffff; } .case2 .dmore span, .case2 .dmore em { position: relative; display: inline-block; vertical-align: middle; } .case2 .dmore .jticon { width: 37px; height: 20px; background: url(../images/ca-icon1.png) no-repeat center; background-size: cover; animation: Toright 1s linear infinite; } @keyframes Toright { 0% { transform: translateX(-10%); } 100% { transform: translateX(10%); } } .case2 .case2_left { width: 45%; } .case2 .case2_right { width: 55%; padding-left: 10px; } .case3 { background: #F7F7F7; } .case3 .case3_list { position: relative; flex-wrap: wrap; } .case3 .case3_li { position: relative; width: 32%; margin-right: 2%; margin-top: 2%; background: #ffffff; overflow: hidden; } .case3 .case3_li:nth-child(3n) { margin-right: 0px; } .case3 .case3_img { margin-top: 15px; } .case3 .case3_tit { color: #000000; font-size: 16px; text-align: center; margin-top: 15px; margin-bottom: 25px; } .return1 { position: relative; padding: 0.95rem; margin: 50px auto; flex-wrap: wrap; background-color: #ffffff; box-shadow: 0px 0px 59px 0px rgba(177, 177, 177, 0.27); } .return1 .return1_left { width: 80%; color: #000000; line-height: 1.875; padding-right: 1.8rem; } .return1 .return1_left a { color: #ff6224; transition: all 0.6s; } .return1 .return1_right { width: 20%; } .return1 .return1_left a:hover, .why6 .why6_tdec a:hover { font-weight: bold; } .product1 { background: #F7F7F7; } .product1 .product1_list { align-items: flex-start; flex-wrap: wrap; } .product1 .product1_left { position: sticky; top: 20px; width: 290px; } .product1 .product1_menu { position: relative; background: #ffffff; margin-bottom: 20px; } .product1 .product1_ltit { font-size: 22px; font-weight: bold; color: #ffffff; padding: 15px 18px; background-color: #ff6224; } .product1 .product1_mli { position: relative; color: #333333; padding: 12px 20px; display: block; width: 100%; border-bottom: 1px solid #eaeef2; } .product1 .product1_mli:last-child { border-bottom-color: #ffffff; } .product1 .product1_mli::before { content: "\e706"; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); color: #7d7f81; font-size: 20px; } .product1 .product1_mli.active, .product1 .product1_mli.active::before { color: #ff6224; } .product1 .product1_right { width: calc(100% - 290px); padding-left: 35px; flex-wrap: wrap; } .product1 .product1_contact { background-color: #fcfcfc; padding: 25px 30px; } .product1 .product1_contact .tit { position: relative; padding-left: 50px; font-size: 26px; font-weight: bold; line-height: 1.2; color: #333333; } .product1 .product1_contact .tit::before { content: ""; position: absolute; width: 36px; height: 37px; top: 50%; left: 0px; border-radius: 50%; transform: translateY(-50%); text-align: center; background: url(../images/pro-icon1.png) no-repeat center #ff6224; } .product1 .product1_contact .tit::after { content: ""; position: absolute; top: -25px; left: 18px; width: 2px; height: 36px; background-color: #ff6224; } .product1 .product1_contact .dec { color: #ff6224; margin-top: 20px; } .product1 .product1_rli { width: 32%; margin-right: 2%; margin-top: 2%; padding: 15px; background-color: #ffffff; overflow: hidden; } .product1 .product1_rli:nth-child(3n) { margin-right: 0px; } .product1 .product1_rli:nth-child(1), .product1 .product1_rli:nth-child(2), .product1 .product1_rli:nth-child(3) { margin-top: 0px; } .product1 .product1_tit { font-size: 16px; text-align: center; color: #000000; margin-top: 20px; } .pbanner_swiper .pin_tit { font-size: 0.46rem; font-weight: bold; line-height: 1.3; color: #ffffff; margin-bottom: 15px; } .pbanner_swiper .pin_dec { border-radius: 19px; display: inline-block; overflow: hidden; background: rgba(255,98,36, 0.5); } .pbanner_swiper .pdli { position: relative; font-size: 20px; color: #ffffff; padding: 4px 15px 4px 38px; display: inline-block; margin-right: 20px; border-radius: 19px; overflow: hidden; vertical-align: middle; background: url(../images/pa-bgm1.png) no-repeat center right; background-size: cover; } .pbanner_swiper .pdli:last-child { margin-right: 6px; } .pbanner_swiper .pdli::before { content: ""; position: absolute; top: 10px; left: 13px; width: 18px; height: 17px; background: url(../images/wdgicon.png) no-repeat center; background-size: 100%; } .pbanner_swiper .pin_tag { margin-top: 10px; margin-bottom: 15px; } .pbanner_swiper .pin_tag, .pbanner_swiper .pin_tag p { position: relative; color: #ffffff; line-height: 1.75; } .pbanner_swiper .pin_tag p { padding-left: 15px; } .pbanner_swiper .pin_tag p::before { content: ""; position: absolute; width: 6px; height: 6px; background-color: #ff6224; border-radius: 50%; top: 10px; left: 0px; } .pamore { position: relative; width: 150px; display: block; padding: 13px 0; background-color: #ff9a1f; border-radius: 24px; color: #ffffff; font-weight: bold; text-align: center; transition: all 0.6s; } .pamore:hover { background-color: #ff6224; } .pbanner_regs { position: absolute; top: 50%; transform: translateY(-50%); right: 13.2%; z-index: 1; width: 354px; padding: 0.4rem; background: #ffffff; } .pbanner_regs .tit { font-size: 22px; color: #000; font-weight: bold; } .pbanner_regs .tag { background-color: #fff6f3; font-size: 14px; color: #ff9a1f; padding: 5px 10px; margin: 10px 0; } .pbanner_regs .tag img { margin: 0px; display: inline-block; vertical-align: middle; margin-right: 5px; } .pbanner_regs .pbanner_regsli { width: 100%; margin-top: 10px; } .pbanner_regs .pbanner_regsli input { width: 100%; height: 42px; background-color: #ffffff; border-radius: 4px; border: solid 1px #dadada; padding: 5px 10px; color: #a5a5a5; font-size: 16px; } .pbanner_regs .sub { background-color: #ff6224; border-radius: 4px; width: 100%; color: #ffffff; font-size: 18px; text-align: center; padding: 9px 0; margin-top: 10px; cursor: pointer; transition: all 0.6s; } .pbanner_regs .sub:hover { background-color: #ff9a1f; } .psection1 .psection1_tag { text-align: center; margin-top: 30px; margin-bottom: 55px; } .psection1 .psection1_tagli { position: relative; background-color: #f6f6f6; border-radius: 2px; overflow: hidden; color: #333333; font-size: 16px; font-weight: bold; display: inline-block; vertical-align: middle; margin-right: 20px; padding: 7px 10px 7px 35px; } .psection1 .psection1_tagli:last-child { margin-right: 0px; } .psection1 .psection1_tagli::before { content: ""; position: absolute; top: 10px; left: 10px; width: 18px; height: 17px; background: url(../images/dgicon.png) no-repeat center; background-size: 100%; } .psection1 .psection1_list { align-items: flex-end; flex-wrap: wrap; } .psection1 .psection1_bot { position: relative; background-color: #1c1f23; } .psection1 .psection1_left { position: relative; width: 375px; padding: 0.3rem 0.3rem 0.4rem 0.3rem; background-color: #ff6224; margin-top: -20px; } .psection1 .psection1_left::before { content: ""; position: absolute; top: -10px; left: 0px; width: 100%; height: 10px; background-color: #ff6224; } .psection1 .psection1_left .tag { color: #ff6224; font-size: 14px; font-weight: bold; width: 77px; height: 27px; line-height: 27px; text-align: center; background: url(../images/pa-bgm2.png) no-repeat center; background-size: cover; } .psection1 .psection1_left .tit { font-size: 0.28rem; font-weight: bold; line-height: 1.2; color: #ffffff; margin-top: 10px; } .psection1 .psection1_left .num { color: #ffffff; font-size: 16px; margin-bottom: 15px; } .psection1 .psection1_left .num sub { font-size: 28px; line-height: 1; display: inline-block; vertical-align: 0px; } .psection1 .psection1_left .num strong { font-size: 0.60rem; font-weight: bold; } .psection1 .psection1_left .pdec { color: #ffffff; font-weight: bold; margin-bottom: 15px; } .psection1 .decli { position: relative; padding-left: 30px; color: #ffffff; font-size: 14px; margin-top: 5px; } .psection1 .decli::before { content: ""; position: absolute; left: 0px; top: 2px; width: 16px; height: 16px; background: url(../images/wdgicon1.png) no-repeat center; background-size: 100%; } .psection1 .rtnum { padding-left: 5px; } .price { width: 100%; padding: 12px 10px; font-size: 16px; font-weight: bold; color: #ffffff; display: block; border-radius: 24px; border: solid 1px #ffffff; overflow: hidden; text-align: center; transition: all 0.5s; } .price1 { background-color: #ff9a1f; border: solid 1px #ff9a1f; } .price:hover { color: #ff6224; background: #ffffff; } .price1:hover { color: #ffffff; background-color: #ff6224; } .psection1 .psection1_right { width: calc(100% - 375px); padding-left: 0.3rem; padding-bottom: 40px; margin-top: 30px; } .psection1 .price { margin-top: 30px; } .psection1 .psection1_rfont .rtag { position: absolute; top: 20px; right: 20px; font-size: 14px; font-weight: bold; text-align: center; color: #ff6224; width: 63px; height: 29px; line-height: 29px; background: url(../images/pain-bkicon.png) no-repeat center; background-size: cover; } .psection1 .psection1_rfont .tit { font-size: 20px; font-weight: bold; color: #ffffff; margin-bottom: 5px; } .psection1 .psection1_rfont .dec { font-size: 14px; line-height: 1.85; color: #ffffff; } .psection1 .psection1_rfont .num { font-size: 0.40rem; color: #ffffff; line-height: 1.1; margin-top: 10px; } .psection1 .psection1_rfont .num sub { font-size: 20px; display: inline-block; vertical-align: 0px; } .psection1 .psection1_rfont { position: relative; background-color: #414b57; margin-bottom: 20px; overflow: hidden; } .psection1 .psection1_rimg { position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; overflow: hidden; } .psection1 .psection1_rfont .rfont { z-index: 2; min-height: 185px; padding: 20px 25px; } .psection1 .psection1_rimg img, .psection3 .psection3_bgm img { object-fit: cover; height: 100%; } .psection3 .psection3_bgm img { display: inline; } .psection1 .swiper-pagination { display: none; } .psection2 { box-shadow: 9px 38px 59px 0px rgba(179, 179, 179, 0); } .psection2 .section1_bright { width: 260px !important; margin-top: 0px !important; } .psection2 .section1_bright .tit { color: #333333; font-size: 16px; margin-bottom: 10px; margin-top: 0px !important; } .psection2 .section1_bleft .cont { padding-right: 0px !important; } .psection3 { position: relative; overflow: hidden; background-color: #f7f7f7; } .psection3 .in_stit .dec { color: #333333; font-size: 15px; } .psection3 .psection3_left { width: 48.5%; position: relative; overflow: hidden; background-color: #ffffff; border-radius: 20px; padding: 0.3rem 0.4rem; } .psection3 .psection3_right { width: 51.5%; padding-left: 25px; } .psection3 .psection3_list { margin-top: 35px; flex-wrap: wrap; } .psection3 .col_cont, .psection3 .col_tit { width: 15%; text-align: center; } .psection3 .col_cont1, .psection3 .col_tit1, .psection3 .col_cont3, .psection3 .col_tit3 { width: 12%; } .psection3 .col_cont2, .psection3 .col_tit2, .psection3 .col_cont4, .psection3 .col_tit4 { width: 23%; } .psection3 .psection3_left .tit { margin-bottom: 15px; } .psection3 .col_cont2 span { min-width: 50px; display: inline-block; vertical-align: middle; } .psection3 .contLi { margin-top: 10px; } .psection3 .contBox { position: relative; overflow: hidden; height: 585px; } .psection3 .psection3_rli { position: relative; background: #ffffff; padding: 25px 30px 50px 30px; overflow: hidden; } .psection3 .psection3_rbli { padding: 50px 30px; margin-top: 20px; } .psection3 .psection3_rli .hot { position: absolute; top: -25px; right: -30px; } .psection3 .psection3_rli .tit { font-size: 20px; font-weight: bold; color: #333333; margin-bottom: 5px; } .psection3 .psection3_rli .dec { font-size: 14px; line-height: 1.57; } .psection3 .psection3_rli .dec { margin-top: 5px; } .psection3 .psection3_rbli .idec { font-style: italic; } .colr1, .psection3 .psection3_rli .dec em { color: #ff6224; } .colr2 { color: #000; } .colr3 { color: #666666; } .colr4 { color: rgba(0, 0, 0, .86); } .colr5 { color: rgba(0, 0, 0, .95); } .mart-15 { margin: 15px 0; } .psection3_rbli .pmore1 { color: #777777; } .pmore1:hover { color: #ff9a1f; } .psection3 .psection3_rli .bgm { padding: 5px 25px; background: url(../images/in-bgm4.png) no-repeat center left; margin-top: 5px; margin-bottom: 15px; margin-left: -20px; } .psection3 .psection3_rli .bfdec p { position: relative; padding-left: 15px; } .psection3 .psection3_rli .bfdec p::before { content: ""; position: absolute; top: 8px; left: 0px; width: 5px; height: 5px; background-color: #555555; border-radius: 50%; } .pmore1 { color: #ff6224; font-size: 14px; font-weight: bold; display: block; } .pmore1 em { font-size: 20px; line-height: 1; display: inline-block; vertical-align: -2px; } .psection3 .psection3_bgm { position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; text-align: right; } .psection3 .psection3_rfont { position: relative; z-index: 2; } .psection3 .pmore1 { margin-top: 20px; } .psection3 .psection3_rbli .psection3_bgm { margin-top: 20px; } .psection3 .psection3_li { position: relative; width: 25%; padding: 0 0.45rem; flex-wrap: wrap; border-right: 1px solid #e8e8e8; } .psection3 .psection3_li:last-child { border-right: 0px; } .psection3 .psection3_icon { position: relative; width: 50px; height: 50px; } .psection3 .psection3_font { width: calc(100% - 50px); padding-left: 20px; } .psection3 .psection3_font .num { font-size: 0.42rem; color: #333333; letter-spacing: -1px; line-height: 1; } .psection3 .psection3_font .dec { color: #666666; } .psection4 .swiper-slide { width: 47.2%; margin-right: 2.8%; margin-top: 10px; } .psection4 .psection4_li { position: relative; padding: 30px 20px; flex-wrap: wrap; background-color: #f7f7f7; } .psection4 .psection4_li:nth-child(2n) { margin-right: 0px; } .psection4 .psection4_img { width: 47%; } .psection4 .psection4_font { width: 53%; } .psection4 .psection4_font .tit { font-size: 18px; font-weight: bold; color: #333333; } .psection4 .psection4_font .dec_p { position: relative; color: #444444; padding-left: 25px; font-size: 14px; margin-top: 5px; } .psection4 .psection4_font .dec_p::before { content: ""; position: absolute; left: 0px; top: 4px; width: 15px; height: 14px; background: url(../images/dgicon.png) no-repeat center; background-size: cover; } .psection4 .psection4_font .btn { color: #777777; font-size: 14px; font-weight: bold; transition: all 0.6s; } .psection4 .psection4_font .btn em { font-size: 20px; display: inline-block; vertical-align: -2px; } .psection4 .swiper-wrapper { flex-wrap: wrap; align-items: stretch; } .psection4 .decBox { margin: 5px 0; height: 160px; overflow-x: hidden; overflow-y: auto; } .psection4 .psection4_swiper { margin-top: 20px; } .psection5 .psection5_left, .psection5 .psection5_right { position: relative; width: 50%; } .psection5 .psection5_ltit { font-size: 20px; font-weight: bold; color: #333333; padding: 0 20px; } .psection5 .psection5_lbtn { border-top: 1px solid #e5e5e5; margin-top: 40px; } .psection5 .psection5_ltab { position: relative; padding: 30px 20px 55px 20px; cursor: pointer; border-right: 1px solid #e5e5e5; } .psection5 .psection5_ltab::before { content: ""; position: absolute; left: 0px; top: -1px; width: 0%; height: 3px; background-color: #ff6224; transition: all 0.6s; } .psection5 .psection5_ltab:last-child { border-right: 0px; } .psection5 .psection5_rbot, .psection5 .psection5_ltop { position: relative; background-color: #ffffff; box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.06); overflow: hidden; padding-top: 45px; } .psection5 .psection5_ltab.active::before { width: 100%; } .psection5 .psection5_ltab.active .tit { color: #ff6224; } .psection5 .psection5_ltab .tit, .psection5 .psection5_mfont .tit { color: #333333; font-size: 16px; font-weight: 600; } .psection5 .psection5_mfont { padding: 10px 5px; background: #F7F7F7; min-height: 70px; } .psection5 .psection5_ltab .dec, .psection5 .psection5_mfont .dec { font-size: 14px; line-height: 1.57; color: #666666; margin-top: 5px; } .psection5 .psection5_list { margin-top: 35px; flex-wrap: wrap; } .psection5 .psection5_rtag { position: relative; background-color: #f4f4f4; border-radius: 18px; overflow: hidden; padding: 6px 15px; font-size: 14px; color: #333333; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 10px; cursor: pointer; } .psection5 .psection5_rbtn { padding-left: 20px; padding-bottom: 45px; margin-top: 5px; } .psection5 .psection5_rtag.active { color: #ffffff; background-color: #ff6224; } .psection5 .swiper-container { margin-top: 10px; padding-bottom: 30px; margin-bottom: 20px; } .psection5 .swiper-container:last-child { margin-bottom: 0px; } .psection5 .psection5_molist, .psection6 .psection6_molist { display: none; } .psection6 .psection6_ul { margin-top: 40px; flex-wrap: wrap; } .psection6 .psection6_mimg { position: relative; } .psection6 .psection6_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 35px; height: 35px; line-height: 35px; color: #ffffff; display: block; border-radius: 50%; font-size: 12px; text-align: center; background: rgba(255,98,36, .7); } .psection6 .psection6_btn em { font-size: 12px !important; } .psection6 .psection6_li { position: relative; width: 20%; padding: 0 0.4rem; border-right: 1px solid #e5e5e5; } .psection6 .psection6_li:last-child { border-right: 0px; } .psection6 .psection6_li .num { font-size: 0.42rem; line-height: 1; color: #ff6224; } .psection6 .psection6_li .dec { color: #666666; font-size: 16px; } .psection6 .psection6_dec { padding: 0 0.4rem; margin-top: 30px; } .psection6 .psection6_dec, .psection6 .psection6_dec a { font-size: 14px; line-height: 2; color: #333333; text-align: center; } .psection6 .psection6_dec a { color: #ff6224; } .psection6 .psection6_vul { flex-wrap: wrap; height: 460px; margin-top: 35px; } .psection6 .psection6_vli { position: relative; width: 8%; overflow: hidden; cursor: pointer; transition: all 0.6s; } .psection6 .psection6_vli.active { width: 76%; } .psection6 .psection6_vli::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: url(../images/pa-bgm3.png) no-repeat center; background-size: cover; z-index: 5; } .psection6 .psection6_vli video, .psection6 .psection6_pcVideo { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .psection6 .psection6_vimg img, .psection6 .psection6_vimg { width: 100%; height: 100%; object-fit: cover; } .psection6 .psection6_vfont { position: absolute; width: 100%; left: 0px; bottom: 0; z-index: 10; padding: 30px; } .psection6 .psection6_vfont .line { width: 40px; height: 3px; background-color: #ff6224; margin-bottom: 10px; } .psection6 .psection6_vtit, .psection6 .psection6_mtit { font-size: 18px; font-weight: bold; color: #ffffff; white-space: nowrap; } .psection6 .psection6_vtit { padding-right: 15px; } .psection6 .psection6_vnum { width: 45px; font-size: 0.42rem; font-weight: bold; text-align: right; line-height: 1; color: rgba(255,255,255, 0.2); } .psection6 .psection6_mtit { font-size: 14px; color: #333; text-align: center; margin-top: 10px; } .psection6 .psection6_molist .swiper-container { padding-bottom: 35px; } .service1 { background: url(../images/el-bgm2.jpg) no-repeat center; background-size: cover; } .service1 .service1_list { flex-wrap: wrap; } .service1 .service1_left { position: relative; width: 54%; padding-right: 0.7rem; } .service1 .service1_right { position: relative; width: 46%; overflow: hidden; } .service1 .service1_dec { font-size: 18px; line-height: 1.667; color: #333333; margin-bottom: 25px; } .service1 .service1_decBox { flex-wrap: wrap; } .service1 .service1_stit { font-size: 24px; font-weight: bold; color: #333333; margin-bottom: 10px; } .service1 .service1_dli { position: relative; display: inline-block; vertical-align: middle; color: #ff6224; font-weight: bold; overflow: hidden; padding: 6px 12px 6px 35px; background-color: rgba(255,98,36, 0.08); border: 1px solid rgba(255,98,36, 0.2); border-radius: 19px; margin-top: 10px; } .service1 .service1_dli::before { content: ""; position: absolute; left: 12px; top: 10px; width: 15px; height: 14px; background: url(../images/dgicon.png) no-repeat center; background-size: cover; } .service1 .service1_decBox .left { margin-right: 0.2rem; } .service1 .service1_decBox .left, .service1 .service1_decBox .right { display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; } .service2 { background: #F5F6F9; } .service2::before { content: ""; position: absolute; left: 0px; top: 0px; background: url(../bldimg/a100.jpg) no-repeat center; background-size: cover; background-attachment: fixed; width: 100%; height: 545px; } .service2 .in_stit .tit { color: #ffffff; } .service2 .service2_font .tit { font-size: 24px; font-weight: bold; color: #333333; } .service2 .service2_font .tit em, .smore, .service2 .service2_font .dec em { color: #ff0001; transition: all 0.6s; } .smore em { font-weight: bold; display: inline-block; transition: all 0.6s; } .smore:hover { font-weight: bold; } .smore:hover em { margin-left: 5px; } .service2 .service2_list { margin-top: 15px; } .service2 .swiper-wrapper { flex-wrap: wrap; } .service2 .service2_li { position: relative; flex-wrap: wrap; background-color: #ffffff; } .service2 .service2_font .dec { font-size: 15px; line-height: 1.71; color: #777777; margin-top: 15px; margin-bottom: 30px; max-height: 220px; padding-right: 5px; overflow-x: hidden; overflow-y: auto; } .service2 .service2_font .dec p { position: relative; padding-left: 20px; } .service2 .service2_font .dec p::before { content: ""; width: 15px; height: 14px; background: url(../images/dgicon.png) no-repeat center; background-size: cover; position: absolute; left: 0px; top: 5px; } .service2 .service2_font .dec em { display: inline-block; margin-right: 5px; } .service2 .service2_img, .service2 .service2_font { width: 50%; position: relative; overflow: hidden; } .service2 .service2_font { padding: 0.5rem; } .service2 .service2_li:nth-child(even) .service2_font { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .service2 .service2_li:nth-child(even) .service2_img { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .service3 { padding: 6.5% 0; position: relative; background: url(../images/el-bgm1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .service3 .service3_list { padding: 0 10%; } .service3 .in_stit .tit { color: #ffffff; } .service3 .service3_dec { color: #ffffff; line-height: 1.667; text-align: center; } .service3 .service3_dec p { margin-bottom: 35px; } .service4 .service4_tit { font-size: 24px; font-weight: bold; text-align: center; color: #252525; margin: 22px 0; } .service4 .swiper-pagination { display: none; } .service4 .service4_font { margin-top: 25px; } .service4 .service4_font .dec { color: #777777; line-height: 1.5; margin-top: 5px; } .service4 .service4_font .dec strong { color: #252525; } .service4 .service4_left { position: relative; width: 49.5%; overflow: hidden; } .service4 .service4_right { width: 50.5%; padding: 0.5rem; } .service4 .service4_list { background-color: #f5f6f9; flex-wrap: wrap; margin-bottom: 32px; } .service4 .service4_list .service4_font .dec { margin-top: 40px; } .service4 .service4_list .service4_font .dec:first-child { margin-top: 0px; } .quick1 .quick1_tit { font-size: 24px; font-weight: bold; color: #ff6a30; margin-top: 20px; margin-bottom: 10px; } .quick1 .quick1_icon { position: relative; width: 25px; height: 25px; transition: all 0.6s; } .quick1 .quick1_icon em { display: block; } .quick1 .quick1_icon .icon1 { background: url(../images/qu_sprites.png) -0px -48px no-repeat; width: 24px; height: 24px; } .quick1 .quick1_icon .icon2 { background: url(../images/qu_sprites.png) -0px -24px no-repeat; width: 24px; height: 24px; } .quick1 .quick1_icon .icon3 { background: url(../images/qu_sprites.png) -0px -0px no-repeat; width: 17px; height: 24px; } .quick1 .quick1_icon .icon4 { background: url(../images/qu_sprites.png) -0px -72px no-repeat; width: 24px; height: 24px; } .quick1 .quick1_ndec { font-size: 14px; line-height: 1.3; color: #777777; margin-top: 8px; margin-bottom: 5px; } .quick1 .quick1_number { font-size: 0.5rem; font-weight: 600; line-height: 1.2; color: #ff6a30; } .quick1 .quick1_num { border-radius: 6px; border: solid 1px #ebebeb; overflow: hidden; } .quick1 .quick1_nli { padding: 0 0.3rem; margin: 25px 0; border-right: 1px solid rgba(0, 0, 0, .07); } .quick1 .quick1_nli:last-child { border-right: 0px; } .quick1 .videobox { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 84px; height: 84px; border-radius: 50%; background: rgba(255, 255, 255, 0.8); text-align: center; line-height: 84px; transition: all 0.6s; } .quick1 .videobox:hover { background: rgba(255, 255, 255, 1); } .quick1 .videobox em { font-size: 20px; display: block; transition: all 0.6s; color: #252525; } .quick1 .swiper-slide:first-child .quick1_nfont { margin-right: 20px; } .quick1 .swiper-slide:last-child .quick1_nfont { margin-left: 20px; } .quick1 .swiper-container { margin-bottom: 20px; } .quick1 .swiper-pagination { display: none; } .quick1 .quick1_tag .tag { position: relative; font-size: 16px; font-weight: bold; display: inline-block; vertical-align: middle; padding: 7px 10px 7px 36px; margin-right: 5px; margin-top: 10px; color: #333333; background-color: #f5f6f9; border-radius: 2px; } .quick1 .quick1_tag .tag::before, .quick2 .quick2_decli p::before { content: ""; position: absolute; width: 15px; height: 14px; background: url(../images/dgicon.png) no-repeat center; background-size: cover; } .quick1 .quick1_tag .tag::before { left: 10px; top: 50%; transform: translateY(-50%); } .quick2 { position: relative; flex-wrap: wrap; } .quick2 .quick2_left, .quick2 .quick2_right { position: relative; width: 50%; } .quick2 .quick2_left { padding: 50px 50px 50px 13.2%; background: url(../images/qu-bgm1.jpg) no-repeat center; background-size: cover; } .quick2 .quick2_limg { position: relative; width: 100%; height: 80px; overflow: hidden; background-color: rgba(255, 255, 255, 0.5); border: solid 2px #ffffff; } .quick2 .quick2_left .swiper-container { padding-bottom: 30px; } .quick2 .quick2_right { padding: 50px 13.2% 50px 50px; background: url(../images/qu-bgm3.jpg) no-repeat center; background-size: cover; } .quick2 .in_stit .tit { color: #ffffff; } .quick2 .quick2_dec { font-size: 18px; color: #ffffff; margin-bottom: 25px; } .quick2 .quick2_decli p { position: relative; color: #ffffff; font-size: 16px; padding-left: 30px; margin-top: 10px; } .quick2 .quick2_decli p::before { left: 0px; top: 5px; } .quick3 { background: url(../images/qu-bgm2.jpg) no-repeat center; background-size: cover; padding-bottom: 50px !important; } .quick3 .swiper-pagination { display: none; } .quick3 .pasection8_list .dec1, .quick3 .pasection8_list .dec2 { color: #ffffff; } .quick3 .pasection8_list .dec2 { font-size: 14px; line-height: 1.71; } .quick3 .pasection8_list .dec2 a, .quick3 .quick3_bdec em, .quickt1 .quickt1_font .dec em { color: #ff6224; } .quick3 .pasection8_list .dec2 a { border-bottom: 1px solid #ff6224; } .quick3 .pasection8_list .dec2 a:hover { font-weight: bold; } .quick3 .pasection8_top { background: url(../images/qu-bgm4.jpg) no-repeat center; background-size: cover; } .quick3 .quick3_bdec { font-size: 18px; line-height: 1.67; color: #333333; text-align: center; padding: 0 7%; } .quick3 .quick3_iconBox { position: relative; border-radius: 50%; width: 82px; height: 82px; background-color: #f1f2f5; border: solid 1px #ebedf1; overflow: hidden; margin: 0 auto; transition: all 0.6s; } .quick3 .quick3_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 64px; height: 64px; background-color: #ffffff; border-radius: 50%; overflow: hidden; } .quick3 .quick3_icon em { display: block; } .quick3 .quick3_icon .icon1 { background: url(../images/qu_sprites.png) -0px -166px no-repeat; width: 36px; height: 36px; } .quick3 .quick3_icon .icon2 { background: url(../images/qu_sprites.png) -0px -132px no-repeat; width: 36px; height: 34px; } .quick3 .quick3_icon .icon3 { background: url(../images/qu_sprites.png) -0px -96px no-repeat; width: 34px; height: 36px; } .quick3 .quick3_font .tit { font-size: 18px; font-weight: bold; color: #252525; text-align: center; margin-top: 22px; margin-bottom: 5px; } .quick3 .quick3_font .dec { color: #777777; font-size: 14px; text-align: center; min-height: 110px; } .quick3 .quick3_swp { padding: 35px 0; border: solid 2px #ffffff; background: rgba(255, 255, 255, .75); margin-top: 40px; } .quick3 .swiper-slide { padding: 0 30px; border-right: 1px solid rgba(37,37,37, .07); } .quick3 .swiper-slide:last-child { border-right: 0px; } .quick4 { position: relative; background: #F8F9FB; } .quick4 .quick4_tdec { font-size: 18px; color: #333333; text-align: center; padding-bottom: 15px; } .quick4 .quick4_tit { font-size: 24px; font-weight: bold; text-align: center; color: #ff6224; margin-top: 20px; } .quick4 .quick4_list { flex-wrap: wrap; } .quick4 .quick4_li { position: relative; width: 32.66%; background-color: #ffffff; margin-right: 1%; margin-top: 1%; padding: 0.3rem; } .quick4 .quick4_li1 { width: 66.34%; } .quick4 .quick4_li:nth-child(3n), .quick4 .quick4_li:last-child { margin-right: 0px; } .quick4 .quick4_li .tit { font-size: 18px; font-weight: bold; color: #252525; } .quick4 .quick4_li .dec { color: #777777; margin-top: 5px; margin-bottom: 15px; } .quick4 .quick4_line { width: 100%; height: 1px; background: rgba(51, 51, 51, .07); margin-top: 30px; } .quick5 .quick5_tname { flex-wrap: wrap; margin-top: 15px; } .quick5 .quick5_timg { position: relative; border-radius: 50%; overflow: hidden; width: 36px; height: 36px; border: solid 1px #efefef; } .quick5 .quick5_tname .tit { width: calc(100% - 36px); margin-top: 0px !important; padding-left: 20px; } .quickt1 .quickt1_swiper { overflow: initial; } .quickt1 .swiper-wrapper, .quickt3 .swiper-wrapper { flex-wrap: wrap; } .quickt1 .quickt1_font .tit, .section3 .section3_font .tit { font-size: 16px; font-weight: bold; line-height: 1.5; min-height: 50px; color: #333333; margin-top: 5px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .quickt1 .quickt1_font .num, .section3 .section3_font .num { flex-wrap: wrap; margin: 10px 0; } .quickt1 .quickt1_font .numli, .section3 .section3_font .numli { display: inline-block; vertical-align: middle; font-size: 14px; text-align: center; color: #ff0001; padding: 1px 10px; border: solid 1px rgb(255 0 1 / 82%); } .quickt1 .quickt1_font .numli.bgm, .section3 .section3_font .numli.bgm { color: #ffffff; background-color: #ff0001; } .quickt1 .quickt1_font .dec, .section3 .section3_font .dec { font-size: 14px; line-height: 1.85; color: #777777; } .quickt1 .quickt1_tag, .section3 .quickt1_tag { position: absolute; top: 0px; right: 0px; transform: rotate(90deg); } .quickt1 .swiper-slide { position: relative; width: 23.7%; margin-right: 1.7%; margin-top: 1.7%; padding: 0.3rem; background-color: #ffffff; box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.06); } .section3 .swiper-slide { position: relative; padding: 0.3rem; background-color: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); } .quickt1 .swiper-slide:nth-child(4n) { margin-right: 0px; } .quickt2 { background: url(../images/qut-bgm2.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .quickt2 .pasection3_left { border-radius: 0px; } .quickt2 .contBox { height: 230px !important; } .quickt2 .pasection3_left .order { color: #999999; } .quickt2 .col_tit { color: #333333; } .quickt2 .col_tit, .quickt2 .col_cont { font-size: 12px; } .quickt2 .sumBox { position: relative; top: auto; right: auto; transform: translateY(0px); margin-left: 30px; } .quickt2 .quickt2_rtag { position: absolute; top: -10px; right: -25px; font-size: 14px; font-weight: bold; color: #ffffff; text-align: center; line-height: 52px; width: 52px; height: 52px; background: url(../images/qut-bgm1.png) no-repeat center; background-size: cover; } .quickt3 { position: relative; background-color: #f6f6f6; } .quickt3 .quickt3_icon { position: relative; width: 105px; height: 105px; border-radius: 50%; background-color: #ffffff; } .quickt3 .quickt3_icon img { max-width: 62px; } .quickt3 .quickt3_font { position: relative; width: calc(100% - 105px); padding-left: 0.35rem; } .quickt3 .quickt3_font .tit { font-size: 20px; font-weight: bold; color: #333333; margin-bottom: 15px; } .quickt3 .swiper-slide { width: 45.25%; margin-right: 9.5%; margin-top: 4%; } .quickt3 .swiper-slide:nth-child(2n) { margin-right: 0px; } .quickt3 .quickt3_font .decli { position: relative; font-size: 14px; /* padding-left: 25px; */ line-height: 2; color: #333333; margin-bottom: 20px; } .quickt3 .quickt3_font .decli h5 { font-size: 17px; margin-bottom: 10px; /* border-left: 2px solid #ff0001; */ padding-left: 10px; line-height: 34px; background-color: rgb(255 154 31 / 8%); } .quickt3 .quickt3_font .spot { flex-wrap: wrap; } .quickt3 .quickt3_font .spot p, .quickt3 .spotdec { position: relative; display: block; color: #777777; } .quickt3 .quickt3_font .spot p { width: 30.333%; padding-left: 24px; font-size: 15px; margin-bottom: 5px; background-color: white; box-shadow: 0px 0px 49px 0px rgb(0 0 0 / 6%); margin: 1.5%; border-radius: 0px; line-height: 30px; } .quickt3 .quickt3_font .spot p.bt { width: 100%; font-weight: bold; padding-left: 10px; background-color: #ffffff; box-shadow: none; font-size: 15px; border-left: 2px solid #e70415; line-height: 32px; margin-top: 15px; } .quickt3 .quickt3_font .spot p::before { content: ""; position: absolute; top: 10px; left: 8px; width: 6px; height: 6px; background-color: #e70415; border-radius: 50%; } .quickt3 .quickt3_font .spot p.bt::before { display: none; } .quickt3 .quickt3_font .decli::before { top: 5px; } .quickt3 .more { margin-top: 35px; display: none; } .quickt4 .quickt4_table { position: relative; margin-top: 30px; } .quickt4 .quickt4_table table { width: 100%; background-color: #f6f6f6; } .quickt4 .quickt4_table table th { font-size: 18px; color: #252525; padding: 17px 0; border-top: 3px solid #ff6224 !important; } .quickt4 .quickt4_table table th span { font-size: 12px; } .quickt4 .quickt4_table table td { font-size: 14px; color: #252525; padding: 6px 0; } .quickt4 .quickt4_table table td:first-child strong { font-size: 16px; } .quickt4 .quickt4_table table th, .quickt4 .quickt4_table table td { text-align: center; border: 3px solid #fff; } .sign { position: absolute; top: 50%; right: 13.2%; transform: translateY(-50%); width: 445px; background-color: #ffffff; padding: 30px 40px 40px 40px; z-index: 15; } .sign .tit { font-size: 22px; font-weight: bold; color: #000000; } .sign .dec { margin-top: 10px; margin-bottom: 20px; } .sign .dec, .sign .sign_li .pfont, .sign .sign_ft .left { position: relative; font-size: 14px; color: #a5a5a5; } .sign .sign_ft .left { cursor: pointer; } .sign .sign_li { position: relative; width: 100%; overflow: hidden; margin-top: 10px; background-color: #ffffff; } .sign .sign_li input { position: relative; z-index: 2; width: 100%; height: 42px; padding: 0 10px; border-radius: 4px; overflow: hidden; color: #a5a5a5; font-size: 16px; border: solid 1px #dadada; } .sign .sign_ft span { position: relative; display: inline-block; vertical-align: middle; } .sign .sign_ft .btn { width: 13px; height: 13px; border: solid 2px #cacaca; border-radius: 50%; margin-right: 5px; } .sign .sign_ft .btn::before { content: ""; position: absolute; top: 55%; left: 55%; transform: translate(-55%,-55%); width: 5px; height: 5px; background-color: #cacaca; border-radius: 50%; } .sign .sign_ft .left.active .btn { border: solid 2px #ff6224; } .sign .sign_ft .left.active .btn::before { background-color: #ff6224; } .sign .sign_li .pfont { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; padding: 0 10px; z-index: 1; } .sign .sign_ft .right { font-size: 14px; } .sign .sign_ft { margin-top: 12px; margin-bottom: 40px; } .sign .sub { width: 100%; display: block; padding: 9px 5px; background-color: #ff6224; border-radius: 4px; text-align: center; font-size: 18px; color: #ffffff; cursor: pointer; transition: all 0.6s; } .sign .sign_ft .right:hover { font-weight: bold; } .inquiry1 .inquiry1_list { flex-wrap: wrap; } .inquiry1 .inquiry1_li { position: relative; width: 50%; } .inquiry1 .inquiry1_li:last-child { padding-left: 0.95rem; } .inquiry1 .inquiry1_font, .inquiry2 .inquiry2_dec, .inquiry3 .inquiry3_font .dec, .inquiry4 .inquiry4_font .dec { color: #333333; margin-bottom: 20px; } .inquiry1 .inquiry1_font em, .inquiry2 .inquiry2_dec em, .inquiry3 .inquiry3_font .dec em, .inquiry4 .inquiry4_font .dec em { font-size: 30px; color: #ff6224; display: inline-block; vertical-align: 3px; margin-right: 5px; } .inquiry1 .inquiry1_img, .inquiry2 .inquiry2_img { position: relative; display: inline-block; background-color: #ffffff; box-shadow: 0px 0px 49px 0px rgba(174, 174, 174, 0.13); border-radius: 12px; overflow: hidden; } .inquiry2 .inquiry2_li1 .inquiry2_img { box-shadow: 0px 0px 49px 0px rgba(174, 174, 174, 0); } .inquiry1 .inquiry1_img img, .inquiry2 .inquiry2_img img { display: inline-block; } .inquiry1 .inquiry1_xt { position: absolute; bottom: 85px; left: -35px; } .inquiry2 .inquiry2_li { position: relative; flex-wrap: wrap; } .inquiry2 .inquiry2_li1 { padding: 0 0.9rem; } .inquiry2 .inquiry2_li1 .inquiry2_font { width: 43%; padding: 0 0.6rem; } .inquiry2 .inquiry2_li1 .inquiry2_img { width: 57%; margin-bottom: 50px; } .inquiry2 .inquiry2_li1 .inquiry2_xt { position: absolute; left: 55px; bottom: 0px; } .inquiry2 .inquiry2_li2 .inquiry2_img, .inquiry2 .inquiry2_li3 .inquiry2_img { width: 63%; } .inquiry2 .inquiry2_li2 .inquiry2_font, .inquiry2 .inquiry2_li3 .inquiry2_font { width: 37%; padding-left: 0.75rem; padding-right: 20px; } .inquiry2 .inquiry2_li2 .inquiry2_xt { position: absolute; right: 0px; bottom: 0px; } .inquiry_xt { position: absolute; z-index: -1; } .inquiry2 .inquiry2_li3 .inquiry2_xt { position: absolute; left: 20px; bottom: 0px; } .inquiry2 .inquiry2_li { padding-top: 50px; padding-bottom: 60px; } .inquiry2 .inquiry2_li:first-child { padding-top: 0px; } .inquiry3 { padding-bottom: 70px; } .inquiry3 .inquiry3_img { text-align: right; margin-top: -12%; margin-right: -45px; } .inquiry3 .inquiry3_img img { display: inline; } .inquiry3 .inquiry3_font { position: relative; width: 31%; z-index: 2; } .inquiry3 .inquiry3_font .dec span { border-bottom: 1px solid #ff6224; } .inquiry3 .inquiry3_xt { left: 0px; bottom: 0px; } .inquiry4 { position: relative; padding: 25px 0 1rem 0.6rem; } .inquiry4 .inquiry4_xt { right: 0px; bottom: 0.65rem; } .coform { position: absolute; top: 50%; right: 13.2%; transform: translateY(-50%); width: 515px; padding: 0.5rem; background-color: #ffffff; box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.23); } .coform .tit, .contact1 .contact1_left .tit { font-size: 26px; color: #333333; font-weight: bold; } .coform .tit { margin-bottom: 15px; } .coform .coform_li { position: relative; flex-wrap: wrap; margin-top: 10px; } .coform .coform_icon { position: relative; width: 20px; height: 20px; } .coform .coform_font { width: calc(100% - 20px); padding-left: 10px; } .coform .coform_font, .contact1 .contact1_left .dec, .contact1 .contact1_li .name { font-size: 14px; line-height: 1.71; color: #666666; } .contact1 { position: relative; flex-wrap: wrap; align-items: flex-start; } .contact1 .contact1_left { width: 54%; padding-right: 0.95rem; } .contact1 .contact1_left .dec1 { color: #333333; font-size: 14px; margin-top: 40px; margin-bottom: 25px; } .contact1 .contact1_left .tit { margin-bottom: 10px; } .contact1 .contact1_right { position: relative; width: 46%; background-color: #f8f8f8; } .contact1 .contact1_font { padding: 30px; } .contact1 .contact1_font .tit { color: #333333; font-weight: bold; margin-bottom: 10px; } .contact1 .contact1_font .decli p { margin-top: 25px; } .contact1 .contact1_font .decli p:first-child { margin-top: 0px; } .contact1 .contact1_font .decli, .contact1 .contact1_font .decli a { font-size: 14px; color: #666666; } .contact1 .contact1_font .decli span, .contact1 .contact1_font .decli a, .contact1 .contact1_left .dec a { color: #ff6224; border-bottom: 1px solid #ff6224; } .contact1 .contact1_left .dec a:hover, .contact1 .contact1_font .decli a:hover { font-weight: bold; } .contact1 .contact1_li { position: relative; flex-wrap: wrap; margin-top: 10px; } .contact1 .contact1_li .name { width: 135px; margin-top: 15px; display: block; } .contact1 .contact1_input { flex: 1; background-color: #f4f4f4; border-radius: 2px; } .contact1 .contact1_input input, .contact1 .contact1_input textarea { display: block; width: 100%; padding: 15px 20px; height: 52px; } .contact1 .contact1_input textarea { height: 152px; } .contact1 .contact1_btn { margin-top: 20px; margin-left: 135px; } .contact1 .contact1_btn .sub { position: relative; width: 180px; height: 45px; line-height: 45px; overflow: hidden; cursor: pointer; background-color: #ff6224; border-radius: 4px; text-align: center; font-size: 18px; color: #ffffff; transition: all 0.6s; } .pquality1 { position: relative; overflow: hidden; flex-wrap: wrap; } .pquality1 .pquality1_left { width: 34%; padding: 0.3rem; background: url(../images/pqu-bgm4.jpg) no-repeat center; background-size: cover; } .pquality1 .in_stit .tit { color: #ffffff; } .pquality1 .pquality1_dec { font-size: 14px; line-height: 1.71; color: #ffffff; } .pquality1 .pquality1_right { width: 66%; flex-wrap: wrap; padding-left: 0.45rem; } .pquality1 .pquality1_icon { position: relative; width: 50px; height: 50px; transition: all 0.6s; } .pquality1 .pquality1_icon em { display: block; right: auto; } .pquality1 .pquality1_icon .icon1 { background: url(../images/pqu_sprites.png) -0px -230px no-repeat; width: 50px; height: 48px; } .pquality1 .pquality1_icon .icon2 { background: url(../images/pqu_sprites.png) -0px -48px no-repeat; width: 38px; height: 50px; } .pquality1 .pquality1_icon .icon3 { background: url(../images/pqu_sprites.png) -0px -0px no-repeat; width: 50px; height: 48px; } .pquality1 .pquality1_icon .icon4 { background: url(../images/pqu_sprites.png) -0px -98px no-repeat; width: 50px; height: 50px; } .pquality1 .pquality1_rli { position: relative; width: 50%; padding: 30px; border-top: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; } .pquality1 .pquality1_rli:nth-child(odd) { padding-left: 0px; } .pquality1 .pquality1_rli:nth-child(even) { padding-right: 0px; border-right: 1px solid #ffffff; } .pquality1 .pquality1_rli:nth-child(1), .pquality1 .pquality1_rli:nth-child(2) { border-top: 1px solid #ffffff; } .pquality1 .pquality1_font .tit { font-size: 18px; font-weight: bold; color: #252525; margin-top: 12px; margin-bottom: 5px; } .pquality1 .pquality1_font .dec { line-height: 1.625; color: #777777; min-height: 80px; margin-bottom: 30px; } .pquality1 .pquality1_font .btn { color: #ff6224; } .pquality1 .pquality1_font .btn em { font-weight: bold; } .pquality1 .pquality1_img { margin: 25px auto; } .pquality2 { position: relative; background-color: #f5f6f9; } .pquality2 .pquality2_tabBox { text-align: center; } .pquality2 .pquality2_tabBox { position: relative; margin-top: 20px; } .pquality2 .pquality2_tab { display: inline-block; vertical-align: middle; text-align: center; border-bottom: 1px solid rgba(51, 51, 51, .1); } .pquality2 .in_stit .dec { color: #333333; } .pquality2 .pquality2_tli { position: relative; color: #777777; display: inline-block; font-size: 18px; font-weight: bold; cursor: pointer; padding: 5px 0; margin-right: 1.45rem; } .pquality2 .pquality2_tli::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0%; height: 2px; background-color: #ff6224; transition: all 0.6s; } .pquality2 .pquality2_tli.active { color: #ff6224; } .pquality2 .pquality2_tli:last-child { margin-right: 0px; } .pquality2 .pquality2_tli:hover::before, .pquality2 .pquality2_tli.active::before { width: 100%; } .pquality2 .pquality2_left { width: 67%; padding: 0.4rem 0.5rem 0 0.5rem; background-color: #ffffff; } .pquality2 .pquality2_tit { font-size: 24px; font-weight: bold; color: #333333; margin-bottom: 5px; } .pquality2 .pquality2_table table { width: 100%; } .pquality2 .pquality2_table table th { font-size: 18px; color: #333333; font-weight: normal; text-align: left; border-bottom: 1px solid #5F5F5F; } .pquality2 .pquality2_table table td { color: #777777; font-size: 14px; border-bottom: 1px solid #F5F5F5; } .pquality2 .pquality2_table table tr:last-child td { border-bottom: 0px; } .pquality2 .pquality2_table table th, .pquality2 .pquality2_table table td { padding: 15px; padding-left: 0px !important; } .pquality2 .pquality2_table table th em { display: block; font-size: 14px; } .pquality2 .pquality2_dec { color: #777777; margin-bottom: 25px; } .pquality2 .pquality2_right { width: 35%; } .pquality2 .pquality2_pli .pquality2_right { padding-left: 0.4rem; } .pquality2 .pquality2_pali .pquality2_right { padding-right: 0.4rem; } .pquality2 .swiper-container { width: 100%; } .pquality2 .swiper-container .swiper-wrapper { flex-wrap: wrap; } .pquality2 .swiper-container .swiper-slide { margin-top: 25px; } .pquality2 .swiper-container .swiper-slide:first-child { margin-top: 0px; } .pquality2 .down, .pquality3 .down { display: block; color: #ff6224; font-size: 14px; } .pquality2 .down em, .pquality3 .down em { font-size: 24px; display: inline-block; line-height: 1; vertical-align: -4px; margin-right: 3px; } .pquality3 .down em { font-size: 18px; vertical-align: -3px; } .pquality2 .down:hover, .pquality3 .down:hover, .pquality3 .down1:hover { font-weight: bold; } .pquality2 .pquality2_list { position: relative; margin-top: 30px; } .pquality2 .pquality2_liBox { display: none; } .pquality2 .pquality2_liBox:first-child { display: block; } .pquality3 { padding-top: 85px; background: #F5F6F9; } .pquality3::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 560px; background: url(../images/pqu-bgm1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .pquality3 .pquality3_tleft, .pquality3 .pquality3_tright { position: relative; width: 50%; } .pquality3 .pquality3_ttit { position: relative; font-size: 24px; font-weight: bold; color: #ffffff; margin-bottom: 10px; } .pquality3 .pquality3_tright { position: relative; line-height: 1.625; color: #ffffff; } .pquality3 .in_stit .tit { color: #ffffff; } .pquality3 .pquality3_tab { padding-top: 65px; flex-wrap: wrap; } .pquality3 .pquality3_tli { position: relative; cursor: pointer; padding: 10px 20px; margin-right: 20px; background-color: #ffffff; border-radius: 6px 6px 0px 0px; } .pquality3 .pquality3_tli:last-child { margin-right: 0px; } .pquality3 .pquality3_icon { position: relative; width: 45px; height: 45px; transition: all 0.6s; } .pquality3 .pquality3_icon em { display: block; transition: all 0.6s; } .pquality3 .pquality3_icon .icon1 { background: url(../images/pqu_sprites.png) -0px -148px no-repeat; width: 38px; height: 38px; } .pquality3 .pquality3_icon .icon2 { background: url(../images/pqu_sprites.png) -0px -186px no-repeat; width: 40px; height: 44px; } .pquality3 .pquality3_tli.active .pquality3_icon .icon1 { background: url(../images/pqu_sprites.png) -0px -278px no-repeat; width: 38px; height: 38px; } .pquality3 .pquality3_tli.active .pquality3_icon .icon2 { background: url(../images/pqu_sprites.png) -0px -316px no-repeat; width: 40px; height: 44px; } .pquality3 .pquality3_tfont { font-size: 18px; line-height: 1.45; color: #666666; padding-left: 5px; } .pquality3 .pquality3_tli.active { background-color: #ff6224; } .pquality3 .pquality3_tli.active .pquality3_tfont { color: #ffffff; } .pquality3 .pquality3_bli { position: relative; background-color: #ffffff; padding: 25px 30px; margin-bottom: 10px; } .pquality3 .pquality3_bli .tit { font-size: 18px; font-weight: bold; margin-bottom: 5px; } .pquality3 .pquality3_sbli { cursor: pointer; } .pquality3 .pquality3_bli .tit em, .pquality3 .pquality3_bli .dec em, .pquality3 .pquality3_bli .hidec em { color: #ff6224; } .pquality3 .pquality3_bli .dec em { margin-right: 5px; } .pquality3 .pquality3_bli .dec, .pquality3 .pquality3_bli .hidec { font-size: 14px; line-height: 1.71; color: #777777; } .pquality3 .pquality3_bli .hidec { display: none; margin-top: 10px; } .pquality3 .pquality3_sbli.active .titBox .btn::before { opacity: 0; } .pquality3 .pquality3_list { position: relative; } .pquality3 .pquality3_liBox { display: none; padding: 0.5rem; } .pquality3 .pquality3_liBox:first-child { display: block; } .pquality3 .pquality3_pliBox { background-color: #f5f6f9; } .pquality3 .pquality3_paliBox { background-color: #ffffff; } .pquality3 .pquality3_blist { align-items: flex-start; flex-wrap: wrap; } .pquality3 .pquality3_bleft { width: 69.5%; padding-right: 0.4rem; } .pquality3 .pquality3_bright { width: 30.5%; padding: 65px 0; } .pquality3 .pquality3_bright .swiper-container { height: 760px; } .pquality3 .pquality3_bright .swiper-button-prev, .pquality3 .pquality3_bright .swiper-button-next { background-color: #ffffff; border: solid 1px #ebebeb; color: #252525; width: 100%; height: 46px; line-height: 46px; border-radius: 0px; top: auto; transform: translateY(0); left: 0px; overflow: hidden; } /* .pquality3 .pquality3_swp1 .swiper-slide, .pquality3 .pquality3_swp1 .swiper-wrapper{ height: 100% !important; overflow: hidden; } */ .pquality3 .pquality3_bright .swiper-button-prev { top: 0px; } .pquality3 .pquality3_bright .swiper-button-next { bottom: 0px; } .pquality3 .pquality3_bright .swiper-button-prev::before, .pquality3 .pquality3_bright .swiper-button-next::before { display: block; transform: rotate(90deg); } .pquality3 .pquality3_bright .swiper-button-prev:hover, .pquality3 .pquality3_bright .swiper-button-next:hover { color: #ffffff; background-color: #ff6224; } .pquality3 .pquality3_brimg { position: relative; width: 100%; height: 100%; overflow: hidden; margin-top: 20px; } .pquality3 .pquality3_brimg:first-child { margin-top: 0px; } .pquality3 .pquality3_brimg img { height: 100%; object-fit: cover; } .pquality3 .down { margin-top: 10px; } .pquality3 .down1 { color: #ff6224; border-bottom: 1px solid #ff6224; } .pquality3 .pquality3_bli .titBox .tit { width: calc(100% - 22px); padding-right: 30px; } .pquality3 .pquality3_bli .titBox .btn { position: relative; width: 22px; height: 22px; background-color: #ff6224; border-radius: 50%; } .pquality3 .pquality3_bli .titBox .btn { display: none; } .pquality3 .pquality3_sbli .titBox .btn { display: block; } .pquality3 .pquality3_bli .titBox .btn::before, .pquality3 .pquality3_bli .titBox .btn::after { content: ""; position: absolute; background-color: #ffffff; text-align: center; transition: all 0.6s; } .pquality3 .pquality3_bli .titBox .btn::before { left: 10px; top: 6px; width: 2px; height: 10px; } .pquality3 .pquality3_bli .titBox .btn::after { width: 10px; height: 2px; left: 6px; top: 10px; } .pquality3 .pquality3_swpBox { background: #fff; margin-top: -10px; flex-wrap: wrap; } .pquality3 .pquality3_lfswp { width: calc(100% - 307px); padding: 0.4rem; padding-top: 0px !important; } .pquality3 .pquality3_rtswp { width: 307px; margin-top: 40px; background: rgba(255,98,36, 0.1); } .pquality3 .pquality3_lfswp .swiper-container { padding-top: 40px; } .pquality3 .pquality3_lfswp::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 89%; background-color: #ff6224; } .pquality3 .pquality3_lfimg { width: 47%; overflow: hidden; margin-top: -40px; border-radius: 10px; } .pquality3 .pquality3_lffont { width: 53%; padding-left: 0.3rem; } .pquality3 .pquality3_rtfont .pquality3_num { font-size: 0.72rem; font-weight: bold; line-height: 1; color: #ffffff; } .pquality3 .pquality3_lffont .lftit, .pquality3 .pquality3_rtswp .pquality3_rtfont .lftit { font-size: 24px; font-weight: bold; color: #ffffff; } .pquality3 .pquality3_lffont .lfdec, .pquality3 .pquality3_rtswp .pquality3_rtfont .lfdec { line-height: 1.625; color: #ffffff; margin-top: 10px; } .pquality3 .pquality3_rtswp .pquality3_rtfont { width: 100%; padding: 0.5rem; } .pquality3 .pquality3_rtswp .pquality3_rtfont .lftit, .pquality3 .pquality3_rtswp .pquality3_rtfont .lfdec { color: #333333; } .pquality3 .pquality3_rtswp .pquality3_rtfont .lftit { margin: 10px 0; } .pquality3 .pquality3_lfswp .swiper-button-prev, .pquality3 .pquality3_lfswp .swiper-button-next { color: #ff6224; top: 56%; background-color: #ffffff; } .pquality3 .pquality3_lfswp .swiper-button-prev { left: -20px; } .pquality3 .pquality3_lfswp .swiper-button-next { right: -20px; } .pquality3 .pquality3_padec { position: relative; padding-left: 50px; font-size: 14px; line-height: 1.71; color: #777777; margin-bottom: 30px; } .pquality3 .pquality3_padec::before { content: "“"; position: absolute; left: 0px; top: -8px; font-size: 1.40rem; line-height: 1; color: #caccd1; } .pquality3 .pquality3_patit { font-size: 24px; font-weight: bold; color: #333333; margin-bottom: 15px; } .pquality3 .pquality3_pastit { font-size: 14px; line-height: 1.71; color: #777777; padding: 5px; text-align: center; } .pquality3 .pquality3_pastit em { color: #ff6224; display: inline-block; vertical-align: middle; margin-right: 8px; line-height: 16px; font-size: 40px; } .pquality3 .pquality3_pali { background: #fff; padding-bottom: 45px; } .pquality3 .pquality3_pali:last-child { padding-bottom: 0px; } .pquality3 .pquality3_pali .swiper-pagination, .pquality4 .swiper-pagination, .pquality4 .swiper-button-prev, .pquality4 .swiper-button-next { display: none; } .pquality3 .pquality3_pali2 .pquality3_pastit { text-align: left; min-height: 110px; margin-bottom: 10px; } .pquality3 .pquality3_pali3 .pquality3_pastit { min-height: 60px; } .pquality3 .pquality3_pali3 .swiper-slide { background-color: #f9f9f9; } .pquality3 .pquality3_pabimg { background: url(../images/pqu-bgm5.jpg) no-repeat center; background-size: cover; border: solid 2px #e9e9e9; padding: 30px; margin-top: 35px; } .pquality4 .in_stit .dec, .pquality5 .in_stit .dec, .pquality7 .in_stit .dec { color: #333; } .pquality4 .pquality4_tit { font-size: 36px; font-weight: bold; color: #105bab; text-align: center; } .pquality4 .pquality4_tit span { font-size: 22px; } .pquality4 .pquality4_font { font-size: 12px; color: #333333; text-align: center; } .pquality4 .pquality4_img { position: relative; margin: 0 auto; } .pquality4 .pquality4_img, .pquality4 .pquality4_tit { height: 70px; } .pquality4 .pquality4_swp { margin-top: 25px; } .pquality5 { background-color: #f5f6f9; } .pquality5 .pquality5_list { position: relative; width: 66.5%; margin: 0 auto; background-color: #ffffff; border-top: 3px solid #ff6224; margin-top: 30px; text-align: left; flex-wrap: wrap; padding: 0.35rem 1.05rem 0.45rem 1.05rem; } .pquality5 .pquality5_list .tag { position: relative; display: inline-block; vertical-align: middle; background-color: #f7f7f7; border-radius: 19px; padding: 8px 20px 8px 35px; margin-top: 10px; margin-right: 15px; overflow: hidden; } .pquality5 .pquality5_list .tag::before { left: 12px !important; top: 12px !important; } .pquality5 .pquality5_list .list { width: 50%; } .pquality6::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 575px; background: url(../images/pqu-bgm2.jpg) no-repeat center; background-attachment: fixed; background-size: cover; } .pquality6 .in_stit .tit, .pquality6 .in_stit .dec { color: #ffffff; } .pquality6 .pquality6_tabBox { padding: 0 0.95rem; margin-top: 20px; } .pquality6 .pquality6_tab { position: relative; width: 100%; display: inline-block; vertical-align: middle; border-bottom: 1px solid rgba(255,255,255, 0.1); } .pquality6 .pquality6_tli { position: relative; font-size: 18px; display: inline-block; vertical-align: middle; color: #ffffff; cursor: pointer; padding: 5px 0; margin-right: 6%; } .pquality6 .pquality6_tli:last-child { margin-right: 0px; } .pquality6 .pquality6_tli::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0%; height: 2px; background-color: #ff6224; transition: all 0.6s; } .pquality6 .pquality6_tli.active { color: #ff6224; } .pquality6 .pquality6_tli.active::before, .pquality6 .pquality6_table table { width: 100%; } .pquality6 .pquality6_table table { margin-bottom: 30px; box-shadow: 0px 7px 35px 0px rgba(112, 112, 112, 0.1); } .pquality6 .pquality6_table table:last-child { margin-bottom: 0px; } .pquality6 .pquality6_table table th { font-size: 18px; color: #ffffff; background-color: #ff6224; } .pquality6 .pquality6_table table td { font-size: 14px; color: #666666; } .pquality6 .pquality6_table table tr:nth-child(2) td { color: #666666; font-size: 16px; } .pquality6 .pquality6_table table td, .pquality6 .pquality6_table table th { padding: 12px 20px; text-align: left; font-weight: normal; } .pquality6 .pquality6_table table tr:nth-child(odd) { background-color: #f8f8f8; } .pquality6 .pquality6_table table tr:nth-child(even) { background-color: #ffffff; } .pquality6 .pquality6_tbli { position: relative; z-index: 3; display: none; } .pquality6 .pquality6_tbli:first-child { display: block; } .pquality7::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 9.2rem; background: url(../images/pqu-bgm6.jpg) no-repeat center top; background-size: cover; z-index: -1; } .pquality7 .pquality7_font { font-size: 14px; line-height: 1.86; color: #777777; text-align: center; margin-top: 20px; } .pquality7 .pquality7_tswp .swiper-slide { width: 100px; height: 100px; opacity: 0; } .pquality7 .pquality7_tswp .swiper-slide-active, .pquality7 .pquality7_tswp .swiper-slide-next, .pquality7 .pquality7_tswp .swiper-slide-prev { opacity: 1; } .pquality7 .pquality7_img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; width: 84px; height: 84px; margin: 0 auto; border: solid 1px #ffffff; } .pquality7 .pquality7_bswp { margin-top: -8px; } .pquality7 .pquality7_tswp .swiper-wrapper { align-items: center; } .pquality7 .swiper-slide-active .pquality7_img { border: solid 1px #ff7945; width: 100px; height: 100px; transition: all 0.6s; } .pquality7 .pquality7_bswp { width: 80%; } .pquality7 .pquality7_tswp { width: 235px; } .pquality7 .pquality7_swp, .pquality7 .more { margin-top: 35px; } .pquality6 .more { display: none; margin-top: 15px; } .paquality1 { padding-top: 55px !important; padding-bottom: 0px !important; background: #ffffff; } .paquality1::before { display: none; } .paquality1 .pquality3_paliBox { padding: 0px; } .paquality1 .pquality3_pali2 .pquality3_pastit { min-height: 85px; } .paquality2 .paquality2_tit { position: relative; font-size: 18px; font-weight: bold; padding: 0px 10px; color: #333333; background: url(../images/paqu-bgm1.png) no-repeat left center; background-size: 22%; } .paquality2 .paquality2_tit::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 3px; height: 100%; background-color: #ff6224; } .paquality2 .paquality2_line { width: 100%; height: 1px; background: #e6e6e6; margin-top: 10px; margin-bottom: 25px; } .paquality2 .paquality2_iqcbli { width: 48.5%; margin-right: 3%; } .paquality2 .paquality2_iqcbli:last-child { margin-right: 0px; } .paquality2 .paquality2_iqcimg { width: 27.5%; overflow: hidden; } .paquality2 .paquality2_iqcfont { width: 72.5%; padding-left: 20px; max-height: 220px; overflow-x: hidden; overflow-y: auto; } .paquality2 .paquality2_font, .paquality2 .paquality2_pkft .dec { font-size: 14px; line-height: 1.71; color: #777777; } .paquality2 .paquality2_iqcli { margin-top: 20px; flex-wrap: wrap; } .paquality2 .paquality2_iqclist { position: relative; flex-wrap: wrap; margin-top: 30px; } .paquality2 .paquality2_sold { position: relative; margin-top: 35px; } .paquality2 .paquality2_soldimg { margin-bottom: 30px; } .paquality2 .paquality2_soldimg .img { margin: 0px; margin-right: 1.35%; overflow: hidden; } .paquality2 .paquality2_soldimg .img:last-child { margin-right: 0px; } .paquality2 .paquality2_font em { font-size: 36px; line-height: 18px; color: #ff6224; display: inline-block; vertical-align: middle; margin-right: 5px; } .paquality2 .paquality2_smt { margin-top: 35px; } .paquality2 .paquality2_smttop, .paquality2 .paquality2_smtbot, .paquality2 .paquality2_asselist, .paquality2 .paquality2_pack .swiper-slide, .paquality2 .paquality2_pack .swiper-wrapper, .serg1 .serg1_list { flex-wrap: wrap; } .paquality2 .paquality2_smttli { position: relative; width: 32.3%; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; margin-right: 1.5%; background-color: #f7f7f7; } .paquality2 .paquality2_smttli:last-child { margin-right: 0px; } .paquality2 .paquality2_smtfont { position: relative; overflow-x: hidden; overflow-y: auto; height: 180px; margin: 20px 0; } .paquality2 .paquality2_smtfont .paquality2_font { position: absolute; width: 100%; max-height: 100%; padding: 0 20px; left: 0px; top: 50%; transform: translateY(-50%); } .paquality2 .paquality2_smttli:nth-child(even) .paquality2_smtimg, .paquality2 .paquality2_pack .swiper-slide:nth-child(even) .paquality2_packimg { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .paquality2 .paquality2_smttli:nth-child(even) .paquality2_font, .paquality2 .paquality2_pack .swiper-slide:nth-child(even) .paquality2_packfont { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .paquality2 .paquality2_smtbli { position: relative; width: 48.75%; margin-right: 2.5%; } .paquality2 .paquality2_smtbli:last-child { margin-right: 0px; } .paquality2 .paquality2_smtbimg { margin-bottom: 15px; } .paquality2 .paquality2_smtmo .paquality2_font { background-color: #f7f7f7; padding: 20px; } .paquality2 .paquality2_smtmo { display: none; } .paquality2 .paquality2_smtmo .swiper-container { padding-bottom: 30px; } .paquality2 .paquality2_asseleft { width: 49%; overflow: hidden; } .paquality2 .paquality2_asseright { width: 51%; padding-left: 0.3rem; max-height: 250px; overflow-x: hidden; overflow-y: auto; } .paquality2 .paquality2_asseright .dec { font-size: 14px; line-height: 1.71; color: #333333; margin-bottom: 10px; } .paquality2 .paquality2_asse, .paquality2 .paquality2_pack .swiper-container { margin-top: 30px; } .paquality2 .paquality2_pack { margin-top: 45px; } .paquality2 .paquality2_tit { margin-bottom: 15px; } .paquality2 .paquality2_pkft { position: absolute; width: 100%; max-height: 100%; top: 50%; transform: translateY(-50%); left: 0px; padding: 0 0.7rem; } .paquality2 .paquality2_pkft .tit { font-size: 18px; color: #333333; margin-bottom: 10px; font-weight: 600; } .paquality2 .paquality2_packimg { width: 61%; } .paquality2 .paquality2_packimg .img { margin-right: 2.1%; overflow: hidden; } .paquality2 .paquality2_pack .swiper-slide:nth-child(even) .paquality2_packimg .img { margin-right: 0px !important; margin-left: 2.1%; } .paquality2 .paquality2_pack .swiper-slide { margin-top: 1.5%; } .paquality2 .paquality2_pack .swiper-slide:first-child { margin-top: 0px; } .paquality2 .paquality2_packfont { position: relative; width: 39%; height: 250px; overflow-x: hidden; overflow-y: auto; background-color: #f5f5f5; } .paquality3 { background: url(../images/pqu-bgm3.jpg) no-repeat center; background-size: cover; } .serg1 .line { width: 100%; height: 1px; background-color: #e7e8ec; margin: 15px auto; } .serg1 .serg1_tit { font-size: 18px; color: #333333; margin-bottom: 20px; } .serg1 .serg1_li { margin-right: 0.45rem; } .serg1 .serg1_li:last-child { margin-right: 0px; } .serg1 .serg1_li, .serg1 .serg1_li p { position: relative; font-size: 14px; color: #666666; } .serg1 .serg1_li p { padding-left: 28px; margin-top: 10px; } .serg1 .serg1_li .tit { font-size: 16px; font-weight: bold; color: #333333; } .serg2 { background: rgb(65 84 137); } .serg2 .serg2_iconBox { position: relative; width: 104px; height: 104px; border: dashed 2px #ebedf1; border-radius: 50%; transition: all 0.6s; } .serg2 .serg2_Bicon, .serg2 .serg2_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; } .serg2 .serg2_Bicon { width: 82px; height: 82px; background-color: #f1f2f5; border: solid 1px #ebedf1; } .serg2 .serg2_icon { width: 64px; height: 64px; background-color: #ffffff; } .serg2 .serg2_icon em, .serg5 .serg5_icon em, .layout1 .layout1_icon em { display: block; } .serg2 .serg2_icon .icon1 { background: url(../bldimg/db4.png) no-repeat; width: 42px; height: 42px; background-size: cover; } .serg2 .serg2_icon .icon2 { background: url(../bldimg/db2.png) no-repeat; width: 42px; height: 42px; background-size: cover; } .serg2 .serg2_icon .icon3 { background: url(../bldimg/db3.png) no-repeat; width: 42px; height: 42px; background-size: cover; } .serg2 .serg2_font { width: calc(100% - 104px); padding-left: 20px; } .serg2 .serg2_font .tit { font-size: 18px; font-weight: bold; color: #ffffff !Important; margin-bottom: 5px; } .serg2 .serg2_font .dec { font-size: 14px; line-height: 1.71; color: white; } .serg2 .swiper-slide { position: relative; flex-wrap: wrap; } .serg2 .swiper-slide::before { content: ""; position: absolute; width: 1px; height: 100%; top: 50%; right: -55px; transform: translateY(-50%); background: rgba(37,37,37, .07); } .serg2 .swiper-slide:last-child::before { opacity: 0; } .serg2 .swiper-container { margin-top: 60px; } .serg2 .swiper-pagination, .serg5 .more, .serg5 .swiper-pagination, .layout1 .swiper-pagination, .layout6 .swiper-pagination, .why6_swp2 .swiper-pagination { display: none; } .serg3 .serg3_tit, .serg4 .serg4_tit, .serg5 .serg5_font .tit { font-size: 24px; font-weight: bold; line-height: 1.67; color: #333333; } .serg3 .swiper-container { margin: 30px auto; } .serg3 .serg3_img::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255, 0.5); z-index: 1; transition: all 0.6s; } .serg3 .swiper-slide-active .serg3_img::before { opacity: 0; } .serg3 .swiper-button-prev, .why6 .swiper-button-prev { left: 2.4rem; } .serg3 .swiper-button-next, .why6 .swiper-button-next { right: 2.4rem; } .serg4 { padding-top: 15px; } .serg4 .serg4_table { margin-top: 25px; margin-bottom: 40px; } .serg4 .serg4_table table { width: 100%; } .serg4 .serg4_table table td, .serg4 .serg4_table table th { font-size: 14px; color: #333333; padding: 10px 30px; border: 1px solid #e4e4e4; } .serg4 .serg4_table table tr:nth-child(odd) { background-color: #f1f1f1; } .serg4 .serg4_table table th { text-align: left; font-weight: bold; } .serg5 { position: relative; overflow: hidden; padding-top: 10px; } .serg5 .serg5_icon { position: relative; width: 60px; height: 60px; transition: all 0.6s; } .serg5 .serg5_icon .icon1 { background: url(../images/serg_sprites.png) -0px -106px no-repeat; width: 60px; height: 60px; } .serg5 .serg5_icon .icon2 { background: url(../images/serg_sprites.png) -0px -166px no-repeat; width: 47px; height: 60px; } .serg5 .serg5_font .tdec { color: #333333; margin-bottom: 15px; } .serg5 .serg5_font .dec { font-size: 14px; color: #777777; } .serg5 .serg5_font .dec em { color: #ff6224; font-size: 30px; line-height: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; } .serg5 .serg5_font .dec p { padding: 3px 0; } .serg5 .serg5_font .tit { margin-top: 20px; margin-bottom: 10px; } .lay_more { position: relative; overflow: hidden; width: 280px; background-color: #ff6224; border-radius: 4px; font-size: 16px; text-align: center; color: #ffffff; display: block; padding: 10px 0; } .lay_dec { font-size: 20px; color: #ffffff; margin-top: 15px; margin-bottom: 30px; } .layout1 { position: relative; margin-top: -0.65rem; } .layout1 .layout1_icon { position: relative; width: 40px; height: 40px; transition: all 0.6s; } .layout1 .layout1_icon .icon1 { background: url(../images/lay_sprites.png) -0px -74px no-repeat; width: 38px; height: 38px; } .layout1 .layout1_icon .icon2 { background: url(../images/lay_sprites.png) -0px -35px no-repeat; width: 28px; height: 39px; } .layout1 .layout1_icon .icon3 { background: url(../images/lay_sprites.png) -0px -0px no-repeat; width: 35px; height: 35px; } .layout1 .layout1_icon .icon4 { background: url(../images/lay_sprites.png) -0px -642px no-repeat; width: 28px; height: 28px; } .layout1 .layout1_font { width: calc(100% - 40px); padding-left: 10px; } .layout1 .layout1_font .tit, .layout2 .layout2_font .tit, .layout3 .layout3_font .tit, .layout6 .layout6_tit { font-size: 18px; font-weight: bold; color: #333333; margin-bottom: 10px; } .layout1 .layout1_font .dec { font-size: 14px; line-height: 1.71; color: #444444; min-height: 120px; } .layout1 .swiper-container .swiper-wrapper { background-color: #f8f8f8; } .layout1 .swiper-slide { flex-wrap: wrap; padding: 25px; } .layout1 .swiper-slide:nth-child(2) { background: url(../images/lay-bgm4.png) center left; background-size: cover; } .layout1 .swiper-slide:nth-child(3) { background: url(../images/lay-bgm5.png) center left; background-size: cover; } .layout1 .swiper-slide:nth-child(4) { background: url(../images/lay-bgm6.png) center left; background-size: cover; } .layout2 { align-items: flex-start; flex-wrap: wrap; } .layout2 .layout2_left, .layout2 .layout2_right { position: relative; width: 50%; } .layout2 .layout2_right { overflow: hidden; } .layout2 .layout2_left { padding-right: 0.8rem; } .layout2 .layout2_num { position: relative; width: 46px; height: 46px; text-align: center; line-height: 50px; background-color: #ff6224; border-radius: 50%; font-size: 22px; color: #ffffff; margin: 10px 0; } .layout2 .layout2_list { margin-top: 25px; } .layout2 .layout2_list::before { content: ""; position: absolute; left: 23px; top: 50%; transform: translateY(-50%); width: 1px; height: 95%; background: rgba(255,98,36, 0.2); } .layout2 .layout2_li { position: relative; align-items: flex-start; margin-top: 10px; } .layout2 .layout2_li:first-child { margin-top: 0px; } .layout2 .layout2_font { width: calc(100% - 46px - 15px); margin-left: 15px; padding: 20px 25px; background-color: #ffffff; box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.07); border-radius: 10px; cursor: pointer; } .layout2 .layout2_font .tit { position: relative; padding-right: 20px; margin-bottom: 0px; } .layout2 .layout2_font .tit::before { position: absolute; top: 50%; right: 0px; transform: translateY(-50%) rotate(90deg); color: #777777; display: block; } .layout2 .layout2_font .dec, .layout2 .layout2_font .dec a, .layout3 .layout3_font .dec, .layout3 .layout3_font .dec a, .layout6 .layout6_dec { font-size: 15px; line-height: 2; color: #444444; } .layout2 .layout2_font .dec a, .layout3 .layout3_font .dec a { color: #ff6224; } .layout2 .layout2_font .dec a:hover, .layout3 .layout3_font .dec a:hover { font-weight: bold; } .layout2 .layout2_font .dec { display: none; margin-top: 5px; } .layout2 .layout2_li:first-child .layout2_font .dec { display: block; } .layout3 { position: relative; /* background-color: #f8f8f8; */ } .layout3 .section1_bleft .cont { padding: 0px !important; } .layout3 .ctnum { position: absolute; z-index: 5; top: -10px; left: 55%; transform: translateX(-55%); width: 18px; height: 18px; background-color: #ffffff; border: solid 2px #ff6224; text-align: center; line-height: 16px; font-size: 12px; color: #ff6224; font-weight: 600; border-radius: 50%; } .layout3 .cticon .icon1 { background: url(../images/lay_sprites.png) -0px -604px no-repeat; width: 38px; height: 38px; } .layout3 .cticon .icon2 { background: url(../images/lay_sprites.png) -0px -559px no-repeat; width: 35px; height: 45px; } .layout3 .cticon .icon3 { background: url(../images/lay_sprites.png) -0px -518px no-repeat; width: 41px; height: 41px; } .layout3 .cticon .icon4 { background: url(../images/lay_sprites.png) -0px -481px no-repeat; width: 37px; height: 37px; } .layout3 .cticon .icon5 { background: url(../images/lay_sprites.png) -0px -441px no-repeat; width: 36px; height: 40px; } .layout3 .cticon .icon6 { background: url(../images/lay_sprites.png) -0px -402px no-repeat; width: 39px; height: 39px; } .layout3 .cticon .icon7 { background: url(../images/lay_sprites.png) -0px -368px no-repeat; width: 32px; height: 34px; } .layout3 .cticon .icon8 { background: url(../images/lay_sprites.png) -0px -337px no-repeat; width: 40px; height: 31px; } .layout3 .layout3_top { margin-top: 40px; } .layout3 .swiper-container, .layout6 .swiper-container, .why2 .swiper-container, .why3 .why3_swp, .why5 .swiper-container { overflow: initial; } .layout3 .swiper-wrapper, .layout6 .swiper-wrapper, .why2 .swiper-wrapper, .why3 .why3_swp .swiper-wrapper, .why5 .swiper-wrapper { flex-wrap: wrap; } .layout3 .swiper-slide { width: 49.1%; margin-right: 1.8%; margin-top: 1.8%; border-radius: 10px; border: solid 2px #ffffff; box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.1); padding: 0.4rem; flex-wrap: wrap; } .layout3 .swiper-slide:last-child, .layout3 .swiper-slide:nth-child(2n) { margin-right: 0%; } .layout3 .layout3_icon { position: relative; width: 60px; height: 60px; transition: all 0.6s; } .layout3 .layout3_font { width: calc(100% - 60px); padding-left: 25px; } .layout3 .layout3_icon .bicon1 { background: url(../bldimg/a5.png) no-repeat; width: 52px; height: 52px; background-size: cover; } .layout3 .layout3_icon .bicon2 { background: url(../bldimg/a3.png) no-repeat; width: 53px; height: 53px; background-size: cover; } .layout3 .layout3_icon .bicon3 { background: url(../bldimg/a6.png) no-repeat; width: 53px; height: 53px; background-size: cover; } .layout3 .layout3_icon .bicon4 { background: url(../bldimg/a7.png) no-repeat; width: 53px; height: 53px; background-size: cover; } .layout3 .layout3_bot { margin-top: 20px; } .layout4 { position: relative; padding: 90px 0; background: url(../images/lay-bgm1.jpg) no-repeat center; background-attachment: fixed; background-size: cover; } .layout4 .in_stit .tit { color: #ffffff; } .layout4 .layout4_tit .tit { position: relative; font-size: 29px; font-weight: bold; line-height: 1.3; color: #ffffff; text-align: center; } .layout4 .layout4_tit::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 280px; height: 12px; background: url(../images/lay-bgm2.png) no-repeat center; } .layout5 { position: relative; flex-wrap: wrap; } .layout5 .layout5_left { width: 270px; background-color: #f7f8f9; } .layout5 .layout5_li { position: relative; font-size: 18px; font-weight: bold; padding: 20px 0; color: #333333; cursor: pointer; border-bottom: 3px solid #ffffff; text-align: center; } .layout5 .layout5_li.active { color: #ffffff; background-color: #ff6224; } .layout5 .layout5_li:last-child { border-bottom: 3px solid transparent; } .layout5 .layout5_right { width: calc(100% - 270px); padding-left: 40px; } .layout5 .layout5_tli { position: relative; overflow: hidden; display: none; } .layout5 .layout5_tli:first-child { display: block; } .layout5 .layout5_tli table { width: 100%; } .layout5 .layout5_tli table td { font-size: 16px; color: #666666; border: 3px solid #fff; padding: 15px 30px; } .layout5 .layout5_tli table td:first-child { background-color: #e9ecf2; color: #333; } .layout5 .layout5_tli table td:last-child { background-color: #f7f7f7; } .layout6 .in_stit .dec { color: #252525; font-size: 18px; } .layout6 .swiper-slide { width: 23.87%; position: relative; padding: 30px; margin-right: 1.5%; background-color: #ffffff; box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; border: solid 1px #ffffff; } .layout6 .swiper-slide:last-child { margin-right: 0px; } .layout6 .layout6_dec::before { content: ""; position: absolute; top: -1px; right: -1px; width: 87px; height: 57px; background: url(../images/lay-bgm3.png) no-repeat center; background-size: cover; } .layout6 .swiper-container { margin-top: 30px; } .layout6 .layout6_tit { margin-top: 0.25rem; } .layout6 .layout6_dec { height: 145px; overflow-x: hidden; overflow-y: auto; } .layout7 .layout7_btn { width: 125px; height: 50px; background: #F2F2F2; border-radius: 50px; overflow: hidden; position: relative; margin: 0 auto; margin-top: 40px; } .layout7 .layout7_font .tit { font-size: 16px; color: #ff6224; } .layout7 .layout7_font .dec { font-size: 12px; color: #777777; } .layout7 .layout7_img { margin-bottom: 10px; } .layout7 .layout7_swiper { margin-top: 20px; } .layout7 .swiper-button-prev, .layout7 .swiper-button-next { width: 50%; height: 50px; line-height: 50px; color: #333333; font-size: 24px; font-weight: normal; background: transparent !important; } .layout7 .swiper-button-prev::before, .layout7 .swiper-button-next::before { display: block; } .layout7 .swiper-button-prev::before { transform: rotate(90deg); } .layout7 .swiper-button-next::before { transform: rotate(-90deg); } .layout7 .more { margin-top: 30px; display: none; } .why1 { background: url(../images/wh-bgm1.jpg) no-repeat center; background-size: cover; flex-wrap: wrap; overflow: hidden; } .why1 .why1_left, .why1 .why1_right { position: relative; width: 50%; overflow: hidden; } .why1 .why1_left { position: relative; z-index: 2; padding-left: 13.2%; padding-right: 1rem; } .why1 .why1_dec { font-size: 18px; line-height: 1.44; color: rgba(255, 255, 255, 0.7); } .why1 .why1_tit { font-size: 0.46rem; font-weight: bold; line-height: 1.2; color: #ffffff; margin: 10px 0; } .wh_more { display: block; width: 205px; font-size: 16px; font-weight: bold; padding: 12px 0px; text-align: center; color: #ffffff; background-color: #ff6224; border-radius: 6px; } .why1 .why1_sdec { margin-top: 25px; font-size: 16px; line-height: 1.75; color: #ffffff; } .why1 .why1_sdec em, .why4 .why4_spdec em { color: #ff6224; font-size: 30px; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; } .why1 .why1_ul { flex-wrap: wrap; margin-top: 20px; } .why1 .why1_icon { position: relative; width: 46px; height: 46px; } .why1 .why1_icon em, .why3 .why3_icon em { display: block; } .why1 .why1_icon .icon1 { background: url(../images/wh_sprites.png) -0px -0px no-repeat; width: 46px; height: 38px; } .why1 .why1_icon .icon2 { background: url(../images/wh_sprites.png) -0px -278px no-repeat; width: 42px; height: 42px; } .why1 .why1_icon .icon3 { background: url(../images/wh_sprites.png) -0px -236px no-repeat; width: 42px; height: 42px; } .why1 .why1_icon .icon4 { background: url(../images/wh_sprites.png) -0px -192px no-repeat; width: 36px; height: 44px; } .why1 .why1_li { position: relative; width: 50%; flex-wrap: wrap; margin-top: 4.5%; } .why1 .why1_font { width: calc(100% - 46px); padding-left: 10px; } .why1 .why1_font .tit { font-size: 18px; font-weight: bold; color: #ffffff; } .why1 .why1_font .dec { font-size: 14px; color: #ffffff; } .why2 { overflow: hidden; } .why2::before { content: ""; position: absolute; width: 100%; height: 100%; right: 0px; bottom: 0px; background: url(../images/wh-bgm2.png) no-repeat center right; } .why2 .swiper-slide { position: relative; width: 48.6%; margin-right: 2.8%; margin-top: 1.5%; padding: 30px 25px; background-color: #ffffff; overflow: hidden; box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.09); } .why2 .swiper-slide:nth-child(2n) { margin-right: 0px; } .why2 .swiper-slide .tit, .why3 .why3_font .tit, .why4 .why4_top .tit, .why5 .why5_font .tit { font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 5px; } .why2 .swiper-slide .dec, .why2 .swiper-slide .tit { position: relative; z-index: 2; } .why2 .swiper-slide .dec, .why2 .swiper-slide .dec_top, .why2 .swiper-slide .dec_top p, .why2 .swiper-slide .dec p, .why3 .why3_font .dec, .why4 .why4_exa, .why4 .why4_dec, .why4 .why4_spdec, .why5 .why5_font .dec { position: relative; font-size: 14px; line-height: 2; color: #444444; } .why4 .why4_exa, .why4 .why4_dec, .why4 .why4_spdec { color: #666666; } .why2 .swiper-slide .dec_top .lf { margin-right: 10px; } .why2 .swiper-slide .dec p::before, .why2 .swiper-slide .dec_top p::before { top: 5px; } .why2 .swiper-slide .dec p, .why2 .swiper-slide .dec_top p { padding-left: 25px; } .why2 .swiper-slide .dec_top { flex-wrap: wrap; } .why2 .why2_img { position: absolute; } .why2 .why2_img1 { right: -0.5rem; bottom: -0.65rem; } .why2 .why2_img2 { bottom: 25px; right: -0.45rem; } .marb_25 { margin-bottom: 25px; } .why3, .why5 { background-color: #f7f7f7; } .why3 .why3_img { width: 50%; overflow: hidden; } .why3 .why3_swp { width: 50%; padding-left: 0.6rem; } .why3 .swiper-slide { position: relative; width: 100%; flex-wrap: wrap; margin-top: 5.5%; } .why3 .swiper-slide:first-child { margin-top: 0px; } .why3 .why3_icon { position: relative; width: 85px; height: 85px; background-color: #ffffff; border: solid 1px #ff6224; border-radius: 50%; } .why3 .why3_icon .icon1 { background: url(../images/wh_sprites.png) -0px -144px no-repeat; width: 48px; height: 48px; } .why3 .why3_icon .icon2 { background: url(../images/wh_sprites.png) -0px -90px no-repeat; width: 54px; height: 54px; } .why3 .why3_icon .icon3 { background: url(../images/wh_sprites.png) -0px -38px no-repeat; width: 52px; height: 52px; } .why3 .why3_font { width: calc(100% - 85px); padding-left: 35px; } .why4 .why4_li:nth-child(1) { background: url(../images/wh-bgm3.jpg) no-repeat center; background-size: cover; } .why4 .why4_li:nth-child(2) { background: url(../images/wh-bgm4.jpg) no-repeat center; background-size: cover; } .why4 .why4_dec em { color: #ff6224; } .why4 .why4_list { position: relative; flex-wrap: wrap; margin-top: 25px; } .why4 .why4_li { width: 48.7%; position: relative; margin-right: 2.6%; box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.09); padding: 20px 25px; } .why4 .why4_li:last-child { margin-right: 0px; } .why4 .why4_top .num { width: 35px; } .why4 .why4_top .tit { width: calc(100% - 35px); padding-left: 10px; } .why4 .why4_dec { position: relative; background: url(../images/wh-bgm7.png) no-repeat left center; background-size: 85%; margin: 10px 0; padding: 12px 0 12px 30px; } .why4 .why4_dec .img { position: absolute; ; left: 0px; top: 50%; transform: translateY(-50%); } .why4 .why4_exa strong { background: url(../images/wh-bgm5.png) no-repeat left center; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 5px; } .why4 .why4_li .btn { font-weight: bold; color: #777777; font-size: 14px; margin-top: 15px; display: block; } .why4 .why4_li .btn span { font-size: 14px; display: inline-block; vertical-align: middle; } .why4 .why4_li .btn em { line-height: 20px; font-size: 22px; display: inline-block; vertical-align: middle; } .why4 .why4_exp { background: url(../images/wh-bgm8.png) no-repeat left center; background-size: 100%; font-size: 14px; line-height: 1.71; font-weight: 600; padding: 15px 25px; margin-top: 30px; } .why4 .why4_exp span { font-style: italic; font-size: 22px; font-weight: bold; line-height: 22px; color: #ff6224; } .why4 .why4_li .btn1 { display: inline-block; margin-top: 0px !important; } .why5 .in_stit .dec { font-size: 18px; color: #333333; } .why5 .why5_li { position: relative; flex-wrap: wrap; padding-bottom: 1rem; } .why5 .why5_li:last-child { padding-bottom: 0px; } .why5 .why5_font, .why5 .why5_img { position: relative; width: 50%; z-index: 3; } .why5 .why5_line { position: absolute; bottom: 0px; } .why5 .why5_lline { left: 0.65rem; } .why5 .why5_rline { right: 0px; bottom: 0.5rem; } .why5 .why5_li:nth-child(odd) .why5_font { padding-left: 1.3rem; padding-right: 0.4rem; } .why5 .why5_li:nth-child(even) .why5_font { padding-right: 1.3rem; padding-left: 0.4rem; } .why5 .why5_li:nth-child(even) .why5_font { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .why5 .why5_li:nth-child(even) .why5_img { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .why5 .wh_more { margin-top: 30px; } .why6 .in_stit .dec { color: #666; } .why6 .why6_tdec { font-size: 16px; color: #666666; text-align: center; margin-top: 15px; } .why6 .why6_tdec a { border-bottom: 1px solid #ff6224; } .why6 .why6_swp1tit { position: absolute; bottom: 0px; left: 0px; font-size: 16px; color: #ffffff; padding: 20px; z-index: 2; } .why6 .why6_swp1 .swiper-slide::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 30%; background: url(../images/wh-bgm6.png) no-repeat center; background-size: cover; z-index: 1; } .why6 .why6_swp1 { margin-top: 40px; } .why6 .why6_simg { position: relative; width: 100%; min-height: 60px; } .why6 .why6_stit { font-size: 12px; text-align: center; color: #333333; margin-top: 15px; } .why6 .why6_swp2 .swiper-container { width: 84%; } .why7 { background: url(../images/wh-bgm9.jpg) no-repeat center top; } .dplayer-controller { display: none; } @media screen and (max-width:1679px) { .w1600 { width: 90% } .w1400 { width: 85% } .headfixed .menu_pcul { padding-right: 5%; } .pasection1 .pasection1_iconBox { width: 90px; height: 90px; } .pasection1 .pasection1_icon { width: 65px; height: 65px; } .pasection1 .pasection1_font .tit, .in_stit .dec1, .quick3 .quick3_bdec, .quick4 .quick4_tdec { font-size: 16px; } .pasection1 .pasection1_font { width: calc(100% - 90px); } .pasection2 .pasection2_right .tit { font-size: 20px; } .pasection3 .pasection3_rfont { position: relative; top: auto; left: auto; width: 70%; padding: 20px; } .pasection10 .tagli { margin-right: 0.1rem; } .pasection1 .pasection1_font .dec { font-size: 14px; } .pasection3 .pasection3_rfont { width: 100%; height: 100%; padding: 0.72rem 20px; } .pasection3 .pasection3_li .pasection3_simg { position: absolute; margin-top: 0px; width: 100%; height: 100%; bottom: 0rem; right: 0px; } .pasection3 .pasection3_li::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, .1); z-index: 1; } .pasection3 .pasection3_li .pasection3_simg img { opacity: 0.4; } .section4, .section9 { padding-left: 7.5%; padding-right: 7.5%; } .case2, .why1 .why1_left { padding-left: 7.5%; } .coform, .sign, .pbanner_regs { right: 7.5%; } .section3 .section3_swiper { width: 87%; } .section3 .swiper-button-prev { left: -40px; } .section3 .swiper-button-next { right: -40px; } .section9 .section9_li { padding-top: 40px; } .section9 .section9_swp { margin: 35px auto; } .banner .swiper_font::before { width: 1000px; height: 250px; left: -1.10rem; } .sumBox { width: 450px; right: 7.5%; padding: 0.4rem 0.3rem; } .sumBox .sumBox_btn .tag, .sumBox .sumBox_li { margin-top: 15px; } .quickt2 .sumBox .sumBox_li { margin-top: 25px; } .qmore, .quickt3 .quickt3_font .tit { font-size: 18px; } .section7 .section7_li .ft { padding: 5px; } .about1::before { top: -2.2rem; } .about4 .quanBox { width: 140px; height: 140px; } .sign .sub, .pbanner_regs .sub, .quickt4 .quickt4_table table th, .service1 .service1_dec, .why5 .in_stit .dec { font-size: 16px; } .sign .sign_ft { margin-bottom: 20px; } .sign .dec { margin-top: 5px; margin-bottom: 10px; } .inquiry1 .inquiry1_xt { left: -1.5rem; } .inquiry3 .inquiry3_xt { left: -0.5rem; } .inquiry4 .inquiry4_xt, .inquiry2 .inquiry2_li2 .inquiry2_xt { right: -0.5rem; } .inquiry2 .inquiry2_li3 .inquiry2_xt { left: 0px; } .inquiry1 .inquiry1_xt img { max-width: 80%; } .layout1 .swiper-slide { padding: 25px 15px; } .psection1 .psection1_rfont .tit { font-size: 17px; } .psection1 .psection1_rfont .rfont { padding: 20px; height: 200px; overflow: hidden; } .psection1 .psection1_left::before { height: 35px; top: -35px; } .price { font-size: 14px; } .pquality6 .pquality6_tabBox { padding: 0px; } .product1 .product1_contact .tit { font-size: 24px; } .quick2 .quick2_left { padding: 50px 50px 50px 7.5%; } .quick2 .quick2_right { padding: 50px 7.5% 50px 50px; } .why5 .why5_rline { right: -0.5rem; bottom: 0px; } .headfixed .menu_pcul .navli .head_subnav { min-width: 850px; padding: 20px; } .headfixed .head_sublf { width: 260px; } .headfixed .head_subrt { width: calc(100% - 260px); } .headfixed .head_subimg img { max-width: 80%; display: inline-block; } .headfixed .head_subimg { right: 0px; } .headfixed .head_subtit, .headfixed .left_mdrop .tit { font-size: 18px; } } @media screen and (max-width:1520px) { .headfixed .linkct .icon2, .language_text .icon4, .headfixed .linkct .icon3, .headfixed .linkct .icon1, .headfixed .linkct em { transform: scale(0.8); } .headfixed .linkct em { margin-right: 5px; } .headfixed .headfixed_rtli .link, .headfixed .headfixed_rtli .link1, .language_text, .language_list a, .language_text em, .headfixed .headfixed_top .logo, .headfixed .menu_pcul li > a, .headfixed .head_topmenu .head_tli { font-size: 14px; } .headfixed .headfixed_top .logo img { max-width: 130px; } .headfixed .headfixed_top .logo { width: 320px; } .headfixed .headfixed_rt { width: calc(100% - 320px); } .headfixed .nav_input { width: 270px; } .headfixed .menu_pcul { width: calc(100% - 270px); } .pasection2 .dec_btn .lf strong { font-size: 22px; vertical-align: 0px; } .pasection2 .dec_btn .rt { line-height: 42px; } .pasection2 .dec_btn .lf { line-height: 40px; } .pasection2 .pasection2_font .tit { font-size: 22px; } .pasection3 .pasection3_rfont .tit { font-size: 16px; } .lay_dec { font-size: 18px; margin-bottom: 20px; } .layout4 .layout4_tit .tit { font-size: 26px; } .pquality5 .pquality5_list { width: 75%; } .paquality2 .paquality2_packfont { height: 230px; } .psection1 .psection1_bfont { min-height: 120px; } .psection1 .psection1_right { margin-top: 20px; padding-bottom: 30px; } .psection1 .psection1_left::before { height: 70px; top: -70px; } .psection1 .psection1_rfont .num { font-size: 30px; } .pamore { font-size: 15px; padding: 10px 0; } .pbanner_swiper .pdli { font-size: 16px; } .service2 .service2_font .dec { max-height: 185px; margin-bottom: 20px; } .why4 .why4_dec { background-size: cover; } .headfixed .head_subimg img { max-width: 65%; } .headfixed .menu_pcul .navli:nth-last-child(3) .head_subnav { left: -150%; } .headfixed .menu_pcul .navli:nth-last-child(2) .head_subnav { left: -150%; } .headfixed .head_sdec strong { font-size: 18px; } .headfixed .head_subtit, .headfixed .left_mdrop .tit { font-size: 16px; } .headfixed .left_mdrop .contli .mlink, .headfixed .head_sublf .sblink, .headfixed .head_sdec { font-size: 14px; } .headfixed .left_mdrop { min-width: 280px; padding: 20px 0px; } .headfixed .left_mdrop .contli, .headfixed .left_mdrop .tit { padding: 0 20px; } .headfixed .head_topmenu { min-width: 400px; } } @media screen and (max-width:1459px) { .w1400 { width: 90% } .about1::before { width: 110%; } .about1::before { top: -2.5rem; } .banner .swiper_dec { font-size: 17px; } .banner .swiper_tit { padding-left: 0.5rem; } .banner .swiper_tit .bgm { padding-left: 50px; } .banner .swiper_font { width: 53%; } .sumBox, .sign, .pbanner_regs { right: 5%; } .banner .swiper_font::before { width: 870px; height: 200px; } .section2 .section2_one .top_font .tit { font-size: 18px; } .section4, .section9 { padding-left: 5%; padding-right: 5%; } .case2, .why1 .why1_left { padding-left: 5%; } .section4 .section4_rdec, .section2 .section2_ndec, .qmore, .section8 .section8_tit, .pquality3 .pquality3_tfont, .pquality2 .pquality2_table table th { font-size: 16px; } .section4 .section4_rdec { height: 290px; } .section4 .section4_cen .order { margin-top: 20px; } .section4 .section4_asse .dec, .pquality2 .pquality2_tit, .pquality3 .pquality3_lffont .lftit, .pquality3 .pquality3_rtswp .pquality3_rtfont .lftit, .pub_banner_font .tdec1, .pquality3 .pquality3_ttit, .service4 .service4_tit, .service2 .service2_font .tit, .service1 .service1_stit { font-size: 22px; } .section4 .section4_asse .tit { font-size: 24px; } .section4 .section4_asse { width: 40%; } .section4 .section4_cen { width: 59%; } .section4 .section4_left { padding-right: 3%; } .section4 .contLi { margin-top: 10px; } .section4 .section4_asse .line { width: 6px; height: 20px; } .section5 .section5_topft { padding: 20px; } .section7 .section7_li .tit, .quick4 .quick4_tit, .serg3 .serg3_tit, .serg4 .serg4_tit, .serg5 .serg5_font .tit { font-size: 22px; } .section9 .section9_li .dec, .footer .footer-subtit, .about4 .quanBox .dec, .about4 .about4_quan .tit, .about4 .about4_line .tit { font-size: 14px; } .section9 .section9_left { width: 60%; } .section9 .section9_right { width: 40%; } .section10 .section10_font .tit { font-size: 17px; } .section5 .section5_topft .tit { font-size: 20px; } .about4 .quanBox .num { font-size: 22px; } .about5 .about5_font .tit { font-size: 18px; } .case1 .case1_tit { font-size: 26px; } .contact1 .contact1_btn .sub, .psection6 .psection6_vtit, .psection6 .psection6_mtit { font-size: 16px; } .coform .tit, .contact1 .contact1_left .tit { font-size: 24px; } .coform { right: 5%; } .sign .tit, .pbanner_regs .tit { font-size: 20px; } .inquiry1 .inquiry1_font em, .inquiry2 .inquiry2_dec em, .inquiry3 .inquiry3_font .dec em, .inquiry4 .inquiry4_font .dec em { font-size: 22px; vertical-align: 0px; } .layout1 { margin-top: 50px; } .layout2 .layout2_num { width: 40px; height: 40px; line-height: 44px; font-size: 20px; } .layout2 .layout2_font { width: calc(100% - 40px - 15px); } .layout4 .layout4_tit .tit, .pquality3 .pquality3_patit, .product1 .product1_ltit, .quick1 .quick1_tit { font-size: 22px; } .layout3 .layout3_font .dec { min-height: 120px; } .neinfo1 .neinfo1_tit { font-size: 26px; } .neinfo1 .neinfo1_list { padding: 0 10%; } .neinfo1 .neinfo1_pagelink .tit { font-size: 18px; } .paquality2 .paquality2_tit { background-size: 40%; } .paymt1 .paymt1_left { padding-left: 20px; } .psection6 .psection6_dec { padding: 0px; } .pquality6 .pquality6_tli { margin-right: 4%; } .psection6 .psection6_vnum { font-size: 32px; } .quickt1 .quickt1_swiper { margin-top: 10px; } .quick1 .videobox { width: 70px; height: 70px; line-height: 70px; } .quick2 .quick2_left { padding: 50px 50px 50px 5%; } .quick1 .swiper-slide:last-child .quick1_nfont { margin-left: 5px; } .quick1 .swiper-slide:first-child .quick1_nfont { margin-right: 5px; } .quick3 .quick3_bdec { padding: 0px; } .quick2 .quick2_right { padding: 50px 5% 50px 50px; } .serg2 .swiper-slide::before { right: -40px; } .serg2 .serg2_iconBox { width: 80px; height: 80px; } .serg2 .serg2_Bicon { width: 65px; height: 65px; } .serg2 .serg2_icon { width: 50px; height: 50px; } .serg2 .serg2_font { width: calc(100% - 80px); } .service1 .service1_dli { font-size: 15px; } .why1 .why1_dec, .why1 .why1_font .tit, .why4 .why4_li .btn em { font-size: 16px; } .why4 .why4_exp span { font-size: 18px; } .why3 .why3_icon { width: 65px; height: 65px; } .why3 .why3_font { width: calc(100% - 65px); padding-left: 20px; } .why3 .why3_icon em { transform: scale(0.75); } .why3 .swiper-slide { margin-top: 20px; } .why2 .swiper-slide { width: 49.25%; margin-right: 1.5%; } } @media screen and (max-width:1366px) { .section1 .section1_bot { flex-wrap: wrap; } .section1 .section1_bleft, .section1 .section1_bright, .layout1 .layout1_font { width: 100%; } .pasection2 .pasection2_tli { padding: 20px 15px; } .pasection5 .pasection5_font .tit { font-size: 16px; } .pasection5 .pasection5_font .dec, .pabanner_swiper .pain_link { font-size: 14px; } .pabanner_swiper .pain_dec { margin-bottom: 15px; margin-top: 5px; } .pasection1 .pasection1_icon { width: 50px; height: 50px; } .pasection1 .pasection1_iconBox { width: 70px; height: 70px; } .pasection1 .pasection1_icon em { transform: scale(0.6); } .pasection1 .pasection1_font { width: calc(100% - 70px); } .pasection7 .pasection7_rbtn { right: -30px; } .headfixed .headfixed_top .logo { font-size: 12px; } .headfixed .headfixed_top .logo img { margin-bottom: 0px; } .headfixed .headfixed_top .logo p { display: none; } .headfixed .headfixed_top .logo { width: 130px; } .headfixed .headfixed_rt { width: calc(100% - 130px); } .headfixed .headfixed_rtft { margin-bottom: 8px; } .pabanner_swiper .pain_dec, .in_stit .dec, .pasection8 .pasection8_list .dec, .pasection8 .pasection8_list .pmore, .iconfont, .pasection10 .pasection10_font .dec, .footer .footer-subtit, .pquality5 .pquality5_list .tag, .sumBox .quote { font-size: 14px; } .pasection2 .pasection2_right { padding: 35px 20px 0.95rem 20px; } .pasection2 .pasection2_right .tit { font-size: 18px; } .pasection10 .pasection10_font .tit, .pasection2 .pasection2_dec, .banner .swiper_dec, .ftlogo-share .bshare-icon.icon-twitter, .quick4 .quick4_li .tit, .quick2 .quick2_dec { font-size: 16px; } .pasection10 .tagli { font-size: 12px; } .ftlogo-share .bshare-icon { width: 34px; height: 34px; line-height: 34px; font-size: 18px; } .pasection3 .pasection3_rfont { padding: 0.9rem 20px; } .pasection3 .pasection3_li .pasection3_simg { bottom: -0.8rem; } .banner .swiper_dec { margin-bottom: 10px; } .banner .swiper_font::before { width: 800px; } .section1 .section1_bright { text-align: left; margin-top: 10px; } .section1 .section1_bleft .cont { transform: translateY(40px); } .layout3 .section1_bleft .cont, .psection2 .section1_bleft .cont { transform: translateY(0) !important; } .psection3 .psection3_rbli { padding: 35px 20px; } .psection3 .psection3_rli { padding: 25px 30px 30px 30px; } .section2 .section2_one { padding: 50px 40px 40px 0; } .section2 .section2_one .top_font { padding: 12px 65px 12px 25px; } .section2 .section2_one .bot_font { padding-left: 25px; } .section2 .omore { width: 40px; height: 40px; line-height: 40px; } .psection3 .psection3_bgm img { max-width: 80%; } .section2 .nmoreBtn { margin-top: 30px; } .section5 .section5_topft .tit { font-size: 18px; } .section5 .section5_topft .tag p, .section5 .section5_topft .dec p { font-size: 13px; } .section5 .section5_topft .dec p { padding-left: 25px; } .section5 .section5_topft .dec p::before { width: 15px; height: 15px; line-height: 15px; } .section7 .section7_li { padding: 20px; } .pub_ablist .pub_abicon { width: 46px; height: 46px; } .about6 .about6_swiper { width: 60%; } .coform .coform_li { margin-top: 5px; } .coform .tit { margin-bottom: 5px; } .design1 .design1_lfcont p { margin-bottom: 20px; } .design1 .design1_ctit1 { margin-top: 20px; } .design1 .design1_ctit, .pub_banner_font .tdec1, .pquality3 .pquality3_ttit, .service4 .service4_tit, .service2 .service2_font .tit, .service1 .service1_stit { font-size: 20px; } .sign .sign_ft { margin-top: 8px; margin-bottom: 15px; } .layout1 .layout1_font { padding-left: 0px; margin-top: 10px; } .layout2 .layout2_right { margin-top: 40px; } .about1::before { top: -3rem; } .neinfo1 .neinfo1_list { padding: 0 5%; } .pquality4 .pquality4_tit { font-size: 30px; } .paquality2 .paquality2_packfont { height: 215px; } .paymt1 .paymt1_font .tit, .quick1 .quick1_tit { font-size: 20px; } .paymt1 .paymt1_font .stit { width: 25%; } .paymt1 .paymt1_font .sdec { width: 75%; } .psection1 .psection1_left::before { height: 90px; top: -90px; } .psection3 .psection3_list, .psection6 .psection6_vul, .psection5 .psection5_list { margin-top: 20px; } .psection3 .contLi { margin-top: 5px; } .psection3 .contBox { height: 520px; } .psection3 .psection3_font .dec, .psection1 .psection1_tagli, .psection6 .psection6_li .dec, .quick1 .quick1_tag .tag { font-size: 15px; } .quick4 .quick4_li .dec, .quick2 .quick2_decli p, .wh_more { font-size: 14px; } .quick5 .quick5_tname .tit { padding-left: 10px; } .psection1 .psection1_rfont .rtag { font-size: 12px; width: 50px; height: 23px; line-height: 26px; right: 15px; } .pquality2 .pquality2_dec { margin-bottom: 15px; } .pquality6 .pquality6_table { padding-top: 30px; } .psection6 .psection6_vnum { font-size: 26px; } .product1 .product1_ltit, .serg3 .serg3_tit, .serg4 .serg4_tit, .serg5 .serg5_font .tit { font-size: 20px; } .product1 .product1_contact .tit { font-size: 22px; } .quickt3 .quickt3_icon { width: 80px; height: 80px; } .quickt3 .quickt3_icon img { max-width: 50px; max-height: 50px; } .quickt3 .quickt3_font { width: calc(100% - 80px); } .sumBox .quote { padding: 8px 20px; } .quick3 .swiper-slide { padding: 0px 20px; } .return1 { padding: 30px; } .why2::before { background-size: 100%; } .wh_more { width: 190px; } } @media screen and (max-width:1259px) { .section4 .section4_list { flex-wrap: wrap; } .section5 .swiper-pagination, .layout1 .swiper-pagination { display: block; } .pasection3 .pasection3_right, .pasection3 .pasection3_left, .section4 .section4_right, .section4 .section4_left, .serg2 .serg2_font, .why1 .why1_left, .why1 .why1_right { width: 100%; } .why1 .why1_right { width: 50%; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); opacity: 0.5; } .serg2 .serg2_font { padding-left: 0px; margin-top: 20px; } .headfixed .nav_input .sub { width: 40px; font-size: 16px; } .headfixed .menu_pcul { width: calc(100% - 210px); } .headfixed .nav_input .input { width: calc(100% - 40px); padding-left: 15px; } .headfixed .nav_input { width: 210px; } .pasection2 .pasection2_dec { margin-bottom: 15px; } .pasection2 .pasection2_tli { font-size: 15px; padding: 15px; } .pasection3 .pasection3_right { padding-left: 0px; margin-top: 30px; } .pasection3 .pasection3_li .pasection3_simg { bottom: 0rem; } .pasection3 .pasection3_left { padding: 30px; } .pasection2 .dec_btn .rt, .pasection2 .dec_btn .lf { padding: 0 30px; font-size: 14px; } .pasection7 .pasection7_tli .ltit, .pasection7 .pasection7_ftli .tit, .pasection4 .pasection4_left .tit { font-size: 16px; } .pasection7 .pasection7_ft { padding: 20px; } .pasection8 .pasection8_btable table th, .pasection8 .pasection8_btable table td, .more, .pasection4 .pasection4_left .tmore, .shipping1 .shipping1_font .dec, .shipping1 .shipping1_sfont .dec, .shipping2 .shipping2_font .dec, .shipping2 .shipping2_right .dec { font-size: 14px; } .pasection8 .pasection8_btable table th, .pasection8 .pasection8_btable table td { padding: 10px; } .pasection8 .pasection8_blist { margin-bottom: 20px; } .more { padding: 8px; } .footer .footer_top { padding: 35px 0 20px 0; } .section1 .cticon em { transform: scale(0.8); } .pabanner_swiper .pain_dec p, .in_stit .dec p { display: inline; } .pasection6 .pasection6_font, .pasection6 .pasection6_font .tit { font-size: 20px; } .sumBox { position: relative; width: 90%; margin: 0 auto; padding: 30px 0 10px 0px; top: auto; left: auto; right: auto; transform: translateY(0); } .sumBox .sumBox_li, .sumBox .sumBox_li:nth-child(even) { width: 25%; } .sumBox .sumBox_select, .sumBox .sumBox_li:nth-child(3) .sumBox_select { width: 90%; } .sumBox .sumBox_dim .sinput { width: 35%; } .banner .swiper_font::before { width: 870px; height: 200px; } .banner .swiper_font { width: 62%; } .banner .swiper_tit .bgm::before { right: 3.5rem; } .in_stit .tit { font-size: 24px; } .psection3 .psection3_rli .psection3_bgm img { max-width: 75%; } .section4 .section4_right { margin-top: 40px; } .section4 .section4_left { padding-right: 0px; } .section4 .section4_asse .tit { font-size: 22px; } .section4 .section4_asse .dec, .section7 .section7_li .tit, .section9 .section9_li .num sub { font-size: 20px; } .section9 .section9_li .num { font-size: 28px; } .footer .footer_left { width: 280px; } .section5 .section5_swiper .swiper-container { padding-bottom: 30px; } .section6 .section6_btn { width: 80px; height: 80px; } .section6 .icon-bofang { width: 60px; height: 60px; line-height: 60px; font-size: 20px; } .section6 .section6_icon { width: 50px; height: 50px; } .section6 .section6_icon em { transform: scale(0.8); } .section6 .section6_font { width: calc(100% - 50px); padding: 0 15px; } .exmore { width: 160px; height: 40px; line-height: 40px; font-size: 15px; } .section10 .section10_font .tit { font-size: 16px; } .about1::before { height: 380px; } .about6 .about6_btswp .swiper-slide .dec p, .case1 .case1_dec p { display: inline; } .about1 .about1_num span { font-size: 28px; } .about1 .about1_num { font-size: 20px; } .pub_banner_font .decli { margin-top: 10px; } .case1 .case1_tit, .coform .tit, .contact1 .contact1_left .tit { font-size: 21px; } .case1 .case1_tit::before { width: 400px; height: 10px; } .layout3 .layout3_icon { width: 40px; height: 40px; } .layout3 .layout3_font { width: calc(100% - 40px); } .layout3 .layout3_icon em { transform: scale(0.8); } .layout3 .swiper-slide { padding: 25px 20px; } .layout6 .in_stit .dec { font-size: 16px; } .layout5 .layout5_li, .lay_dec { font-size: 17px; } .layout4 .layout4_tit .tit { font-size: 20px; } .layout1 .swiper-container { padding-bottom: 30px; } .layout6 .layout6_dec { height: 175px; } .layout7 .swiper-button-prev, .layout7 .swiper-button-next, .pquality3 .pquality3_patit { font-size: 20px; } .paquality2 .paquality2_tit, .pquality1 .pquality1_font .tit { font-size: 16px; } .layout5 .layout5_tli table td { padding: 10px 15px; } .neinfo1 .neinfo1_list { padding: 0%; } .neinfo1 .neinfo1_dec { padding-bottom: 25px; } .pquality5 .pquality5_list { width: 80%; } .pquality3 .pquality3_padec::before { font-size: 92px; } .paymt1 .paymt1_font .stit { width: 30%; } .paymt1 .paymt1_font .sdec { width: 70%; } .paymt1 .paymt1_font .dec { margin-top: 12px; } .psection1 .psection1_left::before { display: none; } .psection1 .swiper-pagination { display: block; } .psection1 .swiper-container { padding-bottom: 30px; } .psection1 .psection1_list { align-items: center; } .psection1 .psection1_left { padding: 40px 20px; } .psection1 .psection1_right { margin-top: 0px; padding-bottom: 0px; } .psection1 .psection1_bot { padding: 40px 0; } .pbanner_swiper .pdli { margin-right: 10px; } .psection3 .psection3_font .num, .psection6 .psection6_li .num { font-size: 26px; } .psection3 .psection3_font .dec, .psection6 .psection6_li .dec, .psection1 .psection1_left .num, .pquality1 .pquality1_font .btn, .pquality1 .pquality1_font .dec, .pquality3 .pquality3_lffont .lfdec, .pquality3 .pquality3_rtswp .pquality3_rtfont .lfdec { font-size: 14px; } .pquality2 .pquality2_tli, .pquality3 .pquality3_bli .tit, .pquality6 .pquality6_tli { font-size: 16px; } .psection4 .psection4_img { width: 40%; } .psection4 .psection4_font { width: 60%; } .psection5 .psection5_ltab { padding: 20px 10px 48px 10px; } .psection5 .psection5_ltit { font-size: 18px; } .psection5 .psection5_ltab .tit, .psection5 .psection5_mfont .tit, .pquality2 .pquality2_dec, .pquality3 .pquality3_tright, .product1 .product1_tit { font-size: 15px; } .psection5 .psection5_rbot, .psection5 .psection5_ltop { padding-top: 30px; } .psection5 .psection5_lbtn { margin-top: 20px; } .psection5 .psection5_rbtn { padding-bottom: 25px; } .psection1 .psection1_left .tit, .pquality3 .pquality3_lffont .lftit, .pquality3 .pquality3_rtswp .pquality3_rtfont .lftit, .pquality2 .pquality2_tit { font-size: 20px; } .psection1 .psection1_left .num strong { font-size: 40px; } .psection1 .psection1_rfont .num { font-size: 26px; } .pquality1 .pquality1_icon { width: 35px; height: 35px; } .pquality1 .pquality1_icon em { transform: scale(0.8); } .pquality3 .pquality3_bli, .product1 .product1_contact { padding: 20px; } .pquality6 .pquality6_table table td, .pquality6 .pquality6_table table th { padding: 10px 20px; } .pquality2 .pquality2_table table th, .pquality2 .pquality2_table table td { padding: 10px; } .product1 .product1_ltit { font-size: 18px; } .product1 .product1_contact .tit { font-size: 20px; padding-left: 40px; } .product1 .product1_contact .tit::before { width: 30px; height: 30px; } .product1 .product1_contact .tit::after { left: 15px; height: 30px; top: -20px; } .pub_banner_font .tdec { font-size: 20px; margin-top: 5px; } .pub_banner_font .decli { font-size: 15px; } .quickt2 .sumBox .sumBox_li { width: 59%; } .quickt2 .sumBox .sumBox_li:nth-child(even) { width: 41%; } .quickt2 .sumBox { padding: 30px; } .quickt2 .sumBox .sumBox_select { width: 100%; } .quickt2 .pasection3_left { width: 45%; } .quickt2 .sumBox { width: 40%; } .quick1 .videobox { width: 55px; height: 55px; line-height: 55px; } .quick1 .videobox em, .why2 .swiper-slide .tit, .why3 .why3_font .tit, .why4 .why4_top .tit, .why5 .why5_font .tit { font-size: 16px; } .return1 .return1_left { padding-right: 40px; } .serg2 .swiper-slide::before { right: -20px; } .serg3 .swiper-button-prev, .why6 .swiper-button-prev { left: 5%; } .serg3 .swiper-button-next, .why6 .swiper-button-next { right: 5%; } .serg4 .serg4_table { margin-top: 15px; margin-bottom: 30px; } .serg4 .serg4_table table td, .serg4 .serg4_table table th { padding: 10px 20px; } .service3 .service3_dec, .service1 .service1_dec, .why1 .why1_sdec { font-size: 15px; } .service4 .service4_font .dec { font-size: 14px; line-height: 1.7; } .service4 .service4_list .service4_font .dec { margin-top: 15px; } .why1 { padding: 50px 5%; } .why1 .why1_right { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .why1 .why1_left { padding: 0px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .why1 .why1_li { width: 25%; padding-right: 0.5rem; margin-top: 20px; } .why1 .why1_ul { margin-top: 0px; } .why2 .why2_img img { opacity: 0.5; } .why6 .why6_swp1 { margin-top: 30px; } .headfixed .menu_pcul .navli:nth-last-child(4) .head_subnav { left: -150%; } .headfixed .menu_pcul .navli:nth-last-child(3) .head_subnav { left: -350%; } .headfixed .menu_pcul .navli:nth-last-child(2) .head_subnav { left: -200%; } .headfixed .menu_pcul li > a { padding: 0 0.08rem; } } @media screen and (max-width:1100px) { .footer .footerphone-menu { display: none; } .pasection4 .pasection4_list, .pasection4 .pasection4_right, .pasection1 .pasection1_list { flex-wrap: wrap; } .pasection2 .pasection2_left, .pasection2 .pasection2_right, .footer .footer_left, .pasection4 .pasection4_right, .pasection4 .pasection4_left, .about1 .about1_numBox, .about1 .in_stit, .banner .swiper_font { width: 100%; } .banner .swiper_tit p { display: inline; } .pasection2 .pasection2_rliBox { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .pasection2 .pasection2_rli { width: 32%; margin-right: 2%; } .banner .swiper_tit { padding-top: 1.1rem; } .banner .swiper_tit .bgm::before { right: 0px; } .pasection2 .pasection2_rli:nth-child(3n) { margin-right: 0px; } .pasection2 .pasection2_rimg { margin: 15px 0 20px 0; } .pasection2 .pasection2_tab { justify-content: center; } .pasection2 .pasection2_right { margin-top: 20px; } .pasection2 .pasection2_dec, .pasection2 .pasection2_font .dec, .pasection2 .pasection2_font .decli, .pasection7 .pasection7_tli .tit { font-size: 14px; } .pasection2 .pasection2_font .tit { font-size: 17px; } .in_stit .tit { font-size: 20px; } .pasection2 .pasection2_font .decli::before { width: 12px; height: 11px; background-size: cover; } .pasection2 .pasection2_font .decli { padding-left: 15px; } .pasection7 .cont_link { font-size: 13px; } .pasection7 .pasection7_tab { width: 270px; } .pasection8 .pasection8_top { padding-top: 40px; } .pabanner_swiper .pain_tit { font-size: 24px; } .pasection1 .pasection1_li { width: 50%; } .pasection1 .pasection1_li:nth-child(2n) { border-right: 0px; } .pasection2 .pasection2_rli { width: 48%; padding: 5px; } .pasection2 .pasection2_rli:nth-child(3n) { margin-right: 2%; } .pasection2 .pasection2_rli:nth-child(2n) { margin-right: 0px; } .pasection2 .dec_btn .rt, .pasection2 .dec_btn .lf { padding: 0 20px; } .pasection2 .dec_btn .lf strong { font-size: 20px; } .pasection4 { padding-top: 10px; } .pasection4 .pasection4_left .tmore { width: 25%; margin: 0 auto; margin-top: 10px; } .pasection4 .pasection4_left { text-align: center; padding-right: 0px; border-right: 0px; } .pasection4 .pasection4_right { margin-bottom: 20px; } .pabanner_swiper .pain_dec { margin-top: 30px; margin-bottom: 40px; } .pasection5 .pasection5_li { width: 32.65%; } .pasection5 .pasection5_li:nth-child(4n) { margin-right: 1%; } .pasection5 .pasection5_li:nth-child(3n) { margin-right: 0px; } .about1 .in_stit { text-align: center; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .about1 .about1_numBox { padding-right: 0px; margin-top: 20px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .about1 { padding-top: 35px; padding-bottom: 40px; } .about1::before { height: 365px; } .sbanner .pub_pbanner { height: 400px; } .pquality5 .pquality5_list { width: 85%; } .paymt1 .paymt1_font .stit, .paymt1 .paymt1_font .sdec, .pbanner_swiper .pin_tag, .pbanner_swiper .pin_tag p, .pbanner_swiper .pdli { font-size: 14px; } .pbanner_swiper .pdli { padding: 4px 15px 4px 30px; margin-right: 0px; } .pbanner_swiper .pdli::before { top: 8px; left: 10px; width: 14px; height: 15px; } .pamore { font-size: 14px; padding: 8px 0; } .psection1 .psection1_tagli { margin-right: 10px; } .headfixed .headfixed_rtli .link, .headfixed .headfixed_rtli .link1, .headfixed .headfixed_rtft, .language_text, .language_list a, .language_text em, .headfixed .headfixed_top .logo, .headfixed .menu_pcul li > a { font-size: 12px; } .product1 .product1_rli { width: 48%; } .product1 .product1_rli:nth-child(3n) { margin-right: 2%; } .product1 .product1_rli:nth-child(3n) { margin-top: 2%; } .product1 .product1_rli:nth-child(2n) { margin-right: 0px; } .headfixed .menu_pcul li > a { padding: 0px 0.05rem; } .headfixed .menu_pcul .navli:nth-last-child(4) .head_subnav { left: -250%; } .headfixed .menu_pcul .navli:nth-last-child(3) .head_subnav { left: -500%; } .headfixed .menu_pcul .navli:nth-last-child(2) .head_subnav { left: -300%; } } @media screen and (max-width:970px) { .section1 .section1_bleft, .section1 .section1_bleft .cont, .about2, .about4, .about5 .about5_list, .paymt1 .paymt1_li, .psection3 .psection3_ul, .pquality2 .pquality2_li, .pquality3 .pquality3_top, .pquality3 .pquality3_lfswp .swiper-slide, .quickt2 .quickt2_list, .why3 .why3_list { flex-wrap: wrap; } .headfixed .headfixed_rt, .pasection1 .pasection1_li, .pasection3 .pasection3_li, .pasection6 .pasection6_font, .pasection8 .pasection8_bimg, .pasection8 .pasection8_btable, .pasection9 .in_stit, .pasection9 .pasection9_right, .footer .footer_tag, .footer .foot_link, .footer .foot_copy, .banner .swiper_font::before, .banner .swiper_font, .section1 .section1_tleft, .section1 .section1_tright, .section1 .section1_bleft .tit, .section2 .section2_one, .section2 .psection3_rli, .section2 .section2_clilf, .section2 .section2_clirt, .section2 .section2_nli, .section2 .section2_take, .section4 .section4_asse, .section4 .section4_cen, .section4 .section4_li, .section5 .section5_bot, .section6 .section6_li, .section7 .section7_li, .section9 .section9_left, .section9 .section9_right, .sumBox .sumBox_select, .about2 .about2_left, .about2 .about2_right, .about4 .about4_left, .about4 .about4_right, .about5 .about5_left, .about5 .about5_right, .about6 .about6_swiper, .about6 .about6_tpswp, .case2 .case2_left, .case2 .case2_right, .contact1 .contact1_left, .contact1 .contact1_right, .contact1 .contact1_li .name, .design1 .design1_right, .design1 .design1_left, .design1 .design1_left, .inquiry1 .inquiry1_li, .inquiry2 .inquiry2_font, .inquiry2 .inquiry2_img, .inquiry3 .inquiry3_font, .layout2 .layout2_left, .layout2 .layout2_right, .layout3 .layout3_font, .paquality2 .paquality2_iqcbli, .paquality2 .paquality2_font, .paquality2 .paquality2_pkft .dec, .paquality2 .paquality2_iqcimg, .paquality2 .paquality2_smttli, .paquality2 .paquality2_asseleft, .paquality2 .paquality2_asseright, .paquality2 .paquality2_packimg, .paquality2 .paquality2_packfont, .pquality5 .pquality5_list, .pquality5 .pquality5_list .list, .pquality7 .pquality7_bswp, .paymt1 .paymt1_left, .paymt1 .paymt1_right, .paymt1 .paymt1_font .stit, .paymt1 .paymt1_font .sdec, .paymt1 .paymt1_font, .psection1 .psection1_left, .psection1 .psection1_right, .psection3 .psection3_left, .psection3 .psection3_right, .psection4 .psection4_img, .psection4 .psection4_font, .psection5 .psection5_left, .psection5 .psection5_right, .psection3 .psection3_font, .pquality1 .pquality1_left, .pquality1 .pquality1_right, .pquality1, .pquality2 .pquality2_left, .pquality2 .pquality2_right, .pquality3 .pquality3_tleft, .pquality3 .pquality3_tright, .pquality3 .pquality3_tli, .pquality3 .pquality3_bleft, .pquality3 .pquality3_bright, .pquality3 .pquality3_lfswp, .pquality3 .pquality3_rtswp, .pquality3 .pquality3_lfimg, .pquality3 .pquality3_lffont, .product1 .product1_left, .product1 .product1_right, .quickt2 .pasection3_left, .quickt2 .sumBox, .quickt3 .quickt3_font, .quick2 .quick2_left, .quick2 .quick2_right, .quick4 .quick4_li, .return1 .return1_left, .return1 .return1_right, .serg1 .serg1_li, .service1 .service1_left, .service1 .service1_right, .service2 .service2_img, .service2 .service2_font, .service4 .service4_left, .service4 .service4_right, .shipping1 .shipping1_img, .shipping1 .shipping1_sfont, .shipping2 .shipping2_right, .shipping2 .shipping2_left, .why1 .why1_font, .why1 .why1_right, .why3 .why3_img, .why3 .why3_swp, .why4 .why4_li, .why5 .why5_font, .why5 .why5_img, .why6 .why6_swp2 .swiper-container { width: 100%; } .headfixed .headfixed_rtft, .headfixed .headfixed_rtli .left, .headfixed .linkct:first-child, .headfixed .menu_pcul, .headfixed .nav_input, .pasection2 .pasection2_list, .pasection7 .pasection7_pcBox, .pasection10 .swiper-slide::before, .footer .footer_cen, .pcvideo, .section4::before, .section4::after, .section10::before, .section10::after, .section6 .bg_video, .section6 .section6_pbtn, .sumBox .sumBox_btn .tag, .section1 .section1_top, .section1 .section1_bright .tit, .pub_ablist, .about1::before, .pub_banner_font .decli, .inquiry_xt, .layout5, .pub_pbanner, .paquality2 .paquality2_smttop, .paquality2 .paquality2_smtbot, .psection5 .psection5_list, .psection6 .psection6_vul, .psection3 .col_cont3, .psection3 .col_tit3, .pquality2 .pquality2_left, .pquality3 .pquality3_rtswp, .pquality6 .pquality6_table, .pquality6 .pquality6_tabBox, .pquality3 .pquality3_bli .dec, .product1 .product1_menu, .product1 .product1_ltit, .serg2 .swiper-slide::before, .serg4, .why5 .why5_line { display: none; } .headfixed .mobile_menu, .pasection2 .pasection2_molist, .pasection7 .pasection7_molist, .pasection10 .swiper-pagination, .btn_search, .banner_img::before, .pub_banner_Box::before, .section6 .sbg_video, .section5 .section5_btswp .swiper-pagination, .section8 .swiper-pagination, .about3 .swiper-pagination, .about3 .swiper-button-prev, .about3 .swiper-button-next, .about6 .swiper-pagination, .section5 .swiper-pagination, .section8 .swiper-pagination, .section9 .swiper-pagination, .serg2 .swiper-pagination, .serg5 .more, .serg5 .swiper-pagination, .layout1 .swiper-pagination, .layout6 .swiper-pagination, .why6_swp2 .swiper-pagination, .pub_mbanner, .banner .pub_mbanner, .pquality3 .pquality3_pali .swiper-pagination, .pquality4 .swiper-pagination, .paquality2 .paquality2_smtmo, .psection5 .psection5_molist, .psection6 .psection6_molist, .pquality6 .more, .pquality3 .pquality3_bli .titBox .btn, .quick1 .swiper-pagination, .quick3 .swiper-pagination, .service4 .swiper-pagination, .paquality2_sold .swiper-pagination { display: block; } .paquality2 .paquality2_iqcimg { width: 40%; } .btn_mobile { display: flex; } .paquality2 .paquality2_smtmo .paquality2_font { min-height: 280px; } .pasection8 .pasection8_btable { padding-left: 0px; margin-top: 20px; display: none; } .section4 .section4_cen, .quickt2 .sumBox, .quick1 .swiper-slide:last-child .quick1_nfont { margin-left: 0px; } .paquality2 .paquality2_iqcbli, .pquality3 .pquality3_tli, .quick1 .swiper-slide:first-child .quick1_nfont, .quick4 .quick4_li, .serg1 .serg1_li, .why4 .why4_li { margin-right: 0px; } .about2 .about2_right, .about5 .about5_right, .inquiry1 .inquiry1_li:last-child, .layout3 .layout3_font, .paquality2 .paquality2_iqcfont, .paquality2 .paquality2_asseright, .paymt1 .paymt1_left, .paymt1 .paymt1_font, .psection1 .psection1_right, .psection3 .psection3_right, .psection3 .psection3_font, .pquality2 .pquality2_pli .pquality2_right, .pquality3 .pquality3_lffont, .product1 .product1_right, .quickt3 .quickt3_font, .shipping1 .shipping1_sfont, .shipping2 .shipping2_right, .why1 .why1_font, .why3 .why3_swp { padding-left: 0px; } .about4 .about4_left, .contact1 .contact1_left, .design1 .design1_lfcont, .layout2 .layout2_left, .pquality2 .pquality2_pali .pquality2_right, .pquality3 .pquality3_bleft, .return1 .return1_left, .service1 .service1_left { padding-right: 0px; } .paquality2 .paquality2_line, .paquality2 .paquality2_iqcbli, .paquality2 .paquality2_asseleft, .psection1 .psection1_rfont .rfont, .return1 .return1_left, .serg1 .serg1_li, .why4 .why4_li { margin-bottom: 15px; } .paquality2 .paquality2_iqcbli:last-child, .paquality2 .paquality2_soldimg { margin-bottom: 0px; } .paquality2 .paquality2_iqclist, .quick4 .quick4_li, .paquality2 .paquality2_font, .why1 .why1_font, .why4 .why4_list { margin-top: 10px; } .paquality2 .paquality2_iqcfont, .paquality2 .paquality2_asseright { max-height: initial; } .headfixed .headfixed_top .headfixed_lf { width: 100%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .headfixed .headfixed_top .logo img { max-width: 120px; } .paquality2 .paquality2_tit { background-size: 100%; } .headfixed .headfixed_rt { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; display: none; } .headfixed .headfixed_rtli .link, .headfixed .headfixed_rtli .link1, .language_text, .language_text em, .language_list a { font-size: 15px; } .paquality2 .paquality2_iqcfont { margin-top: 10px; } .psection5 .psection5_molist, .psection6 .psection6_molist { padding-top: 10px; } .language { margin-left: 5px; } .headfixed .linkct { padding: 0 5px; } .headfixed .linkct:nth-child(2) { padding-left: 0px; } .headfixed .linkct em, .headfixed .linkct .icon2, .headfixed .linkct .icon3, .language_text .icon4, .pasection1 .pasection1_icon em, .section1 .cticon em { transform: scale(0.62); } .headfixed .headfixed_rtli { justify-content: flex-start; } .headfixed .headfixed_top .logo { width: auto; } .headfixed .toggle_btn { margin-left: 0px; } .headfixed .menu_list { justify-content: flex-end; } .pabanner_swiper .pain_tit { font-size: 20px; line-height: 1.6; text-align: left; } .pabanner_swiper .pain_dec { margin-top: 10px; margin-bottom: 20px; font-size: 13px; text-align: left; } .pabanner_swiper .pain_link { width: 120px; font-size: 12px; height: 38px; line-height: 38px; } .pabanner_swiper .pain_btn { justify-content: flex-start; } .pasection2 .in_stit, .sign .tit, .inquiry1 .in_stit, .inquiry2 .in_stit, .inquiry3 .in_stit, .inquiry4 .in_stit, .pub_banner_font .tit, .lay_dec, .pub_banner_font .tdec1, .pbanner_regs .tit { text-align: center; } .pub_banner_font .tit p { display: inline; } .lay_more { margin: 0 auto; } .pasection1 .pasection1_li { padding: 0px; margin-top: 15px; } .pasection1 .pasection1_li:first-child { border-left: 0px; margin-top: 0px; } .pasection1 .pasection1_icon { width: 45px; height: 45px; } .pasection1 .pasection1_iconBox { width: 60px; height: 60px; } .pasection1 .pasection1_font { width: calc(100% - 60px); } .neinfo1 .neinfo1_tit, .quick1 .quick1_number, .why1 .why1_tit { font-size: 20px; } .quick1 .quick1_tit { font-size: 18px; } .pasection6 .pasection6_font, .pasection6 .pasection6_font .tit, .new1 .new1_font .tit, .paymt1 .paymt1_font .tit, .psection5 .psection5_ltit, .pub_banner_font .tdec1, .pquality2 .pquality2_tit, .serg1 .serg1_tit { font-size: 16px; } .pasection1 .pasection1_font .tit, .pasection2 .pasection2_font .tit, .pasection5 .pasection5_font .tit, .pasection7 .pasection7_ftli .tit, .pasection10 .pasection10_font .tit, .neinfo1 .neinfo1_pagelink .tit, .psection4 .psection4_font .tit, .quickt3 .quickt3_font .tit, .pub_banner_font .tdec, .serg2 .serg2_font .tit { font-size: 15px; } .quick3 .pasection8_list .dec1, .serg1 .serg1_li .tit, .why1 .why1_dec, .why1 .why1_font .tit, .why6 .why6_swp1tit { font-size: 14px; } .pasection1 .pasection1_font .dec, .pasection2 .pasection2_font, .pasection2 .dec_btn .rt, .pasection2 .dec_btn .lf, .pasection3 .pasection3_rfont .dec, .pasection3 .pasection3_tag, .pasection5 .pasection5_font .dec, .in_stit .dec, .pasection7 .pasection7_ftli .dec, .pasection8 .pasection8_list .dec, .pasection8 .pasection8_list .pmore, .pasection10 .pasection10_font .dec, .ftlogo-share .bshare-icon.icon-twitter, .design1 .design1_lfcont, .inquiry1 .inquiry1_font, .inquiry2 .inquiry2_dec, .inquiry3 .inquiry3_font .dec, .inquiry4 .inquiry4_font .dec, .new1 .new1_font .time, .neinfo1 .neinfo1_top .time, .neinfo1 .neinfo1_pagelink .btn, .neinfo1 .neinfo1_dec, .new1 .new1_font .dec, .pquality5 .pquality5_list .tag, .pub_banner_font .dec, .psection1 .decli, .psection1 .psection1_left .num, .psection1 .psection1_left .tag, .psection3 .in_stit .dec, .psection4 .psection4_font .dec_p, .psection6 .psection6_li .dec, .psection3 .psection3_font .dec, .psection6 .psection6_li .dec, .pquality2 .pquality2_dec, .pquality2 .pquality2_table table th, .pquality2 .pquality2_table table td, .psection5 .psection5_ltab .tit, .psection5 .psection5_mfont .tit, .pquality2 .pquality2_dec, .pquality3 .pquality3_tright, .pquality3 .pquality3_lffont .lfdec, .pquality3 .pquality3_rtswp .pquality3_rtfont .lfdec, .quickt3 .quickt3_font .decli, .quickt4 .quickt4_table table th, .quickt4 .quickt4_table table td, .quickt4 .quickt4_table table td:first-child strong, .quick1 .quick1_ndec, .quick4 .quick4_li .dec, .quick2 .quick2_decli p, .smore, .serg1 .serg1_li, .serg1 .serg1_li p, .service1 .service1_dec, .service1 .service1_dli, .service4 .service4_font .dec, .why1 .why1_sdec, .why2 .swiper-slide .dec, .why2 .swiper-slide .dec_top, .why2 .swiper-slide .dec_top p, .why2 .swiper-slide .dec p, .why3 .why3_font .dec, .why4 .why4_exa, .why4 .why4_dec, .why4 .why4_spdec, .why5 .why5_font .dec, .why4 .why4_li .btn span, .why6 .why6_tdec { font-size: 13px; } .pasection3 .col_tit, .pasection3 .col_cont, .psection3 .col_tit, .psection3 .col_cont, .pasection8 .pasection8_list .dec, .pasection8 .pasection8_btable table th, .pasection8 .pasection8_btable table td, .footer .footer_addrft .dec, .footer .foot_link, .footer .foot_copy, .footer .foot_link a, .footer .footer_addrft .tit, .why1 .why1_font .dec { font-size: 12px; } .pasection1 { padding: 25px 0; } .serg1 .serg1_tit, .service1 .service1_dec, .shipping2 .shipping2_right .tit { margin-bottom: 10px; } .serg1 .serg1_li p { padding-left: 20px; } .pub_banner_font .dec, .pub_banner_font .tdec, .serg2 .in_stit { text-align: center; } .in_stit .tit p, .pasection8 .in_stit .tit p, .pub_banner_font .dec p { display: inline; } .service1 .service1_stit { margin-bottom: 5px; } .quickt4 .quickt4_table { margin-top: 15px; overflow-x: auto; overflow-y: hidden; } .quickt4 .quickt4_table table { width: 650px; } .quickt4 .quickt4_table table th { padding: 10px 0; } .in_stit .tit { font-size: 20px; line-height: 1.5; } .pasection2 .pasection2_font { padding-left: 0px; margin-top: 15px; } .pasection2 .dec_btn .lf { line-height: 33px; } .pasection2 .dec_btn .rt { line-height: 35px; } .pasection2 .dec_btn .lf strong { vertical-align: -3px; } .pasection2 .dec_btn { box-shadow: 0 3px 21px 0 rgb(255,99,36, 0); } .pasection2 .swiper-container, .pasection5 .swiper-container, .pquality2 .swiper-container, .paquality2_sold .paquality2_soswp, .why6 .why6_swp2 .swiper-container { padding-bottom: 30px; } .pasection3 .pasection3_left { padding: 20px 15px; } .pasection3 .pasection3_li, .pasection3 .pasection3_li:nth-child(2) { margin-right: 0px; margin-top: 15px; } .pasection3 .pasection3_tag { width: 55px; height: 25px; line-height: 27px; font-size: 12px; top: 10px; } .pasection3 .col_cont1, .pasection3 .col_tit1 { width: 15%; } .pasection3 .col_cont5, .pasection3 .col_tit5 { width: 25%; } .pasection3 .pasection3_li .pasection3_simg { margin-top: -46%; } .pasection3 .pasection3_rfont { padding: 40px 15px; } .pasection4 .pasection4_left .tmore { width: 60%; font-size: 13px; } .service1 .service1_right { margin-top: 20px; } .section1 .ctli { flex: initial; width: 25%; } .section1 .ctli::before { width: 10px; height: 7px; right: 0px; } .section1 .cttit, .service4 .service4_list .service4_font .dec { margin-top: 5px; } .pasection4 .pasection4_right, .section1 .section1_bleft .cont { justify-content: flex-start; } .pasection5 .swiper-wrapper { flex-wrap: nowrap; } .pasection6 .pasection6_font { position: relative; top: auto; padding: 30px 15px; transform: translateY(0); background: url(../images/pain-bgm1.png) no-repeat center; background-size: cover; overflow: hidden; z-index: 2; } .pasection6 .pasection6_img { display: none; } .pasection6 .pasection6_font::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .pasection6 .pasection6_font .tit { color: #ffffff; } .pasection7, .pasection10 .swiper-container { padding-bottom: 30px; } .pasection8_bot .in_stit .tit { text-align: center; } .pasection7 .pasection7_ftli .dec { margin-top: 5px; font-size: 12px; line-height: 1.7; } .pasection8 .pasection8_list .line { margin: 10px auto; } .pasection8 .pasection8_list { padding: 15px; margin-top: 15px; } .pasection8 .pasection8_top { padding-left: 20px; } .pasection9 { padding: 35px 15px 25px 15px; } .pasection9 .in_stit { padding-right: 0px; } .pasection9 { margin-top: -2.65rem; } .pasection9 .pasection9_right, .psection1 .price, .shipping1 .shipping1_sfont { margin-top: 15px; } .more { width: 120px; font-size: 13px; padding-top: 10px; } .pabanner_swiper .pain_link { padding-top: 1px; } .pasection2 .dec_btn .rf { height: 37px; } .pasection10 .pasection10_font .line { margin-top: 10px; } .footer .footer_icon { width: 20px; height: 20px; } .footer .footer_icon img { max-width: 18px; } .footer .footer_addrft { width: calc(100% - 20px); padding-left: 10px; } .ftlogo-share .bshare-icon { width: 30px; height: 30px; line-height: 30px; font-size: 16px; } .footer .footer_tag .timg img { margin: 0px; } .footer .footer_tag { margin-left: 0px; } .footer .foot_link { margin-top: 5px; } .footer .footer_line, .footer .footer_addrli { margin-top: 10px; } .footer .footer_bot { padding-top: 10px; padding-bottom: 10px; } .footer .footer_top { padding: 25px 0 0px 0; } .banner .swiper_font::before, .banner .swiper_tit .bgm::before { left: 0px; display: none; } .banner .swiper_tit .bgm, .banner .swiper_tit { padding-left: 0px; } .banner .swiper_tit { font-size: 24px; text-align: center; padding-top: 0px; font-style: normal; } .banner .swiper_dec { font-size: 15px; text-align: center; } .banner .swiper_tit p { display: inline; } .sumBox .sumBox_li, .sumBox .sumBox_li:nth-child(even), .quickt2 .sumBox .sumBox_li, .quickt2 .sumBox .sumBox_li:nth-child(even) { width: 49%; margin-right: 2%; } .sumBox .sumBox_li:nth-child(2n), .quickt2 .sumBox .sumBox_li:nth-child(2n) { margin-right: 0px; } .sumBox .quote { font-size: 14px; } .sumBox .icon1 { transform: scale(0.85); } .sumBox .sumBox_list { margin-bottom: 15px; } .sumBox .sumBox_li, .section1 .section1_tright { margin-top: 10px; } .section1 .section1_top { padding-top: 0px; } .section1 .section1_bleft .cont, .section1 .section1_bleft { width: 100%; flex: initial; } .section1 .section1_bleft .cont { transform: translateY(0); margin: 8px 0; } .section1 .section1_bleft .tit, .section1 .section1_bright, .section1 .section1_tleft, .sumBox .sumBox_tit, .section3 .in_stit, .section4 .in_stit .tit, .pquality3 .pquality3_patit { text-align: center; } .sumBox .sumBox_btn { justify-content: center; } .section1 .section1_bleft .cont { padding-left: 0px; padding-right: 0px; } .section1 .ctli:nth-child(5) { width: 50%; } .pasection4 .ctli:nth-child(5), .psection2 .ctli:nth-child(5) { width: 25%; } .section2 .section2_one .top_font .tit { font-size: 16px; } .section2 .omore { width: 30px; height: 30px; line-height: 30px; } .section2 .section2_one { padding: 30px 15px 30px 0; } .section2 .section2_one .top_font .dec { font-size: 14px; } .section2 .section2_one .top_font { padding: 12px 40px 12px 25px; } .section2 .section2_one .bot_font { padding-left: 15px; margin-top: 20px; } .psection3 { padding-top: 15px; } .psection3 .psection3_rli, .section2 .section2_cli, .section2 .section2_tli, .section2 .section2_bli, .section2 .section2_take2, .section2 .section2_cli .psection3_rbli, .section2 .section2_nli { margin-top: 10px; } .section2 .section2_nli:first-child { margin-top: 0px; } .section2 .psection3_rli, .section2 .section2_clirt, .section2 .section2_take2 { margin-left: 0px; } .sumBox .sumBox_tit .tit { font-size: 18px; } .psection3 .psection3_rli .tit { font-size: 16px; padding-right: 15px } .psection3 .psection3_rli, .section2 .section2_take { padding: 20px 15px; } .psection3 .psection3_rli .hot { top: -20px; right: -15px; } .psection3 .psection3_rli .bgm { margin-bottom: 10px; } .psection3 .psection3_rli .psection3_bgm img { max-width: 80%; } .psection3 .psection3_bgm { top: auto; bottom: 0px; height: 50%; opacity: 0.5; } .psection3 .psection3_rtli .psection3_bgm { height: 25%; } .section2 .section2_take .tit, .section2 .section2_num strong, .section4 .section4_asse .tit { font-size: 18px; } .pquality3 .pquality3_lffont .lftit, .pquality3 .pquality3_rtswp .pquality3_rtfont .lftit { font-size: 17px; } .section2 .section2_num, .section4 .section4_asse .dec, .section4 .section4_asse .ntit, .pasection3 .pasection3_left .tit, .psection3 .psection3_left .tit, .section4 .section4_cen .tit, .section5 .section5_topft .tit, .pquality3 .pquality3_ttit, .service4 .service4_tit, .service2 .service2_font .tit, .service1 .service1_stit { font-size: 16px; } .section4 .section4_rdec, .section2 .section2_ndec, .qmore, .section8 .section8_tit, .section4 .section4_asse .ndec { font-size: 14px; } .section2 .section2_numBox { padding: 10px 30px 15px 15px; } .section2 .nmoreBtn { margin-left: 30px; margin-top: 20px; } .section3 .swiper-button-prev, .section3 .swiper-button-next { width: 25px; height: 10px; } .section3 .swiper-button-prev { left: -10px; } .section3 .swiper-button-next { right: -10px; } .section3 .swiper-slide { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0.06); } .section3 .swiper-container { width: 88%; padding: 25px 0; } .section4 .section4_asse .ntit, .section4 .section4_asse, .inquiry2 .inquiry2_li { margin-bottom: 20px; } .section4 .section4_asse .dec { margin-top: 5px; margin-bottom: 10px; } .qmore { width: 150px; } .section4 .section4_asse { padding: 30px 0; } .section4 .section4_cen, .section4 .section4_asse { border-radius: 20px; } .section4 .section4_cen { padding: 25px 20px; } .pasection3 .col_tit, .pasection3 .col_cont, .psection3 .col_tit, .psection3 .col_cont, .section4 .col_tit, .section4 .col_cont { font-size: 12px; } .section4 .section4_num { width: 45px; height: 45px; font-size: 15px; line-height: 45px } .section4 .section4_li { margin-right: 0px; margin-top: 10px; } .section4 .section4_li::before { height: 80%; } .section4 .section4_li:nth-child(1) { margin-top: 0px; } .section4 .section4_rdec { height: auto; overflow: initial; } .section5 .section5_topft .dec, .section5 .section5_topft .tag { min-height: auto; } .section5 .section5_swiper .swiper-container { padding-right: 1px; } .section5 .section5_swiper, .section5 .section5_bot, .section6 .section6_li { margin-top: 15px; } .section5 .section5_topft .tag { margin-top: 10px; margin-bottom: 0px; } .section5 .section5_bot { padding: 15px; } .section6 .section6_top { position: relative; top: auto; left: 0; transform: translateX(0); } .section6 .in_stit .tit { color: #252525; } .section6 .section6_dec { color: #333333; line-height: 1.5; } .section6 .section6_ul { width: 100%; position: relative; bottom: auto; left: auto; transform: translateX(0); } .section6 .section6_font { color: #333333; } .section6 .bg_video { height: 300px; } .section6 .section6_icon { width: 30px; height: 30px; } .section6 .section6_icon em { transform: scale(0.7); } .section6 .section6_font { width: calc(100% - 30px); } .section6 .section6_btn { width: 50px; height: 50px; } .section6 .icon-bofang { width: 35px; height: 35px; line-height: 35px; font-size: 14px; } .in_stit .tit { margin-bottom: 5px; } .section7 .swiper-container { margin-top: 10px; padding-bottom: 30px; height: auto; } .section7 .emore, .section7 .section7_li .dec, .section7 .section7_li .line { opacity: 1; } .section7 .section7_li .tit { font-size: 18px; } .section7 .section7_li .line { width: 30px; } .section7 .section7_li .spot { width: 6px; height: 6px; } .emore { width: 140px; font-size: 14px; padding: 8px 0px; } .section7 .section7_li::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); } .section7 .section7_li { padding: 30px 20px; } .section7 .section7_li .dec { margin-bottom: 15px; } .section8 .swiper-container, .section9 .section9_list, .section10 .swiper-container { margin-top: 10px; } .section6 { width: 90%; margin: 0 auto; } .section6 .section6_dec p { display: inline; } .section6 .in_stit, .section6 .section6_dec, .section8 .in_stit { text-align: left; } .section8 .section8_tit { padding: 12px 0; } .section9 .section9_li .num { font-size: 22px; } .exmore em { font-size: 16px; vertical-align: -1px; } .case1 .case1_tit::before { width: 80%; } .case1 .case1_tit, .layout4 .layout4_tit .tit, .shipping1 .shipping1_font .tit { font-size: 18px; } .design1 .design1_ctit1, .layout4 .layout4_tit .tit, .pquality3 .pquality3_patit, .product1 .product1_contact .tit, .quick4 .quick4_tit { font-size: 17px; } .about5 .about5_font .tit, .about6 .about6_btswp .swiper-slide .tit, .design1 .design1_ctit, .inquiry1 .inquiry1_font em, .inquiry2 .inquiry2_dec em, .inquiry3 .inquiry3_font .dec em, .inquiry4 .inquiry4_font .dec em, .lay_dec, .layout1 .layout1_font .tit, .layout2 .layout2_font .tit, .layout3 .layout3_font .tit, .layout6 .layout6_tit, .paquality2 .paquality2_pkft .tit, .quick3 .quick3_font .tit, .serg3 .serg3_tit, .serg4 .serg4_tit, .serg5 .serg5_font .tit, .shipping1 .shipping1_sfont .tit, .shipping2 .shipping2_font .tit { font-size: 16px; } .product1 .product1_contact .dec { font-size: 15px; } .section9 .section9_li .num sub, .section10 .section10_font .tit, .about3 .about3_tit, .pub_banner_font .decli, .case3 .case3_tit, .product1 .product1_tit, .in_stit .dec1, .quick3 .quick3_bdec, .quick4 .quick4_tdec, .return1 .return1_left, .serg5 .serg5_font .tdec, .why5 .in_stit .dec { font-size: 14px; } .section9 .section9_right { padding-left: 0px; } .section9 .section9_li .dec, .section10 .section10_font .dec, .about1 .about1_num, .shipping1 .shipping1_font .dec, .shipping1 .shipping1_sfont .dec, .shipping2 .shipping2_font .dec, .shipping2 .shipping2_right .dec, .about1 .about1_ndec, .about2 .about2_dec, .about2 .about2_dec1 p, .about2 .about2_dec1, .about4 .quanBox .dec, .about4 .about4_quan .tit, .about4 .about4_line .tit, .about5 .about5_font .dec, .about6 .about6_btswp .swiper-slide .dec, .about6 .about6_btswp .swiper-slide .tdec, .case1 .case1_dec, .pquality3 .pquality3_pastit, .paquality2 .paquality2_font, .paquality2 .paquality2_pkft .dec, .pquality7 .pquality7_font, .price, .pquality1 .pquality1_font .dec, .pquality1 .pquality1_font .btn, .quick1 .videobox em, .quick1 .quick1_tag .tag, .quick3 .quick3_font .dec, .serg5 .serg5_font .dec, .service3 .service3_dec, .why2 .swiper-slide .dec { font-size: 13px; } .about1 .about1_ndec { font-size: 12px; } .section9 .section9_li { padding-top: 20px; padding-bottom: 10px; } .section9 .section9_swp { margin: 20px auto; } .pquality3_paswp3, .pquality3_paswp1, .product1 .product1_tit, .product1 .product1_contact .dec { margin-top: 12px; } .exmore { width: 150px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; } .section10 .section10_font { padding: 15px; } .section10 .swiper-container { padding-bottom: 20px; } .about2 .about2_right, .about5 .about5_right, .design1 .design1_right, .inquiry2 .inquiry2_font, .paquality2 .paquality2_pack .swiper-slide:nth-child(even) .paquality2_packimg, .psection2 .section1_bleft, .product1 .product1_right, .quick2 .quick2_right { margin-bottom: 20px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .about2 .about2_left, .about5 .about5_left, .design1 .design1_left, .inquiry2 .inquiry2_img, .paquality2 .paquality2_pack .swiper-slide:nth-child(even) .paquality2_packfont, .psection2 .section1_bright, .product1 .product1_left, .quick2 .quick2_left { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .quick2 .quick2_right { margin-bottom: 0px; } .paquality2 .paquality2_packfont { height: initial; } .paquality2 .paquality2_pkft { position: relative; top: auto; left: auto; padding: 20px; transform: translateY(0px); } .paquality2 .paquality2_pkft .tit, .shipping1 .shipping1_font { margin-bottom: 5px; } .paquality2 .paquality2_pack .swiper-slide { background-color: #f5f5f5; } .paquality2 .paquality2_pack .swiper-slide:nth-child(even) .paquality2_packimg .img:first-child { margin-left: 0px; } .paquality2 .paquality2_packimg .img:last-child { margin-right: 0px; } .section3 { padding-bottom: 10px; } .section6 .section6_li, .paquality2 .paquality2_pack .swiper-container { margin-top: 10px } .section6 .sbg_video { margin-bottom: 5px; } .swiper-pagination-bullet { width: 12px; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } .section8 .swiper-container, .section9_swp .swiper-container, .about3 .swiper-container, .about6 .about6_btswp, .pquality3_paswp1, .pquality3_paswp2, .pquality3_paswp3, .pquality3_paswp4, .paquality2 .paquality2_pack .swiper-container, .pquality4 .pquality4_swp .swiper-container, .service4_swp1, .service4_swp2, .service4_swp3 { padding-bottom: 30px; } .swiper-container { padding-right: 1px; } .sumBox .quote { margin-right: 0px; } .pasection7 .in_stit, .about3 .in_stit { text-align: left; } .about1 .about1_num span { font-size: 22px; } .about1 .about1_numli { width: 33.333%; margin-top: 10px; text-align: center; } .about1 .about1_numBox { justify-content: flex-start; margin-top: 3px; } .about2 .about2_dec1 p::before { width: 4px; height: 4px; top: 8px; } .about2 .about2_dec1 p { padding-left: 15px; } .about2 .about2_dec1 { margin: 10px auto; } .about1 { padding-bottom: 30px; } .about2 .in_stit { text-align: center; margin-bottom: 5px; } .about3 .in_stit .tit { margin-bottom: 5px; } .about3 .swiper-slide .about3_li { transform: scale(1); } .about3 .about3_tit { margin-top: 10px; } .swiper-button-next, .swiper-button-prev { width: 32px; height: 32px; line-height: 32px; } .about3 .about3_swiper { margin-bottom: 15px; margin-top: 15px; } .about3 .swiper-button-next, .about3 .swiper-button-prev { top: 40%; } .about4 .quanBox .num { font-size: 18px; } .about4 .quanBox { width: 110px; height: 110px; } .about4 .about4_quan .tit, .case2 .case2_left .tit4 { margin-bottom: 15px; } .about4 .about4_list { margin-top: 0px; } .about4 .about4_quan, .about4 .about4_right, .pquality2 .pquality2_list { margin-top: 20px; } .about4 .bquanBox .num em { font-size: 22px; } .about5 .about5_icon { width: 42px; height: 42px; } .about5 .about5_icon em { transform: scale(0.8); } .about5 .about5_font { width: calc(100% - 42px); padding-left: 15px; } .about5 .about5_li { margin-top: 15px; } .about6 .about6_btswp .swiper-slide .dec { margin: 8px auto; } .about6 .about6_btswp .swiper-slide .tdec, .pquality2 .pquality2_tabBox { margin-top: 5px; } .pub_banner_font .decli p::before, .quickt3 .quickt3_font .decli::before, .pquality5 .pquality5_list .tag::before, .serg1 .serg1_li p::before, .why2 .swiper-slide .dec p::before, .why2 .swiper-slide .dec_top p::before { width: 14px; height: 13px; } .pub_banner_font .decli p { padding-left: 20px; margin-right: 15px; } .pub_banner_font .decli p { display: inline; } .case1 .case1_dec, .quick3 .in_stit, .quick3 .quick3_bdec { text-align: left; } .case1 .in_stit, .why6_swp2 { padding-top: 20px; } .case1 .case1_img, .service4 .service4_font { margin-top: 10px; } .case2 .case2_left .tit3, .case2 .dmore { font-size: 18px; } .case2 .dmore { width: 60%; font-size: 16px; margin: 0 auto; padding: 10px 0; } .case2 .dmore .jticon { width: 30px; height: 15px; } .case2 .case2_right { padding-left: 0px; margin-top: 20px; } .case3 .case3_li { width: 49%; } .case3 .case3_li:nth-child(3n) { margin-right: 2%; } .case3 .case3_li:nth-child(2n) { margin-right: 0px; } .case3 .case3_tit { margin-top: 5px; margin-bottom: 20px; padding: 0 10px; white-space: wrap; } .coform { width: 100%; padding: 20px 5%; margin: 0 auto; position: relative; top: auto; transform: translateY(0px); right: auto; } .contact1 .contact1_left .dec1 { margin-top: 10px; margin-bottom: 20px; } .contact1 { padding-top: 0px; } .coform .tit, .contact1 .contact1_left .tit { font-size: 18px; } .contact1 .contact1_input { flex: auto; width: 100%; } .contact1 .contact1_input input, .contact1 .contact1_input textarea { height: 48px; padding: 15px; } .contact1 .contact1_input textarea { height: 130px; } .contact1 .contact1_li .name { margin-top: 0px; margin-bottom: 5px; } .contact1 .contact1_btn .sub { font-size: 14px; width: 150px; height: 40px; line-height: 40px; display: block; margin: 0 auto; } .contact1 .contact1_btn { margin-left: 0px; margin-top: 20px; } .contact1 .contact1_font { padding: 20px; } .contact1 .contact1_left { margin-bottom: 35px; } .design1 .design1_right { position: relative; top: auto; } .headfixed { box-shadow: 0 0 103px 0 rgba(0,0,0,.1); } .design1 .design1_lfcont p { margin-bottom: 10px; } .design1 .design1_lfcont img, .design1 .design1_table, .design1 .design1_ctit1 { margin-top: 10px; } .design1 .design1_table table { width: 800px; } .design1 .design1_table table td { padding: 10px 15px; } .sign { position: relative; width: 100%; top: auto; right: auto; padding: 20px 5%; transform: translateY(0px); } .inquiry2 .inquiry2_li, .inquiry2 .inquiry2_li .inquiry2_font, .inquiry4 { padding: 0px !important; } .inquiry3 { padding-bottom: 20px; } .inquiry2 .inquiry2_font, .inquiry2 .inquiry2_img { width: 100% !important; } .inquiry3 .inquiry3_img { margin-top: 0px; } .inquiry1 .inquiry1_font, .inquiry2 .inquiry2_dec, .inquiry3 .inquiry3_font .dec, .inquiry4 .inquiry4_font .dec, .inquiry2 .inquiry2_li1 .inquiry2_img { margin-bottom: 10px; } .inquiry1 { padding-top: 15px; padding-bottom: 25px; } .inquiry3 { padding-top: 10px; } .inquiry2 .inquiry2_font { margin-bottom: 0px; } .inquiry4 { padding-bottom: 30px !important; } .lay_more { width: 220px; font-size: 14px; padding: 8px 0; } .lay_dec { margin-bottom: 10px; margin-top: 5px; } .layout1 .swiper-slide { background-color: #f8f8f8 !important; } .layout2 .layout2_num { width: 30px; height: 30px; line-height: 32px; font-size: 16px; } .layout2 .layout2_font { width: calc(100% - 30px - 15px); } .layout2 .layout2_list::before { left: 15px; } .layout2 .in_stit { text-align: center; } .layout2 .layout2_list, .layout3 .layout3_top { margin-top: 15px; } .layout3 .layout3_font { margin-top: 5px; } .layout2 .layout2_right { margin-top: 25px; } .layout3 .ctli { width: 33.333% !important; } .layout3 .ctnum { top: 5px; line-height: 18px; border: solid 1px #ff6224; } .layout3 .swiper-wrapper, .layout6 .swiper-wrapper, .why5 .swiper-wrapper { flex-wrap: nowrap; } .layout3 .swiper-container, .layout6 .swiper-container, .why5 .swiper-container { overflow: hidden; } .layout3 .layout3_icon em { transform: scale(0.7); } .layout3 .swiper-slide, .layout6 .swiper-slide { box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0.1); } .layout3 .swiper-container { padding-bottom: 30px; } .layout3 .layout3_font .dec { min-height: 255px; } .layout4 .layout4_tit::before { width: 160px; height: 10px; } .layout4 { padding: 40px 0 45px 0; } .layout6 .layout6_dec { height: 115px; } .layout6 .swiper-slide { padding: 20px; } .layout6 .swiper-container { margin-top: 10px; padding-bottom: 30px; } .layout7 .layout7_swiper { margin-top: 5px; } .layout7 .swiper-button-prev, .layout7 .swiper-button-next { font-size: 16px; height: 40px; line-height: 40px; } .layout7 .layout7_btn { height: 40px; margin-top: 20px; } .layout2 .layout2_font { padding: 15px; } .neinfo1 .neinfo1_pagelink, .neinfo1 .neinfo1_dec p { margin-top: 10px; } .neinfo1 .neinfo1_dec { padding-bottom: 15px; } .ftlogo-share .bshare-icon { margin-right: 5px; } .neinfo1 .neinfo1_tit { margin-top: 10px; margin-bottom: 0px; } .neinfo1 .neinfo1_dec img { margin: 10px auto; } .new1 .new1_li, .new1 .new1_li:nth-child(3) { width: 49%; margin-top: 16px; } .new1 .new1_li:nth-child(3n) { margin-right: 2%; } .new1 .new1_li:nth-child(2n) { margin-right: 0px; } .new1 .new1_font { padding: 15px 0 0 0; } .new1 .new1_font .tit { margin: 5px 0; font-size: 15px; white-space: wrap; } .new1 .new1_font .dec, .pquality1 .pquality1_font .dec { -webkit-line-clamp: initial; } .banner .more { margin: 0 auto; margin-top: 15px; } .pquality3 .pquality3_padec::before { font-size: 80px; top: 0px; } .pquality3 .pquality3_padec { padding-left: 30px; margin-bottom: 25px; } .paquality1 { padding-top: 40px !important; } .pquality3 .pquality3_pali { padding-bottom: 25px; } .pquality3 .pquality3_patit, .pquality3 .pquality3_pali2 .pquality3_pastit, .psection3 .psection3_left .tit { margin-bottom: 5px; } .pasection3 .pasection3_clist, .psection3 .psection3_clist, .section4 .section4_clist { padding-top: 10px; margin-top: 10px; } .pquality4 .pquality4_swp, .pub_banner_font .dec { margin-top: 5px; } .paymt1 .paymt1_font .dec, .psection4 .psection4_swiper { margin-top: 10px; } .psection3 .psection3_list { margin-top: 15px; } .pquality3 .pquality3_pastit { padding: 5px 0; } .paquality2 .paquality2_pack .swiper-slide, .pquality2 .swiper-container .swiper-slide { margin-top: 0px; } .paquality2 .paquality2_pack .swiper-slide:nth-child(even) .paquality2_packimg { margin-bottom: 0px; } .quickt1 .quickt1_swiper { overflow: hidden; padding-bottom: 30px; } .quickt1 .swiper-slide { box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0.06); } .paquality2 .paquality2_pack .swiper-wrapper, .psection4 .swiper-wrapper, .pquality2 .swiper-container .swiper-wrapper, .quickt1 .swiper-wrapper, .quickt3 .swiper-wrapper { flex-wrap: nowrap; } .pquality4 .in_stit, .pquality5 .in_stit, .pquality7 .in_stit, .pquality7 .pquality7_font { text-align: left; } .pquality4 .pquality4_tit { font-size: 22px; } .pquality5 .pquality5_list { padding: 20px 20px 30px 20px; margin-top: 10px; } .pquality7 .pquality7_swp, .paquality2 .paquality2_pack { margin-top: 20px; } .pquality7 .pquality7_font { margin-top: 10px; min-height: 195px; } .pquality7 .pquality7_icon img { max-width: 35px; } .pquality4 .pquality4_img { width: 60px; height: auto; } .pquality4 .pquality4_tit { height: auto; } .pquality4 .pquality4_swp .swiper-slide { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .pquality4 .pquality4_font { width: calc(100% - 60px); text-align: left; padding-left: 10px; } .pquality4 .pquality4_swp .swiper-wrapper { align-items: center; } .pquality7 .swiper-slide-active .pquality7_img { width: 80px; height: 80px; } .pquality7 .pquality7_img { width: 70px; height: 70px; } .pquality7 .pquality7_tswp { width: 200px; } .pquality7 .pquality7_bswp { margin-top: -20px; } .pquality7 .swiper-button-next, .pquality7 .swiper-button-prev { top: 46%; } .pquality5 .pquality5_list .tag { margin-right: 0px; } .paymt1 .paymt1_icon { width: 30px; } .paymt1 .paymt1_right { margin-top: 15px; } .paymt1 .paymt1_li { padding: 20px; } .paymt1 .paymt1_icon, .psection2 .section1_bleft { margin-top: 0px; margin-bottom: 10px; } .pbanner_regs { position: relative; width: 100%; right: auto; top: auto; transform: translateY(0px); padding: 30px 5% 0 5%; } .pbanner_swiper .pin_dec { background: transparent; } .pbanner_swiper .pdli, .pbanner_swiper .pdli:last-child { display: block; margin-right: 0px; margin-top: 10px; } .pbanner_swiper .pin_tit { font-size: 22px; margin-bottom: 0px; } .psection1 .psection1_tagli { font-size: 13px; margin-right: 5px; margin-top: 10px; } .psection1 .psection1_tag { margin-top: 0px; margin-bottom: 25px; } .price { padding: 8px; } .psection1 .psection1_left .tit, .psection1 .psection1_left .num sub, .psection1 .psection1_rfont .num sub, .psection1 .psection1_rfont .tit { font-size: 16px; } .psection1 .psection1_left .pdec { font-size: 14px; margin-bottom: 10px; } .psection1 .decli::before { width: 12px; height: 12px; } .psection1 .decli { padding-left: 20px; } .psection1 .psection1_left .num strong { font-size: 26px; } .psection1 .psection1_left .num { margin-bottom: 10px; margin-top: 5px; } .psection1 .psection1_left { padding: 30px 20px; margin-top: 0px; margin-bottom: 20px; } .psection1 .psection1_rfont .num { font-size: 22px; } .psection1 .psection1_rfont .rfont { height: 150px; min-height: auto; } .psection1 .psection1_bfont, .pquality1 .pquality1_font .dec { min-height: auto; } .psection4 .decBox { height: 110px; } .psection2 .section1_bright { margin: 0 auto !important; } .psection3 { padding-top: 35px; } .psection3 .contBox { height: 300px; } .psection3 .psection3_left { padding: 20px 15px; } .psection4 .psection4_li { padding: 20px; } .psection4 .swiper-slide, .psection6 .psection6_ul { margin-top: 0px; } .psection4 .psection4_font .dec_p::before { width: 12px; height: 11px; } .psection4 .psection4_font .dec_p { padding-left: 20px; } .psection4_swiper .swiper-container { padding-bottom: 30px; } .psection3 .psection3_font .num, .psection6 .psection6_li .num { font-size: 20px; } .psection6 .psection6_li { width: 33.333%; padding: 0 10px; margin-top: 15px; } .psection6 .psection6_li:nth-child(3n), .psection3 .psection3_li:nth-child(2n) { border-right: 0px } .psection6 { padding-top: 30px; } .psection6 .psection6_dec { text-align: left; margin-top: 10px; } .psection6 .psection6_li:last-child { width: 66.666%; } .psection3 .psection3_li { width: 50%; padding: 0 12px; margin-top: 15px; } .psection3 .psection3_li:nth-child(odd) { padding-left: 0px; } .psection3 .psection3_li:nth-child(even) { padding-right: 0px; } .psection3 .psection3_icon { width: 30px; height: 30px; } .psection3 .psection3_icon img { max-width: 28px; } .psection3 .psection3_font { margin-top: 10px; padding-left: 10px; width: calc(100% - 30px); } .psection3 .psection3_font .num { margin-bottom: 5px; } .psection3 .psection3_ul { padding-top: 10px; } .psection3 .col_cont1, .psection3 .col_tit1 { width: 15%; } .psection3 .col_cont4, .psection3 .col_tit4 { width: 30%; } .pquality1 .pquality1_right { padding: 0 5%; } .pquality1 .pquality1_icon { width: 26px; height: 26px; } .pquality1 .pquality1_icon em { transform: scale(0.6); } .pquality1 .pquality1_font .dec { margin-bottom: 10px; } .pquality1 .pquality1_rli, .pquality1 .pquality1_left, .pquality3 .pquality3_pabimg, .service2 .service2_font, .service4 .service4_right, .shipping1 .shipping1_li, .why2 .swiper-slide, .why4 .why4_li { padding: 20px; } .why4 .why4_dec .img { position: absolute; top: 30px; left: 10px; max-width: 15px; } .why4 .why4_dec { padding: 10px 10px 10px 32px; } .pquality1 .in_stit { padding-top: 10px; } .pquality1 .pquality1_font .tit { white-space: wrap; } .pquality1 .pquality1_img { margin: 15px auto; } .pquality2 .pquality2_tli { margin-right: 0.35rem; font-size: 15px; } .pquality3 .pquality3_icon { width: 30px; height: 30px; } .pquality3 .pquality3_icon em { transform: scale(0.8); } .pquality3 .pquality3_tfont { width: calc(100% - 30px); font-size: 15px; padding-left: 15px; } .pquality3 .pquality3_tab, .pquality3 .pquality3_lffont { padding-top: 15px; } .pquality3 .pquality3_tli { border-radius: 6px; margin-top: 10px; } .pquality3 .pquality3_liBox, .paquality1 .pquality3_paliBox { padding: 0px; } .pquality3 .pquality3_list { margin-top: 20px; } .pquality3 .pquality3_bright .swiper-button-prev, .pquality3 .pquality3_bright .swiper-button-next { height: 32px; line-height: 32px; } .pquality3 .pquality3_bright { padding: 45px 0; display: none; } .pquality3 .pquality3_bright .swiper-container { height: 240px; } .pquality3::before { height: 12rem; } .pquality3 { padding: 40px 0; } .pquality3 .pquality3_lffont .lfdec, .pquality3 .pquality3_rtswp .pquality3_rtfont .lfdec { margin-top: 5px; } .pquality3 .pquality3_lfswp .swiper-button-prev { left: -10px; } .pquality3 .pquality3_lfswp .swiper-button-next { right: -10px; } .pquality6::before { height: 100%; } .pquality6 { padding-bottom: 40px; } .pquality3 .pquality3_pabimg { margin-top: 15px; } .pquality3 .pquality3_paliBox { padding: 30px 20px 20px 20px; } .paquality1 .pquality3_paliBox { padding: 0px !important; } .pquality3 .pquality3_bli { padding: 15px 20px; } .pquality3 .pquality3_bli .tit { margin-bottom: 0px; } .product1 .product1_left { position: relative; top: auto; } .quickt2 .sumBox { margin-top: 20px; padding: 30px 15px; } .quickt2 .quickt2_rtag { line-height: 45px; width: 45px; height: 45px; font-size: 12px; right: -10px; } .quickt3 .swiper-slide { flex-wrap: wrap; margin-top: 0px; } .quickt3 .quickt3_font .tit { text-align: center; font-size: 16px; margin-bottom: 5px; margin-top: 10px; } .quickt3 .quickt3_font .spot p::before, .pasection8 .pasection8_list .dec::before { width: 3px; height: 3px; } .quickt3 .quickt3_icon { width: 50px; height: 50px; margin: 0 auto; } .quickt3 .quickt3_icon img { max-width: 35px; max-height: 35px; } .quickt3 .quickt3_swiper { margin-top: 15px; padding-bottom: 30px; } .quickt2 .sumBox .sumBox_li, .shipping2 .shipping2_list, .shipping1 .shipping1_li { margin-top: 10px; } .quick1 .quick1_nli { padding: 0 10px; margin: 15px 0px; } .quick1 .videobox { width: 40px; height: 40px; line-height: 40px; } .quick1 .swiper-container, .serg5 .swiper-container, .service2 .service2_list, .why5 .swiper-container { padding-bottom: 30px; } .why5 .why5_li { padding-bottom: 0px; } .quick1 .quick1_ndec { font-size: 12px; } .quick2 .quick2_left, .quick2 .quick2_right { padding: 40px 5%; } .quick2 .quick2_limg { height: 70px; } .quick2 .quick2_limg img { padding: 15%; } .quick2 .quick2_dec { margin-bottom: 15px; font-size: 15px; } .quick3 .pasection8_list { padding-bottom: 35px; } .quick3 .quick3_swp { padding: 15px 0; margin-top: 20px; padding-bottom: 30px; } .quick3 .quick3_font .tit, .shipping2 .shipping2_right { margin-top: 10px; } .quick3 .quick3_font .dec { margin-bottom: 15px; } .quick3 .swiper-pagination { bottom: 15px; } .quick3 .quick3_iconBox { width: 60px; height: 60px; } .quick3 .quick3_icon { width: 50px; height: 50px; } .quick3 .quick3_icon em { transform: scale(0.85); } .quick4 .quick4_tdec { padding-bottom: 0px; } .quick1 .quick1_tit { margin-top: 10px; margin-bottom: 5px; } .quick2 .quick2_decli p::before { top: 1px; } .return1 { padding: 20px; margin: 40px auto; } .serg2 .serg2_iconBox { margin: 0 auto; } .serg2 .serg2_font { text-align: center; } .serg2 .swiper-container { margin-top: 15px; padding-bottom: 30px; } .serg3 .swiper-container { margin: 10px auto 20px auto; } .serg5 .serg5_icon { width: 30px; height: 30px; } .serg5 .serg5_icon em { transform: scale(0.55); } .serg5 .serg5_font .tit { margin-top: 10px; margin-bottom: 5px; } .serg5 .serg5_font .tdec { margin-bottom: 5px; } .serg5 .swiper-container { margin-bottom: 15px; } .service2 .swiper-wrapper { flex-wrap: nowrap; } .service2 .service2_img, .why5 .why5_img { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .service2 .service2_font, .why5 .why5_font { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .service2 .service2_font .dec { margin-top: 5px; max-height: initial; height: 190px; } .service2 .service2_font .tit { min-height: 50px; } .service3 .service3_dec p { margin-bottom: 10px; } .service3 .service3_list { padding: 0px; } .service3 { padding-top: 35px; padding-bottom: 25px; } .service4 .service4_tit { margin: 15px 0; } .section4 .in_stit .tit { margin-bottom: 0px; } .shipping1 .shipping1_img img { max-width: 50%; margin: 0px; } .shipping2 .shipping2_left img { max-width: 65%; margin: 0px; } .why1 .why1_li { width: 50%; } .why1 .why1_icon { width: 32px; height: 32px; } .why1 .why1_icon em { transform: scale(0.7); } .why1 .why1_right { width: 90%; display: none; } .why2 .swiper-slide { width: 100%; margin-top: 15px; box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.09); /* border: 1px solid rgba(0, 0, 0, 0.09); */ } .why2 .swiper-slide:first-child { margin-top: 5px; } .why2 .swiper-slide::before { content: ""; position: absolute; top: 0px; left: 0px; background: rgba(255,255,255, 0.3); width: 100%; height: 100%; } .why2 .why2_img2 { bottom: 0px; } .why2 .why2_img { right: -10px !important; text-align: right; } .why2 .why2_img img { width: 50%; margin: 0px; display: inline-block; } .why1 { padding: 40px 5%; } .why3 .why3_icon { width: 45px; height: 45px; } .why3 .why3_icon em { transform: scale(0.5); margin-left: -2px; } .why3 .swiper-slide:nth-child(2) .why3_icon em, .why3 .swiper-slide:nth-child(3) .why3_icon em { margin-left: -4px; } .why3 .why3_font { width: calc(100% - 45px); } .why3 .why3_swp, .why6 .why6_swp1 { margin-top: 20px; } .why3 .swiper-slide, .why5 .wh_more { margin-top: 15px; } .why4 .why4_top .num { width: 18px; margin-top: 5px; } .why4 .why4_top { align-items: flex-start; } .why4 .why4_top .tit { width: calc(100% - 15px); } .why4 .why4_top .tit p { display: inline; font-size: 15px; } .why4 .why4_li .btn, .why6 .why6_tdec { margin-top: 10px; } .why4 .why4_exp { background-size: cover; padding: 15px; margin-top: 15px; } .why5 .why5_li:nth-child(even) .why5_font, .why5 .why5_li:nth-child(odd) .why5_font { padding: 0px; margin-top: 20px; } .wh_more { width: 180px; padding: 9px 0; } .why5 .swiper-container { padding-top: 15px; } .why5 .why5_font .dec { height: 105px; overflow-x: hidden; overflow-y: auto; } .why2 .in_stit, .why4 .in_stit, .why5 .in_stit, .why6 .in_stit, .why6 .why6_tdec { text-align: left; } .why6 .why6_swp1tit { padding: 15px; } .pquality6::before, .layout4, .service2::before, .service3, .quickt2, .pquality3::before, .pquality6::before { background-attachment: initial; } } .prinfo6 { text-align: center; background: url(../images/jo-bgm1.jpg) no-repeat center; background-size: cover; } .prinfo6 .prinfo6_dec { font-size: 18px; text-align: center; color: #777777; margin-top: 10px; margin-bottom: 35px; } .prinfo6 .tel { font-size: 28px; font-weight: bold; color: #333333; margin-bottom: 20px; display: inline-block; } .cat_qh { margin-bottom: 40px; } .cat_qh ul { text-align: center; } .cat_qh ul li { display: inline-block; background-color: rgb(245 246 249); margin: 0 15px; border-radius: 4px; } .cat_qh ul li.on { background-color: #ff0001; } .cat_qh ul li h5 { font-size: 18px; padding: 8px 20px; cursor: pointer; color: #666666; /* border-bottom: 2px solid #66666633; */ } .cat_qh ul li p { display: none; } .cat_qh ul li.on p { /* display:block; */ } .cat_qh ul li.on h5, .cat_qh ul li:hover h5 { color: white; font-weight: bold; } .cat_qh_cont { } .cat_qh_ms { display: none; } .cat_qh_ms.on { display: block; } .cat_qh_ts { } .cat_qh_ts p { position: relative; font-size: 16px; color: #666666; padding-left: 22px; } .cat_qh_ts p::before { content: ""; width: 15px; height: 14px; background: url(../images/dgicon.png) no-repeat center; background-size: cover; position: absolute; left: 0px; top: 5px; } .quickt1 .quickt1_font .tit { font-size: 16px; font-weight: bold; line-height: 1.5; min-height: 26px; color: #333333; margin-top: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; } .quickt1 .quickt1_img { height: 240px; width: 100%; position: relative; } .quickt1 .quickt1_img .ppimg { position: relative; width: 100%; height: 100%; /* text-align: center; */ /* padding: 10%; */ } .quickt1 .quickt1_img .ppimg img { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; /* transform: translate(-50%, -50%); */ width: auto; height: auto; max-height: 90%; max-width: 90%; display: block; } .quickt3-gckz { background-color: white; }