@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body { padding:0px;
	font-size: 12px;
	line-height: 1.5em;
	font-family: tahoma, "Microsoft YaHei", Simsun, Mingliu, Arial, Helvetica;
	color: #333333;
	background:#fff;
	width:100%;
	overflow-x:hidden;
}
img {
	border:0;
	vertical-align:middle


}
ul,li{
	list-style-type: none;
}
table,td{
	border-collapse:collapse
}
address,em{
	font-style:normal;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#0d6cae;
	text-decoration:none;
}



/*通用样式结束*/

/*头部*/
.head{ width: 100%; height: auto; }
.head-top{ width: 100%; height: 40px; background: #000;}
.head-top-center{ width: 1200px; height: auto; margin: 0 auto; position: relative;}
.greet{ height: 40px; float: left; color: #999; line-height: 40px;}

.head-nav{ width: auto; float: right;}
.head-nav ul{}
.head-nav ul li{ float: left; height: 20px; padding: 0 15px; line-height: 20px; }
.logo{ width: 138px; height: 70px; display: block;float: left;}
.navbar-nav{ width: auto;  overflow: hidden;}
.navbar-nav li{padding: 0 19px; display: block;}
.navbar-nav li a{ color: #666; font-size: 14px;  padding: 25px 0 0 0;}
.navbar-nav li a:hover{ background: transparent; color: red;}
.navbar-nav li.active a{border-bottom: 1px solid #666;}


.search-button{ width: 20px; height: 20px; background: url(?skin/public/images/icon3.png) center no-repeat; border: none; float: left; margin-right: 5px;margin-top: 12px;}
.head-nav .search-button{
	right: 0;
	top: 0;
}
.search-title{ width: 45px; height: 20px; line-height: 20px; background: none; border: none; float: left;color: #fff; font-size: 14px; margin-top: 12px;}
.search-title::placeholder{ color: #fff;text-decoration: underline;}
.search-title:focus{ outline: none;}
.bshare-custom{ float: left;margin-top: 11px;}
#Facebook{ background: url(?skin/public/images/icon1.png) no-repeat center; height: 20px; }
#LinkedIn{ background: url(?skin/public/images/icon2.png) no-repeat center; height: 20px;}
.bshare-custom a{ padding: 0 19px; height: 20px;}

#icon11{ background: url(?skin/public/images/icon11.png) no-repeat center; height: 40px;}
#icon12{ background: url(?skin/public/images/icon12.png) no-repeat center; height: 40px;}
#icon13{ background: url(?skin/public/images/icon13.png) no-repeat center; height: 40px;}
#icon14{ background: url(?skin/public/images/icon14.png) no-repeat center; height: 40px;}
#icon15{ background: url(?skin/public/images/icon15.png) no-repeat center; height: 40px;}
#icon20{ background: url(?skin/public/images/icon20.png) no-repeat center; height: 40px;}


.ewm{ cursor: pointer; margin-top: 12px; display: block;}
.ewmimg{ width: 120px; height: 120px; position: absolute; right: 0; top:40px; background: #fff; padding: 10px; z-index: 1000; display: none; transition: all 0.5s;}
.ewmimg img{ width: 100%;}

.banner{ display: block;}
.sjbanner{ display: none;}

/*产品展示*/
.product{ width: 100%; height:auto; padding: 30px 0 0 0; background: #f1f1f1; overflow: hidden;}
.product h3{ text-align: center; line-height: 50px; font-size: 30px; color: #666; margin: 0 0 10px 0;}
.product .container { overflow: hidden; }
.product .container dl{ width: 400px; height: auto; float: left; overflow: hidden; padding: 0 10px;}
.product .container dl dt img{ width: 100%; max-height: 380px; overflow: hidden;transition: all 0.5s;}
.product .container dl dt{ width: 100%; height: auto; overflow: hidden;background: #fff; }
.product .container dl dd{ width: 100%; height: auto; overflow: hidden;background: #fff;box-sizing: border-box; padding: 20px;}
.product .container dl dd span{ width: 100%; height: 25px; line-height: 25px; display: block; color: #666; transition: all 1s; font-size: 16px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.product .container dl dd em{ width: 100%; height: 20px; line-height: 20px; display: block; color: #999; font-size: 14px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.product .btnprev,.product .btnnext{ height:360px; background: none;cursor:pointer;}
.product .btnprev { background: url(?skin/public/images/arrow-left.png) no-repeat center; width: 18px; float:left; margin-right:2px;}
.product .btnnext { background: url(?skin/public/images/arrow-right.png) no-repeat center; width: 18px; float:right; margin-left:2px;}

.product .container{ padding: 15px 0 40px;}
.product .product_list{width:1160px;float:left;}
.product .container dl:hover dd span{text-decoration: underline;}
.product .container dl:hover img{transform: scale(1.2);}



.product_sj{ width: 100%; height:auto; padding: 30px 0 0 0; background: #f1f1f1; display: none;}
.product_sj h3{ text-align: center; line-height: 50px; font-size: 30px; color: #666; margin: 0 0 10px 0;}
.product_sj .swiper-slide { overflow: hidden; }
.product_sj .swiper-slide dl{ width: 33.3%; height: auto; float: left; overflow: hidden; padding: 0 10px;}
.product_sj .swiper-slide dl dt img{ width: 100%; max-height: 280px; overflow: hidden;transition: all 0.5s;}
.product_sj .swiper-slide dl dt{ width: 100%; height: auto; overflow: hidden;background: #fff; }
.product_sj .swiper-slide dl dd{ width: 100%; height: auto; overflow: hidden;background: #fff;box-sizing: border-box; padding: 20px;}
.product_sj .swiper-slide dl dd span{ width: 100%; height: 25px; line-height: 25px; display: block; color: #666; transition: all 1s; font-size: 16px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.product_sj .swiper-slide dl dd em{ width: 100%; height: 20px; line-height: 20px; display: block; color: #999; font-size: 14px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}

.product_sj .swiper-wrapper{ padding-bottom: 30px;}
.product_sj .swiper-pagination1{ display: none;}
/*关于我们*/
.white{ width: 100%; padding: 50px 35px; overflow: hidden;}
.about{ float: left; width: 895px; height: auto; overflow: hidden;}
.about h3{ width: 100%; height: 50px; line-height: 50px; font-size: 30px; color: #666; margin: 0 0 25px 0;}
.about-img{ width: 440px;  height: auto; float: left;}
.about-img img{ width: 100%; height: 300px;}
.about-img video{ width: 440px; height: 300px;}
.about-title{ width:420px; height: 60px; line-height: 60px; color: #666; font-size: 18px; float: right;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about-text{ width: 420px; height: auto; line-height: 25px; color: #999; font-size: 14px; float: right;}

.about a{ width: 100px; height: 40px; line-height: 40px; display: inline-block; background: #e84546; text-align: center; color: #fff; margin-left: 35px; margin-top: 15px; float: left;}

/*新闻中心*/
.news{ width: 700px; float: right; margin-right: 5%;}
.news h3{ width: 100%; height: 50px; line-height: 50px; font-size: 30px; color: #666; margin: 0 0 25px 0;}
.news-title{width:100%; height: 60px; line-height: 60px; color: #666; font-size: 18px; }
.news-text{ width: 90%; height: auto; line-height: 25px; font-size: 14px; color: #999; margin-bottom: 20px; word-wrap: break-word}
.news-text a{  color: #999;}
.news-text a:hover{text-decoration: underline;}
.news-time{ width: 80%; height: 25px; line-height: 25px; font-size: 12px; color: #888;}

.news-title a:hover{ color: red;}

.news .swiper-container{ padding-bottom: 45px;}
.news .swiper-container .swiper-pagination{ text-align: right;}
.news .swiper-pagination-bullet{ width: 10px; height: 10px;}


/*产品分类*/
.gray{ width: 100%; height: auto; padding: 10px 0 60px; background:#f1f1f1; overflow: hidden;}
.gray .gray-title{ 
    text-align:center;
    line-height: 50px;
    font-size: 30px;
    color: #666;
	padding: 30px 0;
    margin: 0 0 30px 0;
	background:#ffffff;
}
.class{ width:100%; height: auto; overflow: hidden;}
.class ul{ margin: 0;}
.class ul li{ width: 400px; height: auto; float: left; padding:0 15px; margin-bottom: 20px; cursor: pointer;}
.class-top{ width: 100%; height: auto; padding: 20px 40px; overflow: hidden; margin-bottom: 10px; transition: all 0.5s;}
.class-top b{ width: 70px; height: 70px; float: left; display: block;}
.class-top span{ width: 70%; height: 35px; line-height: 35px; color: #999; font-size: 18px; float: right; display: block;}
.class-top em{ width: 70%; height: 40px; line-height: 20px; color: #bbb; font-size: 12px; float: right;display: block;}
.class-img{ width: 100%; height: auto; overflow: hidden;}
.class-img img{ width: 100%; transition: all 0.5s;}
.class-text{ width: 100%; height: auto; overflow: hidden;background: #fff;box-sizing: border-box; padding: 20px;}
.class-text span{ width: 100%; height: 25px; line-height: 25px; display: block; color: #666; font-size: 16px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.class-text em{ width: 100%; height: 20px; line-height: 20px; display: block; color: #999; font-size: 14px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}


.class ul li:hover .class-top{ background: #fff;}
.class ul li:hover .class-text span{ text-decoration: underline;}
.class ul li:hover img{transform: scale(1.2);}

.icon5{ background: url(?skin/public/images/icon5.png) no-repeat center;}
.icon6{ background: url(?skin/public/images/icon6.png) no-repeat center;}
.icon7{ background: url(?skin/public/images/icon7.png) no-repeat center;}
.icon8{ background: url(?skin/public/images/icon8.png) no-repeat center;}
.icon9{ background: url(?skin/public/images/icon9.png) no-repeat center;}
.icon10{ background: url(?skin/public/images/icon10.png) no-repeat center;}
.icon21{ background: url(?skin/public/images/icon21.png) no-repeat center;}
.icon16{ background: url(?skin/public/images/icon16.png) no-repeat left top ;}
.icon17{ background: url(?skin/public/images/icon17.png) no-repeat left top ;}
.icon18{ background: url(?skin/public/images/icon18.png) no-repeat left top ;}
.icon19{ background: url(?skin/public/images/icon19.png) no-repeat left top ;}




/*展示*/

.exhibition{ width: 100%; height: auto; overflow: hidden; float: left; padding: 40px 30px;background:#f1f1f1;}
.exhibition h3{ margin-bottom: 25px; height: 35px; line-height: 35px; color: #666; font-size: 30px;}
.exhibition .swiper-slide dl{ width: 33.3%; float: left; box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.exhibition .swiper-slide dl dt{ width: 95%; height: auto; overflow: hidden; margin: 0 auto;}
.exhibition .swiper-slide dl dt img{ width: 100%;height:128px; transition: all 0.5s;}
.exhibition .swiper-slide dl dd{ width: 100%; height: 40px; line-height: 40px; text-align: center; margin-bottom: 30px; font-size: 16px; color: #666;}
.exhibition .swiper-pagination1{ text-align: center;}
.exhibition .swiper-pagination-bullet{ width: 10px; height: 10px;}
.exhibition .swiper-button-next, .swiper-button-prev{ bottom:4px; top: initial; background: none;}
.exhibition .swiper-button-next { background: url(?skin/public/images/next.png) no-repeat center; right: 42%; height: 10px; }
.exhibition .swiper-button-prev { background: url(?skin/public/images/prev.png) no-repeat center;left: 42%; height: 10px;top:initial}

.exhibition .swiper-slide dl:hover img{transform: scale(1.2);}


.exhibition_sj{ width: 100%; height: auto; overflow: hidden; float: left; padding: 40px 30px; display: none;background:#f1f1f1;}
.exhibition_sj h3{ margin-bottom: 25px; height: 35px; line-height: 35px; color: #666; font-size: 30px;}
.exhibition_sj .swiper-slide dl{ width: 100%; float: left; padding: 0 10px;}
.exhibition_sj .swiper-slide dl dt{ width: 100%; height: auto; overflow: hidden; }
.exhibition_sj .swiper-slide dl dt img{ width: 100%; transition: all 0.5s;}
.exhibition_sj .swiper-slide dl dd{ width: 100%; height: 40px; line-height: 40px; text-align: center; margin-bottom: 30px; font-size: 16px; color: #666;}
.exhibition_sj .swiper-pagination1{ text-align: center;}
.exhibition_sj .swiper-pagination-bullet{ width: 10px; height: 10px;}
.exhibition_sj .swiper-button-next, .swiper-button-prev{ bottom:4px; top: initial; background: none;}
.exhibition_sj .swiper-button-next { background: url(?skin/public/images/next.png) no-repeat center; right: 42%; height: 10px; }
.exhibition_sj .swiper-button-prev { background: url(?skin/public/images/prev.png) no-repeat center;left: 42%; height: 10px;top:initial}




.workshop{ width: 100%; height: auto; overflow: hidden; float: left; padding: 40px 30px;background:#f1f1f1;}
.workshop h3{ margin-bottom: 25px; height: 35px; line-height: 35px; color: #666; font-size: 30px;}
.workshop .swiper-slide dl{ width: 33.3%; float: left; padding: 0 10px;}
.workshop .swiper-slide dl dt{ width: 100%; height: auto; overflow: hidden; }
.workshop .swiper-slide dl dt img{ width: 100%; height:128px; transition: all 0.5s;}
.workshop .swiper-slide dl dd{ width: 100%; height: 40px; line-height: 40px; text-align: center; margin-bottom: 30px; font-size: 16px; color: #666;}
.workshop .swiper-pagination1{ text-align: center;}
.workshop .swiper-pagination-bullet{ width: 10px; height: 10px;}
.workshop .swiper-button-next, .swiper-button-prev{ bottom:4px; top: initial; background: none;}
.workshop .swiper-button-next { background: url(?skin/public/images/next.png) no-repeat center; right: 42%; height: 10px; }
.workshop .swiper-button-prev { background: url(?skin/public/images/prev.png) no-repeat center;left: 42%; height: 10px;top:initial}

.workshop .swiper-slide dl:hover img{transform: scale(1.2);}


.workshop_sj{ width: 100%; height: auto; overflow: hidden; float: left; padding: 40px 30px; display: none;}
.workshop_sj h3{ margin-bottom: 25px; height: 35px; line-height: 35px; color: #666; font-size: 30px;}
.workshop_sj .swiper-slide dl{ width: 33.3%; float: left; padding: 0 10px;}
.workshop_sj .swiper-slide dl dt{ width: 100%; height: auto; overflow: hidden; }
.workshop_sj .swiper-slide dl dt img{ width: 100%; transition: all 0.5s;}
.workshop_sj .swiper-slide dl dd{ width: 100%; height: 40px; line-height: 40px; text-align: center; margin-bottom: 30px; font-size: 16px; color: #666;}
.workshop_sj .swiper-pagination1{ text-align: center;}
.workshop_sj .swiper-pagination-bullet{ width: 10px; height: 10px;}
.workshop_sj .swiper-button-next, .swiper-button-prev{ bottom:4px; top: initial; background: none;}
.workshop_sj .swiper-button-next { background: url(?skin/public/images/next.png) no-repeat center; right: 42%; height: 10px; }
.workshop_sj .swiper-button-prev { background: url(?skin/public/images/prev.png) no-repeat center;left: 42%; height: 10px;top:initial}


/*底部*/
.footer{ width: 100%; height: auto; overflow: hidden; background: #383838;}
.footer_logo{ width: 100%; height:95px; text-align: center; margin: 40px 0;}
.menu{ width: 100%; height: auto; line-height: 25px; text-align: center;}
.menu a{ padding: 0 25px; color: #999; font-size: 14px;}
.menu a:hover{ color: #b7b7b7;}

.menu1{ width: 100%; height: auto; line-height: 25px; text-align: center;}
.menu1 a{ padding: 0 25px; color: #999; font-size: 14px;}
.menu1 a:hover{ color: #b7b7b7; text-decoration: underline;}

.share{ width: 300px; height: 34px; text-align: center; margin: 40px auto;}
.share a{ display: block; width: 34px; height: 34px; margin: 0 10px; float: left;}

.footer_bottom{ height: 45px; width: 100%; line-height: 45px; background: #000; text-align: center; font-size: 14px; color: #666;}

#top{ width: 70px; height: 70px; position: fixed; right: 20px; bottom: 100px; z-index: 1000; display: none;}
#top img{ width: 100%;}



/*单页面*/
.ny_banner{ width: 100%; overflow: hidden;}
.ny_banner img{ width: 100%;}


.location{ width:50%; height: 20px; background: url(?skin/public/images/location.jpg) left center no-repeat; text-indent: 2em; float: left;}
.location span{ color:#9a9a9a;}
.location a:hover{ color: #e84546;}
.location_right{float:left; width:50%; text-align: right;}
.location_right form{position: relative;}
.location_right_input{border:1px solid #ccc; border-radius: 3px; height:25px;}
.search-button{background: url("?skin/public/images/sousuo.png") right center no-repeat; width:20px; height:20px; display: block; position: absolute; right:0; top:0;}
.location_right .search-button{
	margin-top: 3px;
}
.search-result-desc{
	background:#ffffff;
	padding:20px 10px;
	line-height:30px;
	margin:0 0 15px 0;
	color: #666;
    font-size: 14px;
}


.main{ width:100%; height: auto; overflow: hidden; padding: 40px 0; background: #f1f1f1;}
.list{ width: 100%; height: auto; overflow: hidden;}
.list ul{ width: auto; overflow: hidden; margin: 0;}
.list li{ width: 16.6%; height: auto; line-height: 20px; text-align: center; float: left; font-size: 14px; transition: all 0.5s;}
.list li a{ color: #9a9a9a;padding: 20px 0; display: block;}
.list li:hover{ background: #fff;}
.list li .on{ background: #fff; display: block; color: #9a9a9a;}


.list1{ width: 100%; height: auto; overflow: hidden; padding: 0 10px;}
.list1 li{ width: 16.66%; height: auto; line-height: 20px; text-align: center; float: left; font-size: 14px; transition: all 0.5s;}
.list1 li a{ color: #9a9a9a;padding: 20px 0; display: block;}
.list1 li em{ width: 100%; text-align: center;}
.list1 li span{ width: 100%; height: 72px; display: block;}
.list1 li .on{ background: #fff; display: block; color: #9a9a9a;}
.list1 li:hover{ background: #fff;}

.detail{ width: 100%; height: auto; padding: 50px; background: #fff; font-size: 14px; color: #555; line-height: 25px;}
.detail-bt{ width: 100%; line-height: 50px; text-align: center; font-size: 30px; color: #333; margin-bottom: 20px;}
.detail p{ margin: 0;}

.product-list dl{ width: 33.3%; height: auto; float: left; overflow: hidden; padding:0 10px; margin-top: 5px;}
.product-list dl dt img{ width: 100%;  overflow: hidden;transition: all 0.5s;}
.product-list dl dt{ width: 100%; height: auto; overflow: hidden;background: #fff; }
.product-list dl dd{ width: 100%; height: auto; overflow: hidden;background: #fff;box-sizing: border-box; padding: 20px;}
.product-list dl dd span{ width: 100%; height: 25px; line-height: 25px; display: block; color: #666; transition: all 1s; font-size: 16px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.product-list dl dd em{ width: 100%; height: 20px; line-height: 20px; display: block; color: #999; font-size: 14px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.product-list dl:hover dd span{text-decoration: underline;}


/*产品详情*/

.grayness{ width: 100%; height: auto; background: #fafafa;}
.particulars{ width: 100%; height: auto; padding: 45px 0;}

.pc-slide {width: 560px; float: left;}
.view .swiper-container {width: 100%;max-height: 560px; border:1px solid #ccc; }
.view .swiper-container .swiper-slide{width: 100%;max-height: 560px;display:block;}
.view .swiper-container .swiper-slide img{ width: 100%; max-height: 560px;display:block; }



.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 455px;
	height: 90px;
	margin-left: 50px;
}

.preview .swiper-slide {
	width: 115px;
	height: 90px; overflow: hidden; box-sizing: border-box;
}
.preview .swiper-slide img{ width: 110px; height: 90px;}

.preview .slide6 {
	width: 110px;
}

.preview .arrow-left { cursor: pointer; transition: all 0.5s;
	background: url(?skin/public/images/arrow-left.png) no-repeat center #e4e4e4; border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 25px;
	width: 40px;
	height: 40px;
	z-index: 10;
}
.preview .arrow-left:hover{ background: url(?skin/public/images/arrow-left2.png) no-repeat center #e84546;}

.preview .arrow-right {transition: all 0.5s;
	cursor: pointer;
	background: url(?skin/public/images/arrow-right.png) no-repeat center #e4e4e4; border-radius: 50%;
	position: absolute;
	right: 0px;
	top: 25px;

	width: 40px;
	height: 40px;
	z-index: 10;
}
.preview .arrow-right:hover{ background: url(?skin/public/images/arrow-right2.png) no-repeat center #e84546;}
.preview img { border:1px solid #cdcdcd;width: 110px; height: 90px; box-sizing: border-box;}

.preview .active-nav img {
	width: 110px; height: 90px;
	padding: 0;
	border: 1px solid #F00;
}

.introduce{ width: 530px; height: auto; overflow: hidden; float: right; margin-top: 50px;}
.introduce-title{ width: 100%; height: 50px; line-height: 50px; font-size: 30px; color: #333;}
.introduce-text{ width: 100%; height: auto; line-height: 22px; font-size: 14px; color: #888; padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 40px;}
.introduce-detail{ width: 100%; height: auto; line-height: 40px; font-size: 16px; color: #777; margin-bottom: 40px;}
.introduce-bottom{ width: 100%; height: auto; overflow: hidden;}
.introduce-bottom a{ width: 50%; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; background: #e84546; display: block; float: left;}
.introduce-tel{ width: 50%; height: auto; overflow: hidden; text-align: center;}
.introduce-tel span{ width: 100%; display: block; font-size: 18px; color: #333; line-height: 30px;}
.introduce-tel em{ width: 100%; display: block; font-size: 24px; color: #e84546;line-height: 30px;}


.main-class{ width: 100%; height:62px; border-bottom: 2px solid #fff;}
.main-class ul{ overflow: hidden; width: 1200px; margin: 0 auto;}
.main-class ul li{ width: 230px; text-align: center; line-height: 60px; float: left; font-size: 16px;}
.main-class ul li a{ display: block; width: 100%; line-height: 60px; color: #666; text-decoration: none;}
.main-class ul li a:hover{ color: #e84546;border-bottom: 2px solid #e84546;}

.detailed{ width: 100%; height: auto; overflow: hidden; padding: 50px 0; margin: 0 auto;}
.detailed h3{ width: 100%; height:30px; line-height: 30px; text-align: center; font-size: 20px; color: #666; margin: 0 0 40px 0;}
.detailed ul{ overflow: hidden;}
.detailed ul li{ width: auto; height: 55px; overflow: hidden; float: left; padding-left: 40px; margin:0 6.6%;}
.detailed ul li span{ width: 100%; height: 25px; line-height: 25px; font-size: 16px; color: #333; display: block;}
.detailed ul li em{ width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #666;}

.detailed-content{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.detailed-content img{ max-width: 100%;}
.detailed-content p{ margin: 0;}

.recom-product{ width: 100%; height: auto; background: #fff; overflow: hidden; padding: 35px 0;}
.recom-product h3{ width: 100%; height:35px; line-height: 35px; text-align: center; font-size: 22px; color: #333; margin: 0;}
.recom-product h4{ width: 100%; height:35px; line-height: 35px; text-align: center; font-size: 18px; color: #a9a9a9; margin: 0;}

.recom-product .swiper-slide { overflow: hidden; }
.recom-product .swiper-slide dl{ width: 25%; height: auto; float: left; overflow: hidden; padding: 0 10px; margin-top: 30px; margin-bottom: 0px;}
.recom-product .swiper-slide dl dt img{ width: 100%; max-height: 280px; overflow: hidden;transition: all 0.5s;}
.recom-product .swiper-slide dl dt{ width: 100%; height: auto; overflow: hidden;background: #fff; border: 1px solid #f2f2f4;}
.recom-product .swiper-slide dl dd{ width: 100%; height: auto; overflow: hidden;background: #f6f6f6;box-sizing: border-box; padding: 20px;}
.recom-product .swiper-slide dl dd span{ width: 100%; height: 25px; line-height: 25px; display: block; color: #666; transition: all 1s; font-size: 16px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.recom-product .swiper-slide dl dd em{ width: 100%; height: 20px; line-height: 20px; display: block; color: #999; font-size: 14px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}

.recom-product .container{ padding: 15px 0 40px;}
.recom-product .swiper-slide dl:hover dd span{text-decoration: underline;}
.recom-product .swiper-slide dl:hover img{transform: scale(1.2);}

.swiper-pagination1{ width: 100%; text-align: center; height: 20px;}
.swiper-pagination-switch { cursor: pointer;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #cfcfcf; margin: 0 5px;
	opacity: 1
}
.swiper-active-switch{ background:red;}


/*新闻中心*/

.news-list{ width: 100%; height: auto; overflow: hidden;}
.news-list ul li{ width: 100%; height: auto; padding: 35px 50px; background: #fff; margin-bottom: 10px; overflow: hidden;}

.news-img{ width: 215px; height: 215px; float: left; margin-right: 20px;justify-content: center;
    align-items: center;
    display: grid;}
.news-img img{ width: 100%;}
.news_title{ line-height: 60px; color: #666;font-size: 18px; width: 865px; float: left;}
.news-list .news-text{ text-decoration: none; font-size: 14px; line-height: 25px; color: #777;width: 865px; float: left;}

.news-bottom{ height:auto; overflow: hidden; float: left;}
.news-bottom a{ float: left; width: 180px; height: 45px; display: block; border: 1px solid #e84546; color: #e84546; line-height: 45px; text-align: center; font-size: 14px;}
.news-bottom a:hover{ background: #e84546; color: #fff;}
.news-bottom span{ line-height: 45px; margin-left: 30px; font-size: 14px; color: #555;}

.news-detail{ width: 100%; height: auto; overflow: hidden; background: #fff; padding: 40px 50px 20px;}
.news-detail-title{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #333; font-size: 30px;}
.news-detail-date{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #888; font-size: 16px;}
.news-detail-content{ width: 100%; height: auto; font-size: 14px; color: #555555; line-height: 25px; word-break: break-word;}
.news-info{
	line-height: 28px;
	padding:8px 0;
	font-size:14px;
}
.news-info .a{
	color: #028402;
}
.news-info .fl{
	color: #7777cc;
}
/*图片展示*/
.case-list dl{ width: 25%; height: auto; float: left; overflow: hidden; padding:0 10px; margin-top: 5px;}
.case-list dl dt img{ width: 100%; max-height: 280px; overflow: hidden;transition: all 0.5s;}
.case-list dl dt{ width: 100%; height: auto; overflow: hidden;background: #fff; }
.case-list dl dd{ width: 100%; height: auto; overflow: hidden;background: #fff;box-sizing: border-box; padding: 15px;color: #666; transition: all 1s; font-size: 16px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.case-list dl:hover dd {text-decoration: underline;}

.detail-top{ width: 100%; height: auto; line-height: 40px; text-align: center; font-size: 20px; }
.detail-img{ width: 100%; height: auto; overflow: hidden; text-align: center;margin: 20px 0;}
.detail-img img{ max-width: 100%;}
.detail-title{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #333;}
.detail-content{ width: 100%; height: auto; line-height: 25px; padding-bottom: 30px;}


/*联系我们*/
.contact{width: 100%; height: auto; overflow: hidden; padding:50px; background: #fff;}

.contact-left{ width: 420px; float: left; overflow: hidden; line-height: 23px; }
.contact-left p{ margin: 0;}

.contact-message{ width: 540px; height: auto; overflow: hidden; float: right;}
.contact-message h4{ width: 100%; height:40px; line-height: 30px; font-size: 24px; color: #333; margin: 0 0 10px 0;}
.contact-message .title{ width: 100%; height: 40px; line-height: 40px; background: #f0f0f0; margin-bottom: 20px; border: none; padding: 0 10px; font-size: 16px;}
.contact-message .content{ width:100%; height: 110px; padding: 10px; background:#f0f0f0; margin-bottom: 20px; border: none; font-size: 16px;}
.contact-message .btnSubmit{ width: 170px; height: 40px; background: #e84546; font-size: 16px; color: #fff; border: none; transition: all 0.5s;}
.contact-message .btnSubmit:hover{ background: #e85b5c;}
.contact-message .vcode{width:100%;height:40px;}

@media (max-width:767px){
	.navbar-toggle{ border-color: #ddd; margin-top: 25px;}
	.navbar-collapse{ border-color: #ddd; }
	.navbar-toggle .icon-bar{ background: #888;}
	.head-top{ display: none;}
	.logo{ padding: 10px; box-sizing: content-box;}
	.navbar-toggle:focus{ background: #ddd;}
	.navbar-nav li.active a{border-bottom: 1px solid transparent; color: red;}
	.navbar-nav{ margin: 0;}
	.navbar-nav li{ padding: 0;}
	.navbar-nav li a{ padding: 10px 0;}
    
    .white{ padding: 10px;}
    .about{ width: 100%; padding: 10px;}
    .about-img{ width: 100%;}
    .about-img video{ width: 100%; height: auto;}
    .about-title{ width: 100%;}
    .about-text{ width: 100%;}
    .about a{ margin-left:0px;}
    
    .news{ width: 100%; margin: 0; padding: 10px;}
    .news-title{ height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    
    .gray{ padding: 10px;}
    .gray .container{ padding: 0;}
    .class ul{ width: 100%;}
    .class ul li{ width: 100%; padding: 0;}
    .class-top{ padding: 0px;}
        
    #top{ width: 40px; height: 40px;}
    
    .product .container dl{ width: 320px;}
    .product .btnprev,.product .btnnext{ display: none;}
    
    .exhibition{ display: none;}
    .exhibition_sj{ width: 100%; padding: 10px;display: block;}
    .exhibition_sj .swiper-slide dl{ width: 100%; margin: 0;}
    .exhibition_sj .swiper-slide dl dd{ margin: 0;}
    .exhibition_sj .swiper-button-prev{ display: none;}
    .exhibition_sj .swiper-button-next{ display: none;}
    
    .workshop{ display: none;}
    .workshop_sj{ width: 100%; padding: 10px;display: block;}
    .workshop_sj .swiper-slide dl{ width: 100%; margin: 0;}
    .workshop_sj .swiper-slide dl dd{ margin: 0;}
    .workshop_sj .swiper-button-prev{ display: none;}
    .workshop_sj .swiper-button-next{ display: none;}
    
    .location{ display: none;}
	.location_right{
		 display: none;
	}
    .list li{ width: 50%; height: auto; line-height: 20px;}
    .list li a{ display: block; padding: 10px 0;}
    
    .list1 li{ width: 50%; height: auto; line-height: 20px;}
    .list1 li a{ display: block; padding: 10px 0;}
    .list1 li span{ display: none;}
    .main{ padding: 10px 0;}
    .main .container{ padding: 0;}
    .main .container .detail{ padding: 10px;}
    
    
    .product-list dl{ width: 50%; padding: 0 5px;}
    .product-list dl dd{ padding: 5px 10px;}
    .detailed ul li{ width: 100%; margin: 0 0 0 20px;}
    
    .pc-slide{ width: 100%;}
    .recom-product .swiper-slide dl{ width: 50%;}

    .view .swiper-container {width: 100%;height: auto; border:1px solid #ccc; }
    .view .swiper-container .swiper-slide{width: 99%;height: auto; }
    .view .swiper-container .swiper-slide img{ width: 99.7%; height: auto;display:block;}
    .preview{ display: none;}
    .introduce{ width: 100%;}
    .introduce-bottom a{ width: 100%;}
    .introduce-tel{ width: 100%; padding-top: 15px;}
    
    .main-class{ height: auto;}
    .main-class ul{ width: 100%;}
    .main-class ul li{ width: 100%;}
    .recom-product .swiper-slide dl dd{ padding: 10px;}
    
    .news-list ul li{ padding: 10px;}
    .news-img{ width: 60px; height: 60px;}
    
    .news_title{ text-overflow: ellipsis; white-space: nowrap; float: none;}
    .news-list .news-text{ width: 100%; margin-top: 10px;}
    .news-list .news-bottom span{ float: left; margin-left: 10px;}
    
    .news-detail{ padding: 10px;}
    .target .xyt{ float: left;}
    .news-detail-title{ font-size: 16px; height: 30px; line-height: 30px;}
    .news-detail-content{ padding: 15px 0;}
    .target .back{ width: 100%;}
    
    .contact{ padding: 10px;}
    .contact-left{ width: 100%;}
    .contact-message{ width: 100%;}
    
    .case-list dl{ width: 50%;}
    
    .ny_banner{ display: none;}
    .particulars{ padding: 10px 0;}
    
    .banner{ display: none;}
.sjbanner{ display: block;}
   
    
}
@media (max-width:1200px){
    .product .btnprev,.product .btnnext{ display: none;}
}

@media (min-width:768px){
	.head-top{ display:block;}
	.head-top-center{ width: 100%; padding: 0 10px;}
	.banner { height: 238px;}
	.banner .swiper-slide{ height: 238px;}
	
	.container{ width: 100%; padding: 15px 10px;}
    .exhibition{ margin: 0 auto; float: none; width: 100%;} 
    .about{ width: 440px; margin: 0 auto 30px; float: none;}    
    .about-img{ width: 100%;}
    .about-title{ width: 100%;}
    .about-text{ width: 100%;}    
    .news{ width: 440px;margin: 0 auto 30px; float: none;}
    .news-text{ width: 100%;}
    .class ul li{ width: 50%;}
    .gray{ padding: 0;}
   
    .main{ padding: 10px 0;}
    .main .container{ padding: 0px;}
    .list1{ margin-top: 10px;}
    .detailed ul li{ margin: 0 3%;}
    .pc-slide{ margin: 0 auto; float: none;}
    .introduce{ margin: 20px auto 0; float: none;}
    .news_title{ height: 30px; line-height: 30px; width: 430px;}
    .news-list .news-text{ line-height: 22px;width: 430px;}
    
    .target .xyt{ float: right;}
    .news-detail-content{ padding: 25px 0;}
    
    .contact-left{ width: 100%;}
    .contact-message{ width: 100%;}
    
    .product .container dl{ width: 320px;}
}

@media (min-width:800px){
	.class{ width: 800px; margin: 0 auto;}
}

@media (min-width:970px){
.about{ width: 895px; margin: 0 auto 30px; float: none;}    
.about-img{ width: 440px;}
.about-title{ width: 420px;}
.about-text{ width: 420px;} 
.news{ width: 895px; margin: 0 auto 30px; float: none;}  
.detailed ul li{ margin: 0 5.5%;}
 .news_title{line-height: 60px; height: 60px; width: 685px;}
 .news-list .news-text{ line-height: 25px;width: 685px;}
 .contact-left{ width: 420px}
    .contact-message{ width: 500px;}
    
    .banner { height: 317px;}
	.banner .swiper-slide{ height: 317px;}

}



@media (min-width:1200px){
	.head-top{ display: block;}
	.head-top-center{ width: 1200px;}
	.banner { height: 595px;}
	.banner .swiper-slide{ height: 595px;}
	.logo{ margin: 0;}
	.gray{ padding: 10px 0 60px;}
	.gray .container{ width: 1200px;}
	.container{ width: 1200px; padding:15px 0;}
	.container .navbar-collapse{}
	.gray .container{ padding: 0;}
	.class{ width: 1200px;}
	.class ul li{ width: 400px;}
	.exhibition{  width: 50%; margin: 0; float: left;}
	.workshop{  width: 50%; margin: 0; float: left;}
	.about{ width: 895px; margin: 0 auto 30px; float: none;}
    .news{ width: 895px;margin: 0 auto 30px; float: none;}
    .main{ padding: 40px 0;}
    .main .container{ padding: 0;}
    .list li{ width: 16.6%;}
    .pc-slide{ float: left;}
    .introduce{ float: right; margin: 50px 0 0 0;}
    
    .product .container dl{ width: 300px;}
    
    .news_title{line-height: 60px; height: 60px; width: 865px;}
 .news-list .news-text{ line-height: 25px;width: 865px;}
	
}

@media (min-width:1750px){
	.about{ width: 895px; float: left;}
    .news{ width: 700px; float: right; margin-right: 5%;}
} 


/*上一页   下一页*/

#page{ background: #fff; width: 100%; overflow: hidden; margin-top: 10px;}
.page{ width:100%;text-align:center; overflow:hidden;}
.page span{ background: #fff;   color: #666; height:30px; font-size: 16px; line-height:30px;padding:0 12px; width: auto;display: inline-block; margin:15px 4px; border-radius: 5px;}
.page a {color: #666;  display: inline-block;font-size: 16px; margin-right:5px; height: 30px; line-height: 30px; padding: 0 12px; text-align: center;border-radius: 5px;}
.page a:hover {background: #fff;  color: #666; text-decoration: none;}


/*上一页   下一页*/

.target{ width: 100%; height: 30px; line-height: 30px; font-size: 16px; padding: 15px 0; border-top:1px solid #efefef}
.target a{ color: #666;}
.target a:hover{ color:#ea1d1e;}
.target .back{ float: left; display: block;}
.target .back em{ width: 30px; height: 30px; border: 1px solid #414141; display: block; border-radius: 50%; background:url(?skin/public/images/arrow-left.png) center no-repeat; float: left; margin-right: 20px;}
.target .back:hover em{ background: url(?skin/public/images/arrow-left2.png) no-repeat center #e84546; border:1px solid #e84546}
.target .xyt{ display: block;}
.target .xyt em{ width: 30px; height: 30px; border: 1px solid #414141; display: block; border-radius: 50%; background:url(?skin/public/images/arrow-right.png) center no-repeat; float: right; margin-left: 20px;}
.target .xyt:hover em{ background: url(?skin/public/images/arrow-right2.png) no-repeat center #e84546; border:1px solid #e84546}

.tjwtBox select{ 
    border: 1px solid #dedede;
    color: #333;
    float: left;
    height: 38px;
    line-height: 38px;
    outline: medium none;

    text-indent: 1em;
    width: 252px;}

.tjwtBox {
    background-color: #fff;
    font-family: 微软雅黑;
    width: 700px;
}
.tjwtBox h4 {
    border-bottom: 1px solid #e8e8e8;
    color: #676364;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 22px;
    padding-bottom: 14px;
}
.tjwtBox .m_form {
}
.tjwtBox .m_form li {
    color: #777;
    height: 38px;
    margin-bottom: 13px;
}
.tjwtBox .m_form label {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #dedede;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    display: inline-block;
    float: left;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 77px;
}
.tjwtBox .m_form .iptTxt {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    color: #333;
    float: left;
    height: 16px;
    line-height: 16px;
    outline: medium none;
    padding: 10px 0;
    text-indent: 1em;
    width: 252px;
}
.tjwtBox .m_form .btnTjly {
    background: #9d2737 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 31px;
    width: 93px;
}
.tjwtBox .m_form li.yzm .iptTxt {
    float: left;
    margin-right: 11px;
    width: 180px;
}
.tjwtBox .m_form .areLi label {
    height: 132px;
}
.tjwtBox .m_form .txtAre {
    border: 1px solid #dedede;
    color: #333;
    float: left;
    height: 104px;
    line-height: 18px;
    outline: medium none;
    padding: 14px;
    resize: none;
    width: 343px;
}
.tjwtBox .m_form .btnSubmit, .tjwtBox .m_form .btnReset {
    background-color: #b3b3b3;
    border: medium none;
    color: #fff;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 161px;
}
.tjwtBox .m_form .btnSubmits {
	 float: left;
    background-color: #9f2424;
    cursor: pointer;
    margin-right: 10px;
}
.tjwtBox .m_form .areLi {
    height: 138px;
}
.content_text h6 {
    color: #535353;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    width: 850px;
}
.content_text {
    color: #535353;
    font-size: 12px;
    height: auto;
    line-height: 25px
    overflow: hidden;
    width: 850px;
}















<!--0.00023007392883301-->