﻿:root{
  /* --first_color:#66ccff; */
}
h2,p{word-break: break-word}

.botmenu{ text-align: center !important; background: var(--first_color);}
.online dl{background:var(--first_color);padding:10px 5px;margin-bottom:1px;position:relative}
.online dl:hover{background:var(--first_color)}
.online dl dt button{margin:10px 0;border:none;border-radius:5px;width:100%;font-size:18px;height:40px;line-height:40px;background:var(--first_color);color:#fff;cursor:pointer}

a{color:#333;}
a:focus,
a:hover{color: var(--first_color);}
.flex-row{display: flex;flex-wrap: wrap;}
.flex-item-center{align-items: center;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.page{padding-top: unset !important;}
.text-len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-1len{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.text-2len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-3len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-4len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-5len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text-6len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.sw_banner{width: 1920px;max-width: 100%;}
.sw_banner .swiper-pagination-bullet{background: #fff;border: 2px solid var(--first_color); width: 12px;height: 12px;}
.sw_banner .swiper-pagination-bullet-active{background-color: var(--first_color)!important;border: 2px solid transparent;}
.clearfix::after{display: table;clear: both;content: '';}
p{margin-bottom: unset;}
.navbar-default .navbar-nav .nav-link:focus{background: unset;}
:focus{outline: unset;}
* + p,
p + *,
p + p{margin-top: unset;}
@media (min-width: 992px){
  * + p {margin-top: unset;}
}
.zoom_img{overflow: hidden;}
.zoom_img img{transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;}
.zoom_img:hover img{transform: scale(1.1);transition: all .30s ease;}
/* 1200 */
/* .container{max-width: 1230px;}
@media (min-width: 1600px){
  .container{width: 1230px;}
} */
.container{max-width: 1178px;}
@media (min-width: 1600px){
  .row > [class*='col-']{padding-left: 1rem;padding-right: 1rem;}
  .row{margin-left: -1rem;margin-right: -1rem;}
}
/* 顶部 */
.nav_top{padding: 0.3rem 0;}
.nav_top_text1{font-size: 12px;font-family: "Microsoft YaHei";color: #666;}
.nav_top_right{text-align: right; display:flex; flex-direction: row; align-items: center;}
.lang_text1,.lang_text2{font-size: 12px; color: #fff; padding: 5px; border: 1px solid #fff; background-color:none; text-align: center;}
.currents{ background: #fff; color: var(--first_color);}
.lang_text1.currents:hover,.lang_text2.currents:hover{ color: var(--first_color);}
.lang_text1:hover,.lang_text2:hover{ background: #fff; color: var(--first_color);}
/*顶部*/
.sw_banner{background: #fff;--swiper-navigation-color: var(--first_color);}
.sw_banner a{display: block;}
/* max-width:567px max-width:768px max-width:992px max-width:1200px */
/* // Small devices (landscape phones, 576px and up) sm*/
@media (min-width: 576px) {  }

/* // Medium devices (tablets, 768px and up) md*/
@media (min-width: 768px) {  }

/* // Large devices (desktops, 992px and up) lg*/
@media (min-width: 992px) {  }

/* // Extra large devices (large desktops, 1200px and up) xl*/
@media (min-width: 1200px) {  }

/*header1*/
header.header1{position: relative;}
header.header1::after{content: '';width: 100%;height: 9px;background-color: var(--first_color);top: 0;left: 0;position: absolute;}
.header1 .header_mid_mid ul li a.biga{font-size: 18px;padding: 0;line-height: 90px;} /* pc一级文本 */
.header1 .header_mid_mid ul li a.biga:hover, 
.header1 .header_mid_mid ul li a.biga.action, 
.header1 .header_mid_mid ul li a.bigaon{color: var(--first_color);}/* pc选中文本 */
.header1 .header_mid_mid ul li a.biga:before{bottom: 0px;background: url(/template/web/images/nav_hover.png) no-repeat 100% 100%;background-color: unset;height: 8px;transition: unset;}
.header1 .header_mid_mid ul li a.biga.down{padding-right: 0;}
.header1 .header_mid_mid ul li a.biga.down:after{display: none;}
.header1 .header_mid_mid ul li dl dd a{font-size: 14px;}/* pc二级文本 */
.header1 .header_mid_mid ul li dl dd p a span{font-size: 14px;}/* pc三级文本 */
header.header1:before{display: none;}
.header1 .header_mid_box{}
.header1 .header_mid_left{}
.header1 .header_mid_right{display: flex;flex-direction: column;justify-content: space-between;width: 100%;background-color: #fff;padding-left: 60px;}
.header1 .header_mid_right_top{display: flex;justify-content: space-between;align-items: center;padding: 15px 12px;background-color: var(--first_color);position: relative;  border-bottom-left-radius: 40px; padding-left: 30px;}
.header1 .header_mid_right_top::after{content: '';position: absolute;left: 99%;top: 0;width: 1000%;height: 100%;background-color: var(--first_color);}

.header1 .nav_top_text1{font-size: 16px;font-family: "Microsoft YaHei";color: #fff;}
.header1 .nav_phone_text1{font-size: 14px;color: #fff;display: flex;align-items: center;}
.header1 .nav_phone_text1 span{font-size: 24px;font-weight: bold;}
.header1 .header_mid_mid ul{display: flex;justify-content: space-between;width: 100%;background-color: #fff;}
@media screen and (max-width:1024px) {
  /* header.header1{background: var(--first_color);} */
  header.header1::after{display: none;}
  .header1 .site__navi .icon,
  .header1 .site__navi .icon:before,
  .header1 .site__navi .icon:after{background: var(--first_color);}
  .header1 .header_mid_right{display: none;}
}
/*header1*/

/*搜索*/
.index_search{position: relative; padding: 10px 0px;}
.index_search_text span{font-size: 18px;color: #444;}
.index_search_text a{font-size: 18px;color: #444;}
.index_search_form{margin: 5px 0; border: 1px solid var(--first_color);max-width: 100%;}
.index_search_form .form-group{margin-bottom: unset;}
.index_search_input{
  border-radius: unset;
  border: unset;
  background-color: #fff;
  font-size: 12px;
  color: #666;
  height: 32px;
  padding: 0 .929rem!important;
}
.index_search_input::-webkit-input-placeholder{color: #999;}
.index_search_input::-moz-placeholder{color: #999;}
.index_search_input:-ms-input-placeholder{color: #999;}

.index_search_btn{
  border-radius: unset!important;
  font-size: 14px;
  color: #fff;
  height: 32px;
  padding: 0 1.2rem!important;
  text-indent: -9999em;
  background: var(--first_color) url("../image/search.png") no-repeat center center;
}
.index_search_i{
  margin: auto;
  position: absolute!important;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 11px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}

@media (max-width: 767px){
  .index_search_form{width: 100%}
}
@media (min-width: 768px){
  .input-group-btn .index_search_btn{}
}
/*搜索*/

/*index_recom*/
.index_recom{ padding: 96px 0px; overflow: hidden;}
.index_recom_text1-1{ display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.index_recom_text1-1-img{ padding-right: 12px;}
.index_recom_text1-1-title1{ font-size: 36px; color: #444; font-weight: bold;}
.index_recom_text1-1-title2{ font-size: 14px; color: #888; text-transform: uppercase;}
.index_recom_text1-2{ width: 90px; height: 3px; background-color: var(--first_color); margin: 24px 0px;}
.index_recom_text1-3{ font-size: 16px; line-height: 24px; color: #888; text-align: left;}

.index_recom1{ width: 364px; float: left;}
.index_recom_cate{ margin-top: 24px;}
.index_recom_cate a{ position: relative;}
.index_recom_cate a .index_recom_cate_name{ position: absolute; left: 0; bottom: 0; z-index: 99; background-color: rgba(229, 148, 7, .5); height: 42px; font-size: 18px; color: #fff; line-height: 42px; text-align: center; width: 100%; }
.index_recom2{ float: left; margin-left: 28px;}
.index_recom2 .index_recom_cate{ margin-top: 25px;}
.index_recom3{ float: right;}
.index_recom4{ clear: both; margin-top: 24px;}
.index_recom4 .index_recom_cate{ float: left; }
.index_recom4 .index_recom_cate.c2{ margin: 24px 28px 0px 28px;}

@media (max-width: 767px){
  .index_recom{ padding: 48px 0px;}
  .index_recom1{ width: 100%; float: none;}
  .index_recom2{ width: 100%; margin: 0; float: none;}
  .index_recom3{ width: 100%; float: none;}
  .index_recom3 .index_recom_cate,.index_recom3 .index_recom_cate a{ width: 100%;} 
  .index_recom4{ width: 100%;}
  .index_recom4 .index_recom_cate{ float: none; margin-left: 0px;}
  .index_recom4 .index_recom_cate.c2,.index_recom4 .index_recom_cate.c2 a{ width: 100%; margin: 12px 0px 0px 0px; }
}
@media (min-width: 768px) and (max-width: 991px){
  .index_recom{ padding: 58px 0px;}
  .index_recom1{ width: 100% !important; float: none;}
  .index_recom1 a{ width: 100%;}
  .index_recom2{ width: 100%; margin: 0; float: none;}
  .index_recom2 a{ width: 100%;}
  .index_recom3{ width: 100%; float: none;}
  .index_recom3 .index_recom_cate,.index_recom3 .index_recom_cate a{ width: 100%;} 
  .index_recom4,.index_recom4 a{ width: 100%;}
  .index_recom4 .index_recom_cate{ float: none; margin-left: 0px;}
  .index_recom4 .index_recom_cate.c2,.index_recom4 .index_recom_cate.c2 a{ width: 100%; margin: 12px 0px 0px 0px; }
}
@media (max-width: 1024px){

}
/*index_recom*/

/* phone */
.index_phone{width: 100%;padding: 60px 0;display: flex;align-items: center;background-image: url('../image/guanggao_bg.jpg');background-size: cover;position: relative; margin-bottom: 96px;}
.index_phone::after{content: '';width: 100%;height: 100%;position: absolute;background: linear-gradient(130deg,transparent 55%,var(--first_color) 55%);}
.index_phone .index_phone_box{display: flex;}
.index_phone .index_phone_box>div{width: 50%;color: #fff;}
.index_phone .index_phone_title1{font-size: 36px;font-weight: bold;position: relative;}
.index_phone .index_phone_title2{font-size: 21px;}
.index_phone .index_phone_border{width: 100%;height: 2px;background-color: #828383;margin: 1rem 0;}
.index_phone .index_phone_text{font-size: 16px;}
.index_phone .phone_box_right{display: flex;align-items: center;justify-content: end;z-index: 10;}
.index_phone .phone_box_text1{font-size: 16px;display: flex;align-items: center;}
.index_phone .phone_box_text1 img{margin-right: 5px;}
.index_phone .phone_box_text2{font-size: 24px;font-weight: bold;}
.index_phone .phone_box_btn{font-size: 18px;background-color: #fff;color: var(--first_color);display: inline-block;padding: 0 25px;border-radius: 999px;margin-top: 5px;line-height: 36px;}

.phone_box_text,.phone_box_text_left_text1{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.phone_box_text_left_text1,.phone_box_text_left_text2{ border: 1px solid #fff; border-radius: 30px;}
.phone_box_text_left_text1{ margin-bottom: 20px;}
.phone_box_text_left_text1 p{ font-size: 25px; color: #fff;}
.phone_box_text_left_text2{ background-color: #fff; color: var(--first_color); font-size: 20px;}
.phone_box_text_left_text1 img{ margin-right: 10px;}
.phone_box_text_left_text1,.phone_box_text_left_text2{ padding: 10px 20px;}
.phone_box_text_right{ padding-left: 20px;}

@media (max-width: 767px){
  .index_phone{padding: 20px 0; margin-bottom: 20px;}
  .index_phone .index_phone_box{flex-direction: column;}
  .index_phone .index_phone_box>div{width: 100%;}
  .index_phone::after{display: none;}
  .index_phone .phone_box_right{justify-content: start;padding-top: 1rem;}
  .index_phone .index_phone_title1{font-size: 24px; padding-bottom: 10px;}
  .index_phone .index_phone_title1::after{width: 80px;height: 4px;}
  .index_phone .index_phone_title2{font-size: 20px;}
  .phone_box_text_left_text1 p{ font-size: 24px;}
  .phone_box_text_left_text2{ font-size: 18px;}
  .index_phone .index_phone_text{font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px){
  .phone_box_text, .phone_box_text_left_text1{ flex-direction: column;}
  .index_phone .phone_box_right{ justify-content: center; align-items: center; }
  .phone_box_text_left_text1{ flex-direction: row;}
  .phone_box_text_right{ padding: 0 !important;}
  .phone_box_text_right img{ padding-top: 20px;}
  .index_phone::after{content: '';width: 100%;height: 100%;position: absolute;background: linear-gradient(to right,transparent 55%,var(--first_color) 55%)};

}
/* phone */

/*产品1*/
.index_top{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 48px;}
.index_top_title{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-left: 65px; background: url("../image/news_icon.png") no-repeat left center;}
.index_top_title1{ font-size: 36px; color: #444;}
.index_top_title2{ font-size: 14px; color: #888; text-transform: uppercase;}
.index_top_more{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
.index_top_more a{ padding: 8px 12px; background-color: var(--first_color); color: #fff;}
.index_top_more div{ } 
.index_top_more img{ }

.index_product1{  padding-bottom:96px;}
.index_product1_box{}
.index_product1_left{}
.index_product1_left_box{ background: var(--first_color);height: auto;}
.index_product1_left_top{text-align: center;padding: 25px 0;display: flex;justify-content: center;align-items: center;}
.index_product1_left_top div{margin-left: 1rem;}
.index_product1_left_top1{font-size: 30px;color: #fff;}
.index_product1_left_top2{font-size: 15px;color: #fff;}

.index_product1_left_nav{background: #f5f5f5;padding: 24px;border: 1px solid var(--first_color);}
.index_product1_left_nav_item{display: block;font-size: 18px;color: #444;text-align: center;margin-bottom: 24px; line-height: 40px; border: 1px solid var(--first_color); padding: 10px;}
.index_product1_left_nav_item:hover{color: #fff; background: var(--first_color);}
.index_product1_left_nav_item:last-of-type{margin-bottom: unset;}

.index_product1_left_text{display: flex;justify-content: center;align-items: center;padding: 2rem 0.5rem;line-height: 1.2;}
.index_product1_left_text img{margin-right: .5rem;}
.index_product1_left_text1{font-size: 16px;color: #fff;}
.index_product1_left_text2{font-size: 24px;color: #fff;font-weight: bold;}

.index_product_right{}
.index_product_right_top{display: flex;justify-content: space-between;align-items: baseline;padding: 0 0 .5rem 0;border-bottom: 1px solid #ccc;margin-bottom: 1rem;}
.index_product_right_top1{font-size: 36px;color: #444;font-weight: bold;}
.index_product_right_top2{font-size: 14px;color: #888; text-transform: uppercase;}

#index_product1_sw{}
.index_product1_sw_item{display: block;max-width: 600px; margin-bottom: 10px;}
.index_product1_sw_item_img img{ border: 1px solid #dcdcdc;}
.index_product1_sw_item_text1{font-size: 16px;color: #444;padding: 10px 20px;text-align: center;background-color: #f5f5f5;line-height: 46px;}
.index_product1_sw_item:hover .index_product1_sw_item_text1{background-color: var(--first_color);color: #fff;}
@media (max-width: 767px){
  .index_product1{padding: 20px 0;}
  .index_product1_left{margin-bottom: 20px;}
  .index_product1_left_nav_item{display: block;font-size: 18px;color: #444;text-align: left;margin-bottom: 24px;line-height: 40px;border-bottom: 1px solid #dedede; }
  .index_top{ flex-direction: column; justify-content: flex-start; align-items: flex-start;}
  .index_top_title{ padding-bottom: 20px; padding-top: 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
  .index_product1_left_top1{ font-size: 16px;}
  .index_product1_left_nav_item{ text-indent: 0.5em;}
}
@media all and (min-width: 768px){
}
/*产品1*/

/* 关于 */
.index_about1{padding: 170px 0 96px 0px;background-color: #f5f5f5;}
.index_about1 .index_about_box{ position: relative; background-color: #fff;}
.index_about_top{position: relative;z-index: 2;margin-bottom: 10px;}
.index_about1 .index_about1_text{background-color: #fff; padding-top: 15px;}
.index_about1 .index_about_left_s{ position: absolute; left: 0px; top: -85px;}
.index_about1 .index_about1_top_text1{font-size: 36px;color: #444;line-height: 1.2;font-weight: bold;}
.index_about1 .index_about1_top_text2{font-size: 14px;color: #888;line-height: 1.2;text-transform: uppercase; padding-top: 10px; letter-spacing: 2.8px;}
.index_about1 .index_about1_top_text3{display: block;width: 90px;height: 2px;margin: 20px 0 30px;background-color: var(--first_color);}
.index_about1 .index_about1_text2{font-size: 16px;color: #888;line-height: 1.5;}
.index_about1 .index_about1_text3{
  font-size: 18px;
  color: #fff;
  padding: 5px 20px;
  background: var(--first_color);
  line-height: 34px;
  width: max-content;
  display: block;
  margin-top: 30px;
}
.index_about1 .index_about1_img{position: relative;z-index: 1;}
.index_about1_rights{ padding-left: 60px !important; padding-bottom: 30px !important; padding-right: 20px !important;}
@media all and (max-width: 767px) {
  .index_about1{padding: 20px 0;}
  .index_about_top{display: none;}
  .index_about1 .index_about1_text{padding: 20px;}
  .index_about1 .index_about1_text3{margin-bottom: 1rem;}
  .index_about1 .index_about_left_s{ position: static;}
  .index_about1_empty{ display: none;}
  .index_about1_rights{ padding: 0 !important;}
}
@media (min-width: 768px) and (max-width: 991px){
  .index_about1{padding: 20px 0;}
  .index_about_top{display: none;}
  .index_about1 .index_about1_text{padding: 20px;}
  .index_about1 .index_about1_text3{margin-bottom: 1rem;}
  .index_about1 .index_about_left_s{ position: static;}
  .index_about1_empty{ display: none;}
  .index_about1_rights{ padding: 0 !important;}
}
/*关于*/

/*产品2*/
.index_product2{ padding: 60px 0px; background-color: var(--first_color);}
.index_product2 #index_product2_sw{}
.index_product2 .index_product_item_img{position: relative;max-width:400px;}
.index_product2 .index_product_item_img img{width: 100%; left: 0;}

.index_product2 .index_product_text{font-size: 16px;color: #444;text-align: center;padding: 0 0.5rem ;line-height: 40px;}
.index_product2 .index_product_item:hover .index_product_text{color: var(--first_color);}

.index_product2 .swiper_button_prev_product{ width: 40px; height: 40px; background: url(../image/left.png) no-repeat center;left: -3%;}
.index_product2 .swiper_button_prev_product::after{display: none;}
.index_product2 .swiper_button_prev_product.swiper-button-disabled{width: 40px; height: 40px; background: url(../image/left.png) no-repeat center;}
.index_product2 .swiper_button_next_product{width: 40px; height: 40px; background: url(../image/right.png) no-repeat center; right: -3%;}
.index_product2 .swiper_button_next_product::after{display: none;}
.index_product2 .swiper_button_next_product.swiper-button-disabled{width: 40px; height: 40px; background: url(../image/right.png) no-repeat center;}
@media (max-width: 767px){
  .index_product2{padding: 20px 0;}
}
@media (min-width: 768px) and (max-width: 991px){

}
@media all and (min-width: 1281px){

}
/*产品2*/

/*news*/
.index_news{ padding: 96px 0px;}

.index_news1{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.index_news1 .index_news_list{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #f5f5f5; width: 49%;}
.index_news1 .index_news_list_img{ min-width: 196px;}
.index_news1 .index_news_list_content1,.index_news1 .index_news_list_content2{ padding-left: 20px;}
.index_news1 .index_news_list_text1{ font-size: 18px; color: #444; padding-bottom: 10px;}
.index_news1 .index_news_list_text2{ font-size: 14px; color: #888;}
.index_news1 .index_news_list_text3{ font-size: 14px; color: #444;}
.index_news1 .index_news_list_content2{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 10px;}

.index_news_list_a{ display: flex; flex-direction: column; padding-right: 20px;}
.index_news_list:hover{ background-color: var(--first_color);}
.index_news_list:hover .index_news_list_text1,
.index_news_list:hover .index_news_list_text2,
.index_news_list:hover .index_news_list_text3, 
.index_news_list:hover .index_news_list_text4{ color:#fff;}

.index_news_list_text4{ color: var(--first_color); font-size: 16px;}

.index_news2{ padding-top: 28px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
.index_news_list2{ padding: 24px; border: 1px solid #dcdcdc; width: 32%; margin-bottom: 28px;}
.index_news_list2 .index_news_list_text1{ font-size: 18px; color: #444;}
.index_news_list2 .news_line{ width: 100%; height: px; background-color: #dcdcdc; margin: 20px 0px;}
.index_news_list2 .index_news_list_text3{ font-size: 14px; color: #888;}
.index_news_list2 .index_news_list_content2{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.index_news_list2:hover .index_news_list_text1{ font-weight: bold; color: var(--first_color);}

@media (max-width: 767px){
  .index_news{ padding: 36px 0px;}
  .index_news1{ flex-direction: column;}
  .index_news1 .index_news_list{ width: 100%; }
  .index_news1 .index_news_list_img{ min-width: auto;}
  .index_news1 .index_news_list{ width: 100%; padding: 10px; margin-bottom: 20px;}
  .index_news_list2{ width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px){
  .index_news1{ flex-direction: column;}
  .index_news1 .index_news_list{ width: 100%; }
  .index_news1 .index_news_list_img{ min-width: auto;}
  .index_news1 .index_news_list{ width: 100%; padding: 10px; margin-bottom: 20px;}
  .index_news_list2{ width: 48%;}
}
@media (max-width: 1024px){

}

/*news*/

/* 底部 */
footer{background: #f5f5f5;}
.foot_box{padding-top: 2rem;padding-bottom: 2rem; display: flex;flex-wrap: wrap;align-items: center;}

.foot_nav1{background: #f5f5f5; border-bottom: 1px solid #e8e8e8; }
.foot_nav1 .container{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.foot_nav11{display: flex;justify-content: flex-start; align-items: flex-start;}
.foot_nav1 a{font-size: 18px; color: #444; text-align: center;padding: 40px 30px 40px 0px;}

.foot_nav{display: flex;justify-content: space-between;}
.foot_nav_title{margin-bottom: .5rem;display: block;font-size: 18px; color:#444!important;}
.foot_nav_subtitle a{font-size: 18px;color: #444;}
.foot_nav > div{margin-right: 1.5rem;}
.foot_nav > div:last-of-type{margin-right: unset;}

.foot_qr{display: flex;justify-content: flex-end;}
.foot_qr img{max-width: 100%;width: 150px;}
.foot_qrcode{ border-left: 1px solid #dedede; border-right: 1px solid #dedede; text-align: center; }
.foot_qrcode img{ width: 100px; padding: 0px; border: 1px solid var(--first_color);}

.foot_text_box{display: flex;flex-wrap: wrap;}
.foot_text_item{display: flex;align-items: flex-start;min-width: 33%;margin-bottom: 15px;padding-right: 3%;}
.foot_icon{width: 22px;height: 23px;margin-right: .5rem;text-align: center;}
.foot_icon img{display: block;margin: 0 auto;}
.foot_text1{font-size: 14px;color: #fff;line-height: 23px;margin-top: 0;}
.foot_text , 
.foot_text a{color: #fff;}

.foot_contents{ font-size: 16px; color: #444; line-height: 24px;}
.foot_nav_more a{ padding: 5px 20px; background-color: var(--first_color); text-align: center; color: #fff; font-size: 16px;}

.foot_copyright{padding: 20px 0;}
.foot_copyright , .foot_copyright a , .foot_copyright p{
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #fff;
  text-align: center;
  background-color: var(--first_color)!important;
}

.online i, .botmenu i{margin-right: .3rem;}
@media all and (max-width: 767px) {
  .foot_qr{justify-content: center;margin: 20px 0;}
}
@media (min-width: 768px) and (max-width: 991px){

}
@media all and (min-width: 991px) {

}
/* 底部 */


@media all and (max-width: 767px) {
  .no_dis2 {display: none!important;}
}
@media (min-width: 768px) and (max-width: 991px){
	.no_dispad{display: none!important;}
}
@media all and (min-width: 991px) {
  .no_dis1{display: none;}
}




/* 内页 */
/* about */
.pages{padding: 30px 15px;}
.about_content{line-height: 1.5;font-size: 16px;}
.about_content p{margin-bottom: 10px;}
/* subnavlist */
.subnavlist .swiper-container .swiper-slide a.active,
.subnavlist ul li a:hover, 
.subnavlist ul li a:focus,
.subnavlist ul li a.active{color: var(--first_color);}
/* product news */
.productlist .card:before,
.newslist ul li:before{border-color: var(--first_color);}
.showproduct .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);}
.newslist ul li h4 a{display: block;}
.showproduct .tab-content{line-height: 1.5;font-size: 16px;}
.showproduct .tab-content p{margin-bottom: 10px;}
.showcase .tab-content{line-height: 1.5;font-size: 16px;}
.showcase .tab-content p{margin-bottom: 10px;}
@media (max-width: 767px){
  .newslist ul li.media .media-left{width: 35%;}
  .newslist .media-body{width: 65%;align-self: center;}
  .newslist ul li{padding: 10px 0;margin-bottom: 10px;}
}

/* 详情页右侧推荐 */
.showproduct .recommend ul li.item_block:hover:before,
.shownews .recommend ul li.item_block:before{border-color: var(--first_color);}
.showproduct .recommend ul li.item_block a:hover p.item_date span, .showproduct .recommend ul li.item_block a:hover .item_info,
.shownews .recommend ul li.item_block a:hover p.item_date span, .shownews .recommend ul li.item_block a:hover .item_info{color:var(--first_color)}

/* 分页器 */
.page-link, .page-num{color: #333;}
.page-link:hover,
.page-num:hover,
.page-num-current{background-color:var(--first_color);border-color:var(--first_color);color: #fff;}
.searchcomponent .btn-info{background-color:var(--first_color);border-color:var(--first_color)}
.searchcomponent .btn-info:hover{background-color:var(--first_color);border-color:var(--first_color)}
@media all and (max-width: 767px) {
  .searchcomponent .form-group{width: 75%;}
  .searchcomponent button{width:25%}
  .page-link[href], 
  .page-num[href]{color:var(--first_color)}

  .page-link[href]:hover,
  .page-num[href]:hover,
  .page-num-current[href]{background-color:var(--first_color);border-color:var(--first_color);color: #fff!important;}
}
/* product */
.showproduct .recommend ul li.item_block a p.item_date{min-width: 50px;}
.showproduct .recommend ul li.item_block a .item_info{max-width: unset;}
.showproduct .recommend ul li.item_block a .item_des{width: unset;}
.showproduct .recommend ul li.item_block a .item_img{max-width: 100%;width: 100%;text-align: center;}

/* job */
.joblist ul li{margin-bottom: 30px;padding-bottom: 30px;}
.joblist ul li:before{border-color: var(--first_color);}
.joblist ul li .des{line-height: 1.5;font-size: 16px;}
.joblist ul li .des p{margin-bottom: 10px;}
/* case */
.caselist .card:before{border-color: var(--first_color);}
.showcase .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);}

/* message */
.form-control:focus{border-color: var(--first_color);box-shadow: unset;}
.messagelist .btn-info:hover{background-color: var(--first_color);border-color: var(--first_color);}
.messagelist .btn-info{background-color: var(--first_color);border-color: var(--first_color);}

/* download */
.downloadlist ul li{padding-bottom: 30px;}
.downloadlist ul li:before{border-color: var(--first_color);}
.downloadlist .downloadbtn{color: var(--first_color);border-color: var(--first_color);}
.downloadlist .downloadbtn:hover{background-color: var(--first_color);border-color: var(--first_color);color: #fff;}
.btn-info:not(:disabled):not(.disabled):active:focus, 
.btn-info:not(:disabled):not(.disabled).active:focus, 
.show > .btn-info.dropdown-toggle:focus{box-shadow: unset;}
.btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled).active, 
.show > .btn-info.dropdown-toggle{background-color: var(--first_color);border-color: var(--first_color);}
.btn-info:focus, .btn-info.focus{box-shadow: unset;}
.downloadlist ul li:hover p{margin-left: 15px;transition: all .30s ease;}

/* 产品 新闻推荐 */
.showproduct .recommend span.toptitle, .shownews .recommend span.toptitle {margin-bottom: 20px;}
.showproduct .recommend ul li.item_block {margin: 0 0;padding: 0 0;margin-bottom: 15px;}
.showproduct .recommend ul li.item_block a {display: block;width: 100%;}
.showproduct .recommend ul li.item_block a .item_img {width: 100%;max-width: unset;}
.showproduct .recommend ul li.item_block a .item_img img {width: 100%;height: auto;display: block;max-width: unset;}
.showproduct .recommend ul li.item_block a .item_link {width: 100%;padding: 0 0;margin-bottom: 10px;}
.showproduct .recommend ul li.item_block a .item_link p {padding: 0 0;}
.productlist .card .card-img{text-align: center;}
.shownews .recommend ul li.item_block a p.item_date,.showproduct .recommend ul li.item_block a p.item_date{width: 20%;}
.shownews .recommend ul li.item_block a .item_info,.showproduct .recommend ul li.item_block a .item_info{width: 78%;max-width: unset;}
.product-params-box{margin-top: 10px;}
.product-params{margin: 5px 0;}
@media(max-width:991px) {
  .showproduct .recommend ul li.item_block,.shownews .recommend ul li.item_block{width: 50%;}
  .showproduct .recommend ul li.item_block:nth-child(even),.shownews .recommend ul li.item_block:nth-child(even){padding-left:10px}
  .showproduct .recommend ul li.item_block:nth-child(odd),.shownews .recommend ul li.item_block:nth-child(odd){padding-right:10px}
  .shownews .recommend ul li.item_block a .item_des{width: 100%;}
}

/* tabber */
.botmenu {border-top: 1px #fff solid;}
.botmenu p {width: 100%;padding: 0 0;margin: 0 0;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.botmenu i {font-size: 24px;}

/* 新闻列表 */
.newslist ul li.media .media-left{width: 20%;}
.newslist ul li.media .media-body{width: 80%;}
.newslist h2,
.newslist p{word-break:break-all;}

/* 新闻 */
.shownews .content{line-height: 1.5;font-size: 16px;}
.shownews .content p{margin-bottom: 10px;}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:var(--first_color)}
.showproduct .img-thumbnail-variant-2{width:100%}

.subnavlist .swiper-subnav .dropdown-item.active, 
.swiper-subnav .dropdown-item:active{color:var(--first_color);}