/*手机端样式开始*/ html,body { font-size: 12px; } /*统一header开始*/ #name_box_w { z-index: 2; width: 100%; position: fixed; top: 0; left: 0; height: 4.0rem; transition: all 0.5s; } #name_box_w.bg { background-color: rgba(209,0,4,0.7); } #name_box_w .container { height: 100%; } #name_box_w #header_logo img { transition: all 0.5s; max-height: 1.875rem;} #name_box_w .container #header_nav { height: 100%; } #name_box_w .container #header_nav ul { height: 100%; } /*主导航*/ .navI>li { position: relative; display: flex; justify-content: center; align-items: center; padding: 0 0.3125rem; } .navI>li>a { width: 100%; position: relative; z-index: 1; display: block; text-align: center; padding: 0.75rem 0.3125rem; font-size: 1.125rem; color: #ffffff; } .navI>li>a p { position: relative; z-index: 2; } .navI>li>a:after { z-index: 0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 1.25rem; height: 0.1875rem; content: ''; transition: all .5s ease; } .navI>li:hover>a:after, .navI>li.active>a:after { background-color: #ffffff; height: 0.1875rem; } .navI>li:hover>a,.navI>li.active p a { color: #FFFFFF; } .navI>li .children { z-index: -1; width: 22.5rem; transition: all .3s ease; background: #f2f2f2; position: absolute; left: 0; top: 5.0rem; height: 0; overflow: hidden; visibility: hidden; opacity: 0;} .navI>li:hover .children { visibility: visible; opacity: 1; height: auto; } .navI li .children{position:fixed;z-index: 8;top:5rem;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background-image: linear-gradient(to right, #ffffff 62.5%, var(--base_color) 62.5%);transition: all 0.3s ease 0s;} .navI li .children .suba { padding-right: 4.375rem; } .navI li .children .suba strong{display: block;color: #006ae2;} .navI li .children .suba p{line-height: 1.875rem;color: #999;} .navI li .children .suba dl{width: 80%;} .navI li .children .suba dd a{line-height: 2.5rem;color: #777;transition:.4s;font-size: 1.0rem;} .navI li .children .suba a{display: block;transition:.4s;} .navI li .children .suba a:hover,.navI li .children .suba a.active {color: var(--base_color) !important;} .navI li .children .subb{color: #fff;} .navI li .children .subb p{margin-bottom: 1rem;} .navI li .children .subb p a{display: block;color: #fff;transition:.4s;} .navI li .children .subb p a:hover{color: rgba(255,255,255,.8);} .navI li .children .subb em{display: block;} .navI li .children .subb em i{font-size: 1.5rem;} /*主导航*/ /*导航右侧*/ #header_icon { width: 11.25rem; transition: all 0.5s; color: #ffffff; cursor: pointer; font-size: 1.125rem; } #header_icon .line { width: 0.0625rem; height: 0.625rem; background-color: rgba(255,255,255,0.5); } #header_icon i { transition: all 0.5s; font-size: 1.125rem; margin-right: 0.625rem; } /*#header_icon div { transition: all 0.5s; font-size: 1.25rem; line-height: 1.2; }*/ .cover_bg { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 0;} #searchBar { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 3; visibility: hidden !important; opacity: 0; transition: all 0.5s; } #searchBar .close_btn { transition: all 0.3s; position: absolute; top: 20%; right: 20%; transform: translateY(6.25rem); z-index: 2;} #searchBar .close_btn i{ font-size: 2.5rem; color: #ffffff; cursor: pointer; } #searchBar .search_box { width: 50.0rem; max-width: 90%; transition: all 0.3s; border-radius: 0; overflow: hidden; position: relative; z-index: 2; border-bottom: 0.0625rem solid rgba(255,255,255,0.3); } #searchBar .search_box #search_key { color: #ffffff; transition: all 0.5s; font-size: 1.25rem; width: 0; border: 0; height: 4.375rem; line-height: 4.375rem; overflow: hidden; padding: 0 0.625rem; flex-grow: 1; background-color: transparent; } #searchBar .search_box #search_key::placeholder { color: #cccccc; } #searchBar .search_box #search_so { cursor: pointer; transition: all 0.5s; color: #ffffff; font-size: 2.0rem; font-weight: bold; } #searchBar .search_box #search_so i { font-size: 1.25rem; margin-right: 1.0rem; display: inline-block; } #searchBar .search_box #search_so:hover { transform: scale(1.2); } #searchBar #search_text { color: #ffffff; } #searchBar.active { opacity: 1; visibility: visible !important; } #searchBar.active .search_box #search_key { width: 100%; } #searchBar.active .close_btn { opacity: 1; visibility: visible; color: #ffffff; transform: translateY(0); z-index: 3; } /*导航右侧*/ #name_box_w .container #m_nav { width: 3.1875rem; height: 100%; } #banner_box, #page_banner_box { transition: all 0.5s; z-index: 1; } #page_banner_box .bg { position: relative; z-index: 0; transition: all 0.5s; min-height: 15.0rem; } #page_banner_box .bg img { visibility: hidden; opacity: 0; } #page_banner_box .box_header { position: relative; z-index: 2; padding-top: 0.625rem; } #page_banner_box .box_header .box { margin-top: 2.0rem; color: #ffffff; } #page_banner_box .box_header .en { margin-bottom: 1.0rem; } #page_banner_box .box_header .title { margin-bottom: 1.25rem; font-size: 1.5rem; font-weight: bold; } #page_banner_box .box_header .desc { font-size: 1rem; margin-bottom: 2.5rem; line-height: 1.2; opacity: 0.6 } #page_banner_box .box_header .btns i { font-size: 1.125rem; } #page_banner_box .box_header .btns span { font-size: 1rem; margin-left: 1rem; } #page_banner_box.ads_15 .box_header .box { margin-top: 2rem; margin-bottom: 2.0rem; } header.ads_15 .box_header .box { color: var(--grey1) !important; } header.ads_20 #header_logo img { filter: brightness(-100%); } #name_box_w.boxshow #header_logo img { filter: brightness(100%) !important; } #name_box_w.bg #header_logo img { filter: brightness(100%) !important; } header.ads_20 .navI>li>a { color: var(--grey1); } header.ads_20 .navI>li:hover>a:after, header.ads_20 .navI>li.active>a:after { background-color: var(--grey1); } header.ads_20 #header_icon { color: var(--grey1); } header.ads_20 .box_header .box { color: var(--grey1) !important; } header.ads_22 .box_header .box { color: var(--grey1) !important; } header.ads_23 .box_header .box { color: var(--grey1) !important; } /*下拉样式*/ #name_box_w.boxshow { /*height: 5rem;*/ box-shadow: 0 0 0.1875rem rgba(0,0,0,0.1); } #name_box_w.boxshow .navI>li>a { color: #ffffff; } #name_box_w.bg .navI>li>a { color: #ffffff; } #name_box_w.boxshow .navI>li:hover>a:after, #name_box_w.boxshow .navI>li.active>a:after { background-color: #ffffff; } #name_box_w.bg .navI>li:hover>a:after, #name_box_w.bg .navI>li.active>a:after { background-color: #ffffff; } #name_box_w.boxshow .navI>li .children { /*top: 5.0rem;*/ } #name_box_w.boxshow #header_logo img { transition: all 0.5s; max-height: 2.25rem; } /*#name_box_w.boxshow img { filter: brightness(-100%); }*/ #name_box_w.boxshow #header_icon { transform: scale(0.8); color: #ffffff; } #name_box_w.bg #header_icon { transform: scale(0.8); color: #ffffff; } /*#name_box_w.boxshow #header_icon div { font-size: 1.125rem; }*/ /*#banner_box.boxshow, #page_banner_box.boxshow { margin-top: 3.75rem; }*/ /*下拉样式*/ #local_bar { padding-top: 0.75rem; padding-bottom: 0.75rem; position: relative; z-index: 1; } #local_bar .curNav .catname { width: 100%; margin-bottom: 1.25rem; font-size: 2.0rem; font-weight: bold; } #local_bar .curNav .desc { width: 100%; margin-bottom: 1.25rem; color: #575555; font-size: 1rem; font-weight: bold; } #local_bar .subNavBox { width: 100%; } #local_bar .subNavBox .btns>a { font-size: 0.875rem; width: 100%; height: 3.75rem; display: flex; justify-content: center; align-items: center; } .subNav .swiper-slide a { display: block; position: relative; text-align: center; padding-top: 0.875rem; padding-bottom: 1.25rem; font-size: 1.125rem; color: #575555; } .subNav .swiper-slide a.active { font-weight: bold; color: var(--base_color); } .subNav .swiper-slide a.active:after { display: block; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 0.8125rem; height: 0.8125rem; border: 0.125rem solid var(--base_color); border-radius: 50%; } /*统一header结束*/ /*统一子页面开始*/ /*992开始左右分栏目子页面*/ /*统一子页面LEFT开始*/ #page_left { width: 100%; } /*#page_left .slider_type { width: 18.0rem; }*/ #page_left .slider_type .slider_type_header { background-color: var(--base_color); color: #ffffff; height: 6.4375rem; } #page_left .slider_type .slider_type_header .title { font-size: 1.5rem; margin-bottom: 0.625rem;} #page_left .slider_type .slider_type_header .desc { font-size: 0.875rem; font-family: 'Arial'; text-transform: uppercase; } #page_left .slider_type .slider_type_list { background-color: #fafafa; border: 0.0625rem solid #dddddd; } #page_left .slider_type .slider_type_list dl dt { height: 4.375rem; line-height: 4.375rem; background-color: #f3f3f3; padding: 0 1.25rem; font-size: 1.25rem; } #page_left .slider_type .slider_type_list dl dt:last-child { border-bottom: 0 !important; } #page_left .slider_type .slider_type_list dl dt a { font-weight: normal; } #page_left .slider_type .slider_type_list dl.active dt { background-color: var(--base_color); color: #ffffff; } #page_left .slider_type .slider_type_list dl.active dt a { color: #ffffff; } #page_left .slider_type .slider_type_list dl .sub { display: none; background-color: #f2f4f6; } #page_left .slider_type .slider_type_list dl.active .sub { display: flex; } #page_left .slider_type .slider_type_list dl dd { line-height: 2.5rem; padding: 0 1.25rem; color: #333333; font-size: 1.125rem; } #page_left .slider_type .slider_type_list dl.active dd a.active { color: var(--base_color); } #page_left .slider_type .slider_type_list dl dt a span.dian { width: 0.875rem; height: 0.875rem; display: block; background: url('../images/dot_g.png') center no-repeat; margin-right: 0.625rem; } #page_left .slider_type .slider_type_list dl.active dt a:hover span.dian, #page_left .slider_type .slider_type_list dl.active dt a span.dian { background: url('../images/dot_w.png') center no-repeat; } #page_left .slider_type .slider_type_list dl.active dt a:hover,#page_left .slider_type .slider_type_list dl.active dt a { color: #ffffff; } #page_left .slider_gd .slider_gd_head { height: 3.5625rem; line-height: 3.5625rem; border: 0.0625rem solid #fafafa; text-align: center; margin-bottom: 0.625rem; } #page_left .slider_gd .slider_gd_head .title { font-size: 1.25rem; color: #333333; font-weight: bold; } #page_left .slider_contact { background-color: var(--second_color); padding: 1.25rem; } #page_left .slider_type_head .title { font-size: 1.5rem; } /*统一子页面LEFT结束*/ /*统一子页面RIGHT开始*/ #page_right { width: 100%; } #page_right .page_title .title { font-size: 2.0rem; border-left: 0.375rem solid var(--base_color); padding-left: 0.625rem; } .mainInfo { font-size: 1.0rem; line-height: 2; } .mainInfo hr { margin-bottom: 1.875rem; } .video_box { width: 100%; height: 23.4375rem; } .swiper.imgs { border-radius: 3.125rem 0 3.125rem 0; width: 40.0rem; max-width: 100%; margin: 0 auto 1.875rem; } /*图片列表*/ .pic_list a .cover {transition: all 0.3s; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; } .pic_list a .cover .title { font-size: 1.25rem; color: #ffffff; position: relative; padding: 0.625rem 0; max-width: 80%;} .pic_list a:hover .cover { opacity: 1; } .pic_list a .cover .title:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 0.0625rem; background: #fff; transition: all .5s ease;} .pic_list a .cover .title:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 0.0625rem; background: #fff; transition: all .5s ease;} .pic_list a:hover .cover .title:before, .pic_list a:hover .cover .title:after { width: 0.625rem; } /*.pic_list img { max-width: 100%; max-height: 100%; }*/ .pic_list .box_link a.link1 { height: 2.5625rem; background-color: var(--base_color); color: #ffffff; border-radius: 0; } .pic_list .box_link a.link2 { height: 2.5625rem; background-color: #c7c8d3; color: #ffffff; border-radius: 0; } .pic_list .box_link a { flex-grow: 0; padding: 0 0.625rem; height: 3.25rem; overflow: hidden; font-size: 0.875rem; color: #ffffff; } .pic_list .box_link a i { font-size: 1.125rem; margin-right: 0.3125rem; color: #ffffff; } .pic_list .box_link a:hover { background-color: #000000; color: #ffffff; } .pic_list .box_link a:hover i { color: #ffffff; } .pic_list .box_link a.link1:hover { background-color: #ef9700; } .pic_list .box_link a.link2:hover { background-color: #20223b; } /*图片列表*/ /*新闻列表*/ .news_list { margin-bottom: 0.625rem; } .news_list li .img_box { width: 100%; } .news_list li .cont_box { margin-top: 1.25rem; width: 100%; } .news_list li .title { font-size: 1.25rem; font-weight: bold; line-height: 1.6; margin-bottom: 1.0rem; } .news_list li .content { font-size: 1.0rem; color: var(--grey2); margin-bottom: 1.0rem; line-height: 1.8; } .news_list li .time { font-size: 1.0rem; color: var(--grey2); } /*新闻列表*/ /*发展历程列表*/ .fzlc_list li { margin-bottom: 1.875rem; } .fzlc_list li .title { margin-bottom: 0.625rem; } .fzlc_list li .title_1 { font-size: 1.875rem; font-weight: bold; } .fzlc_list li .title sup { font-size: 1.125rem; position: absolute; top: 0.5rem; left: auto; margin-left: 0.625rem; width: 2.5rem; height: 2.5rem; font-weight: bold; } .fzlc_list li .line { font-size: 1.5rem; margin-left: 2.5rem; margin-right: 1.0rem; } .fzlc_list li .title_2 { font-size: 1.5rem; font-weight: bold; } .fzlc_list li .content {opacity: 0.8; line-height: 1.8; margin-bottom: 1.25rem; font-size: 1.125rem; text-align: justify; } /*发展历程列表*/ /*子页面翻页按钮按钮*/ .de-page-mian .page-inner .prev, .de-page-mian .page-inner .next, .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner .page-btn{display: none !important;} /*子页面翻页按钮按钮*/ .detail_title .title { width: 10.0rem; height: 4rem; font-size: 1.5rem; text-align: center; } /*统一子页面RIGHT结束*/ /*统一子页面结束*/ /*统一footer开始*/ #footer { background-color: #232227; margin-bottom: 5rem; font-size: 0.875rem; } #footer_main { padding-top: 2.5rem; padding-bottom: 2.5rem; } #footer_main,#footer_main a { color: #959596;} #footer_main a:hover { color: var(--base_color); } #footer_main #e1 { } #footer_main #e1 .e_box { width: 100%; padding: 0 1.25rem; text-align: center; } #footer_main #e1 .e_box img { position: relative; margin-left: -1.5rem; } #footer_main #e1 .e_logo { margin-bottom: 1.875rem; } #footer_main #e1 .e_tel_num { font-size: 1.375rem; font-weight: bold; color: #ffffff; margin-bottom: 0.625rem; } #footer_main #e1 .e_tel_text { margin-bottom: 1.5rem; } #footer_main #e1 .e_btns { width: 100%; max-width: 11.875rem; margin: 0 auto; margin-bottom: 1.75rem; } #footer_main #e1 .e_btns a{ display: inline-block; width: 100%; padding: 0.625rem 0; text-align: center; background-color: var(--base_color); color: #ffffff; } #footer_main #e1 .e_btns a:hover { background-color: var(--second_color); } #footer_main #e1 .e_qrcode_text { margin-bottom: 1.0rem; } #footer_main #e1 .e_qrcode_img { width: 100%; margin-bottom: 1.25rem; text-align: center; } #footer_main #e1 .e_address { text-align: center; } #footer_main #e2 #e_search { margin-bottom: 3.125rem; display: flex; } #footer_main #e2 #e_search .title { font-size: 1.125rem; font-weight: bold; color: #ffffff; flex-shrink: 0; } #footer_main #e2 #e_search .e_search_box { flex-grow: 1; margin-left: 1.875rem; } #footer_main #e2 #e_search .e_search_box input { padding: 0 2.0rem; line-height: 2.8125rem; height: 2.8125rem; background-color: #3e3d42; border: 0.0625rem solid #626165; color: #ffffff; } #footer_main #e2 #e_search .e_search_box input:placeholder { color: #727174; } #footer_main #e2 #e_search .e_search_box button { width: 9.375rem; height: 2.8125rem; background-color: var(--base_color); border: 0; color: #ffffff; } #footer_main #e2 dl dt a { color: #ffffff; font-size: 1.375rem; line-height: 1.6; color: #ffffff; } #footer_main #e2 dl dd { line-height: 2.4; } #footer_main #e2 dl dd a { padding-left: 0.1875rem; } #footer_copy { margin-top: 1.125rem; } #footer_copy .container.border-top { border-color: #37363a !important; padding-top: 1rem; padding-bottom: 1rem; } #footer_copy,#footer_copy a { font-size: 0.9375rem; color:#666568; } #footer_copy a:hover, #footer_copy a:hover { color: var(--base_color); } /*统一footer结束*/ /*首页样式开始*/ /*首页swiper按钮统一样式*/ .flash_all .controls { width: 100%; position: absolute; top: 42%; left: 0; display: flex;; align-items: center; z-index: 1; } .flash_all .controls .line { width: 5%; max-width: 13%; height: 0.0625rem; background-color: rgba(255,255,255,0.3); display: block; position: relative; } .flash_all .controls .line .after { position: absolute; left: 0; top: 0; height: 0.0625rem; display: block; width: 0; background-color: rgba(255,255,255,1); } .flash_all .controls .swiper-pagination { margin-left: 5%; position: static; bottom: auto; width: auto; color: #ffffff; font-size: 1.25rem; font-family: "DINNextLTPro-Bold"; } .flash_all .controls .swiper-pagination .swiper-pagination-current:before { display: inline-block; content: "0 "; } .flash_all .controls .swiper-pagination .swiper-pagination-total:before { display: inline-block; content: "0 "; } .flash_all .controls .swiper-pagination .swiper-pagination-current { font-size: 5.0rem; font-weight: bold; } .flash_all .controls .start_stop { cursor: pointer; font-size: 1.125rem; position: relative; } /*首页swiper按钮统一样式*/ /*首页swiper左右按钮*/ .swiper-button-prev:after, .swiper-button-next:after{font-size: 1.25rem !important;} /*首页swiper左右按钮*/ /*in_box_1*/ #in_box_1 { padding-top: 2.5rem !important; padding-bottom: 0; } #in_box_1 .box_header { text-align: center; } #in_box_1 .box_header .en { margin-bottom: 1rem; } #in_box_1 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: var(--grey1); font-weight: bold; } #in_box_1 .box_header .title a { color: var(--grey1); } #in_box_1 .box_header .desc { max-width: 96%; margin: 0 auto; margin-bottom: 1.25rem; line-height: 1.6; font-size: 1rem; color: var(--grey2); } .wzbz_gd .swiper-slide { transition: all 0.3s; width: 23.375rem; height: 33.9375rem; padding: 2rem; } .wzbz_gd .swiper-slide:hover { background: url('../images/in_bz_bg.png') center no-repeat; background-size: 100% 100%; } .wzbz_gd .swiper-slide .ys_icon { width: 10.9375rem; height: 11.3125rem; background: url('../images/in_bz_icon_a.png') center no-repeat; background-size: 100% 100%; margin-bottom: 1.875rem; } .wzbz_gd .swiper-slide:hover .ys_icon { background: url('../images/in_bz_icon_h.png') center no-repeat; background-size: 100% 100%; } .wzbz_gd .swiper-slide .ys_icon img { width: 3.0rem; height: 3.0rem; filter: grayscale(100%) brightness(-1000%); } .wzbz_gd .swiper-slide:hover .ys_icon img { filter: grayscale(100%) brightness(1000%) !important; } .wzbz_gd .swiper-slide .title { text-align: center; color: var(--grey1); font-size: 2.0rem; font-weight: bold; margin-bottom: 1.125rem; } .wzbz_gd .swiper-slide .content { text-align: center; color: var(--grey1); font-size: 1.375rem; color: var(--grey1); margin-bottom: 1rem; } .wzbz_gd .swiper-slide .desc { text-align: center; color: var(--grey2); line-height: 1.8; margin-bottom: 2rem; } /*in_box_1*/ /*in_box_2*/ #in_box_2 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; background-image: url('../images/in_bg_1.jpg'); background-color: #cf171c; } #in_box_2 .box_header { text-align: center; } #in_box_2 .box_header .en { margin-bottom: 1rem; } #in_box_2 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: #ffffff; font-weight: bold; } #in_box_2 .box_header .title a { color: var(--grey1); color: #ffffff; } #in_box_2 .box_header .desc { max-width: 96%; margin: 0 auto; margin-bottom: 1.25rem; line-height: 1.6; font-size: 1rem; color: #edbbbb; } #in_box_2 .box_body { margin-top: 1.875rem; } #in_box_2 .box_body .goods_slider_type { margin: 0 0rem; } #in_box_2 .box_body .goods_slider_type .swiper-slide:nth-child(even) { margin-top: 1.25rem; } .goods_slider_type_w .swiper-button-next,.goods_slider_type_w .swiper-button-prev { width: 3.0rem; height: 3.0rem; border-radius: 50%; background-color: var(--base_color); border: 0.125rem solid #ffffff; color: #ffffff; } .goods_slider_type_w .swiper-button-next:after, .goods_slider_type_w .swiper-button-prev:after { transition: all 0.3s; font-family: 'iconfont2022'!important; font-size: 1.5rem !important; } .goods_slider_type_w .swiper-button-next:after { content: "\e9a4" !important; transform: rotate(180deg); } .goods_slider_type_w .swiper-button-prev:after { content: "\e9a4" !important; } .goods_slider_type_w .swiper-button-next:hover,.goods_slider_type_w .swiper-button-prev:hover { background-color: var(--second_color); border-color: var(--second_color); } .goods_slider_type_w .swiper-button-next:hover:after { transform: rotate(180deg) translateX(-1.25rem); } .goods_slider_type_w .swiper-button-prev:hover:after { transform: translateX(-1.25rem); } /*in_box_2*/ /*in_box_3*/ #in_box_3 { background-color: #f1f6f9; } #in_box_3 .box_header { text-align: center; } #in_box_3 .box_header .en { margin-bottom: 1rem; } #in_box_3 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: var(--grey1); font-weight: bold; } #in_box_3 .box_header .title a { color: var(--grey1); } #in_box_3 .box_header .desc { max-width: 96%; margin: 0 auto; margin-bottom: 1.25rem; line-height: 1.6; font-size: 1rem; color: var(--grey2); } #in_box_3 { padding-top: 2.5rem !important; padding-bottom: 0; } #in_box_3 .pro_gd .cont_box .title { font-size: 1.125rem; font-weight: bold; color: var(--grey1); text-align: center; line-height: 1.6; margin: 1.25rem 0; margin-bottom: 0.625rem; } #in_box_3 .pro_gd .cont_box .links { position: relative; overflow: hidden; width: 14.375rem; max-width: 90%; height: 1.875rem; margin: 0 auto; box-shadow: 0 0.1875rem 0.375rem rgba(0,0,0,0.1); text-align: center;} #in_box_3 .pro_gd .cont_box .links a { width: 50%; display: flex; justify-content: center; align-content: center; line-height: 1.875rem; overflow: hidden; } #in_box_3 .pro_gd .cont_box .links a .skew { transition: all 0.3s; position: relative; margin-left: -0.625rem; width: 100%; height: 1.875rem; background: var(--base_color); transform: skew(20deg); color: #ffffff; } #in_box_3 .pro_gd .cont_box .links a .skew p { transform: skew(-20deg); } #in_box_3 .pro_gd .cont_box .links a:hover .skew { background-color: var(--second_color); text-decoration: underline; } #in_box_3 .pro_gd .cont_box .links a .normal { color: var(--grey1); } #in_box_3 .pro_gd .cont_box .links a:hover .normal { color: var(--base_color); text-decoration: underline; } #in_box_3 .box_body>.more { margin-top: 2.125rem; } #in_box_3 .box_body>.more .the_btn { display: inline-block; margin: 0 auto; border: 0.0625rem solid #898989; font-size: 1rem; color: #898989; padding: 0.875rem 5.0rem; border-radius: 0 2.0rem 0 2.0rem; transition: all 0.3s; } #in_box_3 .box_body>.more .the_btn:hover { border: 0.0625rem solid var(--base_color); background-color: var(--base_color); color: #ffffff; border-radius: 0; padding: 0.875rem 6.0rem; } /*in_box_3*/ /*in_box_4*/ #in_box_4 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; background-image: url('../images/in_bg_2.png'); } #in_box_4 .box_header { text-align: center; } #in_box_4 .box_header .en { margin-bottom: 1rem; } #in_box_4 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: var(--grey1); font-weight: bold; } #in_box_4 .box_header .title a { color: var(--grey1); } #in_box_4 .box_header .desc { max-width: 96%; margin: 0 auto; margin-bottom: 1.25rem; line-height: 1.6; font-size: 1rem; color: var(--grey2); line-height: 1.6; } #in_box_4 .box_body { margin-top: 1.875rem; } #in_box_4 .wzsl_gd .item { position: relative; } #in_box_4 .wzsl_gd .text-box .item:after { display: block; content: ""; position: absolute; z-index: 0; left: 2.75rem; top: 50%; transform: translateY(calc(-50% + 2.96875rem)); background-color: var(--base_color); width: 0.4375rem; height: 0.4375rem; border-radius: 50%; } #in_box_4 .wzsl_gd .text-box .item:before { display: block; content: ""; position: absolute; z-index: 0; top: 5.9375rem; left: 2.96875rem; width: 0.0625rem; height: calc(100% - 5.9375rem); background-color: var(--base_color); } #in_box_4 .wzsl_gd .item .icon {position: relative; z-index: 1; margin-right: 1.25rem; background: url('../images/in_sl_icon_bg.png') center no-repeat; background-size: 100% 100%; width: 5.9375rem; height: 5.9375rem; display: flex; justify-content: center; align-items: center; font-size: 2.25rem; color: #ffffff; } #in_box_4 .wzsl_gd .item .title { font-size: 1.75rem; color: var(--base_color); font-weight: bold; margin-bottom: 1.25rem; } #in_box_4 .wzsl_gd .item .desc { font-size: 1.125rem; color: var(--grey1); line-height: 1.6; } #in_box_4 .wzsl_gd .item .line { border-bottom: 0.0625rem solid #d2d2d2; margin: 1.5rem 0; } #in_box_4 .wzsl_gd .item .content { font-size: 1rem; color: var(--grey3); line-height: 1.8; margin-bottom: 2rem; } #in_box_4 .wzsl_gd .item .btns { margin-bottom: 4.75rem; } #in_box_4 .wzsl_gd .item .btns a { display: inline-block; padding: 0.75rem 2.625rem; background-color: var(--base_color); color: #ffffff; } #in_box_4 .wzsl_gd .item .btns a:hover { background-color: var(--second_color); padding: 0.75rem 3.625rem; border-radius: 0 2.0rem 2.0rem 0; } #in_box_4 .wzsl_gd .text-box .item:nth-child(even):before { display: none; } #in_box_4 .wzsl_gd .text-box .item:nth-child(even):after { display: none; } #in_box_4 .wzsl_gd .text-box .item:nth-child(even) .btns { margin-bottom: 0; } /*in_box_4*/ /*in_box_5*/ #in_box_5 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; background-color: var(--base_color); } #in_box_5 .box_header { text-align: center; } #in_box_5 .box_header .en { margin-bottom: 1rem; } #in_box_5 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: #ffffff; font-weight: bold; } #in_box_5 .box_header .title a { color: var(--grey1); color: #ffffff; } #in_box_5 .box_header .desc { max-width: 96%; margin: 0 auto; margin-bottom: 1.25rem; line-height: 1.6; font-size: 1rem; color: #edbbbb; } #in_box_5 .box_body { margin-top: 1.875rem; } #in_box_5 .leader_gd { padding-bottom: 3.5rem; } /*in_box_5*/ /*in_box_6*/ #in_box_6 { padding-top: 2.5rem !important; padding-bottom: 0 !important; } #in_box_6 .box_header { text-align: center; } #in_box_6 .box_header .en { margin-bottom: 1rem; } #in_box_6 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; font-weight: bold; } #in_box_6 .box_header .title a { color: var(--grey1); } #in_box_6 .box_header .desc { color: var(--grey2); font-size: 1.0rem; margin-bottom: 1.25rem; line-height: 1.6; } #in_box_6 #cont_box { position: relative; z-index: 1; } .box_param { font-size: 1.125rem; margin-bottom: 3.0rem; color: var(--base_color); } .box_param li .key { position: relative; } .box_param li .key span { font-size: 3.0rem; font-weight: bold; font-family: 'Bahnschrift' !important; } .box_param li .key sup { font-size: 1.125rem; position: absolute; top: 0; left: auto; width: 2.5rem; height: 2.5rem; font-weight: bold; } .box_param li .vo { font-size: 1rem; line-height: 1.6; } #in_box_6 .tags { font-size: 1.375rem; font-weight: bold; margin-bottom: 1.25rem; } #in_box_6 .intro_content { text-indent: 2em; font-size: 1.0rem; color: var(--grey2); line-height: 2; margin-bottom: 1.875rem; } /*in_box_6*/ /*in_box_7*/ #in_box_7 { background-color: #f1f6f9; padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } #in_box_7 .box_header { text-align: center; } #in_box_7 .box_header .en { margin-bottom: 1rem; } #in_box_7 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; font-weight: bold; } #in_box_7 .box_header .desc { color: var(--grey2); font-size: 1rem; margin-bottom: 1.25rem; line-height: 1.6; } #in_box_7 ul.in_newslist_best { margin-bottom: 1.25rem; } #in_box_7 ul.in_newslist_best li { background-color: #ffffff; padding: 1.25rem; } #in_box_7 ul.in_newslist_best li .time { font-size: 1.125rem; color: var(--grey1); font-weight: bold; margin-bottom: 1.25rem;} #in_box_7 ul.in_newslist_best li .time i { font-size: 1.25rem; } #in_box_7 ul.in_newslist_best li .line { width: 3.125rem; height: 0.0625rem; background-color: var(--base_color); display: block; margin: 1.5rem 0; } #in_box_7 ul.in_newslist_best li .title { font-size: 1.0625rem; color: var(--grey1); line-height: 1.6; margin-bottom: 1.25rem; } #in_box_7 ul.in_newslist_best li .content { font-size: 1rem; color: var(--grey2); margin-bottom: 1.25rem; line-height: 1.8; margin-bottom: 1.875rem; } #in_box_7 ul.in_newslist_best li .btns span { display: inline-block; padding: 0.625rem 4.0625rem; background-color: var(--base_color); color: #ffffff; } #in_box_7 ul#in_newslist_normal li a { background-color: #ffffff; padding: 1.25rem; } #in_box_7 ul#in_newslist_normal li .time_box { font-size: 1.125rem; color: var(--grey1); text-align: right; margin-right: 1.875rem; } #in_box_7 ul#in_newslist_normal li .time_box p.year { font-weight: bold; margin-bottom: 0.625rem; } #in_box_7 ul#in_newslist_normal li .time_box p.date { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.9375rem; } #in_box_7 ul#in_newslist_normal li .time_box p img { width: 50%; } #in_box_7 ul#in_newslist_normal li .title { font-size: 1.0625rem; color: var(--grey1); line-height: 1.6; margin-bottom: 0.9375rem; } #in_box_7 ul#in_newslist_normal li .content { font-size: 1rem; color: var(--grey2); margin-bottom: 1.25rem; line-height: 1.8; margin-bottom: 0.9375rem; } #in_box_7 .box_body>.more { margin-top: 2.125rem; } #in_box_7 .box_body>.more .the_btn { display: inline-block; margin: 0 auto; border: 0.0625rem solid #898989; font-size: 1rem; color: #898989; padding: 0.875rem 5.0rem; border-radius: 0 2.0rem 0 2.0rem; transition: all 0.3s; } #in_box_7 .box_body>.more .the_btn:hover { border: 0.0625rem solid var(--base_color); background-color: var(--base_color); color: #ffffff; border-radius: 0; padding: 0.875rem 6.0rem; } /*in_box_7*/ /*首页样式结束*/ /*公共样式*/ .page_title .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; } .page_title .box_header .desc { color: var(--grey2); margin-bottom: 2rem; } /*公共样式*/ /*关于我们样式*/ #about #box1 { padding-top: 0 !important; padding-bottom: 2.5rem !important; } #about #box1 .box_s_1 { margin-bottom: 1.875rem !important; } #about #box1 .box_param { margin-top: 2.0rem; margin-bottom: 1.75rem; } #about #box1 .text_box .company_content { line-height: 2; } #about #box1 h2 { font-size: 1.25rem; font-weight: bold; margin-bottom: 1rem; } #about #box1 .img_box { min-height: 14.625rem; } #about #box1 .company_content { font-size: 1.125rem; } #about #box2 { background-color: #f1f6f9; padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } #about #box2 .gallery-top-w .box_header { margin-bottom: 2.75rem; } #about #box2 .gallery-top-w .box_header .en { margin-bottom: 1rem; } #about #box2 .gallery-top-w .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: var(--grey1); font-weight: bold; } #about #box2 .gallery-top-w .box_header .desc { line-height: 1.6; font-size: 1rem; color: var(--grey2); } #about #box2 .gallery-top-w .main_box { background-color: var(--base_color); padding: 1.25rem 1.25rem 1.25rem 1.25rem; position: relative; } #about #box2 .gallery-top-w .prev-next { position: relative; margin-top: 1rem; } #about #box2 .gallery-top-w .swiper-button-prev { left: auto; right: 3.375rem !important; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: var(--base_color); color: #ffffff; } #about #box2 .gallery-top-w .swiper-button-next:after, #about #box2 .gallery-top-w .swiper-button-prev:after { font-size: 1.0rem !important; font-weight: bold; } #about #box2 .gallery-top-w .swiper-button-next { right: 0 !important; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #ffffff; color: var(--base_color); } #about #box2 .gallery-top-w .swiper-button-prev:hover, #about #box2 .gallery-top-w .swiper-button-next:hover { background-color: var(--second_color) !important; color: #ffffff !important; } #about #box2 .gallery-top-w .swiper { color: #ffffff; } #about #box2 .gallery-top-w .swiper .title { margin-bottom: 0.625rem; } #about #box2 .gallery-top-w .swiper .title_1 { font-size: 1.875rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .title sup { font-size: 1.125rem; position: absolute; top: 0.5rem; left: auto; margin-left: 0.625rem; width: 2.5rem; height: 2.5rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .line { font-size: 2.5rem; margin-left: 2.5rem; margin-right: 1.875rem; } #about #box2 .gallery-top-w .swiper .title_2 { font-size: 1.5rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .content { color: rgba(255,255,255,0.8); line-height: 1.8; margin-bottom: 1.25rem; font-size: 1.125rem; text-align: justify; } #about #box2 .gallery-top { width: 100%; } #about #box2 .gallery-thumbs-w { width: 100%; position: relative; } #about #box2 .gallery-thumbs { } #about #box2 .gallery-thumbs .swiper-slide { background-color: #ffffff; padding: 0.625rem 0.9375rem; cursor: pointer; border: 0.3125rem solid #ffffff; } #about #box2 .gallery-thumbs .swiper-slide .title { margin-bottom: 0.1875rem; } #about #box2 .gallery-thumbs .swiper-slide .title:before { margin-right: 0.625rem; content: ""; display: block; width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 0.1875rem solid var(--base_color); } #about #box2 .gallery-thumbs .swiper-slide .title ._h2 { font-size: 1.25rem; font-weight: bold; color: #252424; margin-bottom: 0.3125rem; } #about #box2 .gallery-thumbs .swiper-slide p { font-size: 1.0rem; color: var(--grey2); } #about #box2 .gallery-thumbs .swiper-slide:hover, #about #box2 .gallery-thumbs .swiper-slide-thumb-active { border-color: #cccccc !important; } #about #box3 { margin-top: 1.5rem; } #about #box3 .gy_1 { width: 100%; margin-bottom: 0.625rem; } #about #box3 .gy_2-3 { width: 100%; } #about #box3 .gy_2 { width: 50%; margin-right: 0.625rem; } #about #box3 .gy_3 { width: 50%; } #about #box3 .imgbox .cover { position: absolute; top: 0; left:0; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #ffffff; } #about #box3 .imgbox .cover .box { text-align: center; } #about #box3 .imgbox .cover .icon { margin-bottom: 1.0rem; } #about #box3 .imgbox .cover .icon img { width: 2.5rem; transform: translate(0); } #about #box3 .imgbox .cover .title { font-size: 1.75rem; font-weight: bold; color: #ffffff; margin-bottom: 1.0rem; } #about #box3 .imgbox .cover .content { font-size: 1rem; color: rgba(241,246,249,0.6); line-height: 1.6;} #about #box3 .gy_2-3 .imgbox .cover .icon { margin-bottom: 0; } #about #box3 .gy_2-3 .imgbox .cover .icon img { width: 1.5rem; margin-right: 0.625rem; } #about #box3 .gy_2-3 .imgbox .cover .title { font-size: 1.5rem; margin-bottom: 0; } #about #box4 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } #about #box4 .box_header .en { margin-bottom: 1rem; } #about #box4 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: var(--grey1); font-weight: bold; } #about #box4 .box_header .title a { color: var(--grey1); } #about #box4 .box_header .desc { max-width: 96%; margin-bottom: 1.25rem; line-height: 1.6; font-size: 1rem; color: var(--grey2); } #about #box4 ul li { margin-bottom: 0.125rem; background-color: #f1f6f9; transition: all 0.3s; padding: 1.25rem; display: flex; justify-content: space-between; align-items: center; } #about #box4 ul li:hover { background-color: #be0307; color: #ffffff; } #about #box4 ul li h2 { font-size: 1.25rem; font-weight: bold; margin-bottom: 0.625rem; } #about #box4 ul li p { font-size: 1rem; line-height: 1.6; opacity: 0.6; } #about #box4 ul li:nth-child(1):after { content: "01"; } #about #box4 ul li:nth-child(2):after { content: "02"; } #about #box4 ul li:nth-child(3):after { content: "03"; } #about #box4 ul li:after { transition: all 0.3s; } #about #box4 ul li:hover:after { transform: translateY(-0.625rem); } #about #box4 ul li:after { font-size: 4.0rem; font-weight: 900; opacity: 0.2; margin-left: 1.25rem; } #about #box4 ul li:hover:after { color: #ffffff; opacity: 1; } #about #box5 { padding-top: 0 !important; padding-bottom: 0 !important; } #about #box5 .box_header .en { margin-bottom: 1rem; } #about #box5 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: var(--grey1); font-weight: bold; } #about #box5 .box_header .title a { color: var(--grey1); } #about #box5 .box_header .desc { max-width: 96%; margin-bottom: 1.25rem; line-height: 1.6; font-size: 1rem; color: var(--grey2); } #about #box5 .box_body { margin-top: 2.5rem; padding-bottom: 2.75rem; } #about #box5 .honor_gd_box { width: 70%; margin: 0 auto; position: relative; z-index: 2; } #about #box5 .honor_gd_bg { z-index: 1; bottom: -7%; text-align: center; position: absolute; left: 0; width: 100%; } .honor_gd_w .swiper-button-prev { width: 2.5rem !important; height: 2.5rem !important; border-radius: 50%; left: -4.0rem !important; background-color: var(--base_color); color: #ffffff !important; } .honor_gd_w .swiper-button-next { width: 2.5rem !important; height: 2.5rem !important; border-radius: 50%; right: -4.0rem !important; background-color: var(--base_color); color: #ffffff !important;} .honor_gd_w .swiper-button-prev:after, .honor_gd_w .swiper-button-next:after { font-size: 1rem !important; font-weight: bold; } .honor_gd_w .swiper-button-prev:hover, .honor_gd_w .swiper-button-next:hover { background-color: var(--second_color); } .honor_gd_w .swiper-slide { transform: scale(1); } .honor_gd_w .swiper-slide-active { transform: scale(1); } #about #box6 { background-color: #f1f6f9; padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } #about #box6 .box_header .en { margin-bottom: 1rem; } #about #box6 .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; color: var(--grey1); font-weight: bold; } #about #box6 .box_header .title a { color: var(--grey1); } #about #box6 .box_header .desc { max-width: 96%; margin-bottom: 1.25rem; line-height: 1.6; font-size: 1rem; color: var(--grey2); } .zzjg_main_box_sm { width: 100%; margin: 1.875rem auto 0; position: relative; display: flex; flex-direction: column; align-items: center; } .zzjg_main_box_sm:after { content: ""; display: block; position: absolute; top: 8.125rem; left: 50%; transform: translateX(50%); width: 0.0625rem; height: 85%; background-color: var(--base_color); z-index: 1; } .zzjg_main_box_sm li { margin-bottom: 0; flex: 1 1 auto !important; position: relative; z-index: 2; transform: translateY(-1.25rem); } .zzjg_main_box_sm li>div { width: 5.5625rem; height: 5.5625rem; } .zzjg_main_box_sm li>div>p { width: 100%; height: 100%; transition: all 0.3s; background-color: var(--base_color); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.25rem; font-weight: bold; color: #ffffff; position: relative; z-index: 2; } .zzjg_main_box_sm li:nth-child(odd)>div { margin-left: 16.0rem; position: relative; } .zzjg_main_box_sm li:nth-child(even)>div { margin-right: 16.0rem; position: relative; } .zzjg_main_box_sm li:nth-child(odd)>div:after { display: block; content: ""; position: absolute; right: 90%; top: 0%; transform: translateY(-50%) translateX(-4px); width: 5.5rem; height: 4.1875rem; background: url('../images/about/right_line.png') center no-repeat; background-size: cover; } .zzjg_main_box_sm li:nth-child(even)>div:after { display: block; content: ""; position: absolute; left: 90%; top: 0%; transform: translateY(-50%) translateX(4px); width: 5.5rem; height: 4.1875rem; background: url('../images/about/left_line.png') center no-repeat; background-size: cover; } .zzjg_main_box_sm li:nth-child(1)>div { margin-left: 0; margin-right: 0; font-size: 1.75rem; width: 8.125rem; height: 8.125rem;} .zzjg_main_box_sm li:nth-child(2)>div { margin-left: 0; margin-right: 0; font-size: 1.75rem; width: 7.5rem; height: 7.5rem; } .zzjg_main_box_sm li:nth-child(1)>div:after { display: none; } .zzjg_main_box_sm li:nth-child(2)>div:after { display: none; } .zzjg_main_box_sm li:nth-child(1) { margin-bottom: 3rem; } .zzjg_main_box_sm li:nth-child(2) { margin-bottom: 5rem; } .zzjg_main_box_sm li>div:hover p { transform: scale(1.2); background-color: var(--second_color); } /*关于我们样式*/ /*单页样式*/ #single .tags { color: var(--grey1); font-size: 1.125rem; margin-bottom: 2rem; line-height: 1.6; font-weight: bold; } /*单页样式*/ /*新闻资讯*/ /*新闻资讯*/ /*产品列表*/ #product #goods_slider_type { height: 5.0rem; margin-bottom: 1.875rem; font-size: 1.25rem; } #product #goods_slider_type a span.dian { width: 0.875rem; height: 0.875rem; display: block; background: url('../images/dot_g.png') center no-repeat; margin-right: 0.625rem; } #product #goods_slider_type a:hover span.dian, #product #goods_slider_type a.active span.dian { background: url('../images/dot_r.png') center no-repeat; } #product #goods_slider_type a:hover,#product #goods_slider_type a.active { color: var(--base_color); } #product #page_left { width: 100%; position: absolute; left: 0; top: 0; display: none; z-index: 100; } #product #page_left.active { display: block; } .pro_li li { background-image: linear-gradient(to bottom, #f1f6f9 50%, #ffffff 50%); padding-top: 5.25rem; padding-bottom: 5.25rem; transition: all 0.3s;} .pro_li li .imgbox { width: 340px; } .pro_li li .cont_box .title { font-size: 1.375rem; text-align: center; line-height: 1.6; margin: 1.25rem 0; margin-bottom: 1.25rem; } .pro_li li .cont_box .links { background-color: #ffffff; position: relative; overflow: hidden; width: 14.375rem; max-width: 90%; height: 1.875rem; margin: 0 auto; box-shadow: 0 0.1875rem 0.375rem rgba(0,0,0,0.1); text-align: center;} .pro_li li .cont_box .links a { width: 50%; display: flex; justify-content: center; align-content: center; line-height: 1.875rem; overflow: hidden; } .pro_li li .cont_box .links a .skew { transition: all 0.3s; position: relative; margin-left: -0.625rem; width: 100%; height: 1.875rem; background: var(--base_color); transform: skew(20deg); color: #ffffff; } .pro_li li .cont_box .links a .skew p { transform: skew(-20deg); } .pro_li li .cont_box .links a:hover .skew { background-color: var(--second_color); text-decoration: underline; } .pro_li li .cont_box .links a .normal { color: var(--grey1); } .pro_li li .cont_box .links a:hover .normal { color: var(--base_color); text-decoration: underline; } .pro_li li:hover { background-image: linear-gradient(to bottom, #f1f6f9 50%, var(--base_color) 50%); } .pro_li li:hover .cont_box .title a { color: #ffffff; } .pro_li li:hover .cont_box .links { background-color: #ffffff; border: 1px solid #ffffff; } .pro_li li:hover .cont_box .links a .skew { border: 1px solid #ffffff; transform: skew(20deg); color: #ffffff; } .pro_li li:hover .imgbox img { filter: brightness(120%); } .pro_li li:last-child:hover { background-image: linear-gradient(to bottom, #f1f6f9 50%, #ffffff 50%); } /*产品列表*/ /*产品详情*/ #proinfo #page_banner_box { height: 4.375rem; overflow: hidden; margin-bottom: 1.875rem; } #proinfo #box1 { position: relative; z-index: 1; background: url('../images/product/PC_proinfo_bg.jpg') center bottom no-repeat; background-size: 100%; } #proinfo #box1 .box_s { overflow: hidden; } #proinfo #box1 .box_s .main_box { padding: 3.25rem 1.25rem; background-color: #f1f6f9; } #proinfo #box1 .swiper.proinfo_imgs { width: 80%; } #proinfo #box1 ul.list_tips { width: 20%; margin: 0 0.3125rem; } #proinfo #box1 ul.list_tips li p { margin: 0 auto; display: flex; justify-content: center; align-items: center; line-height: 1.2; width: 5.0rem; height: 5.0rem; border-radius: 50%; background-color: var(--base_color); color: #ffffff; font-size: 1.25rem; } #proinfo #box1 #box1_2 .title_h1 { font-size: 1.75rem; font-weight: bold; line-height: 1.4; color: var(--base_color); margin-bottom: 0.625rem; } #proinfo #box1 #box1_2 .keywords { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0.625rem;} #proinfo #box1 #box1_2 .desc { line-height: 1.8; color: var(--grey2); margin-bottom: 2.0rem; } #proinfo #box1 #box1_2 hr { background-color: #d2d2d2; } #proinfo #box1 #box1_2 .ys_list { margin-bottom: 2.0rem; } #proinfo #box1 #box1_2 .ys_list li { font-size: 1.5rem; font-weight: bold; --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; } #proinfo #box1 #box1_2 .ys_list li img { width: 2.0rem; margin-right: 1.0rem; filter: brightness(-100%); opacity: 0.8; } #proinfo #box1 #box1_2 .btns li>a { font-size: 0.875rem; width: 100%; height: 3.75rem; display: flex; justify-content: center; align-items: center; font-size: 1.125rem; font-weight: bold; } /*产品详情*/ .mainInfo li { margin-bottom: 1.25rem; } .mainInfo h2 { margin-bottom: 0.625rem; font-size:1.125rem;background:#fafafa;display:block;padding:0.70312rem 1.25rem;color:#222222;border-left:0.375rem solid var(--base_color);font-weight:bold;} #info .mainInfo h2,#proinfo .mainInfo h2 {display:inline-block;} /*联系我们样式*/ .contact-list li .rounded-circle { background-color: var(--base_color); color: #ffffff; width: 2.5rem; height: 2.5rem; flex-shrink: 0; font-size: 1.0625rem; display: flex; justify-content: center; align-items: center; margin-right: 1.25rem; } .contact-list li big { font-size: 1.375rem; } .contact-list li .rounded-circle i { font-size: 1.125rem; } #contact .box_header { margin-bottom: 1.5rem; } #contact .box_header .title { font-size: 1.75rem; font-weight: bold; } #contact .box_header .desc { margin-left: 1.6875rem; line-height: 1.6; } .contact_message li .ibox { background-color: #f3f3f3; color: #929292; } .contact_message li .lable { width: 3.5rem; flex-shrink: 1; } .contact_message li .ibox input { background-color: transparent; width: 100%; font-size: 0.875rem; } .contact_message li .ibox textarea { background-color: transparent; width: 100%; height: 6.25rem; font-size: 0.875rem; } /*联系我们样式*/ /*手机端样式*/ @media (min-width: 375px){ html,body { font-size: 14px; } #about #box2 .gallery-top-w .box_header .desc { width: 80%; } /*手机端样式*/ /*大屏手机样式*/ @media (min-width: 576px){ html,body { font-size: 14px; } .honor_gd_w .swiper-slide { transform: scale(0.8); } .honor_gd_w .swiper-slide-active { transform: scale(1); } } /*大屏手机样式*/ /*PAD效果*/ @media (min-width: 768px){ html,body { font-size: 14px; } #page_banner_box .box_header .en { margin-bottom: 1.0rem; display: block; } #page_banner_box .box_header .title { margin-bottom: 1.125rem; font-size: 1.75rem; } #page_banner_box .box_header .desc { font-size: 1rem; } #local_bar .curNav .catname { width: auto; font-size: 2.0rem; } #local_bar .curNav .desc { width: auto; color: #575555; font-size: 1.25rem; margin-left: 2.125rem; } /*首页样式开始*/ /*首页样式结束*/ /*统一子页面开始*/ .pro_show { width: 100%; } /*统一子页面结束*/ #about #box2 .gallery-top-w .box_header .desc { width: 100%; } #about #box2 .gallery-top-w .swiper .content { font-size: 1rem; line-height: 1.8; } #about #box3 .imgbox .cover .box { width: 75%; } .news_list { margin-bottom: 1.875rem; } .news_list li .img_box { max-width: 28%; } .news_list li .cont_box { margin-top: 0; margin-left: 1rem; max-width: calc(72% - 1rem); } #proinfo #box1 ul.list_tips li p { width: 6.875rem; height: 6.875rem; font-size: 1.75rem; } } /*PAD效果*/ /*IPAD效果*/ @media (min-width: 992px){ html,body { font-size: 14px; } /*统一header开始*/ #name_box_w { height: 5rem; } #name_box_w #header_nav { margin: 0 0 0 3.125rem; } .flash_all .controls { bottom: 18%; } .flash_all .controls .swiper-pagination .swiper-pagination-current { font-size: 4.5rem; } #local_bar { padding-top: 2.75rem; padding-bottom: 2.75rem; } /*统一header结束*/ /*首页样式开始*/ #in_box_6 #cont_box { padding-left: 3.125rem; } #in_box_4 .text-box, #in_box_4 .img-box { max-width: 50%; } /*首页样式结束*/ #location_box { background-color: #ffffff !important; } #about #box1 .box_s_1 { margin-bottom: 4.25rem !important; } #about #box1 .box_param { margin-top: 3.0rem; margin-bottom: 2.75rem; } #about #box1 .img_box { padding-left: 3.125rem; } #about #box1 .company_content { font-size: 1rem; } #about #box2 .gallery-top-w .box_header { margin-bottom: 2.75rem; } #about #box2 .gallery-top-w .box_header .desc { width: 100%; } #about #box3 .gy_1 { width: 100%; margin-bottom: 0; margin-right: 1.25rem; height: 40.625rem; } #about #box3 .gy_2-3 { width: 100%; } #about #box3 .gy_2 { width: 100%; margin-bottom: 1.25rem; } #about #box3 .gy_3 { width: 100%; } #about #box3 .imgbox .cover .box { width: 100%; } #about #box3 .imgbox .cover .icon { margin-bottom: 1.5rem; } #about #box3 .imgbox .cover .icon img { width: auto; } #about #box3 .imgbox .cover .title { font-size: 1.75rem; margin-bottom: 2.0rem; } .zzjg_main_box { width: 100%; margin: 3.875rem auto 0; height: 18rem; position: relative; display: flex; flex-direction: unset; align-items: center; } .zzjg_main_box:after { content: ""; display: block; position: absolute; top: 50%; left: 6.25rem; transform: translateY(50%); width: 90%; height: 0.0625rem; background-color: var(--base_color); z-index: 1; } .zzjg_main_box li { margin-bottom: 0 !important; flex: 1 1 auto !important; position: relative; z-index: 2; transform: translateX(-1.25rem); } .zzjg_main_box li>div { width: 5rem; height: 5rem; font-size: 1.125rem; font-weight: bold; color: #ffffff; } .zzjg_main_box li>div p { width: 100%; height: 100%; transition: all 0.3s; background-color: var(--base_color); border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; } .zzjg_main_box li:nth-child(odd)>div { margin-bottom: 13.0rem; position: relative; } .zzjg_main_box li:nth-child(even)>div { margin-top: 13.0rem; position: relative; } .zzjg_main_box li:nth-child(odd)>div:after { display: block; content: ""; position: absolute; top: 90%; left: 0%; transform: translateX(-50%) translateY(-6px); width: 3.8125rem; height: 5rem; background: url('../images/about/up_line.png') center no-repeat; background-size: cover; } .zzjg_main_box li:nth-child(even)>div:after { display: block; content: ""; position: absolute; bottom: 90%; left: 0%; transform: translateX(-50%) translateY(9px); width: 3.8125rem; height: 5rem; background: url('../images/about/down_line.png') center no-repeat; background-size: cover; } .zzjg_main_box li:nth-child(1)>div { margin-top: 0; margin-bottom: 0; width: 6.25rem; height: 6.25rem; font-size: 1.5rem; } .zzjg_main_box li:nth-child(2)>div { margin-top: 0; margin-bottom: 0; width: 5.625rem; height: 5.625rem; font-size: 1.5rem; } .zzjg_main_box li:nth-child(1)>div:after { display: none; } .zzjg_main_box li:nth-child(2)>div:after { display: none; } .zzjg_main_box li:nth-child(2) { margin-left: 2rem; } .zzjg_main_box li:nth-child(3) { margin-left: 4rem; } .zzjg_main_box li>div:hover p { transform: scale(1.2); background-color: var(--second_color); } .pro_li li:nth-child(odd) { border-right: 0.0625rem solid #e5e5e5; } #proinfo #page_banner_box { height: auto; margin-bottom: 0; } #proinfo #box1 { height: 18.875rem; background: url('../images/product/PC_proinfo_bg.jpg') center 150% no-repeat; background-size: 100%; } #proinfo #box1 .box_s { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; } #proinfo #box1 .box_s .main_box { padding: 4.0rem 2.0rem; background-color: #f1f6f9; } #proinfo #box1 #box1_1 { border-right: 1px solid #e5e5e5; padding-right: 3.125rem; } #proinfo #box1 #box1_2 { padding-left: 3.125rem; } #proinfo #box1 #box1_2 .ys_list li { font-size: 1.5rem; font-weight: bold; --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; } #proinfo #box1 #box1_2 .ys_list li img { width: 2.25rem; margin-right: 1.0rem; } #proinfo #box1 ul.list_tips li p { margin: 0 auto; display: flex; justify-content: center; align-items: center; line-height: 1.2; width: 5.625rem; height: 5.625rem; border-radius: 50%; background-color: var(--base_color); color: #ffffff; font-size: 1.375rem; } /*统一子页面开始*/ #page_left { width: 24%; } #page_left .slider_type .slider_type_list dl dt { font-size: 1.0625rem; } #page_left .slider_type .slider_type_list dl dd { font-size: 0.9375rem; } #page_right { width: 74%; margin-left: 2%; } #page_right.order-lg-first { margin-left: auto; margin-right: 2%; } /*统一子页面结束*/ /*统一footer开始*/ #footer { margin-bottom: 0; } #footer_main #e1 { border-right: 1px solid #37363a; } #footer_main #e2 { padding-left: 3.75rem; } /*统一footer结束*/ } /*IPAD效果*/ /*PC效果*/ @media (min-width: 1200px){ html,body { font-size: 15px; } .clamp-xl-1 { -webkit-line-clamp: 1; } .clamp-xl-2 { -webkit-line-clamp: 2; } .clamp-xl-3 { -webkit-line-clamp: 3; } .clamp-xl-4 { -webkit-line-clamp: 4; } .clamp-xl-5 { -webkit-line-clamp: 5; } .clamp-xl-6 { -webkit-line-clamp: 6; } .clamp-xl-7 { -webkit-line-clamp: 7; } /*统一header开始*/ #name_box_w #header_logo { } #local_bar .curNav .catname { font-size: 2.875rem;} #local_bar .curNav .catname { width: auto; margin-bottom: 0; } #local_bar .curNav .desc { width: auto; margin-bottom: 0; color: #575555; font-size: 1.25rem; font-weight: bold; margin-left: 2rem; } #local_bar .subNavBox { width: auto; } #local_bar .subNavBox .btns>a { width: 11.25rem; } .subNav .swiper-slide { width: 7.125rem; } /*统一header结束*/ /*首页样式开始*/ /*首页样式结束*/ /*公共样式*/ .page-a { font-size: 0.875rem; } .page_title .box_header .title { font-size: 2.1875rem; margin-bottom: 1rem; } .page_title .box_header .desc { font-size: 1rem; margin-bottom: 3.75rem; } .mainInfo { font-size: 1.0rem; line-height: 2; } .scroll::-webkit-scrollbar { width: 0.1875rem; background-color: #f1f6f9; border-radius: 0.1875rem; } .scroll::-webkit-scrollbar-thumb { border: solid 0.125rem var(--base_color); width: 0.1875rem; border-radius: 0.1875rem; background-color: var(--base_color); } .scroll::-webkit-scrollbar-corner { background-color: #f1f6f9; } .scroll::-webkit-scrollbar:horizontal { height: 0.5625rem; } .scroll::-webkit-selection { background: var(--base_color); color: #ffffff; } .scroll::-moz-selection { background: var(--base_color); color: #ffffff; } .scroll::selection { background: var(--base_color); color: #ffffff; } /*公共样式*/ /*关于我们样式*/ #about #box2 .gallery-top-w .box_header { margin-bottom: 3.375rem; } #about #box2 .gallery-top-w .main_box { padding: 3.75rem 2.5rem 3.75rem 1rem; } #about #box2 .gallery-top-w .prev-next { margin-top: 0; margin-right: 2.0rem; margin-bottom: 0.625rem; } #about #box2 .gallery-top-w .swiper { color: #ffffff; } #about #box2 .gallery-top-w .swiper .title { margin-bottom: 1.5rem; } #about #box2 .gallery-top-w .swiper .title_1 { font-size: 3.0rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .title sup { font-size: 1.125rem; position: absolute; top: 0.5rem; left: auto; margin-left: 0.625rem; width: 2.5rem; height: 2.5rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .line { font-size: 2.5rem; margin-left: 2.5rem; margin-right: 1.875rem; } #about #box2 .gallery-top-w .swiper .title_2 { font-size: 2.25rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .content {margin-bottom: 1.5rem; } #about #box2 .gallery-top { width: 68%; margin-left: 1.875rem; } #about #box2 .gallery-thumbs-w { width: 23%; position: relative; } #about #box2 .gallery-thumbs { height: 28.0rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #about #box2 .gallery-thumbs .swiper-slide { width: 100%; background-color: #ffffff; padding: 1.875rem 1.5rem 1.875rem 2.5rem; cursor: pointer; border: 5px solid #ffffff; } #about #box2 .gallery-thumbs .swiper-slide .title { margin-bottom: 0.1875rem; } #about #box2 .gallery-thumbs .swiper-slide .title:before { margin-right: 0.625rem; content: ""; display: block; width: 0.8125rem; height: 0.8125rem; border-radius: 50%; border: 0.25rem solid var(--base_color); } #about #box2 .gallery-thumbs .swiper-slide .title ._h2 { font-size: 1.25rem; font-weight: bold; color: #252424; } #about #box2 .gallery-thumbs .swiper-slide p { font-size: 1.0rem; color: var(--grey2); } #about #box2 .gallery-thumbs .swiper-slide:hover, #about #box2 .gallery-thumbs .swiper-slide-thumb-active { border-color: #cccccc !important; } #about #box3 .imgbox .cover .box { width: 90%; } /*关于我们样式*/ /*单页样式*/ #single #box1 .box { padding: 4.1875rem 4.375rem !important; } #single .tags { font-size: 1.625rem; } /*单页样式*/ /*联系我们*/ #contact #box1 .box { padding: 4.1875rem 4.375rem !important; } /*联系我们*/ /*产品中心*/ /*产品中心*/ .detail_title .title { width: 10.0rem; } /*统一footer开始*/ #footer_main #e1 { width: 20.875rem; padding-right: 1.875rem; } #footer_main #e2 { width: calc(100% - 20.875rem); padding-left: 3.125rem; } #footer_main #e2 #navList { padding-left: 12.5rem; } #footer_copy .container.border-top { padding-top: 1.875rem; padding-bottom: 1.875rem; } /*统一footer结束*/ } /*PC效果*/ /*1280效果/1920 150% 效果*/ @media (min-width: 1280px){ } /*1280效果/1920 150% 效果*/ /*1400效果*/ @media (min-width: 1400px){ html,body { font-size: 16px; } #name_box_w { height: 6.875rem; } #name_box_w #header_logo { } #name_box_w #header_nav { margin: 0 3.125rem; } #name_box_w #header_icon { } #name_box_w #header_logo img { max-height: 3.75rem; } .navI>li .children { top: 6.8125rem; } .flash_all .controls { top: auto; bottom: 20%; } .flash_all .controls .line { width: 15.625rem; } .flash_all .controls .swiper-pagination { margin-left: 0; } .flash_all .controls .swiper-pagination .swiper-pagination-current { font-size: 5.5rem; } #product #goods_slider_type { font-size: 1.125rem; } } /*1400效果*/ /*1440效果*/ @media (min-width: 1440px){ html,body { font-size: 16px; } #name_box_w { height: 6.875rem; } #name_box_w #header_nav { margin: 0 5.0rem; } .navI>li .children { top: 6.8125rem; } } /*1440效果*/ /*1536效果/1920 125% 效果*/ @media (min-width: 1536px){ html,body { font-size: 16px; } .container { max-width: 1424px; } #name_box_w #header_nav { } #name_box_w { height: 6.875rem; } #banner_box, #page_banner_box { } .navI>li .children { top: 6.8125rem; } #about.about #local_bar { padding-top: 4.375rem; padding-bottom: 4.375rem; } #local_bar .curNav .desc { font-size: 1.75rem; margin-left: 3.125rem; } .subNav .swiper-slide a { padding-top: 0; padding-bottom: 1.875rem; } .fzlc_list li { margin-bottom: 3.125rem; } /*首页样式开始*/ /*in_box_1*/ #in_box_1 { padding-top: 6.25rem !important; padding-bottom: 3.0rem !important; } #in_box_1 .box_header .en { margin-bottom: 1.5rem; } #in_box_1 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #in_box_1 .box_header .desc { font-size: 1rem; } #in_box_1 .box_body { margin-top: 4.0rem; } .wzbz_gd .swiper-slide { padding: 2.5rem; } .wzbz_gd .swiper-slide .ys_icon { margin-bottom: 4.0rem; } .wzbz_gd .swiper-slide .ys_icon img { width: auto; } .wzbz_gd .swiper-slide .title {font-size: 2rem; margin-bottom: 1rem; } /*in_box_1*/ /*in_box_2*/ #in_box_2 { height: 51.25rem; padding-top: 6.25rem !important; padding-bottom: 5.25rem !important; } #in_box_2 .box_header .en { margin-bottom: 1.5rem; } #in_box_2 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #in_box_2 .box_header .desc { font-size: 1rem; } #in_box_2 .box_body { margin-top: 3.75rem; } #in_box_2 .box_body .goods_slider_type { margin: 0 6.5rem; } #in_box_2 .box_body .goods_slider_type .swiper-slide:nth-child(even) { margin-top: 3.375rem; } .goods_slider_type_w .swiper-button-next,.goods_slider_type_w .swiper-button-prev { width: 4.0rem; height: 4.0rem; } .goods_slider_type_w .swiper-button-next:after, .goods_slider_type_w .swiper-button-prev:after { font-size: 1.5rem !important; } .goods_slider_type_w .swiper-button-next:hover:after { transform: rotate(180deg) translateX(-1.875rem); } .goods_slider_type_w .swiper-button-prev:hover:after { transform: translateX(-1.875rem); } /*in_box_2*/ /*in_box_3*/ #in_box_3 { padding-top: 3.5625rem !important; padding-bottom: 3.875rem !important; } #in_box_3 .box_header .en { margin-bottom: 1.5rem; } #in_box_3 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #in_box_3 .box_header .desc { font-size: 1rem; } #in_box_3 .box_body { margin-top: 3.125rem; } #in_box_3 .pro_gd .cont_box .links { box-shadow: 0 0.375rem 0.75rem rgba(0,0,0,0.1); } /*in_box_3*/ /*in_box_4*/ #in_box_4 { padding-top: 7.5rem !important; padding-bottom: 8.75rem !important; } #in_box_4 .box_header .en { margin-bottom: 1.5rem; } #in_box_4 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #in_box_4 .box_header .desc { font-size: 1rem; } #in_box_4 .box_body { margin-top: 4.0rem; } #in_box_4 .wzsl_gd .item .title { font-size: 2rem; } /*in_box_4*/ /*in_box_5*/ #in_box_5 { padding-top: 4.375rem !important; padding-bottom: 3.125rem !important; } #in_box_5 .box_header .en { margin-bottom: 1.5rem; } #in_box_5 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #in_box_5 .box_header .desc { font-size: 1rem; } #in_box_5 .box_body { margin-top: 3.75rem; } #in_box_5 .leader_gd { padding-bottom: 5.0rem; } #in_box_5 .leader_gd .swiper-pagination { bottom: 1.875rem; } /*in_box_5*/ /*in_box_6*/ #in_box_6 { padding-top: 4.0rem !important; padding-bottom: 4.5rem !important; } #in_box_6 .box_header { text-align: center; } #in_box_6 .box_header .en { margin-bottom: 1.5rem; } #in_box_6 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #in_box_6 .box_header .desc { font-size: 1rem; margin-bottom: 1.875rem; line-height: 1.6; } #in_box_6 .box_body { margin-top: 5.0rem; } .box_param { font-size: 1.125rem; margin-bottom: 3.0rem; color: var(--base_color); } .box_param li .key { position: relative; } .box_param li .key span { font-size: 5.625rem; font-weight: bold; font-family: 'Bahnschrift' !important; } .box_param li .key sup { font-size: 1.125rem; position: absolute; top: 0; left: auto; width: 2.5rem; height: 2.5rem; font-weight: bold; } .box_param li .vo { font-size: 1rem; } #in_box_6 .tags { font-size: 2rem; } #in_box_6 .img_more { width: 75%; } #in_box_6 .img_box { position: relative; } #in_box_6 .img_box img { position: absolute; z-index: 1; bottom: -4.5rem; right: 0; max-width: unset !important; } /*in_box_6*/ /*in_box_7*/ #in_box_7 { padding-top: 6.875rem !important; padding-bottom: 4.0rem !important; } #in_box_7 .box_header { margin-bottom: 3.125rem; } #in_box_7 .box_header .en { margin-bottom: 1.5rem; } #in_box_7 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #in_box_7 .box_header .desc { font-size: 1rem; margin-bottom: 1.5rem; line-height: 1.2; } #in_box_7 ul.in_newslist_best li { padding: 3.3125rem 2.8125rem; } #in_box_7 ul#in_newslist_normal li a { padding: 3.3125rem 2.8125rem; } #in_box_7 ul#in_newslist_normal li .time_box { font-size: 1.125rem; color: var(--grey1); text-align: right; margin-right: 3.75rem; } #in_box_7 ul#in_newslist_normal li .time_box p.year { font-weight: bold; margin-bottom: 1.25rem; } #in_box_7 ul#in_newslist_normal li .time_box p.date { font-size: 1.75rem; font-weight: bold; margin-bottom: 1.875rem; } #in_box_7 ul#in_newslist_normal li .time_box p img { width: auto; } #in_box_7 ul#in_newslist_normal li .title { font-size: 1.0625rem; color: var(--grey1); line-height: 1.6; margin-bottom: 1.5rem; } #in_box_7 ul#in_newslist_normal li .content { font-size: 1rem; color: var(--grey2); margin-bottom: 1.25rem; line-height: 1.8; margin-bottom: 1.5rem; } /*in_box_7*/ /*首页样式结束*/ #page_banner_box .box_header .box { margin-bottom: 0; color: #ffffff; } #page_banner_box .box_header .en { margin-bottom: 1.5rem; } #page_banner_box .box_header .title { margin-bottom: 1.75rem; font-size: 2.875rem; } #page_banner_box .box_header .desc { font-size: 1rem; margin-bottom: 2.5rem; line-height: 1.2; } #page_banner_box .box_header .btns i { font-size: 1.125rem; } #page_banner_box .box_header .btns span { font-size: 1.125rem; margin-left: 1.5rem; } #page_banner_box.ads_15 .box_header .box { margin-bottom: 11.25rem; } #page_banner_box.ads_15 .box_header .en { margin-bottom: 1.5rem; } #page_banner_box.ads_15 .box_header .title { margin-bottom: 1.75rem; font-size: 2.875rem; } #page_banner_box.ads_15 .box_header .desc { font-size: 1rem; margin-bottom: 2.5rem; line-height: 1.2; } #page_banner_box.ads_15 .box_header .btns i { font-size: 1.125rem; } #page_banner_box.ads_15 .box_header .btns span { font-size: 1.125rem; margin-left: 1.5rem; } #about #box1 { padding-top: 0 !important; padding-bottom: 9.375rem !important; } #about #box1 .box_s_1 { margin-bottom: 6.25rem !important; } #about #box1 .box_param { margin-top: 4.0rem; margin-bottom: 3.125rem; } #about #box1 .text_box .company_content { font-size: 1.0rem; line-height: 2; } #about #box1 h2 { font-size: 1.75rem; font-weight: bold; margin-bottom: 2rem; } #about #box1 .img_box { padding-left: 6.25rem; } #about #box1 .img_box img { width: 100%; height: 100%; object-fit: cover; } #about #box2 { padding-top: 7.0rem !important; padding-bottom: 5.5rem !important; } #about #box2 .gallery-top-w .main_box { padding: 3.75rem 4.5rem 3.75rem 4.5rem; } #about #box2 .gallery-top-w .prev-next { top: -1.875rem; margin-right: 5.0rem; margin-bottom: 0.625rem; } #about #box2 .gallery-top-w .swiper { color: #ffffff; } #about #box2 .gallery-top-w .swiper .title { margin-bottom: 1.5rem; } #about #box2 .gallery-top-w .swiper .title_1 { font-size: 5.625rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .title sup { font-size: 1.125rem; position: absolute; top: 0.5rem; left: auto; margin-left: 0.625rem; width: 2.5rem; height: 2.5rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .line { font-size: 2.5rem; margin-left: 2.5rem; margin-right: 1.875rem; } #about #box2 .gallery-top-w .swiper .title_2 { font-size: 2.875rem; font-weight: bold; } #about #box2 .gallery-top-w .swiper .content { margin-bottom: 1.5rem; } #about #box2 .gallery-top { width: 68%; margin-left: 0; } #about #box2 .gallery-thumbs-w { width: 23%; position: relative; } #about #box2 .gallery-thumbs { height: 35.0rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #about #box2 .gallery-thumbs .swiper-slide { width: 100%; background-color: #ffffff; padding: 1.875rem 1.5rem 1.875rem 2.5rem; cursor: pointer; border: 5px solid #ffffff; } #about #box2 .gallery-thumbs .swiper-slide .title { margin-bottom: 0.1875rem; } #about #box2 .gallery-thumbs .swiper-slide .title:before { margin-right: 0.625rem; content: ""; display: block; width: 0.8125rem; height: 0.8125rem; border-radius: 50%; border: 0.25rem solid var(--base_color); } #about #box2 .gallery-thumbs .swiper-slide .title ._h2 { font-size: 1.75rem; font-weight: bold; color: #252424; } #about #box2 .gallery-thumbs .swiper-slide p { font-size: 1.0rem; color: var(--grey2); } #about #box2 .gallery-thumbs .swiper-slide:hover, #about #box2 .gallery-thumbs .swiper-slide-thumb-active { border-color: #cccccc !important; } #about #box3 { margin-top: 1.5rem; } #about #box4 { padding-top: 5.625rem !important; padding-bottom: 6.25rem !important; } #about #box4 .box_header .en { margin-bottom: 1.5rem; } #about #box4 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #about #box4 .box_header .desc { font-size: 1rem; } #about #box4 .box_body { margin-top: 5.0rem; } #about #box4 ul li { background-color: #f1f6f9; transition: all 0.3s; padding: 3.125rem 5.0rem; } #about #box4 ul li:hover { background-color: #be0307; color: #ffffff; } #about #box4 ul li h2 { font-size: 1.75rem; font-weight: bold; margin-bottom: 0.625rem; } #about #box4 ul li p { font-size: 1rem; line-height: 1.6; } #about #box4 ul li:after { font-size: 5.0rem; } #about #box5 { padding-top: 0 !important; padding-bottom: 0 !important; } #about #box5 .box_header .en { margin-bottom: 1.5rem; } #about #box5 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #about #box5 .box_header .desc { font-size: 1rem; } #about #box5 .box_body { margin-top: 8.5rem; height: 22.25rem; } #about #box5 .honor_gd_bg { bottom: -15%; } .honor_gd_w .swiper-button-prev {left: -5.0rem !important; } .honor_gd_w .swiper-button-next {right: -5.0rem !important; } .honor_gd_w .swiper-slide { transform: scale(0.8); } .honor_gd_w .swiper-slide-active { transform: scale(1); } #about #box6 { padding-top: 10.5rem !important; padding-bottom: 11.625rem !important; } #about #box6 .box_header .en { margin-bottom: 1.5rem; } #about #box6 .box_header .title { margin-bottom: 1.5rem; font-size: 2.875rem; } #about #box6 .box_header .desc { font-size: 1rem; } .zzjg_main_box { width: 96%; margin: 6.875rem auto 0; height: 21.3125rem; position: relative; display: flex; align-items: center; } .zzjg_main_box:after { content: ""; display: block; position: absolute; top: 50%; left: 4.0625rem; transform: translateY(50%); width: 90%; height: 0.0625rem; background-color: var(--base_color); z-index: 1; } .zzjg_main_box li { flex: 1 1 auto !important; position: relative; z-index: 2; transform: translateX(-1.25rem); } .zzjg_main_box li>div { width: 5.5625rem; height: 5.5625rem; font-size: 1.25rem; font-weight: bold; color: #ffffff; } .zzjg_main_box li>div p { width: 100%; height: 100%; transition: all 0.3s; background-color: var(--base_color); border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; } .zzjg_main_box li:nth-child(odd)>div { margin-bottom: 15.0rem; position: relative; } .zzjg_main_box li:nth-child(even)>div { margin-top: 15.0rem; position: relative; } .zzjg_main_box li:nth-child(odd)>div:after { display: block; content: ""; position: absolute; top: 90%; left: 0%; transform: translateX(-50%) translateY(-3px); width: 4.1875rem; height: 5.5rem; background: url('../images/about/up_line.png') center no-repeat; background-size: cover; } .zzjg_main_box li:nth-child(even)>div:after { display: block; content: ""; position: absolute; bottom: 90%; left: 0%; transform: translateX(-50%) translateY(6px); width: 4.1875rem; height: 5.5rem; background: url('../images/about/down_line.png') center no-repeat; background-size: cover; } .zzjg_main_box li:nth-child(1)>div { margin-top: 0; margin-bottom: 0; width: 8.125rem; height: 8.125rem; font-size: 1.75rem; } .zzjg_main_box li:nth-child(2)>div { margin-top: 0; margin-bottom: 0; width: 7.5rem; height: 7.5rem; font-size: 1.75rem; } .zzjg_main_box li:nth-child(1)>div:after { display: none; } .zzjg_main_box li:nth-child(2)>div:after { display: none; } .zzjg_main_box li:nth-child(2) { margin-left: 2rem; } .zzjg_main_box li:nth-child(3) { margin-left: 4rem; } /*#product*/ #proinfo #box1 { height: 18.875rem; background: url('../images/product/PC_proinfo_bg.jpg') center 150% no-repeat; background-size: 100%; } #proinfo #box1 .box_s { overflow: hidden; } #proinfo #box1 .box_s .main_box { height: 44.625rem; overflow-y: scroll; padding: 6.0rem 6.5rem; } #proinfo #box1 #box1_1 { padding-right: 6.25rem; } #proinfo #box1 #box1_2 { padding-left: 6.25rem; } #proinfo #box1 .swiper.proinfo_imgs { width: 35.0rem; } #proinfo #box1 ul.list_tips { width: 6.875rem; } #proinfo #box1 ul.list_tips li p { width: 6.875rem; height: 6.875rem; font-size: 1.625rem; } /*#product*/ /*contact*/ .contact_message li .ibox input { font-size: 1.0rem; } .contact_message li .ibox textarea { font-size: 1.0rem; } /*contact*/ /*统一子页面开始*/ /*统一子页面结束*/ /*统一footer开始*/ #footer_main { padding-top: 6.0rem; padding-bottom: 6.0rem; } #footer_main #e1 { border-right: 1px solid #37363a; } #footer_main #e1 { width: 20.875rem; padding-right: 3.75rem; } #footer_main #e2 { width: calc(100% - 20.875rem); padding-left: 7.625rem; } #footer_main #e1 .e_box { width: 14.375rem; } /*统一footer结束*/ } /*1536效果/1920 125% 效果*/ /*1800效果*/ @media (min-width: 1680px){ html,body { font-size: 16px; } .container { max-width: 1624px; } } /*1800效果*/ /*1920效果*/ @media (min-width: 1920px){ #banner_box .flash_all { position: relative;width: 1920px;top: 0;left: 50%;transform: translateX(-50%);margin: 0;} } /*1920效果*/ /*-------------------------