/* CSS Document */

.common_banner {
  width: 100%;
}
.common_banner img {
  display: block;
  width: 100%;
}


.common_crumb {
  height: 8.125rem;
}
.common_crumb .main {
  display: flex;
  height: 100%;
  padding-top: 4.25rem;
  box-sizing: border-box;
  justify-content: space-between;
  border-bottom: 1px solid #999999;
}

.common_crumb .device_main {
  display: flex;
  height: 100%;
  padding-top: 4.25rem;
  box-sizing: border-box;
  justify-content: space-between;
  border-bottom: 1px solid #999999;
}

.device_main {
  max-width: 1400px;
  width: 95%;
  margin: 0 auto;
}

.common_crumb_l {
  display: flex;
}
.common_crumb_l em {
  font-size: 2.5rem;
  margin-right: 1.25rem;
  vertical-align: middle;
}
.common_crumb_l h3 {
  font-size: 1.875rem;
  color: #333333;
  font-weight:bold;
}
.common_crumb_l h3 span {
  font-size: 1.125rem;
  color: #0173a9;
}
.common_crumb_r {
  font-size: 0.875rem;
  color: #999999;
}
.common_crumb_r em {
  font-size: 1.875rem;
  margin-right: 0.75rem;
  vertical-align: middle;
}
.common_crumb_r a {
  color: #999999;
}
.common_crumb_r a.action {
  color: #0173a9;
}





.about {
  overflow: hidden;
}
.about_header {
  margin-bottom: 4.75rem;
}

.equ_header{margin-bottom:2.75rem !important;}

.about_header ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about_header ul li {
  flex: 1;
  text-align: center;
}
.about_header ul li a {
  display: block;
  font-size: 1.125rem;
  color: #666666;
  height: 4.25rem;
  line-height: 4.25rem;
  border-bottom: 1px solid #adadad;
}
.about_header ul li a:hover {
  color: #fff;
  background:#0173a9;
  font-weight: 700;
}
.about_header ul li a.action {
  background-color: #0173a9;
  color: #fff;
  font-weight: 700;
}
.about_content {
 
}
.about_content_introduction {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.about_content_introduction_text {
  flex: 0 0 53%;
  padding-top:0rem;
}
.about_content_introduction_text p {
  display: block;
  width: 100%;
  font-size:16px;
  color: #666666;
  line-height: 40px;
  text-indent: 2em;
  margin-bottom: 0;
}
.about_content_introduction_img {
  flex: 0 0 40%;
  overflow: hidden;
}
.about_content_introduction_img img {
  display: block;
  width: 100%;
  height: auto;
}




/* 厂房设备 */
.equ-box{
    
}
.equ-list{
}
.equ-list li{
    padding: 0 10px;
    float: left;
    width: 25%;
    margin-bottom: 5px;
}
.equ-item p{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 48px;
    color: #666666;
}
.equ-img{
    border: 4px solid #e7e7e7;
}
.equ-item:hover .equ-img{
    border-color: #0173a9;
}
.equ-item:hover .equ-img img{
    transform: scale(1.1);
}
.equ-item:hover p{
    color: #0173a9;
}

.public-img{
    width: 100%;
    overflow: hidden;
}
.public-img img{
    width: 100%;
    display: block;
    transition: all .5s;
}



@media(max-width: 559px){
    .equ-list li{
        margin-bottom:5px;
        width: 100% !important;
    }
    .equ-click{
        margin-top: 10px;
    }
}



.map{}
.map img{ max-width:none !important}


.block-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.news_content {
  padding: 2rem 0 2.5rem 0;
}
.news_content_list_item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 12.5rem;
  padding: 1.125rem 0;
  border: 1px solid #e5e5e5;
  transition: all 0.35s;
}
.news_content_list_item:not(:last-child) {
  margin-bottom: 2.5rem;
}
.news_content_list_item_time {
  width: 7.3%;
  line-height: 1.875rem;
  text-align: right;
}
.news_content_list_item_time b {
  display: block;
  font-size: 1.5rem;
  color: #005aaa;
}
.news_content_list_item_time span {
  font-size: 0.75rem;
  color: #999;
}
.news_content_list_item_img {
  width: 30%;
  height: 100%;
  padding-left: 3.125rem;
  overflow: hidden;
}
.news_content_list_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.35s;
}
.news_content_list_item_text {
  position: relative;
  width: 62.7%;
  padding: 0 11.25rem 0 1.875rem;
}
.news_content_list_item_text h3 {
  margin-bottom: 1.625rem;
  font-size: 1.125rem;
  color: #333;
  transition: all 0.35s;
}
.news_content_list_item_text p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #666;
  overflow: hidden;
  -webkit-line-clamp:2;
  word-break:break-all;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
}
.news_content_list_item_link {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #eee;
  text-align: center;
  line-height: 2.5rem;
  color: #fff;
  transition: all 0.35s;
  font-size: 1.25rem;
}
.news_content_list_item:hover {
  box-shadow: 0 0.125rem 1.125rem 0 rgba(55, 85, 113, 0.2);
}
.news_content_list_item:hover .news_content_list_item_img img {
  transform: scale(1.05);
}
.news_content_list_item:hover .news_content_list_item_text h3 {
  color: #005aaa;
}
.news_content_list_item:hover .news_content_list_item_link {
  background: #005aaa;
}



