/** 清除内外边距 **/
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{ width:100%; }

.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: left;
   width: 50%;
}
.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{
	float: left;
	width: calc(100% - 130px);
	padding: 0 40px;
	box-sizing: border-box;
	position: relative;
	height: 57px;
	line-height: 57px;
}
.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;
}

.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: #aaa !important;

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

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