@charset "utf-8";
/* 轮播图
 ============================================================================ */
.slick .slick-arrow{position: absolute;top: 50%;width: 70px;height: 80px;font-size: 0;border: 0;background: none;margin-top: -40px;cursor: pointer;z-index: 10;}
.slick .slick-next {right: 5%;background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center;background-size: contain;}
.slick .slick-prev {left: 5%;background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center;background-size: contain;}
.slick .slick-dots {position: absolute;width: 100%;left: 0;bottom: 45px;text-align: center;}
.slick .slick-dots li {display: inline-block;width: 50px;height: 6px;background-color: #fff;border-radius: 0;opacity: 1;margin: 0 11px;cursor: pointer;font-size: 0;}
.slick .slick-dots li.slick-active {background-color: #01385e;}

/* 大标题
 ============================================================================ */

#bd .big-tit {height: 118px;background: url(../images/big-tit-bg.png) no-repeat center center;background-size: contain;}
#bd .brand {height: 78px;background: url(../images/1.jpg) no-repeat;margin-bottom: 25px;background-size: contain;}

/* 简介
 ============================================================================ */
#bd .profile {border: 1px solid #ccc;margin-top: 30px;margin-bottom: 30px;}
#bd .profile .img {margin-right: 50px;}
#bd .profile img {height: 177px;}
#bd .profile h5 {line-height: 50px;}
#bd .profile h5 i {margin-left: 10px;display: inline-block;width: 15px;height: 15px;background: url(../images/icon-arrow.png);vertical-align: middle;}
#bd .profile p {line-height: 1.5;text-align: justify;}
#bd .profile .txt {padding-right: 25px;}

/* 产品分类
 ============================================================================ */
.case {text-align: center;background: #0055a6;width: 275px;padding-bottom: 20px;}
.case h3 {line-height: 30px;color: #fff;}
.case em {margin-bottom: 15px;display: inline-block;width: 225px;height: 13px;background:url(../images/icon-down.png);}
.case ul {width: 225px;background:#fff;margin: 0 auto;text-align: left;}
.case ul li {width: 225px;line-height: 28px;}
.case ul li a {display: block;margin: 0 13px;font-size: 14px;border-bottom: 1px dashed #e9e9e9;padding-left: 30px;background: url(../images/icon-ico.png) no-repeat 8px;}
.content,
.product .con
 {margin-left: 325px;overflow: hidden;}
.m-tit {line-height: 30px;text-indent: 35px;color: #fff;background: url(../images/icon-tit-bg.png) no-repeat;background-size: cover;margin-bottom: 15px;}
.more {float: right;font-size: 14px;margin-top: -5px;margin-right: 5px;}
.pic-list li {float: left;width: 25%;margin-bottom: 15px;}
.pic-list ul {margin: 0 -5px;overflow: hidden;}
.pic-list li  a {display: block;margin: 0 5px;}
.pic-list .img {text-align: center;padding-top: 76%;position: relative;}
.pic-list .inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:1px solid #ccc;text-align: center;overflow: hidden;}
.pic-list img {max-width: 100%;max-height: 100%; position:absolute;margin:auto;left:0;top:0;right:0;bottom:0}
.pic-list h4 {line-height: 1.5;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pic-list a:hover img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}
/* 联系我们 轴承知识 新闻
 ============================================================================ */
.row {margin:20px 0 40px;}
.row .right {margin-left: 325px;}
.txt-list li {font-size: 14px;line-height:36px;border-bottom: 1px dashed #ccc;padding: 0 5px;}
.txt-list span {float: right;overflow: hidden;margin-left: 5px;}
.txt-list a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news,.knowledge{width: 45%;}

.lxfs .con {padding-top: 110px;background: url(../images/lxfs.jpg) no-repeat;}
.lxfs .con p {line-height: 1.5;font-size: 14px;}

/* ==========================================================================
   媒体查询
 ============================================================================ */
@media only screen and (max-width: 1199px) {

    .wp {width: 98%;}
    #hd .logo {width: 50%;}
    #nav ul li a{font-size: 16px;padding: 0 15px;}
	
	/*轮播*/
    .slick .slick-arrow {width: 40px;height: 50px;margin-top: -25px;}
    .slick .slick-dots {bottom: 20px;}

	.row .lxfs {display: none;}
	.row .right {margin-left: 0;}
	#bd .product .case {display: none;}
	#bd .product .con {margin-left: 0;}

	
	.col-l {float: none;}
	.news {float: left;}
	/* 联系我们 轴承知识 新闻
	 ============================================================================ */
	
	.left {display: none;}
	.content {margin-left: 0;}
	.case {background: none;width: auto;margin-bottom: 0;}
	.case h3 {color: #000;text-align: center;}
	.case ul {width: auto;}
	.case ul li {display: inline-block;width: auto;}
	.case em {display: none;}
}


@media only screen and (max-width: 959px) {
	#nav {display: none;}

	body {padding-top: 0;}
	#hd{display: none;}
    #bd{padding-top: 50px;} 
    .mobile-nav{display: block;border-bottom: 1px solid #01385e;}

    #bd .big-tit {height: 80px;}
    #bd .brand {height: 40px;background-position: center;}


	.pagination li {padding: 5px 10px;font-size: 12px;}
}

@media only screen and (max-width: 767px) {


	.slick .slick-arrow {width: 20px;height: 30px;margin-top: -15px;}
    .slick .slick-dots {bottom: 10px;}
    .slick .slick-dots li {width: 25px;}
	
	#bd .profile img {display: none;}
	#bd .profile .txt {padding: 5px;}
	#bd .profile h5 {line-height: 24px;}
	#bd .profile p {font-size: 14px;}
}

@media only screen and (max-width: 640px){
    .pic-list li {width: 33.33%;}
	.news, .knowledge {width: 100%;}
	.news {margin-bottom: 10px;}
	#top {display: none;}
}
@media only screen and (max-width: 479px) {
	
 
	.pic-list  li {width: 50%;}
	#bd .big-tit {height: 50px;}
	#bd .brand {margin-bottom: 0;}
	
}
@media only screen and (max-width: 380px) {

	
	
}