.product_detail_ltgt {
  display: flex;
  justify-content: space-between;
  margin-top: 5rem;
}
.product_detail_ltgt a {
  line-height: 1.875rem;
  font-size: 0.875rem;
  color: #999;
}
.product_detail_ltgt a span {
  float: left;
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.875rem;
  text-align: center;
  background: #eee;
  transition: all 0.35s;
}

.product_detail_ltgt a:first-child span{
	transform: translate(0, 0) rotate(180deg);
  
}

.product_detail_ltgt a:not(:nth-child(2)) {
  width: 30%;
}
.product_detail_ltgt a:last-child {
  text-align: right;
}
.product_detail_ltgt a:last-child span {
  float: right;
  margin: 0 0 0 0.875rem;
}
.product_detail_ltgt a:hover span {
  background: #005aaa;
  color: #fff;
}

.cases_detail {
  padding: 2rem 0 2.5rem 0;
}
.cases_detail_main {
  display: flex;
  justify-content: space-between;
}

.cases_detail_content {
  width: 100%;
}
.cases_detail_content_title {
  position: relative;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #e5e5e5;
}
.cases_detail_content_title:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 3.75rem;
  height: 0.125rem;
  background: #005aaa;
  content: '';
}
.cases_detail_content_title h1 {
  margin-bottom: 1.125rem;
  font-size: 1.125rem;
  color: #333;
  font-weight: 400;
}
.cases_detail_content_title p {
  line-height: 1rem;
  font-size: 0.75rem;
  color: #999;
}
.cases_detail_content_title p i {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.cases_detail_content_title p span:not(:last-child) {
  margin-right: 3.75rem;
}
.cases_detail_content_desc {
  padding-top: 1.75rem;
}
.cases_detail_content_desc p {
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #666;
}
.cases_detail_content_desc img {
  max-width: 100%;
  height: auto !important;
}












.support_main_nav {
  width: 25%;
}
.support_main_nav h2 {
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  background: #0173a9;
  text-align: center;
  color: #fff;
  font-size: 1.875rem;
  letter-spacing: 0.125rem;
  font-weight:bold
}


/*.support_main_nav_list li{ display:block !important; position:relative;line-height:26px;background: #e5e5e5;border-top: 1px solid rgba(255,255,255,0.5);line-height: 3rem;}

.support_main_nav_list li a:hover{ color:#fff !important;background:#0173a9 !important;}


.support_main_nav_list li .iconBtn{ position: absolute; left:auto; right: 5px; top:0; display: block; height:52px; width:30px; background: url(../images/icon_add.png) no-repeat center/18px auto; cursor:pointer}
.support_main_nav_list li.click .iconBtn{ background-image: url(../images/icon_add2_02.png); }

.support_main_nav_list li.click a{  background:#0173a9; color:#fff}
    
.support_main_nav_list .Lib{ position: static;display:none;}

.support_main_nav_list .Lib a{display:block;border-top: 1px solid rgba(255,255,255,0.8);line-height: 3rem;}



.support_main_nav_list li:hover .iconBtn



.support_main_nav_list .Lib a:hover {
  color: #fff !important;
  background:#0173a9 !important;
  
}





.support_main_nav_list li.click .Lib a{  background: #e5e5e5; color:#000}



.support_main_nav_list li a {
  display: block;
  padding: 0 3.625rem 0 2.75rem;
  font-size: 1.125rem;
  color: #000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

*/

.support_main_nav>ul{
    border: 1px solid #ccc;
    padding: 10px 0;
}
.support_main_nav>ul>li{
    
    position: relative;
    margin: 0 15px;
    border-bottom: 1px solid #f5f5f5;
    transition: .3s;
    
}
.support_main_nav>ul>li>a{
    padding: 10px 10px;
    display: block;
    transition: .3s;
    cursor: pointer;
    
}
.support_main_nav>ul>li:hover>a{
    border-left: 5px solid #1f98b5;
    background: #f5f5f5;
}
.support_main_nav>ul>li>i{
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 24px;
}
.support_main_nav>ul>.active>a {
    border-left: 5px solid #1f98b5;
    background: #f5f5f5;
    display: block;
}

.support_main_nav>ul>li>a {
    color: #333;
    font-size: 14px;
}
.support_main_nav>ul>li>ul>li>a{
    color: #aaa;
    padding: 10px 5px;
    margin: 0 10px;
    border-bottom: 1px solid #ccc;
    display: block;
}
.support_main_nav>ul>li>ul>.active{
    background: #1f98b5;
}

.sonmenu{
    display: none;
}










.support_detail {
  padding: 0rem 0 2.5rem 0;
  width:73%;
}
.support_detail_main {
  display: flex;
  justify-content: space-between;
}

.support_detail_content {
  width: 100%;
}
.support_title {
  position: relative;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #e5e5e5;
}
.support_title:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 3.75rem;
  height: 0.125rem;
  background: #0173a9;
  content: '';
}
.support_title h1 {
  margin-bottom: 0.125rem;
  font-size: 1.125rem;
  color: #333;
  font-weight: 400;
}



