/*手机端样式开始*/
html,body { font-size: 12px; }
/*统一header开始*/
#name_box_w { width: 100%; height: 5rem /* 80/16 */; transition: all 0.5s; background-color: rgba(0,0,0,1); border-bottom: 1px solid rgba(255,255,255,0.2); }
#name_box_w .container { height: 100%; }
#name_box_w #header_logo img { transition: all 0.5s; max-height: 1.5rem /* 24/16 */; }
/*主导航*/
.navI>li { line-height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
.navI>li>a { width: 100%; height: 100%; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding: 0 0.3125rem; line-height: 100%; font-size: 1rem; color: #ffffff; font-weight: bold; }
.navI>li>a p { position: relative; z-index: 2; }
.navI>li>a:after { z-index: 0; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); display: block; width: 4.5rem /* 72/16 */; height: 0; content: ''; transition: all .5s ease; }
.navI>li:hover>a:after, .navI>li.active>a:after { background-color: var(--base_color); height: .25rem /* 4/16 */; }
.navI>li:hover>a,.navI>li.active a p { color: #ffffff !important; }
.navI>li .children { width: 100%; position: absolute; left: 0; top: 0; height: 0; overflow: hidden; visibility: hidden; opacity: 0; transition: all .3s ease; }
.navI>li:hover .children { visibility: visible; opacity: 1; height: auto; }
.children li:hover>a,.children li.active a p { color: #ffffff !important; }
/*.navI li#nav_product .children { width: 31.5625rem; }*/
.navI li .children { width:100%; position:absolute; z-index: 1; top: 100%; left: 0; text-align: left; height:0; overflow: hidden; opacity:0; transition: all 0.3s ease 0s; }
.navI li .children li a { padding: 0 0.3125rem; display: block; line-height: 3.6; font-size: 0.9375rem; text-align: center; background-color: rgba(0, 0, 0, 0.5); color: #ffffff; transition:.3s all; }
.navI li .children li a:hover,.navI li .children li a.active { background: var(--base_color); color: #ffffff; }
/*主导航*/
/*导航右侧*/
#header_links #header_tel { transition: all 0.3s; }
#header_links #header_tel i { font-size: 1.5rem /* 24/16 */; color: #ffffff; }
#header_links #header_tel .tel_num { color: #ffffff; font-weight: bold; font-size: 1.25rem /* 20/16 */; line-height: 1; margin-left: .9375rem /* 15/16 */; }
#header_links #header_lang { transition: all 0.3s; }
#header_links #header_lang i { font-size: 1.5rem /* 24/16 */; color: #ffffff; }
#header_links #header_lang .lang_text { color: #ffffff; font-size: .9375rem /* 15/16 */; line-height: 1; margin-left: .625rem /* 10/16 */; }
#header_links #header_lang .lang_text:hover { color: var(--base_color); }
/*导航右侧*/
#banner_box, #page_banner_box { transition: all 0.5s; }
#page_bar { color: #ffffff; padding-top: 1.25rem /* 20/16 */; }
#page_bar a { color: #ffffff; }
#page_bar .box_header .title_box { font-size: 1.75rem /* 28/16 */; margin-bottom: 1.25rem /* 20/16 */; }
#page_bar .box_header .desc_box { max-width: 80%; font-size: 1rem /* 16/16 */; line-height: 1.6; margin-bottom: .625rem /* 10/16 */; }
#subNav_box { height: 4.5rem; }
.subNav { width: 100%; margin: 1.25rem /* 20/16 */ 0; }
.subNav .swiper-slide { width: 11.25rem /* 180/16 */; height: 3.25rem /* 52/16 */; text-align: center; line-height: 3.25rem /* 52/16 */; background-color: #f2f4f6; }
.subNav .swiper-slide a { display: block; width: 100%; height: 100%; background-color: #f2f4f6; color: #000000; }
.subNav .swiper-slide a.active { background-color: var(--base_color); color: #ffffff; }
/*统一header结束*/
/*统一子页面开始*/
/*992开始左右分栏目子页面*/
/*统一子页面LEFT开始*/
#page_left { width: 100%; }
/*#page_left .slider_type { width: 18.0rem; }*/
#page_left .slider_type #in_goods_slider_type li a { min-height: 3.75rem /* 60/16 */; }
#page_left .slider_contact { margin-top: 1.5rem; background-color: #ffffff; border: 0.0625rem solid #eeeeee; }
#page_left .slider_contact .top_line { background-color: var(--second_color); height: 0.3125rem; border-bottom: 0.0625rem solid #eeeeee; }
.slider_contact_list { padding: 1.25rem; }
.slider_contact_list .slider_tel_title { font-weight: bold; margin-bottom: 1rem; }
.slider_contact_list .slider_tel_num { color: #d8170e; font-size: 1.625rem; font-weight: bold; margin-bottom: 1.25rem; }
.slider_contact_list ul li { line-height: 2; }
/*统一子页面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; }
.line_bg { width: 100%; height: 0.4375rem; background: url('../images/line_bg.jpg') center repeat-x; }
.mainInfo { font-size: 1.125rem /* 18/16 */; line-height: 2; }
.singleImg { display: block; margin: 0 auto 1.25rem /* 20/16 */; }
.video_box { width: 100%; height: 23.4375rem; }
/*图片列表*/
.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 li { transition: all 0.3s; margin-bottom: 1.25rem /* 20/16 */; border: 1px solid #efefef; }
.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; line-height: 1.6; margin-bottom: 1.0rem; transition: all 0.3s; }
.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); }
.news_list li a:hover { box-shadow: 0; }
.news_list li a:hover .title { font-weight: bold; color: var(--base_color); }
/*新闻列表*/
/*子页面翻页按钮按钮*/
.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 { font-size: 1.75rem /* 28/16 */; color: #000e20;}
/*统一子页面RIGHT结束*/
/*统一子页面结束*/
/*统一footer开始*/
#footer { background-color: #012b56; margin-bottom: 5rem; font-size: 1rem; }
#footer_bar .main_box { height: 7.5rem /* 120/16 */; padding: 1.25rem /* 20/16 */ 0; }
#footer_logo { max-width: 50%; margin-right: 1.25rem /* 20/16 */; }
#footer_bar .btn_more { width: 11.25rem /* 180/16 */; color: #002144; }
#footer_bar .btn_more:hover { color: #ffffff; }
#footer_main,#footer_main a { color: rgba(255,255,255,0.6); }
#footer_main a:hover { color: var(--base_color); }
#footer_main .main_box { padding: 3.125rem /* 50/16 */ 0; }
#footer_main .footer_main_item { display: flex; color: #ffffff; }
#footer_main .footer_main_item_title { flex-shrink: 0; font-size: 1.25rem /* 20/16 */; line-height: 2.5rem /* 40/16 */; font-weight: bold; margin-right: 1.875rem /* 30/16 */; }
#footer_main .footer_main_item_content { flex-grow: 1; line-height: 2.5rem /* 40/16 */; font-size: 1rem /* 16/16 */; }
#footer_main .categoryList li a { display: block; color: rgba(255, 255, 255, 0.6);}
#footer_main .categoryList li a:hover { color: var(--base_color); }
#footer_main .contactList li { color: rgba(255, 255, 255, 0.6); }
#footer_main .contactList li .icon { display: flex; align-items: center; margin-right: .625rem /* 10/16 */; }
#footer_main .contactList li .icon i { color: #ffffff; font-size: 1.5rem /* 24/16 */; }
#footer_main .contactList li .tel_num { font-size: 1.25rem /* 20/16 */; font-family: Arial; color: #ffffff; font-weight: bold; }
#footer_main .qrcodeList img { width: 10.9375rem /* 175/16 */; height: 10.9375rem /* 175/16 */; }
#footer_copy .main_box { padding-top: .9375rem /* 15/16 */; padding-bottom: .9375rem /* 15/16 */; }
#footer_copy,#footer_copy a { font-size: 1rem; color:rgba(255,255,255,0.4); }
#footer_copy a:hover, #footer_copy a:hover { color: var(--base_color); }
/*统一footer结束*/
/*首页样式开始*/
/*首页swiper按钮统一样式*/
.flash_all .swiper-pagination { bottom: 1.25rem !important; }
.flash_all .swiper-pagination .swiper-pagination-bullet { background-color: var(--base_color); outline: none; transition: all 0.3s; padding: 0; opacity: 1; margin: 0 0.3125rem; border-radius: 0; width: 0.75rem !important; height: 0.125rem !important;}
.flash_all .swiper-pagination-bullet-active { background-color: var(--base_color); outline: none; padding: 0 1.25rem !important; opacity: 1 !important;}
.flash_all .swiper-button-next, .flash_all .swiper-button-prev { border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); color: #ffffff !important;}
/*首页swiper按钮统一样式*/
/*首页swiper左右按钮*/
.swiper-button-prev:after, .swiper-button-next:after{font-size: 1.25rem !important;}
/*首页swiper左右按钮*/
.box_header.main_box_header { margin-bottom: 1.875rem /* 30/16 */; }
.box_header.main_box_header .title_box { display: flex; justify-content: start; align-items: center; font-weight: bold; }
.box_header.main_box_header .title_box a { font-size: 1.75rem /* 28/16 */; color: #000f1f; }
.box_header.main_box_header .desc_box { margin-top: 1.125rem /* 18/16 */; font-size: 1rem; color: var(--grey2); line-height: 1.6; }
.line_Left { width: 1.25rem /* 20/16 */; height: 5.625rem /* 90/16 */; background-color: #02142b; transform: skewX(-15deg) translateX(.9375rem /* 15/16 */); margin-right: 2.5rem /* 40/16 */; }
.btn_more { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 3.125rem /* 50/16 */; background-color: #f1f2f4; color: var(--second_color) !important; font-size: 1.25rem /* 20/16 */; padding: .625rem /* 10/16 */ 1.875rem /* 30/16 */; }
.btn_more i { font-size: 1.5rem /* 24/16 */; }
.btn_more:hover { background-color: var(--base_color); color: #ffffff !important; }
/*in_box_01*/
#in_box_01 { padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #ffffff; }
#in_goods_slider_type li { height: 25%; }
#in_goods_slider_type li a { width: 100%; padding-right: 5%; display: flex; justify-content: space-between; align-items: center; height: 3.75rem /* 60/16 */; line-height: 100%; border-bottom: 1px solid #e0e0e0; font-size: 1.125rem /* 18/16 */; color: #8e8c8c; font-weight: bold; }
#in_goods_slider_type li a:hover { border-bottom: 1px solid var(--base_color); color: var(--base_color); }
.pro_gd .title_1 { position: absolute; bottom: 0; right: 0; z-index: 1; background-color: var(--second_color); color: #ffffff; padding: 1.25rem /* 20/16 */; font-size: 1.125rem /* 18/16 */; font-weight: bold; }
.pro_gd .title_2 { background-color: var(--second_color); color: #ffffff; padding: 1.25rem /* 20/16 */; font-size: 1.125rem /* 18/16 */; font-weight: bold; }
/*in_box_01*/
/*in_box_02*/
#in_box_02 { padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #002145; }
#in_box_02 .box_header.main_box_header .title_box a { font-size: 1.625rem /* 26/16 */; font-weight: bold; color: #ffff; }
#in_box_02 .box_header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 1.25rem /* 20/16 */; }
#in_box_02 .header_left { width: auto; }
#in_box_02 .header_right { width: auto; margin-top: 0; font-size: 1.625rem /* 26/16 */; font-weight: bold; color: #ffff; }
#in_box_02 .header_right i { font-size: 2.5rem /* 40/16 */; font-weight: normal; color: #ffff; margin-right: 1.25rem /* 20/16 */; }
#in_box_02 .header_right .tel_num { font-family: Arial; }
.pro_hot_gd .title { margin-top: 1.875rem /* 30/16 */; text-align: center; line-height: 1.6; font-size: 1.125rem /* 18/16 */; color: rgba(255, 255, 255, 0.4);}
/*in_box_02*/
/*in_box_03*/
#in_box_03 { padding-top: 2.5rem; padding-bottom: 0; background-color: #ffffff; }
#in_box_03 .box_left .swiper-pagination { bottom: 5%; text-align: right !important; padding-right: 10%; }
#in_box_03 .box_left .swiper-pagination .swiper-pagination-bullet { transform: scale(0.8); background-color: #ffffff; opacity: 1; }
#in_box_03 .box_left .swiper-pagination .swiper-pagination-bullet-active { transform: scale(1); background-color: unset; border: 2px solid #ffffff; }
#in_box_03 .box_left .pagination { position: absolute; bottom: 5%; left: 0; z-index: 1; padding-left: 10%; font-family: Arial; font-size: 1.25rem /* 20/16 */; color: #ffffff; display: flex; align-items: flex-end;}
#in_box_03 .box_left .pagination span.current { font-size: 3.3125rem /* 53/16 */; }
#in_box_03 .box_left .pagination span.line { width: 1.875rem /* 30/16 */; height: 1px; background-color: #ffffff; margin: .3125rem /* 5/16 */; margin-bottom: .625rem /* 10/16 */;}
#in_box_03 .box_left .pagination span.total { margin-bottom: .3125rem /* 5/16 */; }
#in_box_03 .box_right li { padding-bottom: 2rem /* 32/16 */; margin-bottom: 2rem /* 32/16 */; position: relative; }
#in_box_03 .box_right li:last-child { margin-bottom: 0; }
#in_box_03 .box_right li:before { width: 100%; display: block; content: ""; position: absolute; bottom: 0; left: 0; height: 1px; z-index: 0; background-color: #e0e0e0; transform: all 0.3s; transform: translateX(0); opacity: 1; }
#in_box_03 .box_right li:after { width: 100%; display: block; content: ""; position: absolute; bottom: -2px; height: 9px; z-index: 1; background: url(../images/hover_line.png) no-repeat bottom left; transition: all 0.3s; transform: translateX(100%); opacity: 0; }
#in_box_03 .box_right li:hover:before { transform: translateX(100%); opacity: 0; }
#in_box_03 .box_right li:hover:after { transform: translateX(0); opacity: 1; }
#in_box_03 .box_right li:last-child:before { display: none; }
#in_box_03 .box_right li:last-child:after { display: none; }
#in_box_03 .box_right .title { font-size: 1.375rem /* 22/16 */; line-height: 1.8; color: var(--second_color); margin-bottom: 1.25rem /* 20/16 */; }
#in_box_03 .box_right .desc { font-size: 1.125rem /* 18/16 */; line-height: 1.8; color: #6e6b6b; }
.cate_box_w { padding: 2.5rem /* 40/16 */ 0; background-color: var(--base_color); color: #ffffff; position: relative; }
.cate_box_w .cate_box { position: relative; z-index: 1; color: #ffffff; line-height: 1.8; }
.cate_box_w:after { width: 400%; height: 100%; display: block; content: ""; background-color: var(--base_color); position: absolute; left: -50%; top: 0; z-index: 0; }
.cate_box_w .title_box { font-size: 1.125rem /* 18/16 */; margin-bottom: 1.25rem /* 20/16 */; line-height: 1.6; }
.cate_box_w .desc_box { font-size: 1.125rem /* 18/16 */; font-weight: bold; margin-bottom: 1.875rem /* 30/16 */; line-height: 1.; }
.cate_box_w .content_box { font-size: 1rem /* 16/16 */; line-height: 1.8; }
/*in_box_03*/
/*in_box_04*/
#in_box_04 { background: url(../images/bg_04.jpg) no-repeat center center; background-size: cover; padding-top: 2.5rem; padding-bottom: 2.5rem; }
#in_box_04 .line_Left { background-color: var(--base_color); }
#in_box_04 .desc_box { color: rgba(249, 249, 251, 0.6); }
#in_box_04 .intro_content { color: rgba(249, 249, 251, 0.4); line-height: 2; margin-bottom: 1.875rem /* 30/16 */; }
#in_box_04 .btn_more { display: flex; justify-content: space-between; align-items: center; width: 13.125rem /* 210/16 */; height: 3.125rem /* 50/16 */; background-color: unset !important; color: #ffffff !important; font-size: 1.25rem /* 20/16 */; padding: .625rem /* 10/16 */ 1.875rem /* 30/16 */; border: 2px solid rgba(249, 249, 251, 0.2); }
#in_box_04 .btn_more i { font-size: 1.5rem /* 24/16 */; }
#in_box_04 .btn_more:hover { background-color: var(--base_color) !important; color: #ffffff; }
/*in_box_04*/
/*in_box_05*/
#in_box_05 { background-color: #ffffff; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.news_gd .main_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.25rem /* 20/16 */ 0; border-bottom: 1px solid #e0e0e0; }
.news_gd .time { font-size: 1rem /* 16/16 */; color: var(--grey1); font-weight: bold; font-family: Arial; margin-bottom: 1.25rem /* 20/16 */; }
.news_gd .title { color: var(--grey1); font-size: 1.125rem /* 18/16 */; line-height: 1.6; height: calc(1.125rem * 1.6 * 2); overflow: hidden; margin-bottom: 1.25rem /* 20/16 */; }
.news_gd .content { font-size: 1rem /* 16/16 */; color: var(--grey2); line-height: 2; }
.news_gd a .main_box::before { position: absolute; bottom: -1px; content: ""; display: block; width: 0; height: 1px; transition: all 0.5s; }
.news_gd a:hover .main_box::before { width: 100%; height: 1px; background-color: var(--base_color);}
/*in_box_05*/
/*首页样式结束*/
/*公共样式*/
.slider_type_header .box_header.main_box_header .title_box a { line-height: 1.2; font-size: 2.125rem /* 34/16 */; }
.page_title .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; }
.page_title .box_header .desc { color: var(--grey2); margin-bottom: 2rem; }
/*公共样式*/
/*关于我们样式*/
#box1 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#box2 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#box3 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#box4 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#company #box1 { background: url(../images/about/box_01.jpg) no-repeat center center #f6fafd; background-size: cover; }
#company #box1 .box_left .box_header { margin-bottom: 1.25rem /* 20/16 */; }
#company #box1 .box_left .box_header .title_box { font-size: 1.75rem /* 28/16 */; line-height: 1.2; margin-bottom: 1.25rem /* 20/16 */; font-weight: bold; }
#company #box1 .box_left .box_header .desc_box { font-size: 1.125rem /* 18/16 */; line-height: 1.6; margin-top: 1.875rem /* 30/16 */; color: rgba(5, 5, 5, 0.6); }
#company #box3 .box_right li { padding-bottom: 1.25rem /* 20/16 */; margin-bottom: 1.25rem /* 20/16 */; position: relative; overflow: hidden; }
#company #box3 .box_right li:last-child { padding-bottom: 0; margin-bottom: 0; }
#company #box3 .box_right li:before { width: 100%; display: block; content: ""; position: absolute; bottom: 0; right: 0; height: 1px; z-index: 0; background-color: #e0e0e0; transform: all 0.3s; transform: translateX(0); opacity: 1; }
#company #box3 .box_right li:after { width: 100%; display: block; content: ""; position: absolute; bottom: -2px; right: 0; height: 9px; z-index: 1; background: url(../images/hover_line.png) no-repeat bottom left; transition: all 0.3s; transform: translateX(100%); opacity: 0; }
#company #box3 .box_right li:hover:before { transform: translateX(100%); opacity: 0; }
#company #box3 .box_right li:hover:after { transform: translateX(0); opacity: 1; }
#company #box3 .box_right li:last-child:before { display: none; }
#company #box3 .box_right li:last-child:after { display: none; }
#company #box3 .box_right .title { font-size: 1.375rem /* 22/16 */; line-height: 1.8; color: var(--second_color); margin-bottom: .625rem /* 10/16 */; }
#company #box3 .box_right .desc { font-size: 1.125rem /* 18/16 */; line-height: 1.8; color: #6e6b6b; }
/*关于我们样式*/
.defaultHeight { min-height: 10rem; }
/*单页样式*/
#single .tags { color: var(--grey1); font-size: 1.125rem; margin-bottom: 2rem; line-height: 1.6; font-weight: bold; }
/*单页样式*/
/*新闻资讯*/
/*新闻资讯*/
/*产品列表*/
.pro_li_big .box { position: absolute; width: 100%; height: 100%; z-index: 1; color: #ffffff; }
.pro_li_big .box .b_footer { padding: 1.25rem 0.625rem; background-image: linear-gradient( to bottom, transparent 0%, rgba(11,13,36,1) 100%) }
.pro_li_big .box .b_footer .title { font-size: 1.125rem; font-weight: bold; margin-bottom: 0.5rem; }
.pro_li_big .box .b_footer .desc { font-size: 0.875rem; line-height: 1.6; color: rgba(255,255,255,0.6); }
.pro_li a .title { background-color: #f7f7f7; font-size: 1.0rem; padding: 0 0.625rem; }
.pro_li a .title .flex-grow-1 { transition: all 0.3s; position: relative; color: var(--grey1); height: 4.0rem; line-height: 4.0rem; }
.pro_li a .title .flex-grow-1 p { position: relative; z-index: 1; transition: all 0.3s; }
.pro_li a:hover .title .flex-grow-1 p { color: var(--second_color); }
.pro_li a .title .flex-shrink-0 { font-size: 0.875rem; background-color: var(--base_color); color: #ffffff; padding: 0.3125rem 0.5rem; }
.pro_li a:hover .title .flex-shrink-0 { background-color: var(--second_color); }
/*产品列表*/
/*产品详情*/
#proinfo #box1 { padding-top: 2rem; }
#proinfo #box1 #box_1 .title_box { font-size: 1.25rem; line-height: 1.6; margin-bottom: 0; }
#proinfo #box1 .pro_desc .desc { color: rgba(2, 20, 43, 0.8); line-height: 2; font-size: .9375rem /* 15/16 */; }
#proinfo #box1 .pro_tels { width: 25rem /* 400/16 */; max-width: 100%; height: 3.875rem /* 62/16 */; padding: .625rem /* 10/16 */ 3.125rem /* 50/16 */; display: flex; justify-content: space-between; align-items: center; font-size: 1.625rem /* 26/16 */; font-family: Arial; background-color: var(--second_color); color: #ffffff;}
#proinfo #box1 .pro_tels i { font-size: 2.5rem /* 40/16 */; margin-right: 1.25rem /* 20/16 */; }
#proinfo #box1 .pro_tels span.tel_num { font-weight: bold; }
#proinfo #box1 .pro_tels:hover { background-color: var(--second_color); color: #ffffff; }
#proinfo #box1 #box_5 .pro_hot_gd .title { color: var(--second_color); }
#proinfo .pro_hot_gd .title_1 { position: absolute; bottom: 0; right: 0; z-index: 1; background-color: var(--second_color); color: #ffffff; padding: .9375rem /* 15/16 */ 1.25rem /* 20/16 */; font-size: 1rem /* 16/16 */; font-weight: bold; }
#proinfo .pro_hot_gd .title_2 { background-color: var(--second_color); color: #ffffff; padding: .9375rem /* 15/16 */ 1.25rem /* 20/16 */; font-size: 1rem /* 16/16 */; font-weight: bold; }
#proinfo #box1 #box_2 .main_box { padding: 1.25rem /* 20/16 */ 1.25rem /* 20/16 */; }
#proinfo #box1 #box_3 .main_box { padding: 1.25rem /* 20/16 */ 1.25rem /* 20/16 */; }
#proinfo #box1 #box_4 .main_box { padding: 1.25rem /* 20/16 */ 1.25rem /* 20/16 */; }
#proinfo #box1 #box_5 .main_box { padding: 1.25rem /* 20/16 */ 1.25rem /* 20/16 */; }
/*产品详情*/
#info .mainInfo h2,#proinfo .mainInfo h2 { font-size:1.125rem; font-weight:bold; margin: 1.25rem 0; }
/*联系我们样式*/
.contact-list li .rounded-circle { background-color: #ffffff; color: var(--base_color); 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_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; }
.in_contact_message li .ibox { background-color: rgba(255, 255, 255, 0.69); border: 1px solid #545e6c; color: #545e6c; }
.in_contact_message li .lable { width: 3.5rem; flex-shrink: 1; }
.in_contact_message li .ibox input { background-color: transparent; width: 100%; font-size: 0.875rem; color: #545e6c; }
.in_contact_message li input::placeholder { color: #545e6c; background-color: transparent; width: 100%; font-size: 0.875rem; }
.in_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; }
}
/*手机端样式*/
/*大屏手机样式*/
@media (min-width: 576px){
html,body { font-size: 14px; }
}
/*大屏手机样式*/
/*PAD效果*/
@media (min-width: 768px){
html,body { font-size: 14px; }
#page_bar { padding-top: 2.5rem /* 40/16 */; }
#page_bar .box_header .title_box { font-size: 2.5rem /* 40/16 */; margin-bottom: 1.25rem /* 20/16 */; }
#page_bar .box_header .desc_box { font-size: 1rem /* 16/16 */; margin-bottom: 1.25rem /* 20/16 */; }
/*首页样式开始*/
.btn_more { width: 13.125rem /* 210/16 */; }
#in_box_01 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#in_box_02 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#in_box_03 { padding-top: 2.5rem; padding-bottom: 0; }
#in_box_04 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#in_box_05 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
/*首页样式结束*/
/*统一子页面开始*/
#box1 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#box2 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#box3 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#box4 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.pro_show { width: 100%; }
/*统一子页面结束*/
.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); }
}
/*PAD效果*/
@media (max-width: 991px){
.box_header.main_box_header .header_left { width: 100%; }
.box_header.main_box_header .header_right { width: 100%; margin-top: 1.25rem /* 20/16 */; }
}
/*IPAD效果*/
@media (min-width: 992px){
html,body { font-size: 14px; }
.w-lg-auto { width: auto !important; }
.w-lg-50 { width: 50% !important; }
.w-lg-100 { width: 100% !important; }
.h-lg-100 { height: 100% !important; }
.mImg { max-width: 37.5rem; }
/*统一header开始*/
/*统一header结束*/
/*首页样式开始*/
.box_header.main_box_header { margin-bottom: 1.875rem /* 30/16 */; }
.box_header.main_box_header .title_box a { font-size: 1.875rem /* 30/16 */; color: #000f1f; }
.btn_more { width: 13.125rem /* 210/16 */; }
#in_box_01 { padding-top: 4rem; padding-bottom: 4rem; }
#in_goods_slider_type { width: 22.5%; flex-shrink: 0; padding-right: 2.5%; }
#in_goods_slider_type li { flex: 1; }
#in_goods_slider_type li a { height: 100%; }
#in_pro_gd_box { width: 68.75%; padding-left: 6.25%; flex-grow: 1; }
#in_box_02 { padding-top: 4rem; padding-bottom: 4rem; }
#in_box_03 { padding-top: 4rem /* 48/16 */; padding-bottom: 0; }
#company #box1 .box_left { width: 43.5%; padding-right: 3.5%; }
#company #box1 .box_right { width: 56.5%; }
#company #box3 .box_right .title { margin-bottom: .625rem /* 10/16 */; }
.cate_box_w { padding: 5rem /* 80/16 */ 0; margin-top: 5rem /* 80/16 */; }
#in_box_04 { padding-top: 4rem; padding-bottom: 0; }
#in_box_04 .btn_more { width: 13.125rem /* 210/16 */; }
#in_box_04 .box_bottom { padding: .9375rem /* 15/16 */; background-color: #ffffff; }
#in_box_05 { padding-top: 4rem; padding-bottom: 4rem; }
/*首页样式结束*/
.news_list li a { padding: 1rem; }
.news_list li:hover { box-shadow: 0 0 5px rgba(100, 100, 100, 0.5); }
/*统一子页面开始*/
#box1 { padding-top: 4rem; padding-bottom: 4rem; }
#box2 { padding-top: 4rem; padding-bottom: 4rem; }
#box3 { padding-top: 4rem; padding-bottom: 4rem; }
#box4 { padding-top: 4rem; padding-bottom: 4rem; }
#page_left { width: 30%; }
#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: 70%; margin-left: 0%; }
#page_right.order-lg-first { margin-left: auto; margin-right: 0%; }
#page_right.order-lg-last { margin-right: auto; margin-left: 0%; }
#proinfo #box1 #box_1 { background-color: #ffffff;}
/*统一子页面结束*/
/*统一footer开始*/
#footer { margin-bottom: 0; }
/*统一footer结束*/
}
/*IPAD效果*/
/*PC效果*/
@media (min-width: 1200px){
html,body { font-size: 15px; }
.w-xl-auto { width: auto !important; }
.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; }
.clamp-xl-8 { -webkit-line-clamp: 8; }
/*统一header开始*/
#name_box_w { z-index: 99; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); }
#name_box_w .container #header_nav { height: 100%; padding: 0 2.5rem /* 40/16 */; }
#name_box_w .container #header_nav>ul { height: 100%; }
/*下拉样式*/
#name_box_w.boxshow { height: 5rem; background-color: rgba(0,0,0,0.7); box-shadow: 0 0 0.1875rem rgba(0,0,0,0.1); }
#name_box_w.boxshow .navI>li .children { top: 5.0rem; }
#name_box_w.boxshow #header_logo img { transition: all 0.5s; max-height: 1.875rem /* 30/16 */; }
/*#name_box_w.boxshow img { filter: brightness(-100%); }*/
#name_box_w.boxshow #header_tel { transform: scale(0.8); }
/*#name_box_w.boxshow #header_tel div { font-size: 1.125rem; }*/
#banner_box.boxshow, #page_banner_box.boxshow { margin-top: 3.75rem; }
/*下拉样式*/
#page_bar { padding-top: 9.5rem /* 152/16 */; }
#page_bar .box_header .title_box { font-size: 3.125rem /* 50/16 */; margin-bottom: 1.875rem /* 30/16 */; }
#page_bar .box_header .desc_box { font-size: 1.125rem /* 18/16 */; margin-bottom: 1.875rem /* 30/16 */; }
/*统一header结束*/
/*首页样式开始*/
#in_box_03 .box_left { width: 50%; }
#in_box_03 .box_right { width: 50%; padding-left: 5%; }
.cate_box_w:after { left: -200%;}
#company #box3 .box_left { width: 50%; }
#company #box3 .box_right { width: 50%; padding-left: 5%; }
#company #box3 .box_right .title { font-size: 1.25rem /* 20/16 */; margin-bottom: .625rem /* 10/16 */; }
#company #box3 .box_right .desc { font-size: 1rem /* 16/16 */; }
/*首页样式结束*/
/*公共样式*/
.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: 1rem /* 16/16 */; line-height: 2; }
.singleImg { float: right; margin-top: 0; margin-bottom: 0; margin-left: 3.125rem /* 50/16 */; margin-right: 0; }
/*公共样式*/
/*关于我们样式*/
/*关于我们样式*/
/*单页样式*/
#single #box1 .box { padding: 4.1875rem 4.375rem !important; }
#single .tags { font-size: 1.625rem; }
/*单页样式*/
/*联系我们*/
/*联系我们*/
/*产品中心*/
/*产品中心*/
/* 产品详情 */
#pro_show { width: 42%; }
.pro_desc { width: 58%; padding-left: 8%; }
#proinfo #box1 #box_1 .main_box { padding: 2.25rem /* 36/16 */ 3.125rem /* 50/16 */; }
#proinfo #box1 #box_2 .main_box { padding: 2.25rem /* 36/16 */ 3.125rem /* 50/16 */; }
#proinfo #box1 #box_3 .main_box { padding: 2.25rem /* 36/16 */ 3.125rem /* 50/16 */; }
#proinfo #box1 #box_4 .main_box { padding: 2.25rem /* 36/16 */ 3.125rem /* 50/16 */; }
#proinfo #box1 #box_5 .main_box { padding: 2.25rem /* 36/16 */ 3.125rem /* 50/16 */; }
/* 产品详情 */
/*统一footer开始*/
#footer_bar .main_box { padding: 1.25rem /* 20/16 */ 0; }
#footer_bar .btn_more { width: 13.125rem /* 210/16 */; }
#footer_main .main_box { padding-top: 6.25rem /* 100/16 */; padding-bottom: 6rem /* 96/16 */; }
#e1 { width: 35%; }
#e2 { width: 45%; }
#footer_copy .main_box { height: 6.75rem /* 108/16 */; }
/*统一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 /* 110/16 */; }
#name_box_w #header_logo img { max-height: 4rem /* 64/16 */; }
.banner_s { width: 1920px; position: relative; left: 50%; transform: translateX(-50%); }
.de-page-mian .page-inner a { width: 2rem; height: 2rem; line-height: 2rem; margin: 0.3125rem; }
#product #goods_slider_type { font-size: 1.125rem; }
#page_left { width: 23.25%; }
#page_right { width: 72.75%; margin-left: 4%; }
}
/*1400效果*/
/*1440效果*/
@media (min-width: 1440px){
html,body { font-size: 16px; }
#name_box_w { height: 6.875rem; }
}
/*1440效果*/
/*1536效果/1920 125% 效果*/
@media (min-width: 1536px){
html,body { font-size: 16px; }
.d-xxxl-block { display: block !important; }
.container {
max-width: 1424px;
}
.navI>li>a:after { bottom: 0; }
#name_box_w { height: 6.875rem /* 110/16 */; }
#name_box_w .container #header_nav { height: 100%; padding: 0 5rem /* 80/16 */; }
#page_right { width: 72.75%; }
#page_right.order-lg-last { margin-left: 4%; }
/*首页样式开始*/
.box_header.main_box_header { margin-bottom: 1.875rem /* 30/16 */; }
.box_header.main_box_header .title_box a { font-size: 2.5rem /* 40/16 */; }
.box_header.main_box_header .desc_box { margin-top: 1.25rem /* 20/16 */; font-size: 1.0625rem; }
/*in_box_01*/
#in_box_01 { padding-top: 9.5rem /* 152/16 */; padding-bottom: 10.25rem /* 164/16 */; }
#in_box_01 .box_header.main_box_header { margin-bottom: 7.5rem /* 120/16 */; }
/*in_box_01*/
/*in_box_02*/
#in_box_02 { padding-top: 4.625rem /* 74/16 */; padding-bottom: 5rem /* 80/16 */; }
#in_box_02 .box_header { margin-bottom: 2.25rem /* 36/16 */; }
/*in_box_02*/
/*in_box_03*/
#in_box_03 { padding-top: 13.5rem /* 216/16 */; padding-bottom: 0; }
#in_box_03 .box_header.main_box_header { margin-bottom: 6rem /* 96/16 */; }
.cate_box_w { margin-top: 7.5rem /* 120/16 */; }
#in_box_03 .box_left { width: 50%; }
#in_box_03 .box_right { width: 50%; padding-left: 9%; }
.cate_box_w:after { left: -50%;}
/*in_box_03*/
/*in_box_04*/
#in_box_04 { height: 60rem /* 960/16 */; padding-top: 10.5rem /* 168/16 */; padding-bottom: 0; }
#in_box_04 .box_header.main_box_header { margin-bottom: 3.75rem /* 60/16 */; }
#in_box_04 .intro_content { width: 60%; margin-bottom: 3.75rem /* 60/16 */; }
#in_box_04 .box_bottom { padding: 2.5rem /* 40/16 */ 3.125rem /* 50/16 */; background-color: #ffffff; }
/*in_box_04*/
/*in_box_05*/
#in_box_05 { padding-top: 11rem /* 176/16 */; padding-bottom: 5rem /* 80/16 */; }
#in_box_05 .box_header.main_box_header { margin-bottom: 5rem /* 80/16 */; }
.news_gd .title { font-size: 1.375rem /* 22/16 */; line-height: 2; height: calc(1.375rem * 2 * 2); }
.news_gd .content { font-size: 1.125rem /* 18/16 */; }
/* .news_gd .swiper-slide 后3个child */
.news_gd .swiper-slide:nth-child(n+4) .main_box { border-bottom: 0; }
/*in_box_05*/
/*首页样式结束*/
.defaultHeight { min-height: 28.3rem; }
#company #box1 { padding-top: 9.5rem /* 152/16 */; padding-bottom: 11.625rem /* 186/16 */; }
#company #box1 .mainInfo { font-size: 1rem /* 16/16 */; line-height: 2.2; }
#company #box1 .box_left { width: 48.5%; padding-right: 8.5%; }
#company #box1 .box_right { width: 51.5%; }
#company #box1 .box_left .box_header .title_box { font-size: 2.5rem /* 40/16 */; }
#company #box2 { padding-top: 8.125rem /* 130/16 */; padding-bottom: 6rem /* 96/16 */; }
#company #box2 .box_body { padding: 2.5rem /* 40/16 */ 3.125rem /* 50/16 */ !important; }
#company #box3 { padding-top: 7.5rem /* 120/16 */; padding-bottom: 13rem /* 208/16 */; }
#company #box3 .box_left { width: 46%; }
#company #box3 .box_right { width: 54%; padding-left: 9%; }
#company #box3 .box_right li { padding-bottom: 1.875rem /* 30/16 */; margin-bottom: 1.875rem /* 30/16 */; }
#company #box3 .box_right .title { font-size: 1.375rem /* 22/16 */; margin-bottom: 1.25rem /* 20/16 */; }
#company #box3 .box_right .desc { font-size: 1.125rem /* 18/16 */; }
.goods_slider_type_gd .contbox .box { padding: 2rem; }
.goods_slider_type_gd .title { font-size: 1.375rem; }
.news_list li { margin-bottom: 1.25rem; }
#box2 .box_header.main_box_header { margin-bottom: 3.75rem /* 60/16 */; }
#box3 .box_header.main_box_header { margin-bottom: 5.5rem /* 88/16 */; }
#box4 .box_header.main_box_header { margin-bottom: 5.5rem /* 88/16 */; }
/*#product*/
#product #goods_slider_type { height: 5.0rem; margin-bottom: 2.5rem; }
.pro_li_big .box .b_footer { padding: 2.5rem 2.5rem; }
.pro_li_big .box .b_footer .title { font-size: 1.75rem; font-weight: bold; margin-bottom: 0.75rem; }
.pro_li_big .box .b_footer .desc { font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,0.6); }
.pro_li a .title div { padding: 0 1.25rem; }
/*#product*/
#proinfo #box1 #box_1 .title_box { font-size: 2.25rem /* 36/16 */; color: #000e20; }
#proinfo #box2 { padding-top: 0; padding-bottom: 0; }
#proinfo #box1 #box_1 .main_box { padding: 4.5rem /* 72/16 */ 6.25rem /* 100/16 */; }
#proinfo #box1 #box_2 .main_box { padding: 4.5rem /* 72/16 */ 6.25rem /* 100/16 */; }
#proinfo #box1 #box_3 .main_box { padding: 4.5rem /* 72/16 */ 6.25rem /* 100/16 */; }
#proinfo #box1 #box_4 .main_box { padding: 4.5rem /* 72/16 */ 6.25rem /* 100/16 */; }
#proinfo #box1 #box_5 .main_box { padding: 4.5rem /* 72/16 */ 6.25rem /* 100/16 */; }
.detail_title .title { font-size: 2.25rem /* 36/16 */; }
#proinfo #box1 #box_1 { margin-bottom: 1.25rem /* 20/16 */ !important; }
#proinfo #box1 #box_2 { margin-bottom: 1.25rem /* 20/16 */ !important; }
#proinfo #box1 #box_3 { margin-bottom: 1.25rem /* 20/16 */ !important; }
#proinfo #box1 #box_4 { margin-bottom: 1.25rem /* 20/16 */ !important; }
/*contact*/
.contact_message li .ibox input { font-size: 1.0rem; }
.contact_message li .ibox textarea { font-size: 1.0rem; }
/*contact*/
/*统一子页面开始*/
#box1 { padding-top: 5rem /* 80/16 */; padding-bottom: 5rem /* 80/16 */; }
#box2 { padding-top: 5rem /* 80/16 */; padding-bottom: 5rem /* 80/16 */; }
/*统一子页面结束*/
/*统一footer开始*/
#footer_bar .main_box { height: 10rem /* 160/16 */; }
#footer_main .footer_main_item_title { margin-right: 3.125rem /* 50/16 */; }
/*统一footer结束*/
}
/*1536效果/1920 125% 效果*/
/*1620效果*/
@media (min-width: 1624px){
.container {
max-width: 1624px;
}
}
/*1800效果*/
/*1920效果*/
@media (min-width: 1920px){
#name_box_w .container { }
}
/*1920效果*/
/*-------------------------