/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0;font-family:"微软雅黑" }
/** 设置默认字体 **/

body, button, input, select, textarea /* for ie */ { font-size:12px;   font-family:"微软雅黑","Helvetica Neue",Helvetica,Arial!important;}
body{padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6 { font-size: 12px; text-rendering: auto;}
address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
li { line-height:normal; }
/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration:underline; }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 12px; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/*去除箭头*/
textarea { resize: none; }
/* 清除浮动 */
.ks-clear:after, .clear:after { content: '\20'; display: block; height: 0; clear: both; }
.ks-clear, .clear { *zoom: 1;}
a:active, a:hover { color:#6b5234; text-decoration:none; }
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { margin-bottom: 0;}
*,*:before,*:after {  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}/*盒模型--区分所定宽度和border，padding的宽度*/
/*-------------------</END 重置>-----------------------*/

body { overflow-y:scroll; overflow-x: hidden; }

.help-block { color: #000;}

.content{ padding-top: 0;width:81%;margin-left: 19%; }

.content .content-box{padding-top: 50px;box-sizing: border-box;}
.bannerEffect{ width:100%;margin-left:0; }
.tpl_one .col-md-12 { padding:0;}

.body-right .page{ margin:0 15px 20px;}

@media screen and (max-width:1030px) {
   .n-box{ margin:0 10px;  }
}


@media screen and (max-width:600px) {
	.content-box{margin:0;}
}

/* about */
.company-name{
   margin-bottom: 30px;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
}
.Company_imgbox{
   float: none !important;
   width: fit-content !important;
}
.company-box p{
   overflow: inherit !important;
}
.subfooter{
   background-color: rgb(51,51,51);
}
.subfooter .infooternav{
   margin-bottom: 0 !important;

}
.subfooter .infooternav h3{
   height: 39px;
}

.subfooter .fnavlist ul li{
   color: #fff;
   width: 100%;
}
.subfooter .fnavlist ul li div{
   display: inline-block;
   color: #888;
}
.subfooter .fnavlist ul li a{
   color: #fff;
   display: block;
}
.subfooter .fnavlist ul li span{
   display: block;
}
.subfooter .menu-r ul .list-inline{
   float: left;
   width: 50%;
   margin-left: 0%;
}
.fnavlistProduct ul li{
   float: left;
   width: 50% !important;
}
.infooternav .fnavlist ul li a{
   color: #fff !important;
}
@media screen and (max-width:870px) {
   .Company_imgbox{
      float: none;
      width: 100%;
   }
   .subFriendLink{
      display: none;
   }
}


/* p_link */

.pLinkCon{
	background-color: #151922 !important;
}
.subFriendLink{
   padding: 0 15px !important;
}
.friendLinkImg{
	width: 100% !important;
	margin: 0 !important;
}
.friendBox-container{
	width: 100%;
	/* padding: 0 40px; */
	box-sizing: border-box;
	position: relative;
}
.friendBox-container .swiper-slide{
	box-sizing: border-box;
}
.friendBox-container .swiper-slide a{
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: #fff;
}

.pager .previous, .pager .next{
   width: 50% !important;
}
.friendBox-container .swiper-slide a img{
	width: 100%;
}

/* album */
.album-list-name{
   box-sizing: border-box;
   padding: 0 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:35px;
	background-color: rgba(0,0,0,.6);
   font-size: 14px;
   color: #fff;
   z-index: 1;
}
.album-list-name h5{
	float: left;
   line-height: 35px;
   font-weight: bold;
   width: 80%;
}
.album-list-name em{
	float: right;
	line-height: 35px;
}
.photo.row .thumbnail{
   padding: 0 !important;
}
.photo li:nth-of-type(3n+1){
   margin-left: 0 !important;
}
.photo .listMask{
   display: none;
   position: absolute;
	bottom: 0;
	left: 0;
   width:100%;
   height: 100%;
   background-color: rgba(0,0,0,.6);
}
.photo .listMask img{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 38px !important;
   height: 38px;
}
.photo ul li:hover .album-list-name{
   background-color: transparent;
}
.photo ul li:hover .listMask{
   display: block !important;
}
.mod_gallerylist .image_name{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 35px !important;
   line-height: 35px !important;
   text-align: center;
   background-color: rgba(0,0,0,.6);
   font-size: 14px;
   font-weight: bold;
   color: #fff !important;
}
.mod_gallerylist .image_mask{
   display: none;
   position: absolute;
	bottom: 0;
	left: 0;
   width:100%;
   height: 100%;
   background-color: rgba(0,0,0,.6);
}

.mod_gallerylist .image_mask img{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 38px !important;
   height: 38px;
}
.mod_gallerylist ul li:hover .image_name{
   background-color: transparent;
}
.mod_gallerylist ul li:hover .image_mask{
   display: block !important;
}

#ProClassLeft li .second{
   color: #aaa !important;
} 
.body-left h4{
   border: 0 !important;  
}
.ClassLeftBox .product-class{
   border: 0 !important;
}
.pager .previous, .pager .next{
   width: 100%;
   justify-content: left !important;
   background-color: none !important;
   color: #aaa !important;
}
.pager .previous span{
   color: #333 !important;

}
.pager .previous h5{
   color: #333 !important;
}

.Employment li{
   color: #333 !important;
}
.pager .previous>a, .pager .next>a{
   margin: 0 !important;
}

.pager .previous:hover i, .pager .next:hover i,
.pager .previous:hover span, .pager .next:hover span,
.pager .previous:hover h5, .pager .next:hover h5{
   color: #fff !important;
   border-color: #fff;
}


/* about */
.aboutTitle{
	display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}
.aboutTitle em{
	margin-bottom: 10px;
    display: block;
    width: 40px;
    height: 2px;
    background-color: #af1e23;
}
.aboutTitle .item-title{
   margin-bottom: 60px;
	font-size: 24px;
    color: #333;
    font-weight: bold;
}
.company-box{
   display: flex;
   width: 100%;
   align-items: flex-start;
   justify-content: space-between;
   position: relative;
   padding: 0 0px 60px !important;
}
.company-box .box-l{
   flex: 1;
}
.company-box .box-l .company-detailed-box{
   font-size: 14px;
   color:#808080;
}
.company-box .box-r{
   float: right;
   padding-top: 85px;
   padding-right: 85px;
   margin-left: 4%;
   position: relative;
}
.company-box .box-r em{
   z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 265px;
    height: 360px;
    border: solid 50px #eeeeee;
    box-sizing: border-box;
}
.company-box .box-r img{
   position: relative;
   z-index: 2;
   width: 450px;
   height: 338px;
   object-fit: cover;
}
.about-data{
   margin-bottom: 80px;
   width: 100%;
   background-color: #000;
}
.about-data ul{
   display: flex;
   flex-wrap: nowrap;
}
.about-data ul li{
   width: 25%;
   box-sizing: border-box;
   padding: 50px 30px;
   color: #fff;
   transition: all 0.5s;
}
.about-data ul li h3{
   font-size: 48px;
   font-weight: bold;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.about-data ul li p{
   font-size: 12px;
   line-height: 20px;
    overflow: hidden;
    height: 40px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.about-img {
   padding-bottom: 95px;
}
.about-img .item-title{
   margin-bottom: 45px;
}
.about-img .item-title h3{
   margin-bottom: 15px;
   font-size: 24px;
   color: #333;
}
.about-img .item-title p{
   font-size: 12px;
   color: #aaa;
}
.about-img .con{
   position: relative;
}
.about-img .con img{
   max-width: 100%;
   object-fit: cover;
}
.about-img .con .swiper-button-white{
   width: 44px;
   height: 44px !important;
   background-size: 20px 20px;
   border-radius: 50%;
   background-color: #3a7cdb;
}
.about-img .con .swiper-button-prev{
   left:-22px;
}
.about-img .con .swiper-button-next{
   right: -22px;
}
.about-img .con .swiper-button-disabled{
   background-color: rgba(0,0,0,.5);
}
.company-text .con{
   display: flex;
   /* justify-content: space-between; */
}
.company-text .con li{
   min-height: 20px;

}
.company-text ul li p label{
   margin-bottom: 0;
   font-weight: normal;
}
.company-text .con .text-r  {
   flex: 1;
}
.company-text .con ul{
   padding: 30px 50px;
}
.company-text h2{
   padding-left: 40px;
   padding-top: 20px;
   margin: 0 !important;
}
.company-text .con .text-r ul{
   max-height: 300px;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   flex-direction: column;
}
.company-text .con .text-r li{
   font-size: 14px;
   color: #333;
   margin-bottom: 30px;
}
.company-text{
   background-color: #f5f5f5;
}
.table-box{
   padding-bottom: 50px !important;
}
.table-box .map-box1{
   min-height: 370px;
   margin: 0 !important;
}
.tpl_footers{
   width: 81%;
   margin-left: 19%;
}
.tab-box{
   position: absolute;
   top: -120px;
   z-index: 9;
   border-top: 1px solid #3f3f3f;
   box-sizing: border-box;
   width: 100%;
   height: 70px;
}
.tab-box a{
   border-top: 1px solid transparent;
   color: #fff;
}

.nlist-box2 {
   display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
   display: -moz-box; /* 老版本语法: Firefox (buggy) */
   display: -ms-flexbox; /* 混合版本语法: IE 10 */
   display: -webkit-flex; /* 新版本语法: Chrome 21+ */
   display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
   flex-wrap: wrap;
}
.nlist-box2 li{
   /* height: 385px; */
   margin-bottom: 20px;
   box-sizing: border-box;
   width: calc((100% - 40px) / 3);
   margin-right: 20px;
   border: 1px solid #eee;
}
.nlist-box2 li:nth-of-type(3n){
   margin-right: 0;
}
.nlist-box2 li .list-time p{
   visibility: hidden;
   margin-bottom: 59px;
   font-size: 36px;
   color:#333;
   font-weight: bold;
   height: fit-content !important;
   line-height: 36px;
}
.nlist-box2 li .product-list-text{
   box-sizing: border-box;
   padding: 30px;
   background-color: #fff;
}
.nlist-box2 li .product-list-text h3{
   margin-bottom: 30px;
   font-size: 16px;
   color: #333;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   overflow: hidden;
   line-clamp: 2;
   -webkit-box-orient: vertical;
   font-weight: normal;
   line-height: 20px;
   height: 40px;
}
.nlist-box2 li .product-list-text .text{
   display: none;
   margin-bottom: 40px;
   font-size: 14px;
   color: #aaa;
   /* display: -webkit-box; */
   -webkit-line-clamp: 2;
   overflow: hidden;
   line-clamp: 2;
   -webkit-box-orient: vertical;
   line-height: 20px;
   /* height: 40px; */
}
.nlist-box2 li .product-list-text .time{
   font-size: 14px;
   color: #aaa;
}
.nlist-box2 li .list-img img{
   max-width: 100%;
   object-fit: cover;
}
.nlist-box2 li:hover{
   position: relative;     
}
.nlist-box2 li:hover .product-list-text{
   position:absolute;
   width: 100%;
   bottom: 0;
}

.nlist-box2 li:hover .text{
   display: -webkit-box;
}
.news-nr-box .news1-title{
   padding-bottom: 35px !important;
   border-bottom-width: 2px !important;
}

.news-nr-box .news1-title h1{
   padding: 0;
   line-height: normal;
   margin-bottom: 30px;
}
body .news-nr-box h6{
   font-size: 14px;
   color: #aaa !important;
}
.pro_keyword{
   display: flex;
   margin-bottom: 30px;
}
.pager .next{
   justify-content: flex-end;
}
.pro_keyword a{
   display: inline-block;
   margin: 0;
   padding: 0 10px;
   font-size: 14px;
   color: #aaa !important;
   line-height: 14px;
}
.pro_keyword a:not(:last-of-type){
   border-right: 1px solid #aaa;
}
.previous-icon{
   display: flex;
   align-items: center;
   width: fit-content !important;
}
.previous-icon i{
   display: flex;
   align-items: center;
}
.previous-icon-l{
   margin-right: 30px;
   padding:0 30px 0 20px  !important;
   border-right: 1px solid #aaa;
}
.previous-icon-r{
   margin-left: 30px;

   padding:0 20px 0 30px !important;
   border-left: 1px solid #aaa;
}
.previous-icon-r i{
   /* display: inline-block; */
   transform: rotate(180deg);
}
.pager .previous, .pager .next{

   color: #333 !important;
}

@media screen and (max-width: 768px){
   .about-data ul{
      flex-wrap: wrap;
   }
   .about-data ul li{
      width: 50%;
      padding: 30px;
   }
   .about-data ul li h3{
      font-size: 28px;
   }
   .aboutTitle .item-title{
      margin-bottom: 20px;
   }
   .content{
      padding-top: 0;
      width: 100%;
      margin-left: 0;
   }
   .breadCrumb{
      display: none;
   }
   .company-box .box-r{
      float: none;
    padding: 0;
    margin: 0;
    width: 100%;
   }
   .Company_imgbox{
      margin: 0 0 20px;
   }
   .company-box .box-r img{
      max-width: 100%;
   }
  .company-box .box-r em{
     display: none;
  }
  .about-data{
     margin-bottom: 40px;
  }
  .about-img .con .swiper-button-white{
     width: 22px;
     height: 22px !important;
     background-size: 15px 15px;
  }
  .about-img .con .swiper-button-prev{
     left: -11px;
  }
  .about-img .con .swiper-button-next{
     right: -11px;
  }
  .about-img .item-title{
     margin-bottom: 20px;
  }
  .about-img{
     padding-bottom: 40px;
  }
  .company-text .con{
     flex-wrap: wrap;
  }
  .company-text .con ul{
     width: 100%;
     padding:20px;
  }
  .company-text .con>div{
     width: 100%;
  }
  .company-text .con .text-r{
   flex: auto;
   width: 100%;
  }
  .tpl_footers{
   width: 100%;
   margin-left: 0%;
}
.tab-box {
   display: none;
}
.nlist-box2 li{
   width: calc((100% - 20px) / 2);
   height: fit-content;
   padding:0;
}
.nlist-box2 li:nth-of-type(3n){
   margin-right: 20px;
}
.nlist-box2 li:nth-of-type(2n){
   margin-right: 0;
}
.nlist-box2 li .product-list-text .text{
   display: -webkit-box;
   height: 40px;
   margin-bottom: 10px;
}
.nlist-box2 li .product-list-text h3{
   margin-bottom: 10px;
}
.nlist-box2 li .list-time p{
   visibility:initial;
   font-size: 14px;
   font-weight: initial;
   margin-bottom: 20px;
   line-height: 14px;
}
.nlist-box2 li .product-list-text h3{
   font-size: 16px;
   margin-bottom: 10px;
}
.nlist-box2 li .product-list-text>p{
   margin-bottom: 20px;
}
.nlist-box2 li .product-list-text>p:last-of-type{
   margin-bottom: 0;
}
.nlist-box2 li .product-list-text{
   position: relative !important;
   padding  : 20px;
}
.nlist-box2 li em{
   display: none;
}
.pager .next{
   margin-top: 10px;
}
}
@media screen and (max-width: 375px){
   .nlist-box2 li{
      width: 100%;
      height: fit-content;
      padding:0;
      margin-right: 0;
   }
   .nlist-box2 li:nth-of-type(3n){
      margin-right: 0;
   }
   .nlist-box2 li:nth-of-type(2n){
      margin-right: 0;
   }
}
.news1-digest{
   font-size: 14px;
   color: #aaa;
}

.table-01 tr{
   width: 100% ;
}