.support_detail_content_title ul li{ height:3rem; line-height:3rem; background:#f8f8f8; padding-left:1.25rem; border-bottom:1px solid rgba(255,255,255,0.8)}
.support_detail_content_title ul li a{ font-size:1rem; color:#333}
.support_detail_content_title ul li:hover{ background:#0173a9; color:#fff; cursor:pointer;}
.support_detail_content_title ul li:hover a{ color:#fff;}

.support_detail_content_title p {
  line-height: 1rem;
  font-size: 0.75rem;
  color: #999;
}
.support_detail_content_title p i {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.support_detail_content_title p span:not(:last-child) {
  margin-right: 3.75rem;
}
.support_detail_content_desc {
  padding-top: 1.75rem;
}
.support_detail_content_desc p {
  line-height: 2rem;
  font-size: 0.875rem;
  color: #666;
}
.support_detail_content_desc img {
  max-width: 100%;
  height: auto !important;
}




.product {
  margin-bottom: 2.25rem;
  overflow: hidden;
}

.product_main {
  display: flex;
  justify-content: space-between;
  margin-top: 2.375rem;

}


.product_main_nav {
  width: 25%;
}
.product_main_nav h2 {
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  background: #0173a9;
  text-align: center;
  color: #fff;
  font-size: 1.875rem;
  letter-spacing: 0.125rem;
  font-weight:bold
}
.product_main_nav_list li {
  border-top: 1px solid #fff;
  line-height: 3rem;
  background: #e5e5e5;
}
.product_main_nav_list li:hover > a {
  color: #fff;
  background:#0173a9;
  
}
.product_main_nav_list li.hover {
  background: #0173a9;
}
.product_main_nav_list li.hover > a {
  color: #fff;
}

.product_main_nav_list a {
  display: block;
  padding: 0 3.625rem 0 2.75rem;
  font-size: 1.125rem;
  color: #000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.product_main_nav_list i {
  float: right;
  transition: all 0.35s linear;
}
.product_main_nav_list .rotate i {
  transform: rotate(90deg);
}
.product_main_nav_list_item {
  max-height: 0;
  transition: all 0.5s linear;
  overflow: hidden;
}
.product_main_nav_list_item li.active {
  background: #e5e5e5;
}
.product_main_nav_list_item li.active a {
  color: #0173a9;
}
.product_main_nav_list_item a {
  padding-left: 4.25rem;
  font-size: 0.875rem;
}
.product_main_nav_list_item i {
  font-size: 1.125rem;
}
.product_main_nav_tel {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: 100%;
  padding:15px 0;
  background: #0173a9;
  margin-top:10px;
}
.product_main_nav_tel b {
  font-size: 2.25rem;
  color: #fff;
}
.product_main_nav_tel p {
  margin-top: 1.125rem;
  line-height: 2rem;
  font-size: 1.5rem;
  color: #fff;
}
.product_main_nav_tel i {
  margin-right: 1.5rem;
  font-size: 1.5rem;
  color: #fff;
}







.product_main_content {
  width: 72.3%;
}

.product_main_content .pro_list{ padding-bottom:0 !important; margin-bottom:0 !important}
.product_main_content .pro_list ul{ margin:0 !important;}
.product_main_content .pro_list li{ width:33.333333333%}
.product_main_content .pro_list li:nth-child(4n+1) {
clear:none !important
}
.product_main_content .pro_list li:nth-child(3n+1) {
clear:both !important
}




.productdetail_content {
  display: flex;
  width: 72.3%;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content:flex-start;
}
.productdetail_content_l {
	flex:0 0 47%;

}

.productdetail_content_l img {
  width: 100%;
  height: 100%;
}
.productdetail_content_l .gallery-top {
  width: 100%;
  /*border: 1px solid #ccc;*/
}



.productdetail_content_r {
	flex:0 0 50%;
}
.productdetail_content_r h3 {
  font-size: 24px;
  color: #333;
  padding-bottom: 2rem;
  padding-top:0.5rem;
  border-bottom: 1px solid #d6d6d6;
  box-sizing: border-box;
}

.productdetail_content_desc {
  position: relative;
  width: 100%;
  border-top: 1px solid #0173a9;
  padding-bottom: 2.5rem;
  margin-top:2.5rem;

}
.productdetail_content_desc h6 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  color: #fff;
  width: 5.875rem;
  height: 2rem;
  background-color: #0173a9;
  overflow: hidden;
}
.productdetail_content_desc .pro_desc_bg{
  display: block;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #333333;
  padding-top: 3.625rem;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  text-align:center;
}
.productdetail_content_desc .pro_desc_bg p{ text-align:left}
.productdetail_content_desc img{
 
}


.pro_desc_bg{ color:#333;}




.nycontent {width:100%;height:auto;display:inline-block;margin:5px 0 0;}
.text-general {width:100%;height:auto;margin:0 0% 30px;}
.text-general h3 {margin:0 0 15px;}
.text-general p {font-size:15px;letter-spacing:0.025em;color:rgba(0,0,0,0.8);line-height:25px;font-weight:normal;}

.downbox {padding:0;}
.downbox li{ width:100%; height:auto; display:inline-block;border-bottom:1px dashed #ddd;}
.downbox li a{ display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;padding:10px 20px;}
.downbox p{ margin:0; line-height:34px;}
.downbox p b {color:#d61915;font-size:20px;}
.downbox h5 {font-size:15px;font-weight:600;color:#333;}
.downbox h5 b {width:24px;height:24px;line-height:22px;text-align:center;color:#fff;background:#666;display:inline-block;margin-right:10px;border-radius:3px;}
.downbox i {padding-top:40px;font-size:20px;color:#666;}
.downbox:hover {cursor:pointer;}
.downbox:hover h5 {color:#d61915;}
.downbox:hover h5 b {cursor:pointer;background:#d61915;}
.downbox:hover i {color:#d61915;}
.fa{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.fa-download {
	 background:url(../images/down.png) no-repeat right center;
	 width:18px;
	 height:17px;
}


/* 分页 */ 
.page-points {
    margin:80px 0 0 0;
	text-align:center
}

.page-m {
    position: relative;
    top: -1px;
    +display: inline !important;
}

.page-points a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page-m a {
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
	border:1px solid #eeeeee;

}

.page-m a:hover {
    color: #fff;
    background: #0173a9;
	border:1px solid #0173a9;
}

.xianshi {
    color: #fff;
    background: #0173a9;
	border:1px solid #0173a9;
}

.page-m a.active {
    color: #fff;
    background: #0173a9;
	border:1px solid #0173a9;
}



.page-num-current{ background:#0173a9; color:#fff !important}







@media (min-width: 320px) and (max-width: 1000px) {
	.common_crumb {
    height: 6.25rem;

  }
  .common_crumb .main {
    border: none;
    padding-top: 2.25rem;
  }
  .common_crumb .device_main {
    border: none;
    padding-top: 2.25rem;
  }
  .device_main {
    width: 100%;
    padding: 0 1.5rem;
  }
  .common_crumb_l {
    width: 100%;
    border-bottom: 1px solid #999999;
  }
  .common_crumb_r {
    display: none;
  }
  
  .about_header {
    margin-bottom: 1rem;
  }
  .about_header ul li {
    flex: 0 0 100%;
  }
  .about_header ul li a {
  display: block;
  font-size: 1.125rem;
  color: #666666;
  height: 3.25rem;
  line-height: 3.25rem;
  border-bottom: 1px solid #adadad;
}
  .about_content {
    padding: 0 0;
  }
  .about_content_introduction {
    margin-bottom: 2.5rem;
  }
  .about_content_introduction_text {
    flex: 0 0 100%;
  }
  .about_content_introduction_img {
    flex: 0 0 100%;
  }
  
  .about_content_introduction_img img{ margin-top:15px;}
  
  .equ-list li{
        margin-bottom: 5px;
        width: 50%;
    }
  
  .equ_header{margin-bottom:2.75rem !important;}
  
  .news_content_list_item {
    flex-flow: wrap;
    height: auto;
    padding: 0;
  }
  .news_content_list_item_time {
    position: absolute;
    right: 2rem;
    bottom: 5rem;
    width: auto;
    line-height: 1.5rem;
    text-align: center;
	display:none;
  }
  .news_content_list_item_time b{ font-size:18px;}
  .news_content_list_item_img {
    width: 100%;
    padding-left: 0;
  }
  .news_content_list_item_text {

    width: 100%;
    padding: 2rem 1.5rem 2rem 1.5rem;
  }
  .news_content_list_item_link {
    top: unset;
    bottom: 1.5rem;
    right: 2rem;
    transform: translate(0, 0);
	display:none;
  }
  
  .cases_detail_main {
    flex-flow: wrap;
  }
  .cases_detail_content {
    width: 100%;
    margin-bottom: 4rem;
  }
  .cases_detail_content_title p span {
    display: block;
    width: 100%;
  }
  .cases_detail_content_title p span:not(:last-child) {
    margin: 0 0 1rem 0;
  }
  
  
  
  .support_main {
    flex-flow: wrap;
  }
  .support_main_nav {
    width: 100%;
    margin-bottom: 2rem;
  }
  
  .support_detail{width:100%}
  .support_detail .wrap{ width:100%;}
  
  
  .support_detail_main {
    flex-flow: wrap;
	width:100% !important;
  }
  .support_detail_content {
    width: 100%;
    margin-bottom: 4rem;
  }
  .support_detail_content_title p span {
    display: block;
    width: 100%;
  }
  .support_detail_content_title p span:not(:last-child) {
    margin: 0 0 1rem 0;
  }
  
  .product_detail_ltgt {
    flex-flow: wrap;
  }
  .product_detail_ltgt a {
    width: 100%;
    margin-bottom: 2rem;
  }
  .product_detail_ltgt a:not(:nth-child(2)) {
    width: 100%;
  }
  .product_detail_ltgt a:last-child {
    text-align: left;
  }
  .product_detail_ltgt a:last-child span {
    float: left;
    margin: 0 0.875rem 0 0;
  }
  
  
  .product_main {
    flex-flow: wrap;
  }
  .product_main_nav {
    width: 100%;
    margin-bottom: 2rem;
  }
  
  
  .product_main_content {
    width: 100%;
  }
  .product_main_content_item {
    width: 49%;
    margin-bottom: 2rem;
  }
  
  .product_main_content .pro_list li{ width:50%}
  .product_main_content .pro_list li:nth-child(3n+1) {
clear:none !important
}
.product_main_content .pro_list li:nth-child(2n+1) {
clear:both
}

.productdetail_content {
    width: 100%;
    flex-flow: wrap;
  }
  .productdetail_content_l {
    flex: 0 0 100%;
  }
  .productdetail_content_r {
    flex: 0 0 100%;
  }
  .productdetail_content_desc {
    padding-bottom: 2rem;
  }
  .productdetail_content_desc p img {
    display: block;
      width: 100%;
    height: auto;
    object-fit: cover;
 
  }
   .downbox h5 {line-height:34px;}
    .downbox i {padding-top:0;}

	}
	
@media (min-width: 120px) and (max-width: 480px) {
		.product_main_content .pro_list li{ width:100% !important; margin-bottom:30px;}
		 .downbox h5 {line-height:34px;}
    .downbox i {padding-top:0;}
		
		}