/*手机端样式开始*/
html,body { font-size: 12px; }
/*统一header开始*/
header { position: relative; border-bottom: 5px solid var(--base_color); margin-bottom: .625rem /* 10/16 */; }
header .banner_img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; min-height: 16.25rem /* 260/16 */; object-fit: cover; }
header .swiper-slide img { min-height: 16.25rem /* 260/16 */; object-fit: cover; }
header .banner_cover { position: absolute; z-index: 9; width: 100%; top: -18.125rem /* -290/16 */; left: 50%; height: 59.9375rem /* 959/16 */; transform: translateX(-50%); background-image: linear-gradient( to bottom, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 60%, rgba(255,255,255,1) 60% ); object-fit: cover; opacity: 0.75; }
.banner_s { min-height: 16.25rem /* 260/16 */; }
#index header .banner_cover { top: 0; opacity: 1; }
#index header .banner_s { height: auto; }
#note_box { height: 3rem /* 48/16 */; font-size: 1rem /* 16/16 */; position: relative; z-index: 2; }
#note_box, #note_box a { color: var(--grey1); }
#note_box a:hover { color: red; }
#name_box_w { width: 100%; height: calc(100% - 3rem); transition: all 0.5s; }
#name_box_w .container { height: 100%; padding-bottom: 2rem /* 32/16 */; }
#name_box_w #header_logo { margin-bottom: 1.25rem /* 20/16 */; }
#name_box_w #header_logo img { transition: all 0.5s; max-height: 3.75rem /* 60/16 */;}
.search_box { width: 32.5rem /* 520/16 */; max-width: 55%; height: 2.5rem /* 40/16 */; background-color: rgba(255, 255, 255, 0.85); border-radius: 1.875rem /* 30/16 */; overflow: hidden; }
.search_box .search_key { font-size: 1rem /* 16/16 */; width: 0; border: 0; height: 100%; line-height: 100%; overflow: hidden; padding: 0 1.25rem /* 20/16 */; flex-grow: 1; background-color: transparent; }
.search_box .search_key::placeholder { color: var(--grey1); }
.search_box .search_so { width: 4.375rem /* 70/16 */; height: 100%; background-color: transparent; border: 0; cursor: pointer; transition: all 0.3s; }
.search_box .search_so i { font-size: 1.25rem /* 20/16 */; color: var(--base_color); }
#header_nav { height: 7.25rem /* 116/16 */; position: relative; z-index: 10; background-color: rgba(206, 34, 34, 0.9); }
/*主导航*/
.navI { height: 100%; display: flex; padding: 0 3.125rem /* 50/16 */; justify-content: space-between; align-items: center; }
.navI>li { height: 100%; width: 100%; line-height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
.navI>li:after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ''; display: block; width: 1px; height: .8125rem /* 13/16 */; background-color: rgba(255,255,255,0.5); }
.navI>li:last-child:after { display: none; }
.navI>li>a { width: 100%; height: 100%; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding: 0 0.125rem; line-height: 100%; font-size: 1.125rem /* 18/16 */; font-weight: bold; color: #ffffff; }
.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 p,.navI>li.active a p { color: #FFFF00; font-weight: bold; }
.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; }
.navI li .children { min-width: 9.5rem /* 152/16 */; }
.navI li .children { width:100%; position:absolute; z-index: 1; top: 75%; left: 50%; transform: translateX(-50%); text-align: left; height:0; overflow: hidden; opacity:0; transition: all 0.3s ease 0s; }
.navI li .children li a { padding: 0 0.3125rem; line-height: 3.6; font-size: 0.9375rem; text-align: center; background-color: #fcf9f9; transition:.3s all; }
.navI li .children li a p { font-weight: normal; color: var(--base_color); transition: all .3s; }
.navI li .children li a:hover,.navI li .children li a.active { background: var(--base_color); color: #ffffff; }
.navI li .children li a:hover *,.navI li .children li a.active * { color: #ffffff; }
.nav_more.change img { transform: rotate(180deg); }
/*主导航*/
/*导航右侧*/
/*导航右侧*/
#name_box_w .container #m_nav { width: auto; height: 100%; }
#banner_box, #page_banner_box { transition: all 0.5s; }
.subNav { margin-bottom: 1.875rem /* 30/16 */; }
.subNav li a { display: block; width: 100%; height: 3.75rem /* 60/16 */; line-height: 3.75rem /* 60/16 */; text-align: center; background-color: #fbe5e5; font-size: 1.125rem /* 18/16 */; color: var(--base_color); }
.subNav li a:hover,.subNav li a.active { width: 100%; height: 3.75rem /* 60/16 */; line-height: 3.75rem /* 60/16 */; background-color: var(--base_color); color: #ffffff; }
#page_left .subNav li a { height: 3rem /* 48/16 */; line-height: 3rem /* 48/16 */; }
/*下拉样式*/
/*下拉样式*/
/*统一header结束*/
main { position: relative; z-index: 9; }
/*统一子页面开始*/
/*992开始左右分栏目子页面*/
/*统一子页面LEFT开始*/
#page_left { width: 100%; }
/*统一子页面LEFT结束*/
/*统一子页面RIGHT开始*/
.line_bg { width: 100%; height: 0.4375rem; background: url('../images/line_bg.jpg') center repeat-x; }
.mainInfo { font-size: 1.25rem /* 20/16 */; line-height: 2; }
.mainInfo img { max-width: 100%; height: auto !important; }
.video_box { width: 100%; height: 23.4375rem; }
/* 简单列表 */
.simple_list { width: 100%; }
.simple_list li { width: 100%; height: 3.75rem; line-height: 3.75rem; }
/* 偶数行背景变色 */
.simple_list li:nth-child(even) { background-color: #fef7f7; }
.simple_list li a { display: block; width: 100%; height: 100%; }
.simple_list li a * { transition: all 0.3s; }
.simple_list li a .title { font-size: 1.0rem; padding-left: 1.25rem /* 20/16 */; }
.simple_list li a .time { flex-shrink: 0; margin-left: .625rem /* 10/16 */; padding: 0 1.25rem /* 20/16 */; }
.simple_list li a:hover { background-color: var(--base_color); }
.simple_list li a:hover * { color: #ffffff; }
/* 简单列表 */
/*图片列表*/
/*图片列表*/
/*新闻列表*/
.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); }
/*新闻列表*/
/*图文列表*/
.pic_list li { transition: all 0.3s; margin-bottom: 1.25rem /* 20/16 */; border: 1px solid #efefef; }
.pic_list li .title { font-size: 1.25rem; line-height: 1.6; margin-bottom: 1.0rem; transition: all 0.3s; }
.pic_list li .content { font-size: 1.0rem; color: var(--grey2); margin-bottom: 1.0rem; line-height: 1.8; }
.pic_list li .time { font-size: 1.0rem; color: var(--grey2); }
.pic_list li a:hover { box-shadow: 0; }
.pic_list li a:hover .title { font-weight: bold; color: var(--base_color); }
/*图文列表*/
/* 网站地图 */
#sitemap #box1 dl dt { border-bottom: 1px solid #efefef; padding: 1.25rem /* 20/16 */ 0.9375rem; }
#sitemap #box1 dl dt>a { color: var(--grey1); font-size: 1.5rem /* 24/16 */; }
#sitemap #box1 dl dt ul li>a { color: var(--grey2); font-weight: normal; font-size: 1.125rem /* 18/16 */; }
#sitemap #box1 dl dt a:hover { 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 { background-color: var(--base_color); width: 10rem; height: 3.5rem; font-size: 1.125rem; text-align: center; color: #ffffff; }
.detail_title .title i { font-size: 1.25rem !important; }
/*统一子页面RIGHT结束*/
/*统一子页面结束*/
/*统一footer开始*/
#footer { margin-bottom: 5rem; font-size: 1rem; position: relative; z-index: 10; }
/* 隐藏原始的select元素的下拉箭头 */
.custom-select {
position: relative;
font-size: 1.125rem /* 18/16 */;
}
.custom-select select {
width: 100%;
border:0;
border-radius: 0;
padding: .75rem /* 12/16 */ 1.875rem /* 30/16 */;
overflow: hidden;
background-color: #fbe5e5; color: var(--base_color);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
outline: none;
}
/* 自定义下拉箭头的样式 */
.custom-select .dropdown-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1.875rem /* 30/16 */;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid var(--base_color);
pointer-events: none; /* 确保箭头不影响select的交互 */
}
#footer { border-top: 5px solid #da0116; background-color: #f7f7f7; }
#footer_main { padding-top: 1.25rem /* 20/16 */; padding-bottom: 1.25rem /* 20/16 */; }
#footer_main,#footer_main a { color: #969595; }
#footer_main a:hover { color: var(--base_color); }
#footer_info { padding-top: 2.5rem /* 40/16 */; font-size: 1rem /* 16/16 */; color: #969595; line-height: 1.8; }
#footer_info dl dt { font-size: 1.25rem /* 20/16 */; font-weight: bold; color: var(--base_color); margin-bottom: .625rem /* 10/16 */; }
#footer_info dl dd { font-size: 1.125rem /* 18/16 */; }
.f_navList li { font-size: 1.125rem /* 18/16 */; }
#footer_copy { background-color: var(--base_color); color: #ffffff; line-height: 1.875rem /* 30/16 */; }
#footer_copy .container { padding-top: .3125rem /* 5/16 */; padding-bottom: .3125rem /* 5/16 */; }
#footer_copy,#footer_copy a { font-size: 1rem; color: rgba(255, 255, 255, 0.6); }
/*统一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左右按钮*/
.best_img .swiper-pagination .swiper-pagination-bullet { border-radius: 0; }
.box_header.main_box_header { width: 100%; margin-bottom: 1.25rem /* 20/16 */; position: relative; border-bottom: 1px solid var(--base_color); }
.box_header.main_box_header .title { width: 12.8125rem /* 205/16 */; height: 2.8125rem /* 45/16 */; background: url('../images/title_bg.png') center no-repeat; background-size: cover; }
.box_header.main_box_header .title a { font-size: 1.25rem /* 20/16 */; font-weight: bold; color: #ffffff; display: block; width: 90%; height: 100%; display: flex; justify-content: center; align-items: center; }
.box_header.main_box_header .btns a { display: flex; justify-content: center; align-items: center; width: 3.75rem /* 60/16 */; height: 1.875rem /* 30/16 */; background-color: #ffffff; color: var(--base_color); font-size: 1rem /* 16/16 */; }
.box_header.main_box_header .btns a:hover { background-color: var(--base_color); color: #ffffff; }
main>.container { padding: 0; }
main #main_box { padding-top: var(--bs-gutter-y,.75rem); padding-bottom: var(--bs-gutter-y,.75rem); background-color: #ffffff; }
/*in_box_1*/
#in_box_1 { padding-top: 0; padding-bottom: 0; }
.best_list { margin-bottom: .3125rem /* 5/16 */;}
.best_list li .title { margin-bottom: .9375rem /* 15/16 */; }
.best_list li .title .tit { font-size: 1.25rem /* 20/16 */; font-weight: bold; }
.best_list li .content { font-size: 1rem; color: var(--grey2); line-height: 1.8; height: calc(1rem * 1.8 * 2); margin-bottom: .9375rem /* 15/16 */;}
.best_list li .time span.tags { display: inline-block; background-color: #faecec; color: #e28e8e; padding: .3125rem /* 5/16 */ 1.25rem /* 20/16 */; font-size: .875rem /* 14/16 */; }
.best_list li a:hover * { color: var(--base_color); }
#news .best_list li { border-bottom: 1px solid #f5d3d3; padding-bottom: 1.875rem /* 30/16 */; }
/*in_box_1*/
/*in_bar*/
.in_bar { margin-top: 1.25rem /* 20/16 */; margin-bottom: 1.5rem /* 24/16 */; }
.in_bar img { min-height: 3.125rem /* 50/16 */; object-fit: cover; }
/*in_bar*/
.best_img .swiper-slide a { display: block; position: relative; }
.best_img .swiper-slide .title { position: absolute; left: 0; top: auto; bottom: 0; width: 100%; height: 20%; font-size: 1rem /* 16/16 */; color: #FFFFFF; padding: 0 1.25rem; }
.best_img .swiper-slide .title p { padding-right: 10%; }
.best_img .swiper-pagination { left: 0; top: auto; bottom: 0 !important; height: 20%; font-size: 1rem /* 16/16 */; color: #FFFFFF; padding: 0 1.25rem; }
.better_list { }
.better_list li { border-bottom: 1px solid #f5d3d3; padding-top: 1.25rem /* 20/16 */; padding-bottom: 1.25rem /* 20/16 */; margin-bottom: 1.25rem /* 20/16 */; }
.better_list li:last-child { margin-bottom: 0; }
.better_list li .title { margin-bottom: 1rem /* 16/16 */; }
.better_list li .tit { font-size: 1.25rem /* 20/16 */; font-weight: bold; }
.better_list li .content { font-size: 1rem /* 16/16 */; color: var(--grey2); line-height: 1.8; height: calc(1rem * 1.8 * 2);}
.better_list li .time span.tags { display: inline-block; background-color: #faecec; color: #e28e8e; padding: .3125rem /* 5/16 */ 1.25rem /* 20/16 */; font-size: .875rem /* 14/16 */; }
.nomarl_list li a { line-height: 2.6; color: var(--grey1); }
.nomarl_list li .title { font-size: 1rem /* 16/16 */; }
.nomarl_list li span.time { color: var(--grey2); flex-shrink: 0; margin-left: 1.25rem /* 20/16 */; }
.nomarl_list li a:hover * { color: var(--base_color); }
.better_list_pic { }
.better_list_pic li .img_box { padding-right: 0.625rem; }
.better_list_pic li .cont_box { padding-left: 0.625rem; }
.better_list_pic li .cont_box .title { font-size: 1.125rem; font-weight: bold; margin-bottom: 1.0rem; }
.better_list_pic li .cont_box .content { font-size: 1rem; color: var(--grey1); line-height: 1.75; margin-bottom: 1.0rem; }
.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; }
/*in_box_2*/
#in_box_2 { padding-top: 0; margin-bottom: 1.875rem /* 30/16 */; }
#in_box_2 .mail_box { margin-bottom: .9375rem /* 15/16 */;}
/*in_box_2*/
/*in_box_3*/
#in_box_3 { padding-top: 0; padding-bottom: 0; }
#in_box_3 .theam_gd { margin-top: 0; margin-bottom: 1.25rem /* 20/16 */; }
/*in_box_3*/
/*in_box_4*/
#in_box_4 { padding-top: 0; padding-bottom: 0; }
#in_box_4 .box_left .cateList { margin-top: 1.5625rem /* 25/16 */; margin-bottom: 1.25rem /* 20/16 */; }
#in_box_4 .box_left .cateList li a { display: flex; justify-content: center; align-items: center; width: 7.5rem /* 120/16 */ ; height: 6.75rem /* 108/16 */; background-color: #fbe5e5; color: var(--base_color); }
#in_box_4 .box_left .cateList li a .box { text-align: center; font-size: 1rem /* 16/16 */; }
#in_box_4 .box_left .cateList li a .box img { text-align: center; width: 3rem /* 48/16 */; height: 3rem /* 48/16 */; }
#in_box_4 .box_right .djjl_box { margin-top: 1.5625rem /* 25/16 */; margin-bottom: .625rem /* 10/16 */;}
/*in_box_4*/
/*首页样式结束*/
/*公共样式*/
#page_left .t3 .title { position: relative; padding-bottom: 0; bottom: -1.5rem; margin-left: 5rem; }
.page_title .box_header .title { font-size: 1.75rem; margin-bottom: 1rem; }
.page_title .box_header .desc { color: var(--grey2); margin-bottom: 2rem; }
/*公共样式*/
/*关于我们样式*/
#message_box { margin-top: 4rem; background: url('../images/about/message_bg.jpg') center no-repeat; background-size: cover; position: relative; }
#message_box .main_box { transform: translateY(-3.0rem); background-color: #ffffff; box-shadow: 0 0 1.5rem rgba(30,116,208,0.3); padding: 2rem 1.25rem; border-radius: 1rem; overflow: hidden; }
/*关于我们样式*/
#box1 { margin-bottom: 1.25rem /* 20/16 */; }
#pic #box1 { padding-top: 0; padding-bottom: 0; }
#news #box1 { padding-bottom: 0; padding-bottom: 0; }
#info #box1 { padding-top: 0; padding-bottom: 0; }
.defaultHeight { min-height: 10rem; }
#single #box1 { padding-top: 0; padding-bottom: 0; }
#info #in_box_3 { padding-top: 0; padding-bottom: 0; }
/*单页样式*/
#single .tags { color: var(--grey1); font-size: 1.125rem; margin-bottom: 2rem; line-height: 1.6; font-weight: bold; }
/*单页样式*/
/*新闻资讯*/
/*新闻资讯*/
#info .mainInfo h2,#proinfo .mainInfo h2 { font-size:1.125rem; font-weight:bold; margin: 1.25rem 0; }
/*联系我们样式*/
#message #box1 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#contact #box1 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.contact-list { background-color: #fef7f7; }
.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; }
/*联系我们样式*/
/*手机端样式*/
@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; }
#header_links img { width: 1.25rem; }
header { border-bottom: none; margin-bottom: 0; }
.w-500 { width: 37.5rem /* 600/16 */;}
.box_footer .desc { font-size: .875rem /* 14/16 */; }
/*首页样式开始*/
/*首页样式结束*/
/*统一子页面开始*/
.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); }
#footer_info dl:nth-child(odd) { border-right: 1px solid #efcccc; }
#footer_info dl:nth-child(1) { padding-left: 1.25rem /* 20/16 */; padding-right: 2.5rem /* 40/16 */; }
#footer_info dl:nth-child(2) { padding-left: 2.5rem /* 40/16 */; padding-right: 2.5rem /* 40/16 */; }
#footer_info dl:nth-child(3) { padding-left: 1.25rem /* 20/16 */; padding-right: 2.5rem /* 40/16 */; }
#footer_info dl:nth-child(4) { padding-left: 2.5rem /* 40/16 */; padding-right: 1.25rem /* 20/16 */; }
#footer_copy .container { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
/*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-100 { width: 100% !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: 37.5rem /* 600/16 */; }
#ldcy.mImg { max-width: 18.75rem /* 300/16 */; }
/*统一header开始*/
#note_box { font-size: .875rem /* 14/16 */; }
#name_box_w #header_logo { margin-bottom: 2.5rem /* 40/16 */; }
.search_box .search_key { font-size: 1rem /* 16/16 */; }
/*统一header结束*/
main #main_box { padding: 1.875rem /* 30/16 */; background-color: #ffffff; }
/*首页样式开始*/
.box_header.main_box_header .title a { font-size: 1.125rem /* 18/16 */; }
.box_header.main_box_header .btns a { font-size: .875rem /* 14/16 */; }
#in_box_1 { padding-top: 0; padding-bottom: 0; }
.in_bar { margin-top: 2.5rem /* 40/16 */; margin-bottom: 3rem /* 48/16 */; }
#in_box_2 { padding-top: 0; padding-bottom: 0; }
#in_box_3 { padding-top: 0; padding-bottom: 0; }
#in_box_3 .theam_gd { margin-top: 0; margin-bottom: 2.5rem /* 40/16 */; }
#in_box_4 { padding-top: 0; padding-bottom: 0; }
#in_box_4 .box_right .djjl_box { margin-top: 3.125rem /* 50/16 */; margin-bottom: 1.25rem /* 20/16 */;}
/*首页样式结束*/
.news_list li a { padding: 1rem; }
/*统一子页面开始*/
#page_left { width: 18%; margin-right: 2%; flex-shrink: 0; }
#page_right { width: 80%; flex-grow: 1; }
/*统一子页面结束*/
#sitemap #box1 dl dt>a { color: var(--grey1); font-size: 1.25rem /* 20/16 */; }
#sitemap #box1 dl dt ul li>a { color: var(--grey2); font-weight: normal; font-size: 1rem /* 16/16 */; }
/*统一footer开始*/
#footer { margin-bottom: 0; }
.custom-select {
font-size: 1rem /* 16/16 */;
}
#footer_info { font-size: .9375rem /* 15/16 */; }
#footer_info dl dt { font-size: 1rem /* 16/16 */; }
#footer_info dl dd { font-size: 1rem /* 16/16 */; }
.f_navList li { font-size: 1rem /* 16/16 */; }
/*统一footer结束*/
#in_box_4 .box_left .cateList li a .box { text-align: center; font-size: 1rem /* 16/16 */; }
#in_box_4 .box_left .cateList li a .box img { text-align: center; width: auto; height: auto; }
}
/*IPAD效果*/
@media (max-width: 1199.98px){
}
/*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开始*/
.navI>li>a { font-size: 1.25rem /* 20/16 */; }
/*统一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.125rem /* 18/16 */; line-height: 2.4; font-family: "Microsoft YaHei" !important; }
.mainInfo * { font-family: "Microsoft YaHei" !important; }
.mainInfo img { height: unset !important; }
/*公共样式*/
/*关于我们样式*/
/*关于我们样式*/
/*单页样式*/
#single #box1 .box { padding: 4.1875rem 4.375rem !important; }
#single .tags { font-size: 1.625rem; }
/*单页样式*/
/*联系我们*/
/*联系我们*/
/*产品中心*/
/*产品中心*/
/*统一footer开始*/
#footer_copy .container { padding-top: 0.5rem; padding-bottom: 0.5rem; }
#footer_info dl { border-right: 1px solid #efcccc; }
#footer_info dl:last-child { border-right: none; }
#footer_info dl:nth-child(1) { padding-left: 1.25rem /* 20/16 */; padding-right: 1.25rem /* 20/16 */; }
#footer_info dl:nth-child(2) { padding-left: 1.25rem /* 20/16 */; padding-right: 1.25rem /* 20/16 */; }
#footer_info dl:nth-child(3) { padding-left: 1.25rem /* 20/16 */; padding-right: 1.25rem /* 20/16 */; }
#footer_info dl:nth-child(4) { padding-left: 1.25rem /* 20/16 */; padding-right: 1.25rem /* 20/16 */; }
/*统一footer结束*/
}
/*PC效果*/
/*1280效果/1920 150% 效果*/
@media (min-width: 1280px){
}
/*1280效果/1920 150% 效果*/
/*1400效果*/
@media (min-width: 1400px){
html,body { font-size: 16px; }
#header_nav { background-color: unset; }
.banner_s { width: 1920px; position: relative; left: 50%; transform: translateX(-50%); min-height: 19rem /* 304/16 */; }
#name_box_w #header_logo img { max-height: 5.75rem /* 92/16 */; }
header .swiper-slide img { height: 33.125rem /* 530/16 */; }
.de-page-mian .page-inner a { width: 3.125rem /* 50/16 */; height: 3.125rem /* 50/16 */; line-height: 3.125rem /* 50/16 */; margin: 0.3125rem; }
.de-page-mian .page-inner .prev, .de-page-mian .page-inner .next {display: block !important;}
.row-cols-xxl-8 >* { flex: 0 0 auto; width: 12.5%; }
}
/*1400效果*/
/*1440效果*/
@media (min-width: 1440px){
html,body { font-size: 16px; }
}
/*1440效果*/
/*1536效果/1920 125% 效果*/
@media (min-width: 1536px){
html,body { font-size: 16px; }
.container {
max-width: 1500px;
}
#name_box_w .container { height: 100%; padding-bottom: 4rem /* 64/16 */; }
main #main_box { padding: 3.125rem /* 50/16 */; background-color: #ffffff; }
/*首页样式开始*/
.box_header.main_box_header { margin-bottom: 1.75rem /* 28/16 */; }
/*in_box_1*/
#in_box_1 { padding-top: 0; padding-bottom: 0; }
#in_box_1 .box_left { width: 48.75rem /* 780/16 */ !important; flex-shrink: 0; }
#in_box_1 .box_right { width: calc(100% - 48.75rem); flex-grow: 1; }
#in_box_1 .box_right .main_box { margin-left: 1.25rem /* 20/16 */; }
/*in_box_1*/
/*in_box_2*/
#in_box_2 { padding-top: 0; padding-bottom: 0; }
#in_box_2 .best_list { margin-bottom: 1.5rem /* 24/16 */; }
/*in_box_2*/
/*in_box_3*/
#in_box_3 { padding-top: 0; padding-bottom: 0; }
/*in_box_3*/
/*in_box_4*/
#in_box_4 { padding-top: 0; padding-bottom: 0; }
#in_box_4 .box_left .main_box { margin-right: .625rem /* 10/16 */; }
#in_box_4 .box_right .main_box { margin-left: .625rem /* 10/16 */; }
#in_box_4 .box_left .cateList { margin-top: 3.125rem /* 50/16 */; }
/*in_box_4*/
/*首页样式结束*/
#news .best_list li { border-bottom: 1px solid #f5d3d3; padding-bottom: 3.125rem /* 50/16 */; }
.better_list li { padding-top: 1.25rem /* 20/16 */; padding-bottom: 1.25rem /* 20/16 */; }
.defaultHeight { min-height: 28.3rem; }
#message_box .main_box { padding: 4rem; transform: translateY(-5.0rem); border-radius: 1.875rem; }
.news_list li { margin-bottom: 1.25rem; }
.detail_title .title { width: 17rem; height: 4rem; }
#box1 { margin-bottom: 3.125rem /* 50/16 */;}
#box2 { margin-bottom: 3.125rem /* 50/16 */;}
#message #box1 { padding-top: 0; padding-bottom: 0; }
/*contact*/
#contact #box1 { padding-top: 0; padding-bottom: 0; }
.contact_message li .ibox input { font-size: 1.0rem; }
.contact_message li .ibox textarea { font-size: 1.0rem; }
/*contact*/
#news #box1 { padding-top: 0; padding-bottom: 0; }
#info #box1 { padding-top: 0; padding-bottom: 0; }
#info #box2 { padding-top: 0; padding-bottom: 0; }
#single #box1 { padding-top: 0; padding-bottom: 0; }
#message_box { margin-top: 0; }
/*统一子页面开始*/
#page_left { width: 16%; }
#page_right { width: 82%; }
/*统一子页面结束*/
/*统一footer开始*/
#footer_main { padding-top: 2.5rem /* 40/16 */; padding-bottom: 2.5rem /* 40/16 */; }
#footer_info dl:nth-child(1) { padding-left: 1.25rem /* 20/16 */; padding-right: 2.5rem /* 40/16 */; }
#footer_info dl:nth-child(2) { padding-left: 2.5rem /* 40/16 */; padding-right: 2.5rem /* 40/16 */; }
#footer_info dl:nth-child(3) { padding-left: 1.25rem /* 20/16 */; padding-right: 2.5rem /* 40/16 */; }
#footer_info dl:nth-child(4) { padding-left: 2.5rem /* 40/16 */; padding-right: 1.25rem /* 20/16 */; }
/*统一footer结束*/
}
/*1536效果/1920 125% 效果*/
/*1800效果*/
@media (min-width: 1800px){
}
/*1800效果*/
/*1920效果*/
@media (min-width: 1920px){
}
/*1920效果*/
/*-------------------------