/*手机端样式开始*/
html,body { font-size: 12px; }
/*统一header开始*/
#name_box_w { width: 100%; height: 5.0rem; transition: all 0.5s; }
#name_box_w .container-fluid { height: 100%; }
#name_box_w #header_logo img { transition: all 0.5s; max-height: 3.0rem;}
/*主导航*/
.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: 1.0625rem /* 17/16 */; color: #333333; font-weight: bold; }
.navI>li>a p { position: relative; z-index: 2; }
.navI>li>a:after { z-index: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; width: 100%; height: 0; content: ''; transition: all .5s ease; }
.navI>li:hover>a:after, .navI>li.active>a:after { background-color: var(--base_color); height: 100%; }
.navI>li:hover>a,.navI>li.active p{ color: #FFFFFF; }
.navI>li .children { width: 100%; position: absolute; z-index: 1; left: 0; top: 100%; height: 0; overflow: hidden; visibility: hidden; opacity: 0; transition: all .3s ease; }
.navI>li:hover .children { visibility: visible; opacity: 1; height: auto; }
/*.navI li#nav_product .children { width: 31.5625rem; }*/
.navI li .children li a { padding: 0 0.3125rem; line-height: 3.6; font-size: 0.9375rem; text-align: center; background-color: #fcf9f9; color: #444444; transition:.3s all; }
.navI li .children li a:hover,.navI li .children li a.active { background: var(--base_color); color: #ffffff; }
/*主导航*/
/*导航右侧*/
#name_box_w #header_tel a { font-size: 1.5rem /* 24/16 */; color: var(--base_color); font-family: Arial; }
#name_box_w #header_tel i { font-size: 1.5rem /* 24/16 */; }
/*导航右侧*/
#name_box_w .container-fluid #m_nav { width: 3.1875rem; height: 100%; }
#banner_box, #page_banner_box { transition: all 0.5s; }
/*下拉样式*/
/*统一header结束*/
/*统一子页面开始*/
/*992开始左右分栏目子页面*/
/*统一子页面LEFT开始*/
#page_left { width: 100%; }
#page_left { }
#page_left .box { }
#page_left .box_s { width: 100%; padding: 2.5rem /* 40/16 */ 1.25rem /* 20/16 */; background: var(--base_color); background-size: 100% auto; }
#page_left .title { font-size: 2rem /* 32/16 */; font-weight: bold; color: #ffffff; margin-bottom: .625rem /* 10/16 */; }
#page_left .navList { margin-bottom: 2.5rem /* 40/16 */; }
#page_left .navList li a { font-size: 1.125rem; border-bottom: 1px solid rgba(255,255,255,0.5); line-height: 2; color: #ffffff; padding: .3125rem /* 5/16 */ 0; }
#page_left .navList li a:hover,#page_left .navList li a.active { border-bottom: 1px solid #ffffff; color: #ffffff; }
#page_left .main_tel { font-size: 2.0625rem /* 33/16 */; font-weight: bold; }
#page_left .main_tel i { font-size: 1.75rem /* 28/16 */; }
#page_left .tel_num { font-size: 1.625rem /* 26/16 */; font-weight: bold; border-bottom: 1px solid var(--base_color); }
#page_left .contactList { color: #ffffff; }
#page_left .main_tel i { font-size: 1.75rem /* 28/16 */; }
#page_left .tel_num { font-size: 1.625rem /* 26/16 */; font-weight: bold; }
#page_left .text { padding: .625rem /* 10/16 */ .9375rem /* 15/16 */; background-color: #0e8f3d; font-size: 1.125rem /* 18/16 */; color: #ffffff; text-align: center;}
/*统一子页面LEFT结束*/
/*统一子页面RIGHT开始*/
#page_right { width: 100%; }
#page_right .box_header.main_box_header2 { background: url('../images/page_line.jpg') bottom center no-repeat; background-size: 100% auto; }
.line_bg { width: 100%; height: 0.0625rem; background: url('../images/line_bg.jpg') center repeat-x; }
.mainInfo { font-size: 1.0rem; line-height: 2; }
.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 { margin-bottom: 0.75rem; }
.news_list li .img_box { width: 100%; }
.news_list li .cont_box { margin-top: 1.25rem; width: 100%; transition: all 0.3s; }
.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(--grey); margin-bottom: 1.0rem; line-height: 1.8; transition: all 0.3s; }
.news_list li .time { font-size: 1.0rem; color: var(--grey2); }
.news_list li a:hover .title { font-weight: bold; color: var(--base_color); }
/* 新闻列表 */
/* 产品展示 */
.goods_slider_type { margin: 0 auto; margin-bottom: 1.875rem /* 30/16 */; }
.goods_slider_type a { background-color: #f0f0f0; color: #666666; }
.goods_slider_type a:hover,.goods_slider_type a.active { background-color: #0e8f3d; color: #ffffff; }
/* 产品展示 */
/*产品详情*/
#proinfo #box1 { padding-top: 2rem; padding-bottom: .625rem /* 10/16 */; }
#proinfo #box2 { padding-top: .625rem /* 10/16 */; padding-bottom: 2rem; }
#proinfo .box_link a.link1 { height: 3.5625rem; background-color: var(--second_color); color: #ffffff; border-radius: 0; }
#proinfo .box_link a.link2 { height: 3.5625rem; background-color: #0e8f3d; color: #ffffff; border-radius: 0; }
#proinfo .box_link a.link2 .tel_num { font-family: Arial; font-size: 1.25rem /* 20/16 */; color: #ffffff; font-weight: bold; }
#proinfo .box_link a { flex-grow: 0; padding: 0 0.625rem; height: 3.5625rem; overflow: hidden; font-size: 1.125rem; color: #ffffff; }
#proinfo .box_link a i { font-size: 1.5rem; margin-right: 0.9375rem; color: #ffffff; }
#proinfo .box_link a:hover { background-color: #000000; color: #ffffff; }
#proinfo .box_link a:hover i { color: #ffffff; }
#proinfo .box_link a.link1:hover { background-color: #ef9700; }
#proinfo .box_link a.link2:hover { background-color: #0e8f3d; }
#proinfo #box1 .pro_desc .title { font-size: 2rem /* 32/16 */; color: var(--grey1); margin-bottom: 1.25rem /* 20/16 */; }
#proinfo #box1 .pro_desc .tags { background-color: var(--base_color); font-size: 1.375rem /* 22/16 */; color: #ffffff; padding: .9375rem /* 15/16 */; margin-bottom: 1.875rem /* 30/16 */; }
#proinfo #box1 .pro_desc .desc { margin-bottom: 3.125rem /* 50/16 */; }
#proinfo #box1 .pro_desc .desc li { border-bottom: 1px dashed var(--grey3); font-size: 1rem /* 16/16 */; color: var(--grey2); padding-bottom: 1.25rem /* 20/16 */; margin-bottom: 1.25rem /* 20/16 */; }
#proinfo #box1 .pro_desc .desc li .tit { font-size: 1.125rem /* 18/16 */; color: #0e8f3d; }
/*产品详情*/
/*子页面翻页按钮按钮*/
.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;}
/*子页面翻页按钮按钮*/
.contact-list li .rounded-circle { margin-right: 1rem /* 16/16 */; }
/*统一子页面RIGHT结束*/
/*统一子页面结束*/
/*统一footer开始*/
#footer { background: var(--base_color); margin-bottom: 5rem; font-size: .875rem /* 14/16 */; }
#footer #footer_main { padding-top: 2.0rem; padding-bottom: 1.0rem; }
#footer_main,#footer_main a { color: #ffffff; }
#footer_main a:hover { color: var(--second_color); }
#e1 { padding-right: 3%; }
#e1 .footer_name { margin-bottom: 1.25rem /* 20/16 */; }
#e1 .footer_name .name_cn { font-size: 1.875rem /* 30/16 */; margin-bottom: .625rem /* 10/16 */; }
#e1 .footer_name .name_en { font-size: .875rem /* 14/16 */; letter-spacing: 0.0234375rem /* 0.375/16 */; color: rgba(255, 255, 255, 0.37); }
#e2 { padding-left: 4%; padding-right: 4%; border-left: 1px solid #336856; border-right: 1px solid #336856; }
.navF dt { font-size: 1.125rem /* 18/16 */; font-weight: normal; color: #ffffff; }
.navF dd { font-size: .875rem /* 14/16 */; color: #ffffff; }
#e3 { padding-left: 4%; padding-right: 4%; }
#footer_copy .box { }
#footer_copy { color: #ffffff; }
#footer_copy a { color: #ffffff; }
#footer_copy a:hover { color: var(--second_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: 2rem /* 32/16 */; }
.box_header.main_box_header .bar_title { font-size: 2rem /* 32/16 */; font-weight: bold; color: var(--grey1); line-height: 1.6; margin-bottom: .75rem /* 12/16 */; }
.box_header.main_box_header .bar_desc { font-size: 1rem /* 16/16 */; color: var(--grey2); line-height: 1.6; margin-bottom: .625rem /* 10/16 */; }
.box_header.main_box_header .bar_line { display: flex; justify-content: center; align-items: center; width: 100%; height: 1.5rem /* 24/16 */; flex-shrink: 0; }
.box_header.main_box_header .bar_line img { width: 1.5rem /* 24/16 */; height: .875rem /* 14/16 */; }
.box_header.main_box_header .bar_line:before { content: ""; height: 1px; background-color: rgba(181, 181, 181, 0.4); flex-grow: 1; }
.box_header.main_box_header .bar_line:after { content: ""; height: 1px; background-color: rgba(181, 181, 181, 0.4); flex-grow: 1; }
.box_header.main_box_header2 { margin-bottom: .625rem /* 10/16 */; }
.box_header.main_box_header2 .bar_title { font-size: 2rem /* 32/16 */; font-weight: bold; color: var(--grey1); line-height: 1.6; }
.box_header.main_box_header2 .bar_desc { font-size: 1rem /* 16/16 */; color: var(--grey2); line-height: 1.6; margin-bottom: .625rem /* 10/16 */; }
.best_img .swiper-slide a { display: block; position: relative; }
.best_img .swiper-slide .title { z-index: 1; position: absolute; left: 0; top: auto; bottom: 0; width: 100%; height: 3.125rem; font-size: 1.125rem; background-color: rgba(30,25,25,0.9); color: #FFFFFF; padding: 0 1.25rem; }
.best_img .swiper-slide .title p { width: 80%; }
.best_img .swiper-pagination { width: 20%; z-index: 2; height: 3.125rem; bottom: 0 !important; right: 0; padding: 1.25rem; }
.best_img .swiper-pagination-bullet { outline: none; margin: 0 0.125rem !important; width: 0.9375rem !important; height: 0.3125rem !important; background-color: #ffffff !important; border-radius: 0; opacity: 1 !important }
.best_img .swiper-pagination-bullet-active { background-color: var(--base_color) !important; }
.better_list li a .contbox .contbox_text { }
.better_list li .title { color: var(--grey1); font-size: 1.125rem /* 18/16 */; }
.better_list li .content { color: var(--grey2); font-size: .9375rem /* 15/16 */; }
.better_list li .btns span { color: var(--grey1); font-size: .875rem /* 14/16 */; }
.better_list li .contbox .contbox_time { flex-shrink: 0; font-family: Arial; }
.better_list li .contbox .contbox_time .time_d { line-height: 1.6; font-size: 1.75rem /* 28/16 */; color: var(--grey1); font-weight: bold; }
.better_list li .contbox .contbox_time .time_y { line-height: 1.6; font-size: 1rem /* 16/16 */; color: var(--grey1); font-weight: bold; }
.better_list li a:hover .title { color: var(--base_color); }
.better_list li a:hover .content { color: var(--base_color); }
.better_list li a:hover .btns span { color: var(--base_color); }
.nomarl_list li { margin-bottom: 1.5rem /* 40/16 */; }
.nomarl_list li:last-child { margin-bottom: 0; }
.nomarl_list li a .contbox .contbox_text { }
.nomarl_list li .title { color: var(--grey1); font-size: 1.5rem /* 24/16 */; }
.nomarl_list li .content { color: var(--grey2); font-size: .9375rem /* 15/16 */; }
.nomarl_list li .btns span { color: var(--grey1); font-size: .875rem /* 14/16 */; }
.nomarl_list li .contbox .contbox_time { flex-shrink: 0; font-family: Arial; }
.nomarl_list li .contbox .contbox_time .time_d { line-height: 1.6; font-size: 1.75rem /* 28/16 */; color: var(--grey1); font-weight: bold; }
.nomarl_list li .contbox .contbox_time .time_y { line-height: 1.6; font-size: 1rem /* 16/16 */; color: var(--grey1); font-weight: bold; }
.nomarl_list li a:hover .title { color: var(--base_color); }
.nomarl_list li a:hover .content { color: var(--base_color); }
.nomarl_list li a:hover .btns span { color: var(--base_color); }
.better_list_pic { }
.better_list_pic li .img_box { }
.better_list_pic li .cont_box { background-color: #fffbf4; padding: 1rem; }
.better_list_pic li .cont_box .title { font-size: 1rem; font-weight: bold; margin-bottom: 1.0rem; }
.better_list_pic li .cont_box .content { font-size: 1rem; color: var(--grey1); line-height: 1.75; }
.better_list_pic li .cont_box .more { transition: all 0.3s; width: 4.6875rem; height: 1.25rem; text-align: center; line-height: 1.25rem; font-size: 0.875rem; background-color: #f2f0f0; color: var(--grey1); }
.better_list_pic li a:hover .cont_box .more { background-color: var(--base_color); color: #ffffff; }
.better_pics { margin-bottom: 1.25rem; }
.better_pics li .title { width: 100%; height: 20%; min-height: 2.5rem; padding: 0 0.625rem; position: absolute; left: 0; top: auto; bottom: 0; z-index: 1; font-size: 1rem; color: #ffffff; font-weight: bold; }
.better_pics_a { margin-bottom: 1.25rem; }
.better_pics_a li .cont_box { width: 100%; min-height: 2.5rem; padding: 0 0.625rem; position: absolute; left: 0; top: auto; bottom: 0; z-index: 1; font-size: 1rem; color: #ffffff; }
.better_pics_a li .cont_box .title { font-size: 1.375rem; font-weight: bold; color: #ffffff; margin-bottom: 0.75rem; }
.better_pics_a li .cont_box .content { font-size: 1.0rem; color: rgba(255, 255, 255, 0.8); }
/*in_box_1*/
#in_box_1 { padding-top: 2rem; padding-bottom: 0; background-color:#ffffff; }
#in_box_1 #box_1 { margin-bottom: 1.875rem /* 30/16 */; }
#in_box_1 .box_header { margin-bottom: 0; }
#in_box_1 .box_body { font-size: 1.0rem; line-height: 1.6; color: var(--grey1); }
#about #in_box_1 { padding-bottom: 2rem /* 32/16 */; }
.in_goods_slider_type_gd { padding-top: 1.875rem /* 30/16 */ !important; }
.in_goods_slider_type_gd .swiper-slide { transition: all 0.3s; }
.in_goods_slider_type_gd .swiper-slide:hover { transform: translateY(-1.875rem /* -30/16 */); }
.in_goods_slider_type_gd .swiper-slide .imgbox { transition: all 0.3s; background-color: var(--base_color); margin-bottom: 2.5rem /* 40/16 */; }
.in_goods_slider_type_gd .swiper-slide:hover .imgbox { background-color: #7ecb53; }
.in_goods_slider_type_gd .swiper-slide .contbox { background-color: #ffffff; }
.in_goods_slider_type_gd .swiper-slide .contbox .title { display: flex; align-items: center; margin-bottom: .625rem /* 10/16 */; }
.in_goods_slider_type_gd .swiper-slide .contbox .title span.tit { font-size: 1.25rem /* 20/16 */; font-weight: bold; color: var(--grey1); border-bottom: 2px solid #a4a4a4; padding-bottom: 3px;}
.in_goods_slider_type_gd .swiper-slide .contbox .title span.dot { font-size: 1.25rem /* 20/16 */; font-weight: bold; color: var(--grey1); margin: 0 .3125rem /* 5/16 */; }
.in_goods_slider_type_gd .swiper-slide .contbox .title span.en { font-size: 1.25rem /* 20/16 */; color: #c1c1c1; font-size: 1rem /* 16/16 */; text-transform: capitalize; }
.in_goods_slider_type_gd .swiper-slide .contbox .desc { color: var(--grey2); }
.in_goods_slider_type_gd .swiper-slide .contbox .content { font-size: .9375rem /* 15/16 */; color: var(--grey2); line-height: 1.6 }
.in_goods_slider_type_gd .swiper-slide:hover .contbox .title span.tit { border-bottom: 2px solid var(--base_color); padding-bottom: 3px;}
/*in_box_1*/
/*in_box_2*/
#in_box_2 { padding-top: 6.25rem /* 100/16 */; padding-bottom: 2rem; background: url('../images/in_box_2_bg.jpg') top center no-repeat; background-size: cover; }
#in_box_2 .container .box_body { background-color: #ffffff; }
#in_box_2 .pro_gd_w { padding: 1.875rem /* 30/16 */; }
#in_box_2 .pro_gd_w .swiper-button-prev { width: 3.125rem /* 50/16 */; height: 3.125rem /* 50/16 */; color: #FFF !important; background-color: var(--second_color); left: 0; transform: translate(0%,-50%); margin-top: -13px; }
#in_box_2 .pro_gd_w .swiper-button-next { width: 3.125rem /* 50/16 */; height: 3.125rem /* 50/16 */; color: #FFF !important; background-color: var(--base_color); right: 0; transform: translate(0%,-50%); margin-top: -13px; }
#in_box_2 .pro_gd_w .swiper-button-prev:hover, #in_box_2 .pro_gd_w .swiper-button-next:hover { background-color: var(--second_color); }
#in_box_2 .pro_gd_w .swiper-button-prev:after, #in_box_2 .pro_gd_w .swiper-button-next:after { font-size: 1.25rem /* 20/16 */; }
/*in_box_2*/
/*in_box_3*/
#in_box_3 { padding-top: 2.0rem; padding-bottom: 2.0rem; background: url('../images/in_box_3_bg.jpg') top center no-repeat; background-size: cover; }
#in_box_3 .in_box_3_logo { margin-bottom: 1.25rem /* 20/16 */; }
#in_box_3 .in_box_3_logo img { width: 22.0625rem /* 353/16 */; max-width: 75%; }
#tagsList li img { width: 1.25rem /* 20/16 */; }
#tagsList li img { width: 1.25rem /* 20/16 */; }
#tagsList li { font-size: .875rem /* 14/16 */; }
/*in_box_3*/
/*in_box_4*/
#in_box_4 { padding-top: 2.0rem; padding-bottom: 2.0rem; background: url('../images/in_box_4_bg.jpg') top center no-repeat; background-size: cover; }
#in_box_4 .box_header.main_box_header .bar_title { font-size: 1rem /* 16/16 */; }
#in_box_4 .wmdys_gd .contbox { background: url('../images/in_box_4_slider_bg.jpg') center no-repeat #ffffff; }
#in_box_4 .wmdys_gd .contbox { padding: 1.875rem /* 30/16 */ 1.25rem /* 20/16 */; transition: all 0.3s; transform: scale(0.9);}
#in_box_4 .wmdys_gd .contbox .title { margin-bottom: 1.625rem /* 26/16 */; }
#in_box_4 .wmdys_gd .contbox .title .tit { font-size: 2.125rem /* 34/16 */; }
#in_box_4 .wmdys_gd .contbox .title .en { font-size: 1.375rem /* 22/16 */; }
#in_box_4 .wmdys_gd .contbox .line { font-size: 1.375rem /* 22/16 */; margin-bottom: 2rem /* 32/16 */; }
#in_box_4 .wmdys_gd .contbox .desc { font-size: 1.5rem /* 24/16 */; margin-bottom: 1.25rem /* 20/16 */; }
#in_box_4 .wmdys_gd .contbox .content { margin-bottom: 2rem /* 32/16 */; }
#in_box_4 .wmdys_gd .swiper-slide-active .contbox, #in_box_4 .wmdys_gd .swiper-slide-duplicate-active .contbox { transform: scale(1); }
#in_box_4 .wmdys_gd .swiper-slide .btns { height: 0; overflow: hidden; transition: all 0.3s; }
#in_box_4 .wmdys_gd .swiper-slide-active .btns, #in_box_4 .wmdys_gd .swiper-slide-duplicate-active .btns { height: auto; }
/*in_box_4*/
/*in_box_5*/
#in_box_5 { padding-top: 2rem; padding-bottom: 2rem; }
#in_box_5 .box_right { background-color: #fbe2cc; padding: .75rem /* 12/16 */; }
/*in_box_5*/
/*in_box_6*/
#in_box_6 { padding-top: 0; padding-bottom: 0; background-color: #f0f0f0; }
#in_box_6 .container { padding: 0; }
#in_box_6 #imgbox { background: url('../images/in_box_6_bg.jpg') center no-repeat; background-size: cover; }
/*in_box_6*/
/*首页样式结束*/
/*公共样式*/
.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: 2rem; padding-bottom: 2rem; }
#box2 { padding-top: 2rem; padding-bottom: 2rem; }
/*公共样式*/
/*关于我们样式*/
#about #qywh { background: url('../images/qywh_bg.jpg') center no-repeat; background-size: cover; height: 20rem /* 320/16 */; padding-top: 1.875rem /* 30/16 */; padding-bottom: 1.875rem /* 30/16 */; }
#qywh .bar_title { font-size: 2rem /* 32/16 */; margin-bottom: 2.5rem /* 40/16 */; font-weight: bold; }
#qywh .bar_desc { font-size: .875rem /* 14/16 */; line-height: 2; }
#message_box .main_box { }
/*关于我们样式*/
.defaultHeight { min-height: 10rem; }
#about #in_box_3 { padding-top: 2rem; padding-bottom: 2rem; }
#info #in_box_3 { padding-top: 2rem; padding-bottom: 2rem; }
#info .mainInfo.logo_bg { background: url('../images/logo_bg.png') center no-repeat; }
/*单页样式*/
#single .tags { color: var(--grey1); font-size: 1.125rem; margin-bottom: 2rem; line-height: 1.6; font-weight: bold; }
/*单页样式*/
/*新闻资讯*/
/*新闻资讯*/
/* 产品展示 */
#product .box_header.main_box_header .bar_title { font-size: 1.125rem /* 18/16 */; }
/* 产品展示 */
#info .mainInfo h2,#proinfo .mainInfo h2 { font-size:1.125rem; font-weight:bold; margin: 1.25rem 0; }
/*联系我们样式*/
.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; }
}
/*手机端样式*/
/*大手机端样式*/
@media (min-width: 414px){
html,body { font-size: 14px; }
}
/*大手机端样式*/
/*大屏手机样式*/
@media (min-width: 576px){
html,body { font-size: 14px; }
}
/*大屏手机样式*/
/*PAD效果*/
@media (min-width: 768px){
html,body { font-size: 14px; }
#header_links img { width: 1.25rem; }
/*首页样式开始*/
.box_header.main_box_header { margin-bottom: 3rem /* 48/16 */; }
#in_box_1 { padding-top: 2.5rem; padding-bottom: 0; }
#about #in_box_1 { padding-bottom: 2.5rem; }
#in_box_2 { padding-top: 8.75rem /* 140/16 */; padding-bottom: 2.5rem; }
#in_box_2 .pro_gd_w .swiper-button-prev { transform: translate(-50%,-50%);}
#in_box_2 .pro_gd_w .swiper-button-next { transform: translate(50%,-50%);}
#in_box_3 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#in_box_4 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#in_box_4 .box_header.main_box_header .bar_title { font-size: 1.5rem /* 24/16 */; }
#in_box_5 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#in_box_6 { padding-top: 0; padding-bottom: 0; }
/*首页样式结束*/
/*统一子页面开始*/
.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); }
#product .box_header.main_box_header .bar_title { font-size: 1.5rem /* 24/16 */; }
#footer #footer_main { padding-top: 2.0rem; padding-bottom: 1.0rem; }
}
/*PAD效果*/
/*IPAD效果*/
@media (min-width: 992px){
html,body { font-size: 14px; }
.w-lg-auto { width: auto !important; }
.w-lg-50 { width: 50% !important; }
.w-lg-75 { width: 75% !important; }
.w-lg-100 { width: 100% !important; }
.position-lg-absolute { position: absolute !important; }
.clamp-lg-1 { -webkit-line-clamp: 1; }
.clamp-lg-2 { -webkit-line-clamp: 2; }
.clamp-lg-3 { -webkit-line-clamp: 3; }
.clamp-lg-4 { -webkit-line-clamp: 4; }
.clamp-lg-5 { -webkit-line-clamp: 5; }
.clamp-lg-6 { -webkit-line-clamp: 6; }
.clamp-lg-7 { -webkit-line-clamp: 7; }
.clamp-lg-8 { -webkit-line-clamp: 8; }
.mImg { max-width: 62.5rem /* 1000/16 */; }
.nomarl_list li { margin-bottom: 1.25rem /* 20/16 */; }
.nomarl_list li:last-child { margin-bottom: 0; }
/*统一header开始*/
/*统一header结束*/
/*首页样式开始*/
#name_box_w .container-fluid { }
#name_box_w #header_nav { margin-left: 3.75rem /* 60/16 */; margin-right: 1.25rem /* 20/16 */; }
#name_box_w #header_tel i { font-size: 1.5rem /* 24/16 */; }
#in_box_1 { padding-top: 3.5rem; padding-bottom: 0; }
#about #in_box_1 { padding-bottom: 3.5rem; }
#in_box_2 { padding-top: 10rem /* 160/16 */; padding-bottom: 3.5rem; }
#in_box_2 .pro_gd_w { padding: 2.5rem /* 40/16 */; }
#in_box_2 .pro_gd_w .swiper-button-prev { width: 4.875rem /* 78/16 */; height: 4.875rem /* 78/16 */; left: 0; transform: translate(-50%,-50%); margin-top: -16px; }
#in_box_2 .pro_gd_w .swiper-button-next { width: 4.875rem /* 78/16 */; height: 4.875rem /* 78/16 */; right: 0; transform: translate(50%,-50%); margin-top: -16px; }
#in_box_2 .pro_gd_w .swiper-button-prev:after, #in_box_2 .pro_gd_w .swiper-button-next:after { font-size: 1.875rem /* 30/16 */ !important; }
#in_box_3 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
#in_box_4 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
#in_box_4 .box_header.main_box_header .bar_title { font-size: 2rem /* 32/16 */; }
#in_box_4 .wmdys_gd .contbox { padding: 2.5rem /* 40/16 */ 1.875rem /* 30/16 */; }
#in_box_5 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
#in_box_6 { padding-top: 0; padding-bottom: 0; }
#in_box_6 .row.align-items-stretch { height: 32.4375rem /* 519/16 */; }
/*首页样式结束*/
.news_list li a { padding: 1rem; }
/*统一子页面开始*/
#page_left { width: 30%; }
#page_right { width: 68%; margin-left: 2%; }
#page_left { }
#page_left .box_header { height: 10.625rem;}
#page_left .box_header .title { font-size: 2.125rem; }
#page_left .box_header .desc { font-size: 0.875rem; color: var(--grey1); }
#page_left .box_body { height: 34.5625rem; }
#page_left .box_body .navList li a { line-height: 3.125rem; }
/*统一子页面结束*/
#qywh .box_header { }
#qywh .bar_title { font-size: 2.5rem /* 40/16 */; margin-bottom: 3.125rem /* 50/16 */; font-weight: bold; }
#qywh .bar_desc { font-size: 1.0625rem /* 17/16 */; line-height: 2; }
#product .box_header.main_box_header .bar_title { font-size: 2rem /* 32/16 */; }
#proinfo .box_link>div:first-child { width: 12.5rem /* 200/16 */; }
/*统一footer开始*/
#footer { margin-bottom: 0; }
#footer #footer_main { padding-top: 2.0rem; padding-bottom: 1.0rem;}
/*统一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; }
.nomarl_list li { margin-bottom: 2.5rem /* 40/16 */; }
.nomarl_list li:last-child { margin-bottom: 0; }
/*统一header开始*/
#name_box_w #header_logo { }
.navI>li>a { font-size: 1.125rem; }
/*统一header结束*/
/*首页样式开始*/
.box_header.main_box_header { margin-bottom: 3.0rem; }
.box_header.main_box_header .bar_title { font-size: 2.5rem /* 40/16 */; }
.box_header.main_box_header .bar_desc { font-size: 1.0625rem /* 17/16 */; }
.box_header.main_box_header2 .bar_title { font-size: 2.5rem /* 40/16 */; }
.box_header.main_box_header2 .bar_desc { font-size: 1.0625rem /* 17/16 */; }
.best_list li .title { font-size: 1.875rem;}
.better_list li .title { font-size: 1.5rem /* 24/16 */;}
.better_list_pic li .cont_box .title { font-size: 1.0rem; }
.better_pics_a li .cont_box .title { font-size: 1.625rem; }
#in_box_1 { padding-bottom: 0; }
#in_box_3 { padding-top: 2.0rem; padding-bottom: 2.0rem; }
#in_box_3 .in_box_3_logo { margin-bottom: 1.875rem /* 30/16 */; }
#in_box_4 .wmdys_gd .contbox { padding: 3.125rem /* 50/16 */ 2.5rem /* 40/16 */; }
#in_box_5 .best_list { margin-bottom: 2rem; }
#in_box_5 .best_list li .title { font-size: 1.375rem; }
/*首页样式结束*/
/*公共样式*/
.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; }
/*公共样式*/
/*关于我们样式*/
/*关于我们样式*/
/*单页样式*/
/*单页样式*/
/*联系我们*/
/*联系我们*/
/*产品中心*/
/*产品中心*/
/*统一footer开始*/
#footer #footer_main { padding-top: 3.0rem; padding-bottom: 2.0rem; }
#e1 { width: 30%; padding-right: 3%; }
#e1 .footer_name { margin-bottom: 1.25rem /* 20/16 */; }
#e1 .footer_name .name_cn { font-size: 1.625rem /* 26/16 */; margin-bottom: .625rem /* 10/16 */; }
#e1 .footer_name .name_en { font-size: .875rem /* 14/16 */; }
#e2 { width: 30%; padding-left: 4%; padding-right: 4%; }
.navF dt { font-size: 1.125rem /* 18/16 */; }
.navF dd { font-size: .875rem /* 14/16 */; }
#e3 { width: 27.5%; padding-left: 4%; padding-right: 4%; }
#e4 { width: 12.5%; }
/*统一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.25rem; }
#name_box_w #header_logo { }
#name_box_w #header_logo img { max-height: 3.5rem; }
#name_box_w #header_tel i { font-size: 1.5rem /* 24/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; }
#page_left { width: 20.65%; }
#page_right { width: 77%; margin-left: 2%; }
}
/*1400效果*/
/*1440效果*/
@media (min-width: 1440px){
html,body { font-size: 16px; }
#name_box_w { height: 6.25rem; }
}
/*1440效果*/
/*1536效果/1920 125% 效果*/
@media (min-width: 1536px){
html,body { font-size: 16px; }
.container {
max-width: 1424px;
}
#name_box_w { height: 6.25rem /* 100/16 */; }
#name_box_w #header_tel i { font-size: 1.5rem /* 24/16 */; }
#name_box_w #header_logo #slogan { font-size: 1.125rem; }
#banner_box, #page_banner_box { }
/*首页样式开始*/
/*in_box_1*/
#in_box_1 { padding-top: 3.75rem /* 60/16 */; padding-bottom: 0; }
#about #in_box_1 { padding-bottom: 3.75rem /* 60/16 */; }
#in_box_1 .box_header { margin-bottom: 1.25rem /* 20/16 */; }
#in_box_1 .img_box { width: 45.5%; }
#in_box_1 .cont_box { width: 54.5%; }
/*in_box_1*/
/*in_box_2*/
#in_box_2 { height: 81.3125rem /* 1301/16 */; padding-top: 11.25rem /* 180/16 */; padding-bottom: 2.5rem /* 40/16 */; }
/*in_box_2*/
/*in_box_3*/
#in_box_3 { padding-top: 8rem /* 128/16 */; padding-bottom: 6rem /* 96/16 */; }
#about #in_box_3 { padding-top: 4rem /* 64/16 */; padding-bottom: 4rem /* 64/16 */; }
#in_box_3 .in_box_3_logo { margin-bottom: 2.5rem /* 40/16 */; }
/*in_box_3*/
#big_bg { background: url('../images/big_bg.jpg') center no-repeat; background-size: cover; height: 63.75rem; padding-top: 6.0rem; padding-bottom: 6.875rem; }
/*in_box_4*/
#in_box_4 { height: 46.8125rem /* 749/16 */; padding-top: 5rem /* 80/16 */; padding-bottom: 4rem /* 64/16 */; }
#in_box_4 .wmdys_gd .contbox { padding: 3.75rem /* 60/16 */ 2.5rem /* 40/16 */; }
/*in_box_4*/
/*in_box_5*/
#in_box_5 { height: 60.4375rem /* 967/16 */; padding-top: 4.5rem /* 72/16 */; padding-bottom: 4rem /* 64/16 */; }
#in_box_5 .box_left { width: 55.0625rem /* 881/16 */; margin-right: 8.5rem /* 136/16 */; flex-grow: 0 !important; }
#in_box_5 .box_right { width: auto; padding: 2.25rem /* 36/16 */; }
/*in_box_5*/
/*in_box_6*/
#in_box_6 { padding-top: 0; padding-bottom: 0; }
/*in_box_6*/
/*首页样式结束*/
#box1 { padding-top: 2rem; padding-bottom: 2rem; }
#box2 { padding-top: 2rem; padding-bottom: 2rem; }
.defaultHeight { min-height: 28.3rem; }
#about #qywh { height: 30.875rem /* 494/16 */; padding-top: 1.875rem /* 30/16 */; padding-bottom: 1.875rem /* 30/16 */; }
#qywh .bar_desc { font-size: 1.375rem /* 22/16 */; }
#message_box .main_box { }
.news_list li { margin-bottom: 1.25rem; }
.jscx_list li .cont_box { padding: 2rem; }
.jscx_list li .title { font-size: 1.875rem; margin-bottom: 1.25rem; }
/*#product*/
.goods_slider_type { }
.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*/
/*contact*/
.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 input { font-size: 1.0rem; }
.contact_message li .ibox textarea { font-size: 1.0rem; }
/*contact*/
#info #in_box_02 { padding-top: 2rem; padding-bottom: 0; }
/*统一子页面开始*/
#page_left { width: 19.6875rem /* 315/16 */; }
#page_left .navList li a { line-height: 2; }
#page_right { width: calc(100% - 2% - 19.6875rem); margin-left: 2%; }
/*统一子页面结束*/
/*统一footer开始*/
#footer { height: 22.8125rem /* 365/16 */; }
#footer #footer_main { padding-top: 4rem /* 64/16 */; padding-bottom: 2.5rem /* 40/16 */; }
#e1 { width: 30%; padding-right: 3%; }
#e1 .footer_name { margin-bottom: 1.25rem /* 20/16 */; }
#e1 .footer_name .name_cn { font-size: 1.875rem /* 30/16 */; margin-bottom: .625rem /* 10/16 */; }
#e1 .footer_name .name_en { font-size: .875rem /* 14/16 */; color: rgba(255, 255, 255, 0.37); }
#e2 { width: 30%; padding-left: 4%; padding-right: 4%; border-left: 1px solid #336856; border-right: 1px solid #336856; }
.navF dt { font-size: 1.125rem /* 18/16 */; font-weight: normal; color: #ffffff; }
.navF dd { font-size: .875rem /* 14/16 */; color: #ffffff; }
#e3 { width: 27.5%; padding-left: 4%; padding-right: 4%; }
#e4 { width: 12.5%; }
/*统一footer结束*/
}
/*1536效果/1920 125% 效果*/
/*1800效果*/
@media (min-width: 1800px){
#name_box_w .container-fluid { max-width: 107.75rem /* 1724/16 */; }
#name_box_w #header_nav { margin-left: 8rem /* 128/16 */; margin-right: 5rem /* 80/16 */; }
}
/*1800效果*/
/*1920效果*/
@media (min-width: 1920px){
}
/*1920效果*/
/*-------------------------