/*手机端样式开始*/
html,body { font-size: 12px; }

/*统一header开始*/
#note_box_w { height: 3rem /* 48/16 */; }
#note_box_w .container { height: 100%; }

#name_box_w { width: 100%; height: 5.0rem; transition: all 0.5s; border-bottom: 0.0625rem solid rgba(255,255,255,0.3); }

#name_box_w .container { height: 100%; }
#name_box_w #header_logo img { transition: all 0.5s; max-height: 2.5rem;}

#header_nav { height: 3.125rem /* 50/16 */; }
#header_nav .container { height: 100%; }
#header_nav .container>ul { height: 100%; }

/*主导航*/

.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: #000000; 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 .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: 3.125rem /* 50/16 */; 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: #fcf9f9; color: #444444; 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 { font-size: 1rem /* 16/16 */; color: var(--grey3); }
#header_links #header_tel i { font-size: 3.75rem /* 60/16 */; color: var(--base_color); margin-right: .3125rem /* 5/16 */; }
#header_links #header_tel .tel_num { color: var(--base_color); font-weight: bold; font-size: 1.625rem /* 26/16 */; margin-top: 0.25rem; line-height: 1; }

#header_links #header_message { color: var(--grey1); }
#header_links #header_message a { display: flex; justify-content: center; align-items: center; width: 8.875rem; height: 2.625rem; border-radius: 1.875rem; overflow: hidden; border: 0.0625rem solid #d6dbdf; color: #333333; font-size: 1rem; } 
#header_links #header_message i { margin-right: 0.3125rem; color: var(--base_color); transition: all 0.3s; }

#header_links #header_message a:hover { background-color: var(--base_color); color: #ffffff; }
#header_links #header_message a:hover i { color: #ffffff !important; }

/*导航右侧*/
#name_box_w .container #m_nav { width: auto; height: 100%; }
#banner_box, #page_banner_box { transition: all 0.5s; }

#subNav_box { height: 4.5rem; }
.subNav { width: 100%; }
.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 .slider_type_header { background: url('../images/slider_title_bg.png') center no-repeat var(--base_color); color: #ffffff; height: 6.0625rem; }
#page_left .slider_type .slider_type_header .title { font-size: 1.5rem; margin-bottom: 0.625rem; text-align: center; }
#page_left .slider_type .slider_type_header .desc { font-size: 0.875rem; font-family: 'Arial'; text-transform: uppercase; text-align: center; }

#page_left .slider_type .slider_type_list { border: 0.0625rem solid #eeeeee; border-top: 0; background-color: #ffffff; padding: 1.0rem; }
#page_left .slider_type .slider_type_list ul li { margin-bottom: 0.625rem; }
#page_left .slider_type .slider_type_list ul li a { padding: 0.625rem; height: 3.125rem; background-color: #f1f1f1; }
#page_left .slider_type .slider_type_list ul li a:hover,#page_left .slider_type .slider_type_list ul li a.active { background-color: var(--base_color); color: #ffffff; }
#page_left .slider_type .slider_type_list ul li a span.dian { width: 1rem; height: 1rem; display: block; background: url('../images/dot_g.png') center no-repeat; margin-left: 0.625rem; }
#page_left .slider_type .slider_type_list ul li a:hover span.dian, #page_left .slider_type .slider_type_list ul li a.active span.dian { background: url('../images/dot_w.png') center no-repeat; }

#page_left .slider_gd .slider_gd_head { height: 3.5625rem; line-height: 3.5625rem; border: 0.0625rem solid #efefef; text-align: center; margin-bottom: 0.625rem; }
#page_left .slider_gd .slider_gd_head .title { font-size: 1.25rem; color: #333333; font-weight: bold; }
 
#page_left .slider_contact { margin-top: 1.5rem; background-color: #ffffff; border: 0.0625rem solid #eeeeee; }
#page_left .slider_contact .top_line { background-color: var(--base_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.0rem; 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 { 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 { background-color: #0d2e59; margin-bottom: 5rem; font-size: 1rem; }
#footer_nav { position: relative; }

#footer_nav::after { background-image: linear-gradient(to bottom, white 50%, #0d2e59 50%); width: 100%; display: block; content: ""; position: absolute; top: 0; right: 0; height: 100%; padding: 0 3.125rem /* 50/16 */; background-color: var(--base_color); }
#footer_nav .box { position: relative; padding: 2.5rem /* 40/16 */ 0; }
#footer_nav .box::after { background-color: var(--base_color); width: 1000%; display: block; content: ""; position: absolute; top: 0; right: 0; z-index: 1; height: 100%; }
#footer_nav .box .box_s { position: relative; z-index: 2; border: 1px solid rgba(255, 255, 255, 0.3); margin-right: 2.5rem /* 40/16 */; padding: 2.5rem /* 40/16 */; }
#footer_nav dl { max-width: 7.5rem /* 120/16 */; margin: 0 auto; }
#footer_nav dl dt { height: 2.5rem /* 40/16 */; margin-bottom: .625rem /* 10/16 */; text-align: center; }
#footer_nav dl dt a { display: block; background-color: #ffffff; color: #000000; height: 2.5rem /* 40/16 */; line-height: 2.5rem /* 40/16 */; padding: 0 .625rem /* 10/16 */; border-radius: 1.875rem /* 30/16 */; font-size: 1rem /* 16/16 */; text-align: center; }
#footer_nav dl dt a:hover { background-color: var(--second_color); color: #ffffff; }
#footer_nav dl dd { line-height: 2.4; font-size: .875rem /* 14/16 */; }
#footer_nav dl dd a { display: block; color: #ffffff; text-align: center; }
#footer_nav dl dd a:hover { color: var(--second_color); }
#navList { margin-right: 6.25rem /* 100/16 */; }

#qrcodeList li { font-size: 1rem; text-align: center; }
#qrcodeList img { width: 8.125rem /* 130/16 */; }

#footer_main,#footer_main a { color: rgba(255,255,255,0.6); }
#footer_main a:hover { color: #ffffff; }

#e1 .box_header { margin-bottom: 1.875rem /* 30/16 */; }
#e1 .box_header .title { font-size: 1.75rem /* 28/16 */; font-weight: bold; color: #f8f8f8; }
#e1 .box_header .desc { font-size: .875rem /* 14/16 */; color: rgba(255, 255, 255, 0.5); }

#footer_main { padding-top: 3rem; padding-bottom: 2rem; }
#footer_main #contactList ul li { line-height: 1.6; font-size: .875rem /* 14/16 */; color: rgba(255, 255, 255, 0.6); margin-bottom: 1.25rem /* 20/16 */; }
#footer_main #contactList ul li:last-child { margin-bottom: 0; }

#footer_main #contactList ul li .icon { margin-right: 1.25rem /* 20/16 */; }
#footer_main #contactList ul li .icon i { color: var(--base_color); font-size: 2.25rem /* 36/16 */; color: var(--base_color); margin-right: ; }
#footer_main #contactList .tel_num { font-size: 1.25rem /* 20/16 */; color: #ffffff; font-family: Arial; }
#footer_main #contactList .text { font-size: 1.125rem /* 18/16 */; color: #ffffff; }

#footer_copy {  background-color: #08213f; }
#footer_copy .container { padding-top: 0.125rem; padding-bottom: 0.125rem; }
#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(--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; }
.box_header.main_box_header .title_box { display: flex; justify-content: start; align-items: center; }


.box_header.main_box_header .title_box.line:before { content: " "; display: block; width: 1.4375rem; height: 0.0625rem; background-color: var(--grey1); margin-right: 1.375rem; }
.box_header.main_box_header .title_box.line:after { content: " "; display: block; width: 1.4375rem; height: 0.0625rem; background-color: var(--grey1); margin-left: 1.375rem; }
.box_header.main_box_header .title_box a { font-size: 1.75rem; color: #000000; }

.box_header.main_box_header .title_box .cn { font-size: 3.75rem /* 60/16 */; font-weight: bold; }
.box_header.main_box_header .title_box .dian { font-size: 1.25rem /* 20/16 */; color: var(--base_color); margin: 0 .3125rem /* 5/16 */; } 
.box_header.main_box_header .title_box .en { font-size: 1.5rem /* 24/16 */; opacity: 0.3; text-transform: uppercase; }

.box_header.main_box_header .desc_box { margin-top: 1.25rem /* 20/16 */; font-size: 1rem; color: var(--grey2); line-height: 1.6; }

/*in_box_01*/
#in_box_01 { padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #ffffff; }

#in_box_01 .tab_btns { display: flex; justify-content: center; align-items: center; }
#in_box_01 .tab_btn a { display: block; width: 100%; background-color: #f2f4f6; color: #000000; font-size: 1.125rem /* 18/16 */; padding: 1.25rem /* 20/16 */ 1.875rem /* 30/16 */; }
#in_box_01 .tab_btn a:hover, #in_box_01 .tabs .tab_btn.on a { background-color: var(--base_color); color: #ffffff; }

#in_box_01 .tab_content { display: none; }
#in_box_01 .tab_content.active { display: block; }
#in_box_01 .tab_content .number .box { width: 3.125rem /* 50/16 */; height: 50%; background-color: var(--base_color); color: #ffffff; font-size: 1.125rem /* 18/16 */; } 
#in_box_01 .tab_content .number .box .line { width: 1px; height: 5rem /* 80/16 */; background-color: #ffffff; display: block; margin: .625rem /* 10/16 */; }
#in_box_01 .tab_content .content .tab_content_top { margin-bottom: 2.5rem /* 40/16 */; }
#in_box_01 .tab_content .content .cover { position: absolute; top: 0; left: 0; width: 45%; height: 100%; display: flex; align-items: center; }
#in_box_01 .tab_content .content .cover .cover_s { background-color: rgba(255, 255, 255, 0.8); padding: 3.125rem /* 50/16 */; }

#in_box_01 .tab_content .content .cover .title { margin-bottom: 1.25rem /* 20/16 */; }
#in_box_01 .tab_content .content .cover .title .cn { font-size: 2.25rem /* 36/16 */; color: #000000; font-weight: bold; margin-right: .625rem /* 10/16 */; }
#in_box_01 .tab_content .content .cover .title .en { font-size: 1.125rem /* 18/16 */; color: rgba(0,0,0,0.3); text-transform: uppercase; }
#in_box_01 .tab_content .content .cover .content { font-size: .875rem /* 14/16 */; line-height: 2; margin-bottom: 1.25rem /* 20/16 */; }
#in_box_01 .tab_content .content .cover .more i { font-size: 1.25rem /* 20/16 */; color: var(--grey3); }

.yw_gd_w .swiper-button-prev { border-radius: .3125rem /* 5/16 */; width: 2.625rem; height: 2.625rem; color: #FFF !important; background-color: var(--second_color); left: -3.125rem /* -50/16 */ !important; }
.yw_gd_w .swiper-button-next { border-radius: .3125rem /* 5/16 */;  width: 2.625rem; height: 2.625rem; color: #FFF !important; background-color: var(--second_color); right: -3.125rem /* 50/16 */ !important; }
.yw_gd_w .swiper-button-prev:hover, .yw_gd_w .swiper-button-next:hover { background-color: var(--base_color); }
.yw_gd_w .swiper-button-prev:after, .yw_gd_w .swiper-button-next:after { font-size: 0.875rem !important; display: none; }

/*in_box_01*/
/* #in_bar */
#in_bar { height: 11rem /* 176/16 */; color: #ffffff; }
#in_bar .title_box {display: flex; align-items: center; margin-bottom: 1.5rem /* 24/16 */; }
#in_bar .title_box .title { font-size: 1.75rem /* 28/16 */; }
#in_bar .title_box .tags { font-size: 1.125rem /* 18/16 */; background-color: var(--base_color); padding: .3125rem /* 5/16 */ .625rem /* 10/16 */; margin-left: .625rem /* 10/16 */; }
#in_bar .title_box .desc_box { font-size: 1.125rem /* 18/16 */; }
/* #in_bar */

/*in_box_02*/
#in_box_02 { padding-top: 2.5rem; }
#in_box_02 .container { padding-bottom: 2.5rem; }

#in_box_02 #intro_content .content_box { margin-bottom: 2.5rem /* 40/16 */; text-align: justify; }
#in_box_02 #intro_content .more a { display: block; background-color: var(--second_color); color: #ffffff; width: 9.25rem /* 148/16 */; height: 2.625rem /* 42/16 */; text-align: center; line-height: 2.625rem /* 42/16 */; font-size: .875rem /* 14/16 */; }
#in_box_02 #intro_content .more a:hover { background-color: var(--base_color); }

/*in_box_02*/

/*in_box_03*/
#in_box_03 { padding-top: 2.5rem; padding-bottom: 2.5rem /* 40/16 */; }

.gallery-top .swiper-slide:nth-child(odd) .box { background-color: #eeeeee; }
.gallery-top .swiper-slide:nth-child(even) .box { background-color: #f5f5f5; }
.gallery-top .swiper-slide .box { padding: 1rem; font-size: 1rem; height: 9.25rem /* 148/16 */; display: flex; justify-content: center; align-items: center; color: var(--base_color); }
.gallery-top .swiper-slide .box .icon {  }
.gallery-top .swiper-slide .box .title { font-size: 1.125rem /* 18/16 */; color: rgba(0,0,0,0.85); }


.gallery-top .swiper-slide .box .icon { text-align: center; }
.gallery-top .swiper-slide .box img { width: 3.125rem /* 50/16 */; }

.gallery-top .swiper-slide-thumb-active .box { background-color: var(--second_color) !important; border-top: var(--base_color) 4px solid; }
.gallery-top .swiper-slide-thumb-active .box .icon { filter: invert(1) brightness(200%); text-align: center; }
.gallery-top .swiper-slide-thumb-active .box * { color: #ffffff !important; }

.gallery-top .swiper-slide { cursor: pointer; padding-bottom: 1.25rem; }
.gallery-top .swiper-slide-thumb-active::after { position: absolute; left: 50%; transform: translateX(-50%); top: auto; display: block; content: ""; 
width: 0;
height: 0;
border-bottom: 0.625rem solid transparent; 
border-right: 0.625rem solid transparent;
border-left: 0.625rem solid transparent;
border-top: 0.625rem solid var(--second_color);
}

.gallery-bottom .cover { position: absolute; top: 0; left: 0; width: 45%; height: 100%; display: flex; align-items: center; }
.gallery-bottom .cover .cover_s { padding: 1.25rem /* 20/16 */; color: #ffffff; }
.gallery-bottom .cover .title { margin-bottom: 1.25rem /* 20/16 */; font-size: 1.5rem /* 24/16 */; font-weight: bold; }
.gallery-bottom .cover .desc { font-size: .875rem /* 14/16 */; line-height: 2; margin-bottom: 1.25rem /* 20/16 */; }
.gallery-bottom .cover .more i { font-size: 1.25rem /* 20/16 */; color: var(--grey2); }

/*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; background-color: #f3f4f5; }

.case_gd_w .controls { position: relative; height: 3.125rem /* 50/16 */; padding: 0 1.25rem /* 20/16 */; color: #ffffff; margin-top: 3.125rem /* 50/16 */; }
.case_gd_w .controls::after { width: 1000%; display: block; content: ""; position: absolute; top: 0; right: 0; height: 100%; border-radius: 0 3.125rem /* 50/16 */ 3.125rem /* 50/16 */ 0; padding: 0 3.125rem /* 50/16 */; background-color: var(--base_color); }
.case_gd_w .swiper-button-prev {  width: auto !important; height: auto !important; color: #ffffff; background-color: transparent; left: auto !important; top: auto !important; margin-top: 0 !important; }
.case_gd_w .swiper-button-next {  width: auto !important; height: auto !important; color: #ffffff; background-color: transparent; right: auto !important; top: auto !important; margin-top: 0 !important; }
.case_gd_w .swiper-button-prev:hover, .case_gd_w .swiper-button-next:hover { color: var(--second_color); }
.case_gd_w .swiper-button-prev:after, .case_gd_w .swiper-button-next:after { font-size: 0.875rem !important; display: none; }

.case_gd_w .number { font-size: 1.5rem /* 24/16 */; margin: 0 1.875rem /* 30/16 */; }
.case_gd_w .swiper-button-prev i, .case_gd_w .swiper-button-next i { font-size: 1.5rem /* 24/16 */; }
.case_gd_w .title { margin-left: 5rem /* 80/16 */; font-size: 1.25rem /* 20/16 */; }
/*in_box_04*/

/*in_box_05*/
#in_box_05 { background-color: #ffffff; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.news_gd .title { z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; padding: .9375rem /* 15/16 */; background-color: rgba(0,0,0,0.8); color: #ffffff; font-size: 1.125rem /* 18/16 */; }
.news_gd .time { margin: 1.25rem /* 20/16 */ 0 .625rem /* 10/16 */; font-size: 1rem /* 16/16 */; color: var(--grey1); }
.news_gd .time .line { width: 5rem /* 80/16 */; height: 1px; background-color: #707070; }
.news_gd .content { font-size: 1rem /* 16/16 */; color: var(--grey1); line-height: 2; }
/*in_box_05*/

/*首页样式结束*/

/*公共样式*/

.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; }
#box1 .box_header.main_box_header .title_box .cn { font-size: 2.25rem /* 36/16 */; }
#box1 .box_header.main_box_header .title_box .en { font-size: 1.125rem /* 18/16 */; margin-left: .625rem /* 10/16 */; }

#box2 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#box2 .box_header.main_box_header .title_box .cn { font-size: 2.25rem /* 36/16 */; }
#box2 .box_header.main_box_header .title_box .en { font-size: 1.125rem /* 18/16 */; margin-left: .625rem /* 10/16 */; }
/*关于我们样式*/


.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: 2.5rem; padding-bottom: 1.875; }
#proinfo #box1 .container { background-color: #f5f7f9; }
#proinfo #box1 .main_box { padding: 0.75rem; }
#proinfo #box1 .pro_desc .title { font-size: 1.25rem; line-height: 1.6; margin-bottom: 0; }
#proinfo #box1 .pro_desc .desc { color: var(--grey2); line-height: 2; }

#proinfo #box1 .param_more { margin-bottom: 2rem; color: var(--grey2);}
#proinfo #box1 .param_more li { line-height: 1.6; padding-top: 0.75rem; padding-bottom: 0.75rem; }

#proinfo #box1 .btns a { width: 8.0rem; height: 2.4rem; padding: 0 1rem; border-radius: 0.1875rem; font-size: 0.875rem; }
#proinfo #box1 .btns a:last-child { background-color: var(--base_color); color: #ffffff; }
#proinfo #box1 .btns a:first-child { border: var(--base_color) 0.0625rem solid; color: var(--base_color); }
#proinfo #box1 .btns a:hover { background-color: var(--second_color); border: var(--second_color) 0.0625rem solid; color: #ffffff; }


#proinfo #box2 { padding-top: 0; padding-bottom: 0; }
#proinfo #box2 .container { background-color: #f5f7f9; }
#proinfo #box2 .main_box { padding: 0.75rem 0; }

/*产品详情*/

#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; }

	#header_links img { width: 1.25rem; }

	/*首页样式开始*/
	#in_box_01 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	#in_box_02 { padding-top: 2.5rem; }
	#in_box_02 .container { padding-bottom: 2.5rem; }
	#in_box_03 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	#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; }

	.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_main { padding-top: 3rem; padding-bottom: 2rem; }
	#footer_copy .container { padding-top: 0.5rem; padding-bottom: 0.5rem;   }

}
/*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 */; }
	.box_header.main_box_header .title_box .cn { font-size: 1.75rem /* 28/16 */; }
	.box_header.main_box_header .title_box .dian { font-size: .875rem /* 14/16 */; }
	.box_header.main_box_header .title_box .en { font-size: 1rem /* 16/16 */; }
	#in_box_01 .tab_content .content .cover { width: 100%; }
	#in_box_01 .tab_content .content img { min-height: 22.5rem /* 360/16 */; }
	#in_box_01 .tab_content .content .cover .cover_s { padding: 1.25rem /* 20/16 */; }
	
	#in_box_01 .tab_content .content .cover .title .cn { font-size: 1.75rem /* 28/16 */; }
	#in_box_01 .tab_content .content .cover .title .en { font-size: 1rem /* 16/16 */; }
	.yw_gd_w .swiper-button-prev { left: 0 !important; }
	.yw_gd_w .swiper-button-next { right: 0 !important; }

	.gallery-bottom .cover { width: 100%; }
	.gallery-bottom .cover .cover_s .cover_s { padding: 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; }

	.mImg { max-width: 37.5rem; }

	.box_header.main_box_header .title_box { justify-content: start; }
	.box_header.main_box_header .desc_box { text-align: left; }

	/*统一header开始*/

	/*统一header结束*/

	/*首页样式开始*/
	#in_box_01 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	#in_box_01 .box_header.main_box_header { margin-bottom: 2rem; }

	.intro_img .img_box { position: absolute; bottom: 0; }
	#in_bar .title_box .title { font-size: 2.25rem /* 36/16 */; }

	#in_box_02 { padding-top: 2.5rem; }
	#in_box_02 .container{ padding-bottom: 2.5rem; }
	#in_box_02 #intro_content { padding-right: 3.125rem /* 50/16 */; }
	#in_box_03 { padding-top: 2.5rem /* 40/16 */; padding-bottom: 2.5rem /* 40/16 */; }
	#in_box_04 { padding-top: 2.5rem; padding-bottom: 2.5rem; }

	.case_gd_w .number { margin: 0 5rem /* 80/16 */; }

	#in_box_05 { padding-top: 2.5rem; padding-bottom: 2.5rem; }


	/*首页样式结束*/

	.news_list li a { padding: 1rem; }
	.news_list li:hover { box-shadow: 0 0 5px rgba(100, 100, 100, 0.5); }

	/*统一子页面开始*/

	#box1 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	#box2 { padding-top: 2.5rem; padding-bottom: 2.5rem; }

	#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%; }

	/*统一子页面结束*/

	/*统一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 #header_logo { }
	#header_links img { width: auto; }
	/*统一header结束*/

	/*首页样式开始*/

	
	/*首页样式结束*/

	/*公共样式*/
	.page-a { font-size: 0.875rem; }

	.page_title .box_header .title { font-size: 2.1875rem; margin-bottom: 1rem; }
	.page_title .box_header .desc { font-size: 1rem; margin-bottom: 3.75rem; }

	.mainInfo { font-size: 1.0rem; line-height: 2; }
	
	.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; }
	/*单页样式*/

	/*联系我们*/

	/*联系我们*/

	/*产品中心*/

	/*产品中心*/

	/*统一footer开始*/
	#footer_main { padding-top: 3rem; padding-bottom: 2rem; }
	#footer_copy .container { padding-top: 0.5rem; padding-bottom: 0.5rem; }
	#e4 { width: 7.5rem; }
	/*统一footer结束*/
}
/*PC效果*/

/*1280效果/1920 150% 效果*/
@media (min-width: 1280px){

}
/*1280效果/1920 150% 效果*/

/*1400效果*/
@media (min-width: 1400px){

	html,body { font-size: 16px; }

	#name_box_w { height: 6.875rem; }
	#name_box_w #header_logo { }

	#name_box_w #header_links { }
	#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: 24%; }
	#page_right { width: 74%; }



}
/*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: 7.5rem /* 120/16 */; }
	#banner_box, #page_banner_box { }

	#page_right { width: 68%; margin-left: 2%; }
	#page_right.order-lg-first { margin-left: auto; margin-right: 2%; }
	#page_right.order-lg-last { margin-right: auto; margin-left: 2%; }

	/*首页样式开始*/

	.box_header.main_box_header { margin-bottom: 1.875rem /* 30/16 */; }
	.box_header.main_box_header .title_box:before { margin-right: 2.375rem; }
	.box_header.main_box_header .title_box:after { margin-left: 2.375rem; }

	.box_header.main_box_header .title_box a { font-size: 2.125rem; }
	.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: 4rem /* 64/16 */; padding-bottom: 4rem /* 64/16 */; }
	#in_box_01 #page_left .slider_type .slider_type_list { height: 35rem; }
	/*in_box_01*/

	/*in_box_02*/
	#in_box_02 { padding-top: 3rem /* 48/16 */; }
	#in_box_02 .container { padding-bottom: 3rem /* 48/16 */; }
	/*in_box_02*/

	/*in_box_03*/
	#in_box_03 { padding-top: 4.5rem /* 72/16 */; padding-bottom: 4.5rem /* 72/16 */; }
	/*in_box_03*/
	
	/*in_box_04*/
	#in_box_04 { height: 47.125rem /* 754/16 */; padding-top: 4rem; padding-bottom: 4rem; }
	#in_box_04 .desc_box { margin-top: 1.875rem /* 30/16 */; margin-bottom: 1.25rem /* 20/16 */; font-size: 1.25rem /* 20/16 */; line-height: 2; }
	/*in_box_04*/

	/*in_box_05*/
	#in_box_05 { padding-top: 4.5rem /* 72/16 */; padding-bottom: 72px; }
	/*in_box_05*/

	/*首页样式结束*/



	.defaultHeight { min-height: 28.3rem; }
	

	#about #box1 { padding-top: 3rem /* 48/16 */; padding-bottom: 3rem /* 48/16 */; }
	#about #box1 .mainInfo { font-size: 1.0625rem; line-height: 2.5; }
	#about #box2 { padding-top: 3rem /* 48/16 */; padding-bottom: 3rem /* 48/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; }
	
	/*#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 { padding-top: 3rem; padding-bottom: 1.875rem; }
	#proinfo #box1 .main_box { padding: 2rem; }
	#proinfo #box1 .pro_desc .title { font-size: 1.75rem; }

	#proinfo #box2 { padding-top: 0; padding-bottom: 0; }
	#proinfo #box2 .main_box { padding: 2rem; }

	.detail_title .title { width: 17rem; height: 4rem; }

	/*contact*/
	.contact_message li .ibox input { font-size: 1.0rem; }
	.contact_message li .ibox textarea { font-size: 1.0rem; }
	/*contact*/

	/*统一子页面开始*/
	#box1 { padding-top: 3rem; padding-bottom: 3rem; }
	#box2 { padding-top: 3rem; padding-bottom: 3rem; }
	/*统一子页面结束*/

	/*统一footer开始*/

	#e1 { width: 60%; }

	#e2 { width: 40%; }
	#e2 .box { padding-left: 6.25rem /* 100/16 */; }

	/*统一footer结束*/

}
/*1536效果/1920 125% 效果*/


/*1800效果*/
@media (min-width: 1800px){
	#name_box_w .container {  }
}
/*1800效果*/

/*1920效果*/
@media (min-width: 1920px){
	#name_box_w .container {  }
}
/*1920效果*/

/*-------------------------