/*手机端样式开始*/
html,body { font-size: 12px; }
/*统一header开始*/
#header_note { height: 41px; color: #a1a1a1; font-size: 0.875rem; }
#name_box_w { z-index: 99; width: 100%; background-color: #ffffff; height: 5.6875rem; transition: all 0.5s; }
#name_box_w .container-fluid { height: 100%; }
#name_box_w #header_logo img { transition: all 0.5s; max-height: 2.5rem;}
#name_box_w .container-fluid #header_nav { height: 100%; }
#name_box_w .container-fluid #header_nav ul { height: 100%; }
/*主导航*/
.navI>li { position: relative; display: flex; justify-content: center; align-items: center }
.navI>li>a { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }
.navI>li>a p { transition: all 0.3s; }
.navI>li:after { z-index: 0; position: absolute; top: 0; left: 0; transform: translateY(0); display: block; width: 100%; height: 0; content: ''; transition: all .5s ease; }
.navI>li:hover:after, .navI>li.active:after { background-color: var(--base_color); height: 100%; }
.navI>li:hover p, .navI>li.active p { color: #ffffff; }
.navI>li .children { width: 22.5rem; transition: all .3s ease; background: #f2f2f2; position: absolute; left: 0; top: 5.0rem; height: 0; overflow: hidden; visibility: hidden; opacity: 0;}
.navI>li:hover .children { visibility: visible; opacity: 1; height: auto; }
.navI #nav_product .children { width: 31.5625rem; }
.navI #nav_news .children { left: auto; right: 0;}
.navI .children ul { padding: 1.25rem; }
.navI .children li a { color: #333333; padding: 0.3125rem 0.625rem; display: block; }
.navI .children li a:hover,.navI .children li a.active { color: #cb252a; text-decoration: underline; }
/*主导航*/
/*导航右侧*/
/*导航右侧*/
#name_box_w .container-fluid #m_nav { width: 3.1875rem; height: 100%; }
#banner_box, #page_banner_box { transition: all 0.5s; }
/*下拉样式*/
/*下拉样式*/
/*统一header结束*/
/*统一子页面开始*/
/*992开始左右分栏目子页面*/
#page_left { width: 100%; }
#page_right { width: 100%; }
/*统一子页面LEFT开始*/
#page_left .slider_type { margin-bottom: 1.25rem;}
#page_left .slider_type .slider_type_head {background-color: var(--base_color); padding: 1rem 1.25rem; height: 3.125rem; display: flex; justify-content: start; align-items: center; color: #ffffff; }
#page_left .slider_type .slider_type_head .title { font-size: 1.125rem; }
#page_left .slider_type .slider_type_head .more { font-size: 0.875rem; }
#page_left .slider_type_list { }
#page_left .slider_type_list li a { display: block; line-height: 2.375rem; font-size: 0.875rem; }
#page_left .slider_type_content { line-height: 2.375rem; font-size: 0.875rem; text-align: justify; }
#page_left .slider_contact { background-color: var(--second_color); padding: 1.25rem; }
#page_left .slider_type_head .title { font-size: 1.5rem; }
/*统一子页面LEFT结束*/
/*统一子页面RIGHT开始*/
#page_right .page_title .title { font-size: 2.0rem; border-left: 0.375rem solid var(--base_color); padding-left: 0.625rem; }
.mainInfo { font-size: 1rem; }
.video_box { width: 100%; height: 23.4375rem; }
/*子页面翻页按钮按钮*/
.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;}
/*子页面翻页按钮按钮*/
.pro_li 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; }
.pro_li a .cover .title { color: #ffffff; position: relative; padding: 0.625rem 0; max-width: 80%;}
.pro_li a:hover .cover { opacity: 1; }
.pro_li a .cover .title:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: #fff; transition: all .5s ease;}
.pro_li a .cover .title:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: #fff; transition: all .5s ease;}
.pro_li a:hover .cover .title:before, .pro_li a:hover .cover .title:after { width: 0.625rem; }
.pro_li .main_img { max-width: 96%; max-height: 96%; }
.contact-list li .square { border-radius: 0.1875rem; background-color: #e8e8e8; color: var(--grey2); width: 2.5rem; height: 2.5rem; flex-shrink: 0; font-size: 1.875rem; display: flex; justify-content: center; align-items: center; margin-right: 1.25rem; }
.contact-list li .square i { font-size: 1.125rem; }
.newslist li .title { line-height: 3; }
.newslist li .time { font-size: 0.875rem; color: #848699; }
/*统一子页面RIGHT结束*/
/*统一子页面结束*/
/*统一footer开始*/
#footer { background-color: #2d2d2d; margin-bottom: 5rem; }
#footer_main { padding-top: 3.125rem; padding-bottom: 2.5rem; }
#footer_main,#footer_main a { color: #acacac;}
#footer_main a:hover { color: var(--base_color); }
#footer_nav { background-color: #1077d6; height: 2.8125rem; line-height: 2.8125rem; }
#footer_nav a { color: #ffffff; }
#footer_nav a:hover { color: var(--second_color); }
#footer .return { width: 3.125rem; height: 3.125rem; border-radius: 50%; background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
#footer .return i { font-size: 1.875rem; color: #1077d6; cursor: pointer; }
/*统一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; height: 0.125rem;}
.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左右按钮*/
/*in_box_1*/
#in_box_1 { }
#in_box_1 #box_1 { padding-top: 1.875rem; padding-bottom: 1.875rem; }
#in_box_1 #box_1 { position: relative; }
#in_box_1 #box_1:after { display: block; content: ""; width: 300%; height: 100%; background-color: #1077d6; position: absolute; top: 0; right: -100%; z-index: 0; }
#in_box_1 #box_1 .main_box { position: relative; z-index: 1 }
#in_box_1 #box_1 .box_header { margin-bottom: 1.5rem; }
#in_box_1 #box_1 .box_header .title { }
#in_box_1 #box_1 .box_header .title .tit { font-size: 1.375rem; color: #ffffff; }
#in_box_1 #box_1 .box_header .title .tags { font-size: 1.375rem; color: #ffffff; opacity: 0.27; margin-left: 0.75rem; }
#in_box_1 #box_1 .box_header .more { font-size: 0.875rem; color: #ffffff; }
#in_box_1 #box_1 .box_body .note_img { text-align: center; }
#in_box_1 #box_1 .box_body .note_img img { width: 100%; }
#in_box_1 #box_1 .box_body .note_list li a { color: #ffffff; line-height: 2.25rem; }
#in_box_1 #box_2 { padding-top: 1.875rem; padding-bottom: 1.875rem; }
#in_box_1 #box_2 { position: relative;}
#in_box_1 #box_2:after { display: block; content: ""; width: 300%; height: 100%; background-color: #f2f2f2; position: absolute; top: 0; left: -100%; z-index: 0; }
#in_box_1 #box_2 .main_box { position: relative; z-index: 1 }
#in_box_1 #box_2 .box_header { margin-bottom: 1.5rem; }
#in_box_1 #box_2 .box_header .title { }
#in_box_1 #box_2 .box_header .title .tit { font-size: 1.375rem; color: #373737; }
#in_box_1 #box_2 .box_header .title .tags { font-size: 1.375rem; color: #000000; opacity: 0.27; margin-left: 0.75rem; }
#in_box_1 #box_2 .box_body .contact_list li { line-height: 1.75rem; }
#in_box_1 #box_2 .box_body .more { margin-top: 0.9375rem; }
/*in_box_1*/
/*in_box_2*/
#in_box_2 { background-color: #f5f5f5; }
#in_box_2 { padding-top: 3.125rem; padding-bottom: 3.125rem; }
#in_box_2 .box_header { text-align: center; }
#in_box_2 .box_header .title { font-size: 2.25rem; margin-bottom: 1.25rem; font-weight: bold; position: relative; }
#in_box_2 .box_header .title .tit { position: relative; z-index: 1; color: #282b2e; }
#in_box_2 .box_header .title:after { width: 100%; z-index: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-80%); display: block; content: "Auction site"; text-transform: uppercase; font-size: 2.5rem; color: #e6e6e6; font-weight: bold; }
#in_box_2 .box_header .tags { max-width: 90%; margin: 0 auto; margin-bottom: 1.875rem; font-size: 0.875rem; line-height: 1.375rem; color: #888888; }
#in_box_2 .box_body .pmxc_gd .swiper-slide a .title { transition: all 0.3s; background-color: #ffffff; margin-top: 0.625rem; font-size: 0.9375rem; padding: 0.875rem; color: #808080; text-align: center; }
#in_box_2 .box_body .pmxc_gd .swiper-slide a:hover .title * { transition: all 0.3s; }
#in_box_2 .box_body .pmxc_gd .swiper-slide a:hover .title { background-color: var(--base_color); }
#in_box_2 .box_body .pmxc_gd .swiper-slide a:hover .title * { color: #ffffff; }
#in_box_2 .box_body .more { margin-top: 1.125rem; }
#in_box_2 .box_body .more a { padding: 0.9375rem; display: block; background-color: #ffffff; text-align: center; font-size: 1.0rem; color: #2e2e2e; font-weight: bold; }
/*in_box_2*/
/*in_box_3*/
#in_box_3 { background: url('../images/in_bg_2.jpg') center no-repeat; background-size: cover; }
#in_box_3 { padding-top: 3.125rem; padding-bottom: 3.125rem; }
#in_box_3 .box_header { text-align: center; }
#in_box_3 .box_header .title { font-size: 2.25rem; margin-bottom: 1.875rem; font-weight: bold; position: relative; }
#in_box_3 .box_header .title .tit { position: relative; z-index: 1; color: #ffffff;}
#in_box_3 .box_header .title:after { width: 100%; z-index: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-80%); display: block; content: "ABOUT US"; text-transform: uppercase; font-size: 2.2rem; color: #5699dd; font-weight: bold; }
#in_box_3 .honor_gd .title { height: 3.3125rem; display: flex; justify-content: center; align-items: center; padding: 0.625rem; }
#in_box_3 .honor_gd .title p { color: #333333; }
#in_box_3 .honor_gd_w .swiper-button-prev { border-radius: 50%; border: 2px solid #ffffff; width: 3.125rem; height: 3.125rem; color: #FFF !important; }
#in_box_3 .honor_gd_w .swiper-button-next { border-radius: 50%; border: 2px solid #ffffff; width: 3.125rem; height: 3.125rem; color: #FFF !important; }
#in_box_3 .honor_gd_w .swiper-button-prev:hover, #in_box_3 .honor_gd_w .swiper-button-next:hover { background-color: var(--second_color); border: 2px solid var(--second_color); }
#in_box_3 .honor_gd_w .swiper-button-prev:after, #in_box_3 .honor_gd_w .swiper-button-next:after { font-size: 1.5rem; }
#in_box_3 .intro_content { max-width: 90%; margin: 0 auto; margin-top: 2.5rem; margin-bottom: 1.5625rem; text-indent: 2em; font-size: 1.0rem; color: #ffffff; line-height: 2; }
#in_box_3 .box_link a.link1 { background-color: #ffffff; color: #1077d6; font-size: 1.25rem; border-radius: 0; }
#in_box_3 .box_link a.link2 { color: #ffffff; font-size: 1.25rem; border-radius: 0; border: 1px solid rgba(255,255,255,0.5); }
#in_box_3 .box_link a { flex-grow: 0; margin: 0 0.9375rem; padding: 0 0.625rem; width: 11.25rem; height: 2.8125rem; overflow: hidden; font-size: 1.25rem; }
#in_box_3 .box_link a.link1:hover { background-color: var(--base_color); color: #ffffff; }
#in_box_3 .box_link a.link2:hover { background-color: var(--second_color); border: 1px solid var(--second_color);}
/*in_box_3*/
/*首页样式结束*/
/*手机端样式*/
@media (min-width: 375px){
html,body { font-size: 12.5px; }
}
/*手机端样式*/
/*大屏手机样式*/
@media (min-width: 576px){
html,body { font-size: 13px; }
}
/*大屏手机样式*/
/*PAD效果*/
@media (min-width: 768px){
html,body { font-size: 13.5px; }
/*首页样式开始*/
/*首页样式结束*/
/*统一子页面开始*/
#in_box_1 #box_1 .box_body .note_img img { width: auto; }
.newslist li .img_box { max-width: 28%; }
.newslist li .cont_box { margin-top: 0; margin-left: 1rem; max-width: calc(70% - 1rem); }
/*统一子页面结束*/
}
/*PAD效果*/
/*IPAD效果*/
@media (min-width: 992px){
html,body { font-size: 14px; }
/*统一header开始*/
#name_box_w #header_nav { width: 75%; }
/*统一header结束*/
/*统一子页面开始*/
#page_left { width: 24%; }
#page_right { width: 74%; margin-left: 2%; }
.pro_li .main_img { max-width: 96%; max-height: 96%; }
/*统一子页面结束*/
/*统一footer开始*/
#footer { margin-bottom: 0; }
/*统一footer结束*/
#in_box_1 #box_1:after { width: 500%; right: 0; }
#in_box_1 #box_2:after { width: 500%; left: 0; }
#in_box_1 #box_1 { padding-right: 3.0rem; }
#in_box_1 #box_2 { padding-left: 3.0rem; }
#in_box_1 #box_1 .box_body .note_img { width: 18.4375rem; height: 11.1875rem; text-align: left; }
#in_box_1 #box_1 .box_body .note_list { margin-left: 2.1875rem; }
}
/*IPAD效果*/
/*PC效果*/
@media (min-width: 1200px){
html,body { font-size: 15px; }
.clamp-xl-1 { -webkit-line-clamp: 1; }
.clamp-xl-2 { -webkit-line-clamp: 2; }
.clamp-xl-3 { -webkit-line-clamp: 3; }
.clamp-xl-4 { -webkit-line-clamp: 4; }
.clamp-xl-5 { -webkit-line-clamp: 5; }
.clamp-xl-6 { -webkit-line-clamp: 6; }
.clamp-xl-7 { -webkit-line-clamp: 7; }
/*统一header开始*/
#name_box_w #header_logo { width: 18.75rem; }
/*统一header结束*/
/*首页样式开始*/
#in_box_2 { padding-top: 5.125rem; padding-bottom: 5.8125rem; }
#in_box_2 .box_header .title:after { font-size: 3.875rem; }
#in_box_3 { padding-top: 6.5rem; padding-bottom: 4.0rem; }
#in_box_3 .box_header .title:after { font-size: 3.875rem; }
/*首页样式结束*/
.newslist li .img_box { max-width: 30%; }
.newslist li .cont_box { margin-top: 0; margin-left: 0; max-width: calc(70% - 1rem) !important; }
/*统一footer开始*/
/*统一footer结束*/
}
/*PC效果*/
/*1280效果/1920 150% 效果*/
@media (min-width: 1280px){
html,body { font-size: 16px; }
.container { max-width: 1224px; }
#banner_box .flash, #page_banner_box img {
position: relative;
width: 1920px;
top: 0;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
#in_box_3 .honor_gd_w .swiper-button-prev { left: -4.6875rem !important; }
#in_box_3 .honor_gd_w .swiper-button-next { right: -4.6875rem !important; }
}
/*1280效果/1920 150% 效果*/
/*1400效果*/
@media (min-width: 1400px){
}
/*1400效果*/
/*1440效果*/
@media (min-width: 1440px){
}
/*1440效果*/
/*1536效果/1920 125% 效果*/
@media (min-width: 1536px){
}
/*1536效果/1920 125% 效果*/
/*1800效果*/
@media (min-width: 1800px){
}
/*1800效果*/
/*1920效果*/
@media (min-width: 1920px){
}
/*1920效果*/
/*-------------------------