body{max-width: 1920px; height: 100%; background-color: #fff; position: relative; overflow-x: hidden;} body.index{top: 0 !important;} body:not(.g_member, .inquiry,.info-detail), body:not(.g_member, .inquiry,.info-detail) *{box-sizing: border-box; font-size: 0; color: #000; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} body input[type=file]{font-size: 14px;} body font, body font font{font-size: inherit !important; line-height: inherit !important; color: inherit !important;} /* body font{font-size: inherit !important; line-height: inherit !important; color: inherit !important;} */ body::before{content: ''; width: 1px; height: 100%; background: #f5f5f5; position: absolute; left: 18.2292%; top: 0; z-index: -1;} body::after{content: ''; width: 1px; height: 100%; background: #f5f5f5; position: absolute; right: 18.2292%; top: 0; z-index: -1;} .body_line{width: 1px; height: 100%; background: #f5f5f5; position: absolute; left: 50%; top: 0; z-index: -1; display: none;} .div_wrap{width: 100%; padding: 0 3.125%; box-sizing: border-box;} #header{width: 100%; padding: 30px 0; background: #fff;} #header.fixed{position: fixed; left: 0; top: 0; z-index: 100;} #header.top{background: unset; padding: 20px 0;} #header .header_box{display: flex; justify-content: space-between;} #header .logo_box{display: flex; align-items: center;} #header .logo_box a{display: block; width: 122px; height: 60px; position: relative;} #header .logo_box a img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} #header .logo_box a .img_logo{visibility: visible; opacity: 1;} #header .logo_box a .img_logo_fixed{visibility: hidden; opacity: 0;} #header.top .logo_box a .img_logo{visibility: hidden; opacity: 0;} #header.top .logo_box a .img_logo_fixed{visibility: visible; opacity: 1;} #header .header_box .header_r{width: max-content; max-width: calc(100% - 122px); display: flex; align-items: center;} #header .header_r .search{font-family: 'Montserrat-Light'; font-size: 16px; line-height: 52px; padding-left: 35px; background: url(../images/icon/icon_search.png) no-repeat left center / 20px;} #header.top .header_r .search{color: #fff; background-image: url(../images/icon/icon_search_white.png);} #header .default_nav_style .n_item{margin-left: 62px;} #header .default_nav_style .n_item>a{padding: 0; font-family: 'Montserrat-Light'; font-size: 16px; line-height: 52px; overflow: hidden; position: relative;} #header .default_nav_style .n_item>a::after{content: ''; width: 100%; height: 1px; background-color: #000; transform: translate3d(-101%, 0, 0); position: absolute; left: 0; top: calc(50% + 10px); -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} #header .default_nav_style .n_item>a:hover::after, #header .default_nav_style .n_item>a.cur::after{transform: translate3d(0, 0, 0);} #header.top .default_nav_style .n_item>a{color: #fff;} #header.top .default_nav_style .n_item>a::after{background-color: #fff;} .header_blank{height: 120px;} .index .header_blank{display: none;} .header_side_left{box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 59.375%; height: 100%; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 8888; overflow: hidden; transform: translateX(-100%);} .header_side_left.on{transform: translateX(0);} .header_side_left .header_left_box{width: 57.8948%;} .header_side_left .header_left_box .swiper{overflow: unset;} .header_side_left .header_left_item .info{display: flex; flex-direction: column; align-items: center; padding: 6.97% 0 9.85%; visibility: hidden; opacity: 0;} .header_side_left .swiper-slide-active .info{visibility: visible; opacity: 1;} .header_side_left .header_left_item .img{display: block; width: 100%; height: 0; padding-top: 66.667%; position: relative;} .header_side_left .header_left_item .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .header_side_left .header_left_item .subtitle{font-family: 'Montserrat-Light'; font-size: 24px; line-height: 24px; height: 24px; color: #000; overflow: hidden;} .header_side_left .header_left_item .title{font-family: 'Montserrat-Bold'; font-size: 50px; line-height: 50px; height: 50px; color: #000; overflow: hidden; margin-top: 3.0304%;} .header_side_left .header_left_item .more{font-family: 'Montserrat-Regular'; font-size: 15px; line-height: 15px; height: 15px; color: #999; overflow: hidden; padding-right: 35px; position: relative; margin-top: 4.546%;} .header_side_left .header_left_item .more .icon_arrow{position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .header_side_left .header_left_item .more .icon_arrow::after{background-image: url(../images/icon/icon_arrow_go.png);} .header_side_right{box-sizing: border-box; width: 40.625%; height: 100%; background-color: #000; padding: 1.563% 5.209%; position: fixed; right: 0; top: 0; z-index: 8888; transform: translateX(100%);} .header_side_right.on{transform: translateX(0);} .header_side_right .header_right_tool{display: flex; justify-content: flex-end; align-items: flex-end;} .header_side_right .header_right_tool .icon_close{display: block; width: 26px; height: 26px; position: relative;} .header_side_right .header_right_tool .icon_close::before{content: ''; width: 1px; height: 35px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);} .header_side_right .header_right_tool .icon_close::after{content: ''; width: 1px; height: 35px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);} .header_side_right .header_right_group{display: flex;} .header_side_right .header_right_nav_group{padding: 12.07% 0 16.725%;} .header_side_right .header_right_group .header_right_box{box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; width: 480px;} .header_side_right .header_right_box .header_list{display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; text-align: right;} .header_side_right .header_list .header_item > a{display: block; font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 40px; height: 40px; color: #fff; overflow: hidden;} .header_side_right .header_item .header_item_sub{padding-bottom: 21.98%;} .header_side_right .header_item .header_item_sub > a{display: block; font-family: 'Montserrat-Light'; font-size: 16px; line-height: 32px; height: 32px; color: #b2b2b2; overflow: hidden;} .header_side_right .header_item .header_item_sub > a:hover{color: #fff;} .header_side_right .header_right_group .header_right_tool{box-sizing: border-box; width: 100px;} .header_side_right .header_right_tool .lang_tool{width: max-content; padding-bottom: 13px; position: relative;} .header_side_right .lang_tool .inquiry_icon{display: block; width: 28px; height: 28px; background: url(../images/icon/icon_inquiry_white.png) no-repeat center; position: absolute; left: 50%; bottom: 200px; transform: translateX(-50%);} .header_side_right .lang_tool .sign_icon{display: block; width: 28px; height: 28px; background: url(../images/icon/icon_user_white.png) no-repeat center; position: absolute; left: 50%; bottom: 160px; transform: translateX(-50%);} .header_side_right .lang_tool .lang_txt{font-family: 'Montserrat-Light'; font-size: 16px; line-height: 40px; color: #fff; position: absolute; bottom: calc(100% + 36px); left: 50%; transform: translateX(-50%) rotate(90deg);} .header_side_right .lang_tool .cur_lang{display: block; width: 28px; height: 28px; font-family: 'Montserrat-Light'; font-size: 14px; line-height: 28px; color: #000; background-color: #fff; text-align: center; cursor: pointer; text-transform: uppercase;} .header_side_right .header_right_box .share_box{width: 100%; justify-content: flex-end; border-top: 1px solid #fff; padding-top: 7.917%;} .header_side_right .header_right_box .share_box .share_item + .share_item{margin-left: 25px;} .header_side_right .header_right_box .newsletter{font-family: 'Montserrat-Light'; font-size: 16px; line-height: 40px; color: #b2b2b2; margin-top: 8px;} .header_side_right .header_right_box .newsletter:hover{color: #fff;} .header_side_right .header_right_tool .style_tool{display: flex; flex-direction: column; padding-bottom: 13px;} .header_side_right .header_right_tool .style_tool a{box-sizing: border-box; display: block; width: 28px; height: 28px; font-family: 'Montserrat-Light'; font-size: 16px; line-height: 28px; text-align: center; border: 1px solid;} .header_side_right .header_right_tool .style_tool a + a{margin-top: 10px;} .header_side_right .header_right_tool .style_tool .bright{color: #000; background-color: #fff; border-color: #fff;} .header_side_right .header_right_tool .style_tool .dark{color: #fff; background-color: #333; border-color: #333;} #banner{position: relative; z-index: 10; background-color: #000;} #banner .banner_video_box{width: 100%; height: 0; padding-top: 56.3%; position: relative;} #banner .banner_video_box::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;} #banner .banner_video_box iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;} #banner .banner_info_box{width: max-content; max-width: 90%; max-height: 90%; text-align: center; position: absolute; left: 50%; top: calc(50% - 10px); transform: translate(-50%, -50%); z-index: 1;} #banner .banner_info_box .banner_subtitle{font-family: 'Montserrat-Light'; font-size: .9375vw; line-height: .9706; color: rgba(255, 255, 255, .6);} #banner .banner_info_box .banner_title{font-family: 'Montserrat-Bold'; font-size: 3.28615vw; line-height: 1.231; color: #fff; margin-top: 8.168%;} #banner .banner_info_box .banner_link{box-sizing: border-box; display: inline-block; font-family: 'Montserrat-Regular'; font-size: .78125vw; line-height: 3.2; color: #000; background-color: #fff; border-radius: 26px; padding: 0 20px; border: 1px solid #fff; margin-top: 9.537%;} #banner .banner_info_box .banner_link:hover{background-color: unset; color: #fff;} #banner .icon_arrow{width: 44px; height: 28px; background: url(../images/icon/icon_banner_arrow.png) no-repeat center / 100%; position: absolute; left: 50%; bottom: 7%; transform: translateX(-50%);} #banner .tool_box{display: flex; align-items: center; position: absolute; right: 3%; bottom: 6%; z-index: 1;} #banner .tool_box .icon_tool{width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center;} #banner .tool_box .icon_tool + .icon_tool{margin-left: 30px;} #banner .tool_box .icon_tool.play{background-image: url(../images/icon/icon_play_open.png);} #banner .tool_box .icon_tool.stop{background-image: url(../images/icon/icon_play_close.png);} #banner .tool_box .icon_tool.volume{background-image: url(../images/icon/icon_volume_open.png);} #banner .tool_box .icon_tool.mute{background-image: url(../images/icon/icon_volume_close.png);} .icon_arrow{width: 24px; height: 11px; position: relative;} .icon_arrow::after{content: ''; width: 24px; height: 11px; background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .icon_arrow.prev::after{background-image: url(../images/icon/icon_arrow_prev.png);} .icon_arrow.next::after{background-image: url(../images/icon/icon_arrow_next.png);} .index_park{position: relative; z-index: 10;} .index_park .index_park_num{width: 100px; font-family: 'Montserrat-Regular'; font-size: 100px; line-height: 100px; color: #f5f5f5; position: absolute; top: -15px; text-indent: -32px; overflow: hidden;} .index_park_left .index_park_num{left: 18.2292%;} .index_park_right .index_park_num{right: calc(18.2292% - 100px);} .index_park_bg{background-repeat: no-repeat; background-size: auto 100%; background-position: center;} .index_park_bg.index_park_left::before{content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, .2); position: absolute; left: 18.2292%; top: 0; z-index: -1;} .index_park_bg.index_park_right::after{content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, .37); position: absolute; right: 18.2292%; top: 0; z-index: -1;} .index_park_bg .index_park_num{opacity: .2;} .index_poster{margin-top: 260px;} .index_poster .index_poster_box{display: flex; justify-content: space-between; align-items: center; padding: 0 8.334%;} .index_poster .index_poster_box.reverse{flex-direction: row-reverse;} .index_poster .index_poster_box .index_poster_info{width: 29.6%; overflow: hidden;} .index_poster .index_poster_info .index_poster_subtitle{font-family: 'Montserrat-Light'; font-size: 24px; line-height: 24px;} .index_poster .index_poster_info .index_poster_title{font-family: 'Montserrat-Bold'; font-size: 50px; line-height: 50px; margin-top: 30px;} .index_poster .index_poster_info .index_poster_txt{width: 85%; font-family: 'Montserrat-Light'; font-size: 24px; line-height: 34px; color: #666; margin-top: 10px;} .index_poster .index_poster_info .index_poster_more{display: inline-block; font-family: 'Montserrat-Regular'; font-size: 15px; line-height: 15px; padding-right: 32px; position: relative; margin-top: 40px;} .index_poster .index_poster_info .index_poster_more:hover{color: #999;} .index_poster .index_poster_info .index_poster_more:hover .icon_arrow.next::after{background-image: url(../images/icon/icon_arrow_go.png);} .index_poster .index_poster_more .icon_arrow{width: 24px; height: 11px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .index_poster .index_poster_box .index_poster_img{width: 59.334%; text-align: center;} .index_poster .index_poster_box .index_poster_attr{width: 24.4%;} .index_poster .index_poster_attr .attr_box + .attr_box{margin-top: 45px;} .index_poster .attr_box .attr_title{font-family: 'Montserrat-Light'; font-size: 18px; line-height: 18px; color: #000;} .index_poster .attr_box .attr_list{display: flex; flex-wrap: wrap; margin-top: 23px;} .index_poster .attr_list .attr_item{width: 30px; height: 30px; border-radius: 50%; position: relative; cursor: pointer; margin: 0 30px 30px 0;} .index_poster .attr_item .active{width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .index_poster .attr_item:hover .active, .index_poster .attr_item.cur .active{transform: translate(-50%, -50%) scale(1.4);} .index_poster .index_poster_attr .attr_random{display: inline-block; font-family: 'Montserrat-Light'; font-size: 18px; line-height: 42px; color: #000; border: 1px solid #000; border-radius: 22px; padding: 0 82px 0 20px; position: relative; margin-top: 50px;} .index_poster .index_poster_attr .attr_random:hover{color: #fff; background-color: #000;} .index_poster .index_poster_attr .attr_random::after{content: ''; width: 62px; height: 100%; border-radius: 22px; background: #000 url(../images/icon/icon_sink_arrow.png) no-repeat center / 18px; position: absolute; right: 0; top: 0; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .index_poster .index_poster_attr .attr_random:hover::after{background-color: #fff; background-image: url(../images/icon/icon_sink_arrow_black.png);} .index_poster_sink .index_poster_box{min-height: 850px;} .index_poster_sink .index_park_num{top: 6.8%;} .index_poster_sink .index_poster_info .index_poster_subtitle, .index_poster_sink .index_poster_info .index_poster_title, .index_poster_sink .index_poster_info .index_poster_more{color: #000;} .index_poster_sink .index_poster_more .icon_arrow.next::after{background-image: url(../images/icon/icon_arrow_next.png);} .index_poster_factory .index_park_num{top: 19%;} .index_poster_factory .index_factory_box{min-height: 900px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 0;} .index_poster_factory .index_factory_box .index_factory_title{font-family: 'Montserrat-Bold'; font-size: 50px; line-height: 50px; color: #fff;} .index_poster_factory .index_factory_box .index_factory_list{width: 100%; display: flex; justify-content: space-between; margin-top: 100px;} .index_poster_factory .index_factory_list .index_factory_item{width: min-content; text-align: center;} .index_poster_factory .index_factory_item .index_factory_num{font-family: 'Montserrat-Regular'; font-size: 80px; line-height: 80px; color: #fff;} .index_poster_factory .index_factory_item .index_factory_name{font-family: 'Montserrat-Light'; font-size: 18px; line-height: 18px; color: #fff; margin-top: 18px;} .index_poster_factory .index_factory_box .icon_play{display: inline-block; width: 70px; height: 70px; background-color: #fff; border-radius: 50%; position: relative; margin-top: 157px;} .index_poster_factory .index_factory_box .icon_play::before{content: ''; border-left: 20px solid #000; border-top: 11px solid transparent; border-bottom: 11px solid transparent; position: absolute; left: calc(50% + 5px); top: 50%; transform: translate(-50%, -50%);} .index_poster_factory .index_factory_box .icon_play::after{content: ''; width: calc(100% + 30px); height: calc(100% + 30px); border-radius: 50%; background-color: rgba(255, 255, 255, .26); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .index_poster_partner{background-color: #e5e5e5; overflow: hidden;} .index_poster_partner .txt_trans::after{background-color: #e5e5e5;} .index_poster_partner .index_park_num{color: #f0f0f0; opacity: 1; top: 6.8%;} .index_poster_partner .index_poster_box{min-height: 850px;} .index_poster_partner .index_poster_box .index_poster_info{position: relative; padding-bottom: 90px; overflow: unset;} .index_poster_partner .index_poster_info .index_poster_subtitle, .index_poster_partner .index_poster_info .index_poster_title{color: #000;} .index_poster_partner .index_poster_info .index_poster_more{padding-right: 0; color: #000;} .index_poster_partner .index_poster_info .index_poster_more::before{display: none;} .index_poster_partner .index_poster_info .index_tool{display: flex; padding: 0 2px; position: absolute; left: 0; top: 100%;} .index_poster_partner .index_tool .icon_arrow{width: 40px; height: 40px; border: 1px solid #000; position: relative; cursor: pointer;} .index_poster_partner .index_tool .icon_arrow:hover{background-color: #000;} .index_poster_partner .index_tool .icon_arrow + .icon_arrow{margin-left: 20px;} .index_poster_partner .index_tool .icon_arrow.prev::after{background-image: url(../images/icon/icon_arrow_prev.png);} .index_poster_partner .index_tool .icon_arrow.next::after{background-image: url(../images/icon/icon_arrow_next.png);} .index_poster_partner .index_tool .icon_arrow.prev:hover::after{background-image: url(../images/icon/icon_arrow_prev_white.png);} .index_poster_partner .index_tool .icon_arrow.next:hover::after{background-image: url(../images/icon/icon_arrow_next_white.png);} .crumb_header{margin-top: 140px;} .crumb_footer{margin-top: 40px;} .crumb .crumb_box{display: flex; flex-direction: column;} .crumb .crumb_back{display: flex; align-items: center; width: max-content;} .crumb .crumb_back .icon_arrow{width: 56px; height: 56px; border: 1px solid #999; border-radius: 50%; position: relative;} .crumb .crumb_back:hover .icon_arrow{border-color: #000;} .crumb .crumb_back .icon_arrow::after{background-image: url(../images/icon/icon_arrow_back.png);} .crumb .crumb_back:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_prev.png);} .crumb .crumb_back .crumb_back_txt{font-family: 'Montserrat-Light'; font-size: 18px; line-height: 52px; color: #999; margin-left: 40px;} .crumb .crumb_back:hover .crumb_back_txt{color: #000;} .crumb .location_box{display: flex; align-items: flex-end; font-family: 'Montserrat-Regular'; font-size: 30px; line-height: 40px; margin-top: 25px;} .crumb .location_box a{font-family: 'Montserrat-Regular'; font-size: 40px; text-transform: uppercase;} .crumb .location_box a:last-child{font-size: 90px; line-height: 74px; margin-left: 20px; cursor: default;} .banner_box{box-sizing: border-box; display: flex; align-items: flex-end; height: 780px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; background-color: #000; padding: 4.42709% 0;} .banner_box .crumb{width: 100%; margin-top: 0; position: relative;} .banner_box .crumb .crumb_back .crumb_back_txt{color: #fff;} .banner_box .crumb .crumb_back .icon_arrow{border-color: #fff;} .banner_box .crumb .crumb_back .icon_arrow::after{background-image: url(../images/icon/icon_arrow_prev_white.png);} .banner_box .crumb .crumb_back:hover .crumb_back_txt{color: #000;} .banner_box .crumb .crumb_back:hover .icon_arrow{border-color: #000;} .banner_box .crumb .crumb_back:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_prev.png);} .banner_box .crumb .location_box, .banner_box .crumb .location_box a{color: #fff;} .banner_box .crumb .location_box{width: calc(100% - 200px);} .banner_box .goods_tool{display: flex; align-items: center; position: absolute; right: 3.125%; bottom: 5px;} .banner_box .goods_tool .goods_tool_item{display: block; width: 27px; height: 27px; background-repeat: no-repeat; background-size: 100%; background-position: center; cursor: pointer; margin-left: 50px;} .banner_box .goods_tool .goods_tool_item:first-child{margin-left: 0;} .banner_box .goods_tool .icon_copy{background-image: url(../images/icon/icon_copy.png);} .banner_box .goods_tool .icon_share{background-image: url(../images/icon/icon_share.png);} .banner_box .goods_tool .icon_like{background-image: url(../images/icon/icon_like.png);} .banner_box .goods_tool .icon_like.is_in{background-image: url(../images/icon/icon_like_white.png);} .banner_box .goods_tool .share_box{position: relative;} .banner_box .goods_tool .share_box .share{display: none; width: max-content; position: absolute; right: 0; top: 100%;} .banner_box .goods_tool .share_box:hover .share, .banner_box .goods_tool .share_box .share:hover{display: block;} .banner_box .goods_tool .share_box .share .at-share-tbx-element .at-icon-wrapper:last-child{margin-right: 0;} .copy_box{visibility: hidden; opacity: 0; width: 100%; height: 100%; background-color: #000; text-align: center; overflow-y: scroll; position: fixed; left: 0; top: 0; z-index: -1;} .copy_box.on{visibility: visible; opacity: 1; z-index: 999;} .copy_box::-webkit-scrollbar{width: 4px;} .copy_box .copy_close{width: 64px; height: 64px; background-color: #fff; position: fixed; top: 0; right: 4px;} .copy_box .copy_close::before{content: ''; width: 1px; height: 30px; background-color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);} .copy_box .copy_close::after{content: ''; width: 1px; height: 30px; background-color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);} .copy_box img{width: 100%;} .category_desc a{font-family: 'Montserrat-Light'; font-size: 18px; line-height: 18px; color: #b2b2b2; margin-right: 10px;} .category_desc a:last-child{margin-right: 0;} .category_desc a:hover, .category_desc a.on{color: #000;} .products_box{padding: 30px 0;} .products_box .products_tool{display: flex; margin-top: 98px;} .products_box .products_tool a{width: 22px; height: 22px; background-repeat: no-repeat; background-size: 100%; background-position: center;} .products_box .products_tool a + a{margin-left: 42px;} .products_box .products_tool .icon_products_list{background-image: url(../images/icon/icon_products_list.png);} .products_box .products_tool .icon_products_list.cur{background-image: url(../images/icon/icon_products_list_action.png);} .products_box .products_tool .icon_products_grid{background-image: url(../images/icon/icon_products_grid.png);} .products_box .products_tool .icon_products_grid.cur{background-image: url(../images/icon/icon_products_grid_action.png);} .products_box .category_title{font-family: 'Montserrat-Light'; font-size: 18px; line-height: 18px; max-height: 18px; overflow: hidden;} .products_box .products_title{font-family: 'Montserrat-Light'; font-size: 30px; line-height: 30px; max-height: 60px; overflow: hidden;} .products_box .more{display: block; width: max-content; font-family: 'Montserrat-Bold'; font-size: 15px; line-height: 15px; position: relative;} .products_box .more .icon_arrow{position: absolute; top: 50%; transform: translateY(-50%);} .products_box .view{width: 160px; font-family: 'Montserrat-Light'; font-size: 12px; line-height: 44px; background-color: #e6e6e6; position: absolute; text-align: center;} .products_box .products_grid{display: flex; flex-wrap: wrap; margin-top: 68px;} .products_box .products_grid .products_item{width: 23.667%; height: 0; padding-top: 13.334%; position: relative; margin-right: 1.77%; margin-top: 32px; overflow: hidden;} .products_box .products_grid .products_item::before{content: ''; visibility: visible; opacity: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .35); position: absolute; left: 0; top: 0; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 10;} .products_box .products_grid .products_item:hover::before{visibility: hidden; opacity: 0;} .products_box .products_grid .products_item:nth-child(4n){margin-right: 0;} .products_box .products_grid .products_item > img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .products_box .products_grid .products_item .products_info{width: 81.2207%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; z-index: 20;} .products_box .products_grid .category_title{color: #fff;} .products_box .products_grid .products_title{color: #fff; margin-top: 32px;} .products_box .products_grid .more{color: #fff; opacity: .5; padding-right: 8px; margin-top: 20px; transform: translateX(-100%);} .products_box .products_grid .products_item:hover .more{transform: translateX(0); opacity: 1;} .products_box .products_grid .more .icon_arrow{left: 100%} .products_box .products_grid .more .icon_arrow::after{background-image: url(../images/icon/icon_arrow_next_white.png);} .products_box .products_grid .products_item .view{right: -58px; top: 50%; transform: translateY(-50%) rotate(90deg); z-index: 10;} .products_box .products_list{margin-top: 70px;} .products_box .products_list .products_item{display: flex; align-items: flex-end;} .products_box .products_list .products_item:nth-child(even){flex-direction: row-reverse; align-items: flex-start;} .products_box .products_list .products_img{width: 50%; position: relative; overflow: hidden;} .products_box .products_list .products_img::before{content: ''; visibility: visible; opacity: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .35); position: absolute; left: 0; top: 0; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 10;} .products_box .products_list .products_item:hover .products_img::before{visibility: hidden; opacity: 0;} .products_box .products_list .products_item:nth-child(odd) .products_img{text-align: right;} .products_box .products_list .products_item:nth-child(even) .products_img{text-align: left;} .products_box .products_list .products_item:nth-child(odd) .products_img .view{right: -58px; bottom: 24%; transform: rotate(90deg); z-index: 10;} .products_box .products_list .products_info{display: flex; flex-direction: column; width: calc(34% - 1px); min-height: 240px; background-color: #eee; padding: 2.223% 2.778%;} .products_box .products_list .products_item:nth-child(even) .products_img .view{left: -58px; top: 24%; transform: rotate(90deg); z-index: 10;} .products_box .products_list .products_item:nth-child(odd) .products_info{justify-content: flex-start; align-items: flex-start;} .products_box .products_list .products_item:nth-child(even) .products_info{/*padding: 2.1112% 3.889%;*/ justify-content: flex-end; align-items: flex-end;} .products_box .products_list .category_title{color: #999;} .products_box .products_list .products_title{margin-top: 32px;} .products_box .products_list .more{color: #999; margin-top: 20px;} .products_box .products_list .products_item:hover .more{color: #000;} .products_box .products_list .products_item .more{padding-right: 30px;} .products_box .products_list .products_item .icon_arrow{right: 0;} .products_box .products_list .products_item .more .icon_arrow::after{background-image: url(../images/icon/icon_arrow_go.png);} .products_box .products_list .products_item:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_next.png);} .category_box .products_tool{margin-top: 63px;} .category_box .products_grid{margin-top: 38px;} .category_box .products_grid .category_title{font-size: 24px; line-height: 32px; max-height: 32px;} .category_box .products_list .category_title{font-size: 24px; line-height: 24px; max-height: 24px; color: #000;} body .goods_box .goods_desc{box-sizing: border-box; padding: 0 8.334%;} body .goods_box .goods_desc *{font-size: 14px; line-height: 1.5;} .desc_box{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 160px 0;} .desc_box .desc_item{box-sizing: border-box; width: 43.334%;} .desc_box .desc_item .desc_txt{font-family: 'Montserrat-Light'; font-size: 15px; line-height: 30px;} .desc_box .desc_item .desc_adv_list{margin-top: 78px;} .desc_box .desc_adv_list .desc_adv_item{font-family: 'Montserrat-Light'; font-size: 22px; line-height: 44px; text-decoration: underline;} .rela_swiper{margin: 160px 0 170px;} .rela_swiper .rela_swiper_item{display: flex; justify-content: space-between; align-items: center;} .rela_swiper .rela_swiper_item .img{display: block; width: 43.334%; text-align: center;} .rela_swiper .rela_swiper_item .info{width: 43.334%;} .rela_swiper .rela_swiper_item .info .subtitle{font-family: 'Montserrat-Light'; font-size: 24px; line-height: 24px; height: 24px; overflow: hidden;} .rela_swiper .rela_swiper_item .info .title{display: block; font-family: 'Montserrat-Bold'; font-size: 50px; line-height: 52px; max-height: 156px; overflow: hidden; margin-top: 18px;} .rela_swiper .rela_swiper_item .info .desc{font-family: 'Montserrat-Light'; font-size: 24px; line-height: 34px; height: 34px; color: #666; overflow: hidden; margin-top: 22px;} .rela_swiper .rela_swiper_item .info .tool{display: flex; padding: 0 2px; margin-top: 82px;} .rela_swiper .rela_swiper_item .info .tool .icon_arrow{box-sizing: border-box; width: 40px; height: 40px; border: 1px solid #000;} .rela_swiper .rela_swiper_item .info .tool .icon_arrow:hover{background-color: #000;} .rela_swiper .rela_swiper_item .info .tool .icon_arrow + .icon_arrow{margin-left: 20px;} .rela_swiper .rela_swiper_item .info .tool .icon_arrow.prev:hover::after{background-image: url(../images/icon/icon_arrow_prev_white.png);} .rela_swiper .rela_swiper_item .info .tool .icon_arrow.next:hover::after{background-image: url(../images/icon/icon_arrow_next_white.png);} .rela_swiper .swiper-button-next, .rela_swiper .swiper-button-prev{display: none;} .goods_detail_box{position: relative; margin-top: -12.761%;} .goods_detail_box .goods_detail_cont{box-sizing: border-box; width: 100%; background-color: #fff; padding: 6% 7.778% 0; position: relative; z-index: 10;} .goods_detail_box .goods_detail_cont .goods_detail_title{font-family: 'Montserrat-Regular'; font-size: 90px; line-height: 90px; padding-bottom: 2.961%; border-bottom: 1px solid #e5e5e5;} .goods_detail_box .goods_detail_cont .goods_detail_list{display: flex; flex-wrap: wrap; padding: 32px 0;} .goods_detail_box .goods_detail_list .goods_detail_item{box-sizing: border-box; width: 25%; padding: 0 8px;} .goods_detail_box .goods_detail_item .goods_attr + .goods_attr{margin-top: 20px;} .goods_detail_box .goods_detail_item .subtitle{font-family: 'Montserrat-Light'; font-size: 24px; line-height: 34px; margin-bottom: 22px;} .goods_detail_box .goods_detail_item .img{width: 70%; margin-top: 30px; cursor: pointer;} .goods_detail_box .goods_detail_item .desc{font-family: 'Montserrat-Light'; font-size: 15px; line-height: 30px; color: #666;} .goods_detail_box .goods_detail_item .dimensions{margin-top: 35px;} .goods_detail_box .dimensions .dimensions_title{font-family: 'Montserrat-Bold'; font-size: 18px; line-height: 30px; margin-bottom: 6px;} .goods_detail_box .goods_detail_item .goods_detail_attr + .goods_detail_attr{margin-top: 20px;} .goods_detail_box .goods_detail_attr .attr_list{display: flex; flex-wrap: wrap; margin-top: 20px;} .goods_detail_box .attr_list .attr_item{width: 24px; height: 24px; border-radius: 50%; position: relative; cursor: pointer; margin: 0 26px 26px 0;} .goods_detail_box .attr_item .active{width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .goods_detail_box .attr_item:hover .active, .goods_detail_box .attr_item.cur .active{transform: translate(-50%, -50%) scale(1.4);} .goods_detail_box .goods_detail_item .attr_random{display: inline-block; font-family: 'Montserrat-Light'; font-size: 18px; line-height: 42px; height: 42px; color: #000; border: 1px solid #000; border-radius: 22px; padding: 0 82px 0 20px; position: relative; margin-top: 28px;} .goods_detail_box .goods_detail_item .attr_random:hover{background-color: #000; color: #fff;} .goods_detail_box .goods_detail_item .attr_random::after{content: ''; width: 62px; height: 100%; border-radius: 22px; background: #000 url(../images/icon/icon_sink_arrow.png) no-repeat center / 18px; position: absolute; right: 0; top: 0; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .goods_detail_box .goods_detail_item .attr_random:hover::after{background-color: #fff; background-image: url(../images/icon/icon_sink_arrow_black.png);} .goods_detail_box .goods_detail_inquiry{font-family: 'Montserrat-Regular'; font-size: 15px; line-height: 54px; height: 54px; color: #fff; background-color: #000; border-radius: 27px; padding: 0 3.542%; border: 1px solid #000; position: absolute; left: 50%; bottom: -27px; transform: translateX(-50%); z-index: 20;} .goods_detail_box .goods_detail_inquiry:hover{background-color: #fff; color: #000;} .big_img_box{visibility: hidden; opacity: 0; z-index: -1; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, .6);} .big_img_box.on{visibility: visible; opacity: 1; z-index: 9999;} .big_img_box img{max-width: 90%; max-height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .goods_download{background-color: #f2f2f2;} .goods_download .goods_download_box{padding: 5.834% 8.334% 6.667%;} .goods_download .goods_download_box .goods_download_title{font-family: 'Montserrat-Regular'; font-size: 40px; line-height: 66px;} .goods_download .goods_download_box .goods_download_list{display: flex; flex-wrap: wrap;} .goods_download .goods_download_list .goods_download_item{box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 23.4%; min-height: 70px; font-family: 'Montserrat-Light'; font-size: 15px; line-height: 26px; border: 1px solid #000; text-align: center; padding: 8px; margin-right: 2.13%; margin-top: 32px;} .goods_download .goods_download_list .goods_download_item:nth-child(4n){margin-right: 0;} .goods_download .goods_download_list .goods_download_item:hover{background-color: #000; color: #fff;} .goods_inside{margin: 160px 0;} .goods_inside .goods_inside_box{padding: 0 8.334%;} .goods_inside .goods_inside_box .goods_inside_title{font-family: 'Montserrat-Regular'; font-size: 40px; line-height: 52px;} .goods_inside .goods_inside_box .goods_inside_list{display: flex; flex-wrap: wrap;} .goods_inside .goods_inside_list .goods_inside_item{box-sizing: border-box; width: 23.4%; margin-right: 2.13%; margin-top: 37px;} .goods_inside .goods_inside_list .goods_inside_item:nth-child(4n){margin-right: 0;} .goods_inside .goods_inside_item .img{display: block; width: 100%; height: 0; padding-top: 56.126%; position: relative;} .goods_inside .goods_inside_item .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .goods_inside .goods_inside_item .info{padding-top: 25px;} .goods_inside .goods_inside_item .subtitle{font-family: 'Montserrat-Light'; font-size: 18px; line-height: 24px; height: 24px; color: #999; overflow: hidden;} .goods_inside .goods_inside_item .title{display: block; font-family: 'Montserrat-Light'; font-size: 30px; line-height: 30px; height: 30px; overflow: hidden; margin-top: 20px;} .goods_inside .goods_inside_item .more{display: block; width: max-content; font-family: 'Montserrat-Bold'; font-size: 15px; line-height: 15px; color: #999; padding-right: 30px; position: relative; margin-top: 10px;} .goods_inside .goods_inside_item .more:hover{color: #000;} .goods_inside .goods_inside_item .more .icon_arrow{position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .goods_inside .goods_inside_item .more .icon_arrow::after{background-image: url(../images/icon/icon_arrow_go.png);} .goods_inside .goods_inside_item .more:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_next.png);} .news_box{padding: 30px 0;} .news_box .news_grid{display: flex; flex-wrap: wrap; margin-top: 66px;} .news_box .news_grid .news_item{width: 32.1112% ; background-color: #ededed; margin-right: 1.83%; margin-top: 32px} .news_box .news_grid .news_item:nth-child(3n){margin-right: 0;} .news_box .news_grid .news_item .news_img{display: block; width: 100%; height: 0; padding-top: 56.23%; position: relative;} .news_box .news_grid .news_item .news_img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .news_box .news_grid .news_item .news_info{width: 100%; padding: 8.305% 8.653% 10.383%;} .news_box .news_grid .news_info .news_info_top{display: flex; justify-content: space-between;} .news_box .news_grid .news_info_top .category_title{width: 50%; font-family: 'Montserrat-Light'; font-size: 18px; line-height: 18px; height: 18px; overflow: hidden;} .news_box .news_grid .news_info_top .news_time{width: 50%; font-family: 'Montserrat-Light'; font-size: 18px; line-height: 18px; color: #999; text-align: right;} .news_box .news_grid .news_info .news_title{font-family: 'Montserrat-Light'; font-size: 30px; line-height: 30px; max-height: 60px; overflow: hidden; margin-top: 52px;} .news_box .news_grid .news_info .news_more{display: inline-block; font-family: 'Montserrat-Bold'; font-size: 15px; line-height: 15px; padding-right: 30px; position: relative; margin-top: 20px;} .news_box .news_grid .news_info .news_more .icon_arrow{position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .news_box .news_page{display: flex; justify-content: flex-end; margin-top: 52px;} .news_box .news_page a{font-family: 'Montserrat-Bold'; font-size: 15px; line-height: 24px; color: #b2b2b2;} .news_box .news_page a + a{margin-left: 50px;} .news_box .news_page a:hover{color: #000;} .page_banner{position: relative; display: flex; overflow: hidden; padding-bottom: 6.306%; margin-top: 4.88703%;} .page_banner.reverse{justify-content: flex-end;} .page_banner::after{content: ''; width: 89.0625%; height: 83.5617%; background-color: #e5e5e5; position: absolute; right: 0; bottom: 0; z-index: 0;} .page_banner.reverse::after{right: unset; left: 0;} .page_banner .page_banner_box{box-sizing: border-box; width: 89.0625%; background-color: #000; position: relative; z-index: 10;} .page_banner .page_banner_box .page_banner_info{position: absolute; left: 8.48%; bottom: 16.067%;} .page_banner .page_banner_info .page_banner_title{font-family: 'Montserrat-Bold'; font-size: 4.6875vw; line-height: 1; color: #fff;} .page_banner .page_banner_info .page_banner_link{display: inline-block; font-family: 'Montserrat-Regular'; font-size: 15px; line-height: 15px; color: #fff; padding: 0 33px 0 5px; margin-top: 27px; position: relative;} .page_banner .page_banner_link .icon_arrow{position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .info-detail .page_banner_info .page_banner_link{padding-right: 5px;} .info-detail .page_banner .page_banner_link .icon_arrow{display: none;} .page_banner .page_banner_link .icon_arrow::after{background-image: url(../images/icon/icon_arrow_next_white.png);} .page_banner .page_banner_info .page_banner_link:hover{color: #000;} .page_banner .page_banner_link:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_next.png);} .page_banner .page_tool{display: flex; align-items: center; position: absolute; right: 8.48%; bottom: 16.067%;} .page_banner .page_tool .page_tool_item{display: block; width: 27px; height: 27px; background-repeat: no-repeat; background-size: 100%; background-position: center; cursor: pointer; margin-left: 50px;} .page_banner .page_tool .page_tool_item:first-child{margin-left: 0;} .page_banner .page_tool .icon_share{background-image: url(../images/icon/icon_share.png);} .page_banner .page_tool .share_box{position: relative;} .page_banner .page_tool .share_box .share{display: none; width: max-content; position: absolute; right: 0; top: 100%;} .page_banner .page_tool .share_box:hover .share, .page_banner .page_tool .share_box .share:hover{display: block;} .page_banner .page_tool .share_box .share .at-share-tbx-element .at-icon-wrapper:last-child{margin-right: 0;} #footer .footer_box{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 107px 0 65px;} #footer .footer_box .footer_top{display: flex; flex-direction: column; align-items: center; padding: 128px 0;} #footer .footer_top .footer_top_txt{font-family: 'Montserrat-Bold'; font-size: 20px; line-height: 20px; color: #1a1a1a;} #footer .footer_top .footer_top_more{display: inline-block; font-family: 'Montserrat-Regular'; font-size: 15px; line-height: 15px; padding-right: 32px; position: relative; margin-top: 25px;} #footer .footer_top_more .icon_arrow{width: 24px; height: 11px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #footer .footer_top .footer_top_more:hover{color: #999;} #footer .footer_top .footer_top_more:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_go.png);} #footer .footer_box .footer_logo{width: max-content; height: max-content; position: relative; margin: 104px;} #footer .footer_box .footer_logo::before{content: ''; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #000; border-radius: 50%; position: absolute; left: 0; top: 0; -webkit-animation: anim-out 3s 1s ease-out infinite; animation: anim-out 3s 1s ease-out infinite;} #footer .footer_box .footer_logo::after{content: ''; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #000; border-radius: 50%; position: absolute; left: 0; top: 0; -webkit-animation: anim-out 3s 2s ease-out infinite; animation: anim-out 3s 2s ease-out infinite;} #footer .footer_box .footer_logo a{display: block; position: relative;} #footer .footer_box .footer_logo a::after{content: ''; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #000; border-radius: 50%; position: absolute; left: 0; top: 0; -webkit-animation: anim-out 3s ease-out infinite; animation: anim-out 3s ease-out infinite;} #footer .footer_logo .img_logo{display: block;} #footer .footer_logo .img_logo_dark{display: none;} #footer .footer_box .footer_nav{width: 55.556%; display: flex; justify-content: space-between; padding: 90px 0;} #footer .footer_nav .footer_nav_list{display: flex; flex-direction: column; align-items: flex-start;} #footer .footer_nav_list .footer_nav_title{font-family: 'Montserrat-Bold'; font-size: 16px; line-height: 36px;} #footer .footer_nav_list .footer_nav_item{font-family: 'Montserrat-Light'; font-size: 16px; line-height: 30px; color: #4c4c4c;} #footer .footer_nav_list .footer_nav_item:hover{color: #000;} #footer .footer_policy{display: flex; justify-content: center; margin-top: 38px;} #footer .footer_policy a{font-family: 'Montserrat-Bold'; font-size: 14px; line-height: 30px; margin-right: 50px;} #footer .footer_policy a:last-child{margin-right: 0;} #footer .footer_policy a:hover{color: #999;} #footer .footer_contact, #footer .footer_copright{font-family: 'Montserrat-Light'; font-size: 14px; line-height: 24px; color: #4c4c4c;} #footer .footer_contact{margin-top: 10px;} #footer .footer_copright * { font-family: 'Montserrat-Light'; font-size: 14px; line-height: 24px; color: #4c4c4c;} #footer .footer_copright{margin-top: 57px;} @-webkit-keyframes anim-out{ 0%{opacity: 0.5;} 100%{transform: scale(2.9); opacity: 0;} } @-moz-keyframes anim-out{ 0%{opacity: 0.5;} 100%{transform: scale(2.9); opacity: 0;} } @-ms-keyframes anim-out{ 0%{opacity: 0.5;} 100%{transform: scale(2.9); opacity: 0;} } @keyframes anim-out{ 0%{opacity: 0.5;} 100%{transform: scale(2.9); opacity: 0;} } .share_box{display: flex; justify-content: center; align-items: center;} .share_box .share_item{width: 32px; height: 32px; background-repeat: no-repeat; background-position: center;} .share_box .share_item + .share_item{margin-left: 20px;} .share_box .share_item.Twitter{background-image: url(../images/icon/icon_Twitter.png);} .share_box .share_item.Pinterest{background-image: url(../images/icon/icon_Pinterest.png);} .share_box .share_item.Instagram{background-image: url(../images/icon/icon_Instagram.png);} .share_box .share_item.YouTube{background-image: url(../images/icon/icon_YouTube.png);} .share_box .share_item.Facebook{background-image: url(../images/icon/icon_Facebook.png);} .share_box .share_item.WeChat{background-image: url(../images/icon/icon_WeChat.png);} .share_box .share_item.Tiktok{background-image: url(../images/icon/icon_Tiktok.svg); background-size: 32px;} .header_side_right .share_box .share_item.Twitter:hover{background-image: url(../images/icon/icon_Twitter_white.png);} .header_side_right .share_box .share_item.Pinterest:hover{background-image: url(../images/icon/icon_Pinterest_white.png);} .header_side_right .share_box .share_item.Instagram:hover{background-image: url(../images/icon/icon_Instagram_white.png);} .header_side_right .share_box .share_item.YouTube:hover{background-image: url(../images/icon/icon_YouTube_white.png);} .header_side_right .share_box .share_item.Facebook:hover{background-image: url(../images/icon/icon_Facebook_white.png);} .header_side_right .share_box .share_item.WeChat:hover{background-image: url(../images/icon/icon_WeChat_white.png);} .header_side_right .share_box .share_item.Tiktok:hover{background-image: url(../images/icon/icon_Tiktok_white.svg);} #footer .share_box .share_item.Twitter:hover{background-image: url(../images/icon/icon_Twitter_black.png);} #footer .share_box .share_item.Pinterest:hover{background-image: url(../images/icon/icon_Pinterest_black.png);} #footer .share_box .share_item.Instagram:hover{background-image: url(../images/icon/icon_Instagram_black.png);} #footer .share_box .share_item.YouTube:hover{background-image: url(../images/icon/icon_YouTube_black.png);} #footer .share_box .share_item.Facebook:hover{background-image: url(../images/icon/icon_Facebook_black.png);} #footer .share_box .share_item.WeChat:hover{background-image: url(../images/icon/icon_WeChat_black.png);} #footer .share_box .share_item.Tiktok:hover{background-image: url(../images/icon/icon_Tiktok_black.svg);} .bg_dark{background: #000;} .bg_dark, .bg_dark:not(.g_member, .inquiry) *{color: #fff;} .bg_dark::before, .bg_dark::after, .bg_dark .body_line{background-color: #0a0a0a;} .bg_dark .txt_trans::after{background-color: #000;} .bg_dark .index_poster_partner .txt_trans::after{background-color: #e5e5e5;} .bg_dark #header{background: #000;} .bg_dark #header.top{background: unset;} .bg_dark #header .logo_box a .img_logo{visibility: hidden; opacity: 0;} .bg_dark #header .logo_box a .img_logo_fixed{visibility: visible; opacity: 1;} .bg_dark #header .header_r .search{background-image: url(../images/icon/icon_search_white.png);} .bg_dark #header .default_nav_style .n_item>a::after{background-color: #fff;} .bg_dark .header_side_left{background-color: #000;} .bg_dark .header_side_left .header_left_item .subtitle, .bg_dark .header_side_left .header_left_item .title{color: #fff;} .bg_dark .header_side_left .header_left_item .more{color: #666;} .bg_dark .header_side_right{background-color: #fff;} .bg_dark .header_side_right .header_right_tool .icon_close::before, .bg_dark .header_side_right .header_right_tool .icon_close::after{background-color: #000;} .bg_dark .header_side_right .header_list .header_item > a, .bg_dark .header_side_right .lang_tool .lang_txt{color: #000;} .bg_dark .header_side_right .header_item .header_item_sub > a, .bg_dark .header_side_right .header_right_box .newsletter{color: #4d4d4d;} .bg_dark .header_side_right .header_item .header_item_sub > a:hover, .bg_dark .header_side_right .header_right_box .newsletter:hover{color: #000;} .bg_dark .header_side_right .lang_tool .inquiry_icon{background-image: url(../images/icon/icon_inquiry.png);} .bg_dark .header_side_right .lang_tool .sign_icon{background-image: url(../images/icon/icon_user.png);} .bg_dark .header_side_right .lang_tool .cur_lang{background-color: #000; color: #fff;} .bg_dark .header_side_right .header_right_tool .style_tool .bright{border-color: #000;} .bg_dark .icon_arrow.prev::after{background-image: url(../images/icon/icon_arrow_prev_white.png);} .bg_dark .icon_arrow.next::after{background-image: url(../images/icon/icon_arrow_next_white.png);} .bg_dark .index_poster .index_poster_info .index_poster_more:hover{color: #666;} .bg_dark .index_park .index_park_num{color: #0a0a0a;} .bg_dark .index_poster_sink .index_park_num, .bg_dark .index_poster_factory .index_park_num{color: #f5f5f5;} .bg_dark .index_poster_partner .index_park_num{color: #f0f0f0;} .bg_dark .crumb .crumb_back .crumb_back_txt{color: #666;} .bg_dark .crumb .crumb_back .icon_arrow{border-color: #666;} .bg_dark .crumb .crumb_back:hover .icon_arrow{border-color: #fff;} .bg_dark .crumb .crumb_back:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_prev_white.png);} .bg_dark .crumb .crumb_back:hover .crumb_back_txt{color: #fff;} .bg_dark .banner_box .crumb .crumb_back .crumb_back_txt{color: #fff;} .bg_dark .banner_box .crumb .crumb_back .icon_arrow{border-color: #fff;} .bg_dark .category_desc a{color: #4d4d4d;} .bg_dark .category_desc a:hover, .bg_dark .category_desc a.on{color: #fff;} .bg_dark .products_box .products_tool .icon_products_list{background-image: url(../images/icon/icon_products_list_white.png);} .bg_dark .products_box .products_tool .icon_products_list.cur{background-image: url(../images/icon/icon_products_list_white_action.png);} .bg_dark .products_box .products_tool .icon_products_grid{background-image: url(../images/icon/icon_products_grid_white.png);} .bg_dark .products_box .products_tool .icon_products_grid.cur{background-image: url(../images/icon/icon_products_grid_white_action.png);} .bg_dark .products_box .products_grid .category_title, .bg_dark .products_box .products_grid .products_title, .bg_dark .products_box .products_grid .more{color: #000;} .bg_dark .products_box .products_grid .more .icon_arrow::after{background-image: url(../images/icon/icon_arrow_next.png);} .bg_dark .products_box .products_list .products_info{background-color: #111;} .bg_dark .products_box .products_list .more:hover{color: #fff;} .bg_dark .products_box .view{background-color: #191919;} .bg_dark .products_box .products_list .products_item:hover .more{color: #fff;} .bg_dark .products_box .products_list .products_item:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_next_white.png);} .bg_dark .category_box .products_list .category_title{color: #fff;} .bg_dark .rela_swiper .rela_swiper_item .info .desc{color: #999;} .bg_dark .rela_swiper .rela_swiper_item .info .tool .icon_arrow{border-color: #fff;} .bg_dark .rela_swiper .rela_swiper_item .info .tool .icon_arrow:hover{background-color: #fff;} .bg_dark .rela_swiper .rela_swiper_item .info .tool .icon_arrow.prev:hover::after{background-image: url(../images/icon/icon_arrow_prev.png);} .bg_dark .rela_swiper .rela_swiper_item .info .tool .icon_arrow.next:hover::after{background-image: url(../images/icon/icon_arrow_next.png);} .bg_dark .goods_detail_box .goods_detail_cont{background-color: #000;} .bg_dark .goods_detail_box .goods_detail_cont .goods_detail_title{border-bottom-color: #1b1b1b;} .bg_dark .goods_detail_box .goods_detail_item .desc{color: #999;} .bg_dark .goods_detail_box .goods_detail_item .attr_random{color: #fff; border-color: #fff;} .bg_dark .goods_detail_box .goods_detail_item .attr_random:hover{color: #000; background-color: #fff;} .bg_dark .goods_detail_box .goods_detail_item .attr_random::after{background-color: #fff; background-image: url(../images/icon/icon_sink_arrow_black.png);} .bg_dark .goods_detail_box .goods_detail_item .attr_random:hover::after{background-color: #000; background-image: url(../images/icon/icon_sink_arrow.png);} .bg_dark .goods_detail_box .goods_detail_inquiry{color: #000; background-color: #fff;} .bg_dark .goods_detail_box .goods_detail_inquiry:hover{border-color: #fff; color: #fff; background-color: #000;} .bg_dark .goods_download{background-color: #0d0d0d;} .bg_dark .goods_download .goods_download_list .goods_download_item{border-color: #fff;} .bg_dark .goods_download .goods_download_list .goods_download_item:hover{background-color: #fff; color: #000;} .bg_dark .goods_inside .goods_inside_item .subtitle, .bg_dark .goods_inside .goods_inside_item .more{color: #666;} .bg_dark .goods_inside .goods_inside_item .more:hover{color: #fff;} .bg_dark .goods_inside .goods_inside_item .more:hover .icon_arrow::after{background-image: url(../images/icon/icon_arrow_next_white.png);} .bg_dark .news_box .news_grid .news_item{background-color: #121212;} .bg_dark .news_box .news_grid .news_info_top .news_time{color: #666;} .bg_dark .news_box .news_page a{color: #4d4d4d;} .bg_dark .news_box .news_page a:hover{color: #fff;} .bg_dark .page_banner::after{background-color: #1a1a1a;} .bg_dark .wrap-module .cate-name{color: #fff;} .bg_dark .download_form .text{color: #000;} .bg_dark .ueeshop_responsive_feedback .form_button{background: #ddd; color: #000;} .bg_dark #footer .footer_top .footer_top_txt{color: #e5e5e5;} .bg_dark #footer .footer_box .footer_logo::before{border-color: #fff;} .bg_dark #footer .footer_box .footer_logo::after{border-color: #fff;} .bg_dark #footer .footer_box .footer_logo a::after{border-color: #fff;} .bg_dark #footer .footer_logo .img_logo{display: none;} .bg_dark #footer .footer_logo .img_logo_dark{display: block;} .bg_dark #footer .footer_nav_list .footer_nav_item, .bg_dark #footer .footer_contact, .bg_dark #footer .footer_copright{color: #b3b3b3;} .bg_dark #footer .footer_nav_list .footer_nav_item:hover{color: #fff;} .bg_dark .header_side_right .share_box .share_item.Twitter:hover{background-image: url(../images/icon/icon_Twitter_black.png);} .bg_dark .header_side_right .share_box .share_item.Pinterest:hover{background-image: url(../images/icon/icon_Pinterest_black.png);} .bg_dark .header_side_right .share_box .share_item.Instagram:hover{background-image: url(../images/icon/icon_Instagram_black.png);} .bg_dark .header_side_right .share_box .share_item.YouTube:hover{background-image: url(../images/icon/icon_YouTube_black.png);} .bg_dark .header_side_right .share_box .share_item.Facebook:hover{background-image: url(../images/icon/icon_Facebook_black.png);} .bg_dark .header_side_right .share_box .share_item.WeChat:hover{background-image: url(../images/icon/icon_WeChat_black.png);} .bg_dark .header_side_right .share_box .share_item.Tiktok:hover{background-image: url(../images/icon/icon_Tiktok_black.svg);} .bg_dark #footer .share_box .share_item.Twitter:hover{background-image: url(../images/icon/icon_Twitter_white.png);} .bg_dark #footer .share_box .share_item.Pinterest:hover{background-image: url(../images/icon/icon_Pinterest_white.png);} .bg_dark #footer .share_box .share_item.Instagram:hover{background-image: url(../images/icon/icon_Instagram_white.png);} .bg_dark #footer .share_box .share_item.YouTube:hover{background-image: url(../images/icon/icon_YouTube_white.png);} .bg_dark #footer .share_box .share_item.Facebook:hover{background-image: url(../images/icon/icon_Facebook_white.png);} .bg_dark #footer .share_box .share_item.WeChat:hover{background-image: url(../images/icon/icon_WeChat_white.png);} .bg_dark #footer .share_box .share_item.Tiktok:hover{background-image: url(../images/icon/icon_Tiktok_white.svg);} @media screen and (max-width: 1380px) { .products_box .products_grid .products_item{width: 32%; padding-top: 18%; margin-right: 2%;} .products_box .products_grid .products_item:nth-child(4n){margin-right: 2%;} .products_box .products_grid .products_item:nth-child(3n){margin-right: 0;} .products_box .products_list .products_info{min-height: 180px;} } @media screen and (max-width: 1180px) { .news_box .news_grid .news_item{width: 49%; margin-right: 2%;} .news_box .news_grid .news_item:nth-child(3n){margin-right: 2%;} .news_box .news_grid .news_item:nth-child(even){margin-right: 0;} } @media screen and (max-width: 1000px) { .products_box .products_grid .products_item{width: 49%; padding-top: 28%; margin-right: 2%;} .products_box .products_grid .products_item:nth-child(3n){margin-right: 2%;} .products_box .products_grid .products_item:nth-child(even){margin-right: 0;} } @media screen and (max-width: 991px) { body::before, body::after, .body_line{display: none;} .div_wrap{padding: 0 15px;} .header_blank{height: 70px; display: none;} .ueeshop_responsive_header.header_blank{display: block;} .header_side_left, .header_side_right{display: none;} #banner .icon_arrow{width: 25px; height: 15px; bottom: 11%;} #banner .tool_box{right: 4%; bottom: 9%;} #banner .tool_box .icon_tool{width: 25px; height: 25px;} #banner .tool_box .icon_tool + .icon_tool{margin-left: 22px;} .index_park .index_park_num{display: none;} .index_poster{margin: 56px 0 68px;} .index_poster .index_poster_box{flex-wrap: wrap; padding: 0;} .index_poster .index_poster_box .index_poster_info{width: 100%;} .index_poster .index_poster_info .index_poster_subtitle{font-size: 21px; line-height: 21px;} .index_poster .index_poster_info .index_poster_title{font-size: 35px; line-height: 40px; margin-top: 15px;} .index_poster .index_poster_info .index_poster_more{font-size: 15px; line-height: 15px; padding-right: 35px; margin-top: 25px;} .index_poster .index_poster_box .index_poster_img{width: 100%; margin-top: 36px;} .index_poster .index_poster_info .index_poster_txt{width: 100%; font-size: 21px; line-height: 28px; margin-top: 5px;} .index_poster .index_poster_box .index_poster_attr{width: 100%; margin-top: 45px;} .index_poster .index_poster_attr .attr_box + .attr_box{margin-top: 10px;} .index_poster .attr_list .attr_item{width: 31px; height: 31px; margin-bottom: 25px;} .index_poster .index_poster_attr .attr_random{font-size: 15px; line-height: 38px; padding-right: 80px; margin-top: 10px;} .index_poster .index_poster_attr .attr_random::after{width: 55px;} .bg_dark .index_poster .index_poster_attr .attr_random{color: #fff; border-color: #fff;} .bg_dark .index_poster .index_poster_attr .attr_random::after{background-color: #fff; background-image: url(../images/icon/icon_sink_arrow_black.png);} .bg_dark .index_poster_sink .index_poster_info .index_poster_subtitle, .bg_dark .index_poster_sink .index_poster_info .index_poster_title, .bg_dark .index_poster_sink .index_poster_info .index_poster_more{color: #fff;} .index_poster_sink{background-size: auto 70.5vw; background-position: bottom center; padding-bottom: 300px; margin-top: 45px;} .index_poster_sink .index_poster_box{min-height: auto;} .index_poster_sink .index_poster_info .index_poster_more{margin-top: 26px;} .index_poster_factory .index_factory_box{min-height: auto; padding: 35px 0 10px;} .index_poster_factory .index_factory_box .index_factory_title{font-size: 35px; line-height: 40px;} .index_poster_factory .index_factory_box .index_factory_list{flex-wrap: wrap; margin-top: 42px;} .index_poster_factory .index_factory_list .index_factory_item{width: 45%; margin-bottom: 26px;} .index_poster_factory .index_factory_item .index_factory_num{font-size: 40px; line-height: 40px;} .index_poster_factory .index_factory_item .index_factory_name{font-size: 15px; line-height: 15px; margin-top: 5px;} .index_poster_factory .index_factory_box .icon_play{width: 45px; height: 45px; margin-top: 0; position: absolute; right: 17%; bottom: 11.5%;} .index_poster_factory .index_factory_box .icon_play::before{border-left-width: 13px; border-top-width: 7px; border-bottom-width: 7px; left: calc(50% + 3px);} .index_poster_factory .index_factory_box .icon_play::after{width: calc(100% + 20px); height: calc(100% + 20px);} .index_poster_partner{margin-bottom: 0;} .index_poster_partner .index_poster_box{min-height: auto; padding: 70px 0 140px;} .index_poster_partner .index_poster_box .index_poster_info{padding-bottom: 20px;} .index_poster_partner .index_tool .icon_arrow{width: 45px; height: 45px;} .index_poster_partner .index_tool .icon_arrow + .icon_arrow{margin-left: 25px;} .index_poster_partner .index_poster_box .index_poster_img{margin-top: 165px;} .crumb .crumb_back .icon_arrow{width: 28px; height: 28px;} .crumb .crumb_back .icon_arrow::after{width: 12px; height: 5.5px;} .crumb .crumb_back .crumb_back_txt{font-size: 15px; line-height: 26px; margin-left: 15px;} .crumb_header{margin-top: 50px;} .crumb_footer{margin-top: 0;} .crumb .location_box{flex-wrap: wrap; font-size: 20px; line-height: 26px; margin-top: 22px;} .crumb .location_box a{font-size: 20px;} .crumb .location_box a:last-child{font-size: 35px; line-height: 35px; margin-left: 0;} .category_desc a{font-size: 15px; line-height: 27px;} .products_box{padding: 6px 0;} .products_box .products_tool{margin-top: 43px;} .products_box .products_tool a{width: 30px; height: 30px;} .products_box .products_tool a + a{margin-left: 25px;} .products_box .products_grid{margin: 5px 0 30px;} .products_box .products_grid .products_item{margin-top: 26px;} .products_box .products_grid .products_item .products_info{width: 100%; padding: 0 25px;} .products_box .category_title{font-size: 15px; line-height: 15px;} .products_box .products_title{font-size: 25px; line-height: 25px; margin-top: 25px;} .products_box .products_grid .products_title{font-size: 25px; line-height: 25px; margin-top: 20px;} .products_box .products_grid .more{color: #fff; padding-right: 15px; margin-top: 15px; transform: translateX(0); opacity: 1;} .products_box .view{line-height: 35px; width: 125px;} .products_box .products_grid .products_item .view{right: -45px;} .products_box .products_list{margin: 30px 0 40px;} .products_box .products_list .products_item + .products_item{margin-top: 25px;} .products_box .products_list .products_info{width: 66.67%; min-height: 148px; padding: 22px 25px;} .products_box .products_list .products_item:nth-child(even) .products_info{justify-content: flex-start;} .products_box .products_list .products_item .more{padding-right: 35px;} .products_box .products_list .products_item:nth-child(odd) .products_img .view{right: -45px;} .products_box .products_list .products_item:nth-child(even) .products_img .view{left: -45px;} .category_box .products_tool{margin-top: 15px;} .news_box{padding: 7px 0 45px;} .news_box .news_grid{margin-top: 15px;} .news_box .news_grid .news_item{margin-top: 25px;} .news_box .news_grid .news_item .news_info{padding: 23px 15px 37px;} .news_box .news_grid .news_info .news_info_top{flex-direction: row;} .news_box .news_grid .news_info_top .category_title{width: auto; font-size: 15px; line-height: 15px; margin-top: 20px;} .news_box .news_grid .news_info_top .news_time{width: auto; font-size: 15px; line-height: 15px;} .news_box .news_grid .news_info .news_title{font-size: 25px; line-height: 25px;} .news_box .news_grid .news_info .news_more{padding-right: 35px; margin-top: 14px;} .news_box .news_page{margin-top: 25px;} .news_box .news_page a + a{margin-left: 30px;} .banner_box{height: auto; background-size: auto 40.6vw; background-position: bottom center; background-color: #000; padding: 0;} .banner_box .crumb{padding: 50px 0 172px;} .banner_box .crumb .crumb_back .icon_arrow{border-color: #999;} .banner_box .crumb .crumb_back .icon_arrow::after{background-image: url(../images/icon/icon_arrow_back.png);} .banner_box .crumb .crumb_back .crumb_back_txt{color: #999;} .banner_box .crumb .location_box{width: 100%; margin-top: 32px;} .banner_box .goods_tool{right: 4%; bottom: 20px;} .banner_box .goods_tool .goods_tool_item{width: 24px; height: 24px; margin-left: 30px;} .banner_box .goods_tool .share_box .share{top: unset; bottom: 100%;} .banner_box .goods_tool .share_box .share .at-icon-wrapper{line-height: 32px !important; height: 32px !important; width: 32px !important;} .banner_box .goods_tool .share_box .share .at-icon-wrapper svg{height: 22px !important; width: 22px !important;} body .goods_box .goods_desc{padding: 0;} .desc_box{margin: 65px 0 40px;} .desc_box .desc_item{width: 100%;} .desc_box .desc_item + .desc_item{margin-top: 85px;} .desc_box .desc_item .desc_txt{font-size: 14px; line-height: 22px;} .desc_box .desc_item .desc_adv_list{margin-top: 33px;} .desc_box .desc_adv_list .desc_adv_item{font-size: 20px; line-height: 37px;} .rela_swiper{margin: 40px 0 70px;} .rela_swiper .rela_swiper_item{flex-wrap: wrap;} .rela_swiper .rela_swiper_item .img{width: 100%;} .rela_swiper .rela_swiper_item .info{width: 100%; margin-top: 36px;} .rela_swiper .rela_swiper_item .info .subtitle{font-size: 21px; line-height: 21px;} .rela_swiper .rela_swiper_item .info .title{font-size: 35px; line-height: 40px; margin-top: 10px;} .rela_swiper .rela_swiper_item .info .desc{font-size: 15px; line-height: 15px; height: 15px; margin-top: 16px;} .rela_swiper .rela_swiper_item .info .tool{margin-top: 32px;} .rela_swiper .rela_swiper_item .info .tool .icon_arrow{width: 45px; height: 45px;} .rela_swiper .rela_swiper_item .info .tool .icon_arrow + .icon_arrow{margin-left: 25px;} .goods_detail{margin-top: 70px;} .goods_detail_box{margin-top: 0;} .goods_detail_box .goods_detail_cont{padding: 26px 0 56px;} .goods_detail_box .goods_detail_cont .goods_detail_title{font-size: 30px; line-height: 30px; padding-bottom: 0; border-bottom: 0;} .goods_detail_box .goods_detail_cont .goods_detail_list{padding: 20px 0;} .goods_detail_box .goods_detail_list .goods_detail_item{width: 100%; padding: 0;} .goods_detail_box .goods_detail_list .goods_detail_item + .goods_detail_item{margin-top: 31px;} .goods_detail_box .goods_detail_item .subtitle{font-size: 20px; line-height: 26px; margin-bottom: 10px;} .goods_detail_box .goods_detail_item .img{width: 100%; margin-top: 15px;} .goods_detail_box .goods_detail_item .img img{max-height: 220px;} .goods_detail_box .goods_detail_item .desc{font-size: 14px; line-height: 22px;} .goods_detail_box .goods_detail_item .dimensions{margin-top: 25px;} .goods_detail_box .dimensions .dimensions_title{font-size: 17px; line-height: 17px; margin-bottom: 10px;} .goods_detail_box .goods_detail_item .goods_detail_attr + .goods_detail_attr{margin-top: 5px;} .goods_detail_box .attr_list .attr_item{width: 31px; height: 31px; margin-right: 28px;} .goods_detail_box .goods_detail_item .attr_random{font-size: 15px; line-height: 39px; padding-right: 80px; margin-top: 14px;} .goods_detail_box .goods_detail_item .attr_random::after{width: 56px;} .goods_detail_box .goods_detail_inquiry{box-sizing: border-box; max-width: 100%; line-height: 50px; padding: 0 22%; bottom: -24px;} .goods_download .goods_download_box{padding: 90px 0 70px;} .goods_download .goods_download_box .goods_download_title{font-size: 30px; line-height: 30px;} .goods_download .goods_download_box .goods_download_list{margin-top: 36px;} .goods_download .goods_download_list .goods_download_item{width: 100%; min-height: 34px; font-size: 17px; line-height: 27px; margin-right: 0; margin-top: 20px;} .goods_download .goods_download_list .goods_download_item:first-child{margin-top: 0;} .goods_inside{margin: 65px 0 15px;} .goods_inside .goods_inside_box{padding: 0;} .goods_inside .goods_inside_box .goods_inside_title{font-size: 30px; line-height: 37px;} .goods_inside .goods_inside_box .goods_inside_list{margin-top: 10px;} .goods_inside .goods_inside_list .goods_inside_item{width: 100%; margin-right: 0; margin-top: 12px;} .goods_inside .goods_inside_item .info{padding: 25px 0;} .goods_inside .goods_inside_item .subtitle{font-size: 15px; line-height: 15px;} .goods_inside .goods_inside_item .title{font-size: 25px; line-height: 25px; margin-top: 15px;} .goods_inside .goods_inside_item .more{padding-right: 35px; margin-top: 12px;} .page_banner{margin-top: 50px;} .page_banner .page_banner_info .page_banner_title{font-size: 30px; line-height: 30px;} .page_banner .page_banner_info .page_banner_link{margin-top: 10px;} .page_banner .page_tool .page_tool_item{width: 24px; height: 24px;} .page_banner .page_tool .share_box .share{top: unset; bottom: 100%;} .page_banner .page_tool .share_box .share .at-icon-wrapper{line-height: 32px !important; height: 32px !important; width: 32px !important;} .page_banner .page_tool .share_box .share .at-icon-wrapper svg{height: 22px !important; width: 22px !important;} .copy_box{padding-top: 70px;} .copy_box .copy_close{width: 32px; height: 32px; top: 70px;} .copy_box .copy_close::before{height: 15px;} .copy_box .copy_close::after{height: 15px;} #footer .footer_box{padding: 60px 0;} #footer .footer_box .footer_top{padding: 0;} #footer .footer_top .footer_top_txt{line-height: 30px;} #footer .footer_top .footer_top_more{padding-right: 35px; margin-top: 30px;} #footer .footer_box .footer_logo{margin: 150px;} #footer .footer_box .footer_nav{width: 100%; position: relative; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 0; border-bottom: 1px solid #f2f2f2;} #footer .footer_box .footer_nav::before{content: ''; width: 15px; height: 1px; background-color: #f2f2f2; position: absolute; left: -15px; bottom: -1px;} #footer .footer_box .footer_nav::after{content: ''; width: 15px; height: 1px; background-color: #f2f2f2; position: absolute; right: -15px; bottom: -1px;} #footer .footer_nav .footer_nav_list{width: 100%; align-items: center; text-align: center; position: relative; padding-bottom: 7px;} #footer .footer_nav_list .footer_nav_title{width: 100%; font-size: 25px; line-height: 26px; padding: 20px 0 18px; border-top: 1px solid #f2f2f2; position: relative;} #footer .footer_nav_list .footer_nav_title::before{content: ''; width: 15px; height: 1px; background-color: #f2f2f2; position: absolute; left: -15px; top: -1px;} #footer .footer_nav_list .footer_nav_title::after{content: ''; width: 15px; height: 1px; background-color: #f2f2f2; position: absolute; right: -15px; top: -1px;} #footer .footer_nav_list .footer_nav_item{width: 100%; font-size: 18px; line-height: 40px;} #footer .share_box{margin-top: 70px;} #footer .share_box .share_item + .share_item{margin-left: 30px;} #footer .footer_policy{flex-direction: column; margin-top: 55px;} #footer .footer_policy a{font-size: 22px; line-height: 50px; margin-right: 0;} #footer .footer_contact, #footer .footer_copright{font-size: 15px; line-height: 25px;} #footer .footer_contact{margin-top: 20px;} } @media screen and (max-width: 800px) { .products_box .products_list .products_item{flex-wrap: wrap;} .products_box .products_list .products_img{width: 100%;} .products_box .products_list .products_info{width: 100%; min-height: auto;} .products_box .products_list .products_item:nth-child(even) .products_info{align-items: flex-start;} .products_box .products_list .products_item:nth-child(even) .more{padding-left: 0; padding-right: 30px;} .products_box .products_list .products_item:nth-child(even) .icon_arrow{left: unset; right: 0;} .products_box .products_list .products_item:nth-child(even) .more .icon_arrow::after{background-image: url(../images/icon/icon_arrow_go.png);} .news_box .news_grid .news_info .news_info_top{flex-wrap: wrap; flex-direction: column-reverse;} .news_box .news_grid .news_info_top .category_title{width: 100%;} .news_box .news_grid .news_info_top .news_time{width: 100%; text-align: left;} } @media screen and (max-width: 768px) { #banner .banner_info_box .banner_subtitle{font-size: 12px; line-height: 12px;} #banner .banner_info_box .banner_title{font-size: 19px; line-height: 20px; margin-top: 10px;} #banner .banner_info_box .banner_link{font-size: 12px; line-height: 28px; margin-top: 15px;} } @media screen and (max-width: 600px) { .products_box .products_grid .products_item{width: 100%; padding-top: 56%; margin-right: 0;} .products_box .products_grid .products_item:nth-child(4n){margin-right: 0;} .products_box .products_grid .products_item:nth-child(3n){margin-right: 0;} .news_box .news_grid .news_item{width: 100%; margin-right: 0;} .news_box .news_grid .news_item:nth-child(3n){margin-right: 0;} } /*#body {background:#FFFFFF;width: 100%;max-width: 1920px;margin:0;padding: 0;overflow-x: hidden;position: relative;font-family: "QuattrocentoSans-Regular";color: #111;font-size: 18px;} #body aa:last-childsor: pointer;} .more_line2_hidden{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;} .more_line3_hidden{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-word;} .more {display: block;font-size: 20px;width: 180px;height: 55px;text-align: center;line-height: 55px;text-transform: capitalize;background-color: #00AEEF;color: #FFF;} .wrap:after,.wrap:before{display:table; content:'';} .wrap:after{clear:both;}*/ /*#header .header_box .logo_box h1,#header .header_box .logo_box div{line-height: 100px;} #header {width: 100%;background-color: #111111;font-family: "QuattrocentoSans-Regular";font-size: 18px;position: relative;} #header .header_box {width: 90%;margin: 0 auto;height: 100px;max-width: 1580px;display: flex;flex-direction: row;} #header .header_box { padding: 15px 0; } #header .header_box .logo_box {min-width: 275px;height: 100px;max-width: 275px;} #header .header_box .logo_box {min-width: 200px; max-width: 200px;} #header .header_box .nav_bar {width: calc(88.3% - 610px);display: flex;flex-direction: row;margin: 0 0 0 11.7%;} #header .header_box .nav_bar {width: 50%; margin: 0;} #header .header_box .nav_bar .n_item {margin-right: 65px;} #header .header_box .nav_bar .n_item { margin-right: 30px;} #header .header_box .nav_bar .n_item { margin-right: 25px;} #header .header_box .nav_bar .n_item:last-child {margin-right: unset;} #header .header_box .nav_bar .n_item>a {color: #FFF;line-height: 100px;white-space: nowrap;} #header .header_box .nav_bar .n_item a { text-decoration: none; } #header .header_box .nav_bar .n_item:hover .navSub {display: block;} #header .header_box .nav_bar .n_item .navSub a{line-height: 50px;font-size: 16px;color: #111;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #header .header_box .nav_bar .n_item a:hover, #header .header_box .nav_bar .n_item .navSub a:hover{color: #00aeef} #header .header_box .r_icon {min-width: 335px;display: flex;flex-direction: row;} #header .header_box .r_icon .nav_icon {height: 100%;cursor: pointer;position: relative;} #header .header_box .r_icon .nav_icon a{ width: 33px; height: 100%;display: block; line-height: 100px; font-size: 16px; color: #FFF;} #header .header_box .r_icon .nav_icon .search_icon{ height: 50px;margin: 25px 35px 0 0;background: url(../images/icon.png) no-repeat -8px -132px;} #header .header_box .r_icon .nav_icon .sign_icon{height: 50px;margin: 25px 30px 0 0; background: url(../images/icon.png) no-repeat -5px -57px; } #header .header_box .r_icon .nav_icon .default_shopping_cart{height: 50px;margin: 25px 30px 0 0; filter: invert(1);} #header .header_box .r_icon .nav_icon .inquiry {color: #FFF;margin-top: 25px;width: 150px;height: 50px;line-height: 50px;text-align: center;background-color: #00aeef;text-transform: uppercase;font-size: 16px;} #header .header_box .r_icon .nav_icon .language {height: 50px;display: block;color: #FFF;margin: 25px 20px 0;width: 35px;line-height: 50px;background: url(../images/icon.png) no-repeat 4px -203px;text-transform: uppercase;} #header .header_box .r_icon .nav_icon .navSub{width: 150px;} #header .header_box .r_icon .nav_icon:hover .navSub {display: block;text-align: center;} #header .header_box .r_icon .nav_icon .navSub a{line-height: 32px;font-size: 16px;color: #111;width: 100%;} #header .header_box .r_icon .nav_icon .navSub a:hover {color: #00aeef;} #header .default_language_currency_style{color: white;} #header .default_language_currency_style dt{padding-right: 26px;}*/ /*nav_hidden*/ /*.trans{transition: all 300ms ease 0s;} .navSub{width: 205px;background: no-repeat center top #fff;position: absolute;top: 75%;left: 50%;transform: translate(-50%,0);box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 9px 20px;box-sizing: border-box;border-radius: 5px;display: none;z-index: 999;} .subName{display: block;line-height: 36px;font-size: 14px;text-transform: capitalize;} .hoverColor{transition: all .3s;} .text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/ /*nav_hidden_end*/ /*搜索框*/ /*#default_search_box{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.8);left: 0;top: 0;z-index: 9999;} #default_search_box .form {width: 50%;max-width: 500px;height: 50px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} #default_search_box .text {width: 100%;height: 50px;line-height: 50px;border: 0;border-bottom-color: currentcolor;border-bottom-style: none;border-bottom-width: 0px;border-bottom: 1px solid #fff;padding-right: 35px;color: #fff;background: none;outline: none;text-indent: 10px;box-sizing: border-box;} #default_search_box .button {width: 35px;height: 48px;position: absolute;right: 0;top: 0;background: url(../images/search_btn.png) center no-repeat;cursor: pointer;border: 0;outline: none;} #default_search_box .form i {width: 30px;height: 30px;position: absolute;right: -60px;top: -60px;background: url(../images/search_close.png) center no-repeat;cursor: pointer;}*/ /*搜索框-end*/ /*body .ueeshop_responsive_header .header {background: #111;border-bottom: unset;} body .ueeshop_responsive_header .header .func .search_btn {background: url(../images/search_btn_white.png) no-repeat center center / 100%;} body .ueeshop_responsive_header .header .func .member_btn {background: url(../images/account_btn_white.png) no-repeat center center / 100%;} body .ueeshop_responsive_header .header .func .menu_btn {background: url(../images/menu_btn_white.png) no-repeat center center / 100%;} #footer {width: 100%;background-color: #000;font-family: "QuattrocentoSans-Regular"} #footer .footer_box {width: 90%;margin: 0 auto;max-width: 1580px;padding-top:4.5%;} #footer .footer_box .list_item {width: 100%;display: flex;flex-direction: row;} #footer .footer_box .list_item .ft_item {width: 25%;padding-right: 5%;} #footer .footer_box .list_item .ft_item .item_title {color: #FFF;margin-bottom: 14%;text-transform: capitalize;font-size: 18px;} #footer .footer_box .list_item .ft_item .item_content {display:block; margin-bottom: 10%;} #footer .footer_box .list_item .ft_item .item_content a {color: #888;font-size: 16px;text-transform: capitalize;} #footer .footer_box .footer_bottom_text {width: 100%;display: flex;justify-content: space-between;padding: 4% 0 3%;} #footer .footer_box .footer_bottom_text .left_text {font-size: 14px;color: #888;text-transform: capitalize;} #footer .footer_box .footer_bottom_text .left_text a{color: #888;} #footer .footer_box .footer_bottom_text .right_text {width: auto;font-size: 14px;color: #888;display: flex;flex-direction: row;} #footer .footer_box .footer_bottom_text .right_text span {border-right: 1px solid #888;box-sizing: border-box;} #footer .footer_box .footer_bottom_text .right_text span:last-child {border-right: unset;} #footer .footer_box .footer_bottom_text .right_text a { color: #888;white-space: nowrap;display: block;margin: 0 20px;text-transform: capitalize;} #footer .parceiro { margin-top: 25px; } #footer .parceiro .title { font-size: 18px; color: #fff; margin-bottom: 20px; text-transform: capitalize; } #footer .parceiro .list { display: flex; flex-wrap: wrap; } #footer .parceiro .list .item { position: relative; width: 100px; height: 70px; margin-right: 15px; margin-bottom: 10px; } #footer .parceiro .list .item img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }*/ .close{display: none} /*inside_page*/ .product-list{ width: 100%;} .pro_list .ueeshop_responsive_position{ margin-top: 20px; border-bottom: 0; font-size: 14px; color: #737373;} .pro_list .ueeshop_responsive_position .title{ display: none;} .pro_list .ueeshop_responsive_position .position a{ font-size: 14px; color: #737373; font-family: "WorkSans-Bold";} .pro_list .ueeshop_responsive_position .position{ float: none; width: 100%; height: auto; line-height: 70px; text-align: left;} .product-list .pro_list{ width: 100%; background: #fff;} .product-list .pro_list .cate_brief{ margin-top: 30px; width: 100%;} .product-list .pro_list .hot_cate{ width: 100%;margin: 0 auto;} .product-list .pro_list .hot_cate .page_name{ position: relative; width: 100%; height: 69px; line-height: 69px; font-size: 36px; color: #000; text-align: center; text-transform: uppercase; margin-bottom: 50px;} .product-list .pro_list .hot_cate .list{width: 100%;} .product-list .pro_list .hot_cate .list .row .img{ display: block; width: 100%; text-align: center; overflow: hidden;} .product-list .pro_list .hot_cate .list .row .row_txt{ display: block; margin-bottom: 0; height: auto;} .product-list .pro_list .hot_cate .list .row .row_txt .name{ display: block; width: 100%; height: 48px; line-height: 24px; font-family: Arial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: "QuattrocentoSans-Regular";text-decoration: none;} .product-list .pro_list .hot_cate .list .row:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);} .product-list .pro_list .hot_cate .list .row:hover .row_txt .name{ color: #00aeef;} .product-list .pro_list .hot_cate .bx-wrapper .bx-viewport{height: unset !important;} .product-list .pro_list .hot_cate .bx-pager{ width: 100%; margin: 0 auto 100px; text-align: center; position: static;} .product-list .pro_list .hot_cate .bx-pager .bx-pager-item{ display: inline-block; margin: 0 10px; width: 17px; height: 17px;} .product-list .pro_list .hot_cate .bx-pager .bx-pager-item a{ display: block; width: 100%; height: 100%; font-size: 0; background: #333; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s;} .product-list .pro_list .hot_cate .bx-pager .bx-pager-item:hover a{ background: #00aeef;} .product-list .pro_list .hot_cate .bx-pager .bx-pager-item a.active{ background: #00aeef;} .product-list .pro_list .wrap { margin-top: 30px; } .products .pro_cate{ padding: 12px 0; width: 100%;} .products .pro_cate .page_name{ display: none; position: relative; height: 69px; line-height: 69px;/* background: url('../images/cate_title_icon.png') no-repeat center bottom;*/ font-size: 36px; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase;} .products .pro_cate .content{ position: relative; margin-top: 26px; width: 100%; z-index: 1; text-align: center;} .products .pro_cate .list{ position: relative; display: inline-block; margin: 0 27px 30px 0; width: auto; line-height: 43px; transition: all 0.5s;} .products .pro_cate .list:first-child{ margin-left: 0;} .products .pro_cate .list .son_cate{ position: absolute; left: 0; top: 100%; width: 100%; z-index: 1;} .products .pro_cate .list .first_cate{ position: relative; overflow: hidden; cursor: pointer; transition: all 0.5s;} .products .pro_cate .list .first_cate.son:after{content: '';width: 10px;height: 10px;margin:auto;position: absolute;top: 0;right: 16px;bottom: 0;} .products .pro_cate .list .first_cate a{ display: block; position: relative; padding: 0 36px; border: 1px solid #00aeef; font-size: 16px; transition: all 0.5s; font-family: Arial; text-decoration: none;} .products .pro_cate .list .first_cate a:before{ display: block; content: ''; position: absolute; right: 35px; top: 19px; width: 12px; height: 7px; background: url(../images/pro_cate_icon.png) no-repeat center / 100%; transition: all 0.5s;} .products .pro_cate .list .first_cate a:after{ display: block; content: ''; position: absolute; right: 35px; top: 19px; width: 12px; height: 7px; background: url(../images/pro_cate_icon2.png) no-repeat center / 100%; transition: all 0.5s; z-index: 1; opacity: 0;} .products .pro_cate .list:hover .first_cate a{ background: #00aeef; color: #fff;} .products .pro_cate .list:hover .first_cate a:before{ transform: rotate(180deg);} .products .pro_cate .list:hover .first_cate a:after{ transform: rotate(180deg); opacity: 1;} .products .pro_cate .son_cate{display: none;margin-bottom: 10px; background: #f7f7f7;} .products .pro_cate .list.on .first_cate.son:after{width: 10px;height: 2px;background-position: 0 -104px;} .products .pro_cate .son_cate .item{ position: relative; height: 48px;line-height: 48px;} .products .pro_cate .son_cate .item a{ width: 100%; height: 48px; line-height: 48px; border-bottom: 1px solid #dedede; font-size: 16px; color: #333; text-align: left; text-indent: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s;} .products .pro_cate .son_cate .item a.sia2{ border-bottom: 0;} .products .pro_cate .son_cate .item a.sia2:last-child{ border: 0;} .products .pro_cate .son_cate .item:hover a.sia2{ background: #00aeef; color: #fff;} .products .pro_cate .son_cate .item:hover .subcate3{ display: block;} .products .pro_cate .son_cate .subcate3{ display: none; position: absolute; top: 0; left: 100%; width: 100%; background: #f7f7f7;} .products .pro_cate .son_cate .subcate3 a.sia{display: block; width: 100%; font-size: 16px; color: #7a7a7a; height: 48px; line-height: 48px; text-align: left; text-indent: 24px; border-bottom: 1px solid #ddd; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s;} .products .pro_cate .son_cate .subcate3 a:last-child{ border: 0;} .products .pro_cate .son_cate .subcate3 a:hover{ background: #00aeef; color: #fff;} .hot_cate .bx-wrapper {margin: 0 auto;} body .ueeshop_responsive_products_detail .description .title{padding: 10px 0 0;} .product-detail .ueeshop_responsive_products_detail .description .title{border: none;} .product-detail .ueeshop_responsive_products_detail .description .title span{font-size: 30px;color: #1f1f1f;position: relative;background: #fff;margin-right: 0;padding-right: 15px;font-family: "WorkSans-Bold";} .product-detail .ueeshop_responsive_products_detail .description .title span:after{position: absolute;width: 10000px;left: 100%;top: 18px;height: 1px;background: #e3e3e3;margin-left: 20px;content: '';} .product-list .ueeshop_responsive_products_list .item .info { float: left; padding-left: 47px; width: 100%; padding: 0; margin: 0; box-sizing: border-box;} .product-list .ueeshop_responsive_products_list .item .info .name{ margin-bottom: 0; height: auto;} .product-list .ueeshop_responsive_products_list .item .info .name a{ font-size: 18px;display: block; width: 100%; height: 48px; line-height: 24px; font-family: "QuattrocentoSans-Regular"; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s;} .product-list .ueeshop_responsive_products_list .item .info .price{ font-size: 16px; font-family: "QuattrocentoSans-Regular";} .product-list .ueeshop_responsive_products_list .item:hover .info .name a{ color: #00aeef;} .product-list .ueeshop_responsive_products_list .item .info .more{ display: none; margin: 0 auto; width: 123px; height: 36px; line-height: 36px; font-size: 14px; color: #00aeef; font-family: Arial; text-decoration: underline; text-align: center; transition: all 0.5s;} .wrap {width: 90%;margin: auto} .wrap-module .ueeshop_responsive_products_list .item{ margin-right: 2.4581%; margin-bottom: 22px; padding-bottom: 34px; width: 23.0769%; background: #fff;} .wrap-module .ueeshop_responsive_products_list .item:nth-child(4n){ margin-right: 0;} .wrap-module .ueeshop_responsive_products_list .item .img_list{top: calc( 100% - 34px );} .wrap-module .ueeshop_responsive_products_list .item .pro{width: 100%; height: 100%;} .in_ad{position: relative; font-size: 0; min-height: 130px; } .in_ad .ad_con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .in_ad .ad_con .con_table{ display: table; width: 100%; height: 100%;} .in_ad .ad_con .con_table .con_table_cell{ display: table-cell; vertical-align: middle;} .in_ad .ad_con .ueeshop_responsive_position{ width: 100%; border-bottom: 0;} .in_ad .ad_con .ueeshop_responsive_position .title{ display: block; float: none; width: 100%; max-width: inherit; height: 70px; line-height: 70px; font-size: 50px; color: #fff; font-family: "WorkSans-Bold"; text-align: center;} .in_ad .ad_con .ueeshop_responsive_position .position{ float: none; width: 100%; max-width: inherit; height: 26px; line-height: 26px; text-align: center;} .in_ad .ad_con .ueeshop_responsive_position .position{ font-size: 16px; color: #fff;} .in_ad .ad_con .ueeshop_responsive_position .position a{ font-size: 16px; color: #fff;font-family: "QuattrocentoSans-Regular";} .in_ad .bxSlide-outter {min-height: 48px;} .case {width: 90%;margin: 0 auto;} body .ueeshop_responsive_turn_page{text-align: center;} body .ueeshop_responsive_turn_page span{width: auto;min-width: 54px;} body .ueeshop_responsive_turn_page span a{ display: block; background: #fff;} body .ueeshop_responsive_turn_page span .page_item_current{background: #00aeef;color: #fff;} body .ueeshop_responsive_turn_page.s1>span .page_item_current{background: #00aeef;color: #fff;} body .ueeshop_responsive_turn_page span a, body .ueeshop_responsive_turn_page span font{ background: #f5f5f5; color: #555;font-size: 18px !important;width: 100%;} body .ueeshop_responsive_turn_page span a{ background: #fff;} body .ueeshop_responsive_turn_page span em{width: 20px;height: 8px;} body .ueeshop_responsive_turn_page span em.icon_page_prev{width: 21px;height: 10px;background: url(../images/icon_pro_all.png) no-repeat 0 0;} body .ueeshop_responsive_turn_page span em.icon_page_next{width: 21px;height: 10px;background: url(../images/icon_pro_all.png) no-repeat right 0 bottom 0;} .ueeshop_responsive_case_detail {} .wrap .cate-name{font-size: 30px;color: #000;margin-bottom: 15px;margin-bottom: 30px; text-decoration: none;} .wrap .cate-name a{ text-decoration: none;} .wrap .cate-name span{display: block;width: 28px;height: 2px;background: #00aeef;margin: 15px auto 0;} .bxSlide-outter .bx-wrapper .bx-pager.bx-default-pager a{ margin: 0 7.5px; width: 117px; height: 3px; background: #fff;} .bxSlide-outter .bx-wrapper .bx-pager.bx-default-pager a:hover, .bxSlide-outter .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #00aeef;} .wrap-module .cate-name{font-size: 30px;color: #000;margin-bottom: 15px;margin-bottom: 30px;text-align: center;} .wrap-module .cate-name span{display: block;width: 28px;height: 2px;background: #00aeef;margin: 15px auto 0;} .article-content .art-title{height: 35px;margin: 30px 0;font-size: 22px;color: #333;text-align: center;} .article-content .art-title{ display: none; position: relative; height: 69px; line-height: 69px; font-size: 36px; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase;} .article-content .art-title:before{ display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 28px; height: 2px; background: #00aeef; transform: translateX(-50%);} .wrap-module body .ueeshop_responsive_position{margin-top: 8px;line-height: 40px;margin-bottom: 25px;border-color: #e6e6e6;} .wrap-module .ueeshop_responsive_products_detail_review .review_form h1{font-size: 30px;color: #1f1f1f;text-align: center;margin-bottom: 35px;} .info-list .menu-in-left .ueeshop_responsive_position{ border-bottom: 0;} .info-list .menu-in-left .ueeshop_responsive_position .title{ display: none;} .info-list .menu-in-left .ueeshop_responsive_position .position{ text-align: left;} .menu-in-left{padding-top: 30px;padding-bottom: 4.5%;} .menu-in-left .menu-wrap-style{ width: 100%;} .menu-in-left .menu-wrap-style .menu{ text-align: center;} .menu-in-left .wrap-righter-style{ padding-top: 42px; width: 100%;} .menu-wrap-style .menu .cate-top{margin-bottom: 30px;font-size: 30px;color: #1f1f1f;} .menu-wrap-style .menu li{ position: relative; display: inline-block; margin-top: 20px; margin: 0 20px 10px; width: auto; line-height: 43px; transition: all 0.5s;} .menu-wrap-style .menu li a{ display: block; padding: 0 4px; min-width: 155px; border: 1px solid #00aeef; font-size: 18px; text-align: center; transition: all 0.5s; text-decoration: none;} .menu-wrap-style .menu li a.on, .menu-wrap-style .menu li a:hover{ background: #00aeef; color: #fff;} .menu-wrap-style .menu .m-title{ display: none; position: relative; height: 69px; line-height: 69px;/* background: url('../images/cate_title_icon.png') no-repeat center bottom;*/ font-size: 36px; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase;} .menu-wrap-style .menu .m-title:before{ display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 28px; height: 2px; background: #00aeef; transform: translateX(-50%);} .menu-wrap-style .menu .cate-top{margin-bottom: 30px;font-size: 30px;color: #1f1f1f;} .menu-wrap-style .menu h3{ position: relative; display: inline-block; margin-top: 20px; margin-right: 27px; width: auto; line-height: 43px; transition: all 0.5s;} .menu-wrap-style .menu h3 a{ display: block; padding: 0 4px; min-width: 155px; border: 1px solid #00aeef; font-size: 18px; text-align: center; transition: all 0.5s; text-decoration: none;} .menu-wrap-style .menu h3 a:hover{ background: #00aeef; color: #fff;} .menu-wrap-style .menu h3 a.on, .menu-wrap-style .menu h3 a:hover { background: #00aeef;color: #fff; } .ueeshop_responsive_download_list ul li:hover{color: #00aeef;} .ueeshop_responsive_download_list ul li a:hover{background-color: #00aeef;} .contenter{ margin-top: 30px; width: 100%;} .contenter .title{ padding: 0 30px; width: 100%; height: 50px; line-height: 50px; background: #fff; font-size: 18px; color: #202528; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .contenter .cate_brief{ padding: 0 30px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .contenter .ueeshop_responsive_position .title{ margin-bottom: 4px; width: 100%; height: 62px; line-height: 62px; font-size: 20px; color: #333;} .contenter .ueeshop_responsive_position{ border-bottom: 0;} .contenter .ueeshop_responsive_position .position{ display: none;} .article-content .wrap .contenter .ueeshop_responsive_position .position{ display: block;} .article-content .wrap .contenter { margin-top: 0;} .contenter .ueeshop_responsive_case_list{ margin: 0;} .contenter .ueeshop_responsive_case_list .item{ padding:5% ; background: #f5f5f5; border-bottom: 0;display: flex;flex-direction: row;} body .ueeshop_responsive_case_list .item .img{ width: 33.1073%;position: relative;} body .ueeshop_responsive_case_list .item .info{ padding-left: 5%; width: 61.5819%;} body .ueeshop_responsive_case_list .item .info .name{ position: relative; margin-bottom: 0; padding-bottom: 15px; font-family: "WorkSans-Bold";} body .ueeshop_responsive_case_list .item .info .name a {line-height: 30px;} body .ueeshop_responsive_case_list .item .info .name:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 44px; height: 1px; background: #555;} body .ueeshop_responsive_case_list .item .info .name a{ font-size: 24px; color: #333; text-decoration: none;} body .ueeshop_responsive_case_list .item .info .desc{ padding-top: 20px; line-height: 24px; font-size: 14px; color: #5b5b5b;} body .ueeshop_responsive_products_inquiry form .form_button {background: #00aeef;} .rightside .ueeshop_responsive_info_list .item .info .title a { text-decoration: none; } .rale_news{ padding-bottom: 56px; width: 100%;} .rale_news .news_title{ width: 100%; height: 30px; line-height: 30px;} .rale_news .news_title .title{ font-size: 22px; color: #191919;} .rale_news .news_title .read_btn{ font-size: 14px; color: #888;} .rale_news .news_title .read_btn span{ font-size: 14px; color: #888; font-weight: bold;} .rale_news .list{ display: grid; grid-template-columns: repeat(4, 23.25%); justify-content: space-between; margin-top: 23px; width: 100%;} .rale_news .list .item .img{ display: block; width: 100%; text-align: center; text-decoration: none; overflow: hidden;} .rale_news .list .item .title{ font-family: "WorkSans-Bold";display: -webkit-box; margin-top: 15px; line-height: 21px; font-size: 16px; color: #333; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .rale_news .list .item .time{ margin-top: 8px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898;} .rale_news .list .item .brief{ font-family: "QuattrocentoSans-Regular";display: -webkit-box; margin-top: 6px; line-height: 24px; font-size: 14px; color: #888; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .rale_news .list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);} .rale_news.desc_news{ margin-top: 55px;} .rale_news.desc_news .news_title{ position: relative; width: 100%; text-align: center;} .rale_news.desc_news .news_title:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .rale_news.desc_news .news_title .title{ position: relative; z-index: 1; padding: 0 40px; width: 100%; background: #fff; text-align: center;} .rale_news.desc_news .list{ grid-template-columns: repeat(2, 49%); grid-row-gap: 44px;} .rale_news.desc_news .list .item .img{ width: 39.2857%; height: 100%; text-align: center;} .rale_news.desc_news .list .item .text{ width: calc(100% - 43.5374%);} .rale_news.desc_news .list .item.no_img .text{ width: 100%;} .rale_news.desc_news .list .item .text .title{ margin-top: 0; font-size: 18px;} .rale_news.desc_news .list .item .brief{ font-size: 15px; color: #888;} .wrap-module .ueeshop_responsive_case_detail>.share { display: block; } .wrap-module .ueeshop_responsive_info_detail>.share { display: block; } .article-content .ueeshop_responsive_article_detail>.contents>.share { display: block; } body .menu-in-left .wrap-righter-style .ueeshop_responsive_download_list ul li { overflow: hidden; } body .menu-in-left .wrap-righter-style .ueeshop_responsive_download_list ul li .name { width: 65%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* body .foot_share .foot_share_box {background-image: url(../../../images/global/icon_follow_1.svg);} */ .ueeshop_responsive_header .header .func .cart_btn{background: url(/static/images/cart/cart_icon_white.png) no-repeat center center / 100% !important;} body #banner_edit .banner_tab a{margin: 0 7.5px; width: 19px; height: 19px; border-radius: 50%; background: #fff; box-sizing: border-box;} body #banner_edit .banner_tab a:hover, body #banner_edit .banner_tab a.on{background-color: unset; border: 2px solid #FFF; border-radius: 50%; padding: 0px;} @media screen and (max-width: 1280px) { /*#header .header_box .nav_bar .n_item:first-child{margin-left: 20px;} #header .header_box .nav_bar .n_item {margin-right: 20px; } #header .header_box {width: 96%; padding: 0;} #header .header_box .logo_box {min-width: 150px; max-width: 150px;} #header .header_box .nav_bar {width: 55%; margin-left: 20px;} #header .header_box .nav_bar .n_item {margin-right: 20px;} #header .header_box .r_icon {min-width: auto;} #header .header_box .r_icon .nav_icon .search_icon {margin-right: 15px;} #header .header_box .r_icon .nav_icon .sign_icon {margin-right: 15px;}*/ } @media screen and (max-width: 991px) { #header {display: none;} } @media screen and (max-width: 768px) { /*.more {width: 90px;height: 27.5px;font-size: 14px;line-height: 27.5px;} .ft_item_header span {padding-bottom: unset;} .close,.fs{display: none;} .hide{display: none !important;}*/ /*#footer .footer_box {width: 92%;} #footer .footer_box .list_item {flex-direction: column;} #footer .footer_box .list_item .ft_item {width: 100%;padding-right: unset;margin-bottom: 4%;} #footer .footer_box .list_item .ft_item .item_title {width: 100%; margin-bottom: unset;display: flex;justify-content: space-between;line-height: 30px;cursor: pointer;} #footer .footer_box .list_item .ft_item .item_title span {display: block;width: calc(100% - 40px);} #footer .footer_box .list_item .ft_item .item_title .ft_icon {display: block;background-size: 27px 192px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: 0px 4px; width: 25px;height: 25px;} #footer .footer_box .list_item .ft_item .item_content {display: none; margin-bottom: unset;margin-top: 2%;} #footer .footer_box .list_item .ft_item .item_content a {font-size: 14px;} #footer .footer_box .list_item .ft_item ul.on .item_content { display: block; } #footer .footer_box .list_item .ft_item:last-child .item_title {display: none;} #footer .footer_box .list_item .ft_item:last-child ul {display: flex;justify-content: center;flex-wrap: wrap;margin: 0 auto;} #footer .parceiro { margin-bottom: 20px; } #footer .parceiro .title { margin-bottom: 15px; } #footer .footer_box .footer_bottom_text {display: block;padding: 0 0 5%;} #footer .footer_box .footer_bottom_text .left_text {text-align: center;} #footer .footer_box .footer_bottom_text .left_text a{display: block;} #footer .footer_box .footer_bottom_text .right_text {flex-wrap: wrap;justify-content: center;margin-top: 5%;} */ .contenter .ueeshop_responsive_case_list .item {flex-direction: column;padding: 5% 5% 0;} body .ueeshop_responsive_case_list .item .img{ width: 90%;margin: 0 auto; } body .ueeshop_responsive_case_list .item .info{ margin: 0 auto; padding: 0 0 20px 0; width: 100%;} body .ueeshop_responsive_case_list .item .info .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} body .ueeshop_responsive_case_list .item .info .name a{ font-size: 20px;} body .foot_share {display: block;text-align: center;} .in_ad .ad_con .ueeshop_responsive_position .title {display: none;} .rale_news .list { grid-template-columns: repeat(2, 46.5%); } .rightside .ueeshop_responsive_info_list .item .info .title { height: 50px; overflow: hidden; } .rale_news .list .item { margin-bottom: 20px; } .rale_news .list .item .brief { height: 73px; overflow: hidden; } .wrap-module .ueeshop_responsive_products_list .item{ margin-right: 2%; width: 49%;} .wrap-module .ueeshop_responsive_products_list .item:nth-child(4n){ margin-right: 2%;} .wrap-module .ueeshop_responsive_products_list .item:nth-child(2n){ margin-right: 0;} .wrap-module .cate-name{margin-bottom: 15px;font-size: 22px;} .wrap-module .cate-name span{margin-top: 10px;} .product-list .pro_list .hot_cate .page_name {font-size: 20px} .product-list .pro_list .hot_cate .bx-pager { margin-bottom: 50px; } body .win_alert .win_pwd .pwd_text {max-width: 100%;} .menu-wrap-style .menu li{margin: 8px;} body #banner_edit .banner_tab{display: block;} body .ueeshop_responsive_turn_page span{height: 54px; line-height: 54px;} body .ueeshop_responsive_turn_page span a, body .ueeshop_responsive_turn_page span font{height: 54px;} } /*#header .header_box .logo_box{min-width: 150px;max-width: 150px;} #header .header_box .logo_box h1, #header .header_box .logo_box div{height: 100%;} #header .header_box .nav_bar{width:calc( 88.3% - 385px );margin: 0 0 0 5%;} @media screen and (max-width: 1520px) { #header .header_box .nav_bar .n_item{margin-right: 35px;} } @media screen and (max-width: 1340px) { #header .header_box .nav_bar .n_item{margin-right: 25px;} #header .header_box .nav_bar .n_item a{font-size: 16px;} } @media screen and (max-width: 1260px) { #header .header_box .nav_bar{width:calc( 90% - 385px );margin: 0 0 0 3%;} #header .header_box .nav_bar .n_item{margin-right: 20px;} #header .header_box .nav_bar .n_item a{font-size: 14px;} } @media screen and (max-width: 1100px) { #header .header_box .logo_box{min-width: 100px;max-width: 100px;} }*/