@charset "utf-8";
/* CSS Document */
/*********************关于***********************/
.dhfen{
	width:89.6%;
	margin:0 auto;
	padding-top:100px;
	overflow:hidden;
	}
.dhfen ul{
	overflow:hidden;
	padding:40px 0px;
	}
.dhfen ul li{
	float:left;
	margin:0px 15px;
	}
.dhfen ul li+li{
	}
.dhfen ul li a{
	font-size:14px;
	color:#333;
	border:1px solid #333;
	padding:10px 40px;
	transition:background 1s;
	border-radius:5px;
	display:inline-block;
	margin:15px 0px;
	}
.dhfen ul li a:hover{
	color:#fff;
	background:#333;
	}
.dhfen ul li.hover a{
	color:#fff;
	background:#333;
	}
@media (max-width:1000px) {
.dhfen{
	width:89.6%;
	margin:0 auto;
	padding-top:0px;
	overflow:hidden;
	}
.dhfen ul{
	overflow:hidden;
	}
.dhfen ul li{
	float:left;
	width:48%;
	margin:10px 1%;
	background:#eee;
	}
.dhfen ul li+li{
	}
.dhfen ul li a{
	font-size:14px;
	color:#333;
	line-height:40px;
	display:block;
	border:none;
	border-radius:0px;
	margin:0;
	text-align:center;
	}
.dhfen ul li:hover{
	color:#fff;
	background:#333;
	}
.dhfen ul li.hover{
	color:#fff;
	background:#333;
	}
	}
.tpimg{
	width:89.6%;
	margin:0 auto;
	overflow:hidden;
	}
.tpimg ul{
	}
.tpimg ul li{
	width:23.5%;
	text-align:center;
	font-size:14px;
	color:#333;
	/*line-height:30px;*/
	float:left;
	margin:0.6%
	}
.tpimg ul li .photo{
	width:100%;
	background:#fff;
	cursor:pointer;
	overflow:hidden;
	border:1px solid #fff;
	}
.tpimg ul li .photo img{
	max-width:100%;
	min-width:100%;
	}
.tpimg ul li:hover{
	color:#333;
	}
.tpimg ul li:hover .photo{
	border:1px solid #333;
	}
@media (max-width:800px) {
.tpimg ul li{
	width:31%;
	text-align:center;
	font-size:14px;
	color:#333;
	/*line-height:30px;*/
	float:left;
	margin:1%
	}
	}
@media (max-width:500px) {
.tpimg ul li{
	width:48%;
	text-align:center;
	font-size:14px;
	color:#333;
	/*line-height:30px;*/
	float:left;
	margin:1%
	}
	}
.abtext{
	width:89.6%;
	margin:0 auto;
	overflow:hidden;
	}
.abtext p{
	font-size:14px;
	color:#333;
	line-height:30px;
	}
/*********************产品***********************/
.profen{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	padding:50px 0px;
	padding-top:120px;
	overflow:hidden;
	border-bottom:1px solid #eee;
	}
.profen ul{
	overflow:hidden;
	margin-top:15px;
	}
.profen ul li{
	float:left;
	margin:5px 0px;
	}
.profen ul:nth-of-type(1) li a{
	font-size:14px;
	color:#111;
	padding:10px 30px;
	background:#fff;
	display:inline-block;
	margin:0px 15px;
	border-radius:30px;
	}
.profen ul:nth-of-type(2) li a{
	font-size:14px;
	color:#333;
	padding:10px 30px;
	background:#fff;
	display:inline-block;
	margin:0px 15px;
	border-radius:30px;
	}
.profen ul:nth-of-type(3) li a{
	font-size:14px;
	color:#666;
	padding:10px 30px;
	background:#fff;
	display:inline-block;
	margin:0px 15px;
	border-radius:30px;
	}
.profen ul li a:hover{
	color:#fff;
	background:#333;
	}
.profen ul li a.hov{
	color:#fff;
	background:#333;
	}
@media (max-width:1170px) {

.profen{
	width:89.6%;
	margin:0 auto;
	padding:50px 0px;
	padding-top:120px;
	overflow:hidden;
	border-bottom:1px solid #eee;
	}
}
.overlay {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 4500
}
.overlay:hover .overlay-content {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.overlay:hover::after, .overlay:hover .overlay-subtitle {
	opacity: 1
}
.overlay-inner {
	display: block;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden
}
.overlay-content {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5500;
	pointer-events: none;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	z-index: 5500
}
.overlay-title, .overlay-subtitle, .overlay-subtitle a {
	-webkit-font-smoothing: antialiased
}
.overlay-title {
	color: #333;
	font-size:16px;
}
.overlay-subtitle {
	color: #666;
	font-size:14px;
	-webkit-transition-property: opacity, color;
	transition-property: opacity, color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out
}
.cat-menu{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	}
.cat-menu-item{
	width:23%;
	float:left;
	margin:1%;
	}
.cat-menu-item .overlay::after {
	opacity: 0.5
}
.cat-menu-item .overlay:hover::after {
	opacity: 1
}
.cat-menu-item .overlay-inner {
	padding-bottom: 100%;
}
.cat-menu-item .overlay-content {
	padding-left:40px;
	padding-bottom:40px;
	-webkit-transform:translateY(40px);
	transform:translateY(40px)
}
.cat-menu-item .overlay-title {
	line-height: 30px;
	text-transform: capitalize
}
.cat-menu-item .overlay-subtitle {
	opacity: 0
}
@media (max-width:1170px) {
.cat-menu{
	width:89.6%;
	margin:0 auto;
	overflow:hidden;
	}
}
@media (max-width:1000px) {
.cat-menu-item{
	width:48%;
	float:left;
	margin:1%;
	overflow:hidden;
	}
.profen{
	width:89.6%;
	margin:0 auto;
	padding:50px 0px;
	overflow:hidden;
	border-bottom:1px solid #eee;
	}
}
@media (max-width:767px) {
.cat-menu-item{
	float:none;
	width:100%;
	overflow:hidden;
	margin:10px 0px;
	}
}
h2.pro{
	font-size:30px;
	color:#111;
	text-align:center;
	padding-top:120px;
	}
.zhupro{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	margin-top:30px;
	}
.zhupro ul{
	overflow:hidden;
	}
.zhupro ul li{
	float:left;
	width:48%;
	overflow:hidden;
	margin:1%;
	}
.zhupro ul li .nptp{
	width:100%;
	height:0;
	padding-bottom:100%;
	background:#ff6600;
	overflow:hidden;
	position: relative;
}
.zhupro ul li .nptp img{
	max-width:100%;
	min-width:100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	}
.zhupro ul li .nptp:hover img {
	transform: scale(1.2, 1.2);
}
.zhupro ul li .npwz{
	width:100%;
	height:60px;
	background:rgba(0,0,0,.5);
	position:relative;
	margin-top:-60px;
	z-index:560;
	}
.zhupro ul li .npwz p{
	float:left;
	line-height:60px;
	margin-left:8px;
	}
.zhupro ul li .npwz p a{
	font-size:18px;
	color:#fff;
	}
.zhupro ul li .npwz a.blo {
	float:right;
	font-size:14px;
	color:#fff;
	padding:8px 20px;
	border-radius:20px;
	background:#62B9EF;
	display:inline-block;
	margin-top:11px;
	margin-right:8px;
	}
.newpro{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	margin-top:30px;
	}
.newpro ul{
	overflow:hidden;
	}
.newpro ul li{
	float:left;
	width:31%;
	overflow:hidden;
	margin:1%;
	}
.newpro ul li .nptp{
	width:100%;
	height:0;
	padding-bottom:100%;
	background:#ff6600;
	overflow:hidden;
	position: relative;
}
.newpro ul li .nptp img{
	max-width:100%;
	min-width:100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	}
.newpro ul li .nptp:hover img {
	transform: scale(1.2, 1.2);
}
.newpro ul li .npwz{
	width:100%;
	height:60px;
	background:rgba(0,0,0,.5);
	position:relative;
	margin-top:-60px;
	z-index:560;
	}
.newpro ul li .npwz p{
	float:left;
	line-height:60px;
	margin-left:8px;
	}
.newpro ul li .npwz p a{
	font-size:18px;
	color:#fff;
	}
.newpro ul li .npwz a.blo {
	float:right;
	font-size:14px;
	color:#fff;
	padding:8px 20px;
	border-radius:20px;
	background:#62B9EF;
	display:inline-block;
	margin-top:11px;
	margin-right:8px;
	}
@media (max-width:1170px) {
.zhupro{
	width:89.6%;
	margin:0 auto;
	overflow:hidden;
	margin-top:30px;
	}
.newpro{
	width:89.6%;
	margin:0 auto;
	overflow:hidden;
	margin-top:30px;
	}
}
@media (max-width:1000px) {
h2.pro{
	font-size:30px;
	color:#111;
	text-align:center;
	padding-top:30px;
	}
.newpro ul li{
	float:left;
	width:48%;
	overflow:hidden;
	margin:1%;
	}
}
@media (max-width:767px) {
.zhupro ul li{
	float:none;
	width:100%;
	overflow:hidden;
	margin:10px 0px;
	}
.newpro ul li{
	float:none;
	width:100%;
	overflow:hidden;
	margin:10px 0px;
	}
}
.nei{
	width:100%;
	height:0;
	padding-bottom:46.8%;
	padding-top:100px;
	}
.nei img{
	max-width:100%;
	}
.rong{
	width:100%;
	height:auto;
	margin-top:50px;
	}
.rong img{
	max-width:100%;
	min-width:100%;
	display:block;
	}
@media (max-width:1000px) {
.nei{
	width:100%;
	height:0;
	padding-bottom:46.8%;
	padding-top:0px;
	}
}
.cans{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	margin-top:30px;
	}
.cans>div{
	width:32%;
	float:left;
	min-height:200px;
	}
.cans>div+div{
	margin-left:2%;
	}
@media (max-width:1000px) {
.cans>div{
	width:96%;
	float:none;
	margin:0 auto;
	min-height:200px;
	margin-top:20px;
	overflow:hidden;
	}
}
.jianj{
	}
.jianj p:nth-of-type(1){
	font-size:30px;
	color:#212121;
	font-weight:bold;
	}
.jianj p:nth-of-type(2){
	font-size:12px;
	color:#ccc;
	margin-top:5px;
	}
.jianj p:nth-of-type(3){
	font-size:22px;
	color:#212121;
	margin-top:2px;
	}
.jianj p:nth-of-type(4){
	margin-top:10px;
	font-size:14px;
	line-height:30px;
	color:#808080;
	}
.link{
	}
.link p:nth-of-type(1){
	font-size:22px;
	color:#212121;
	}
.link p:nth-of-type(2){
	font-size:12px;
	color:#ccc;
	margin-top:5px;
	}
.link p:nth-of-type(3){
	margin-top:10px;
	}
.link p:nth-of-type(3) a{
	font-size:12px;
	padding:8px 40px;
	transition:all 1s;
	border-radius:20px;
	display:inline-block;
	margin-top:10px;
	}
.link p:nth-of-type(3) a:nth-of-type(1){
	color:#c8252f;
	border:2px solid #c8252f;
	}
.link p:nth-of-type(3) a:nth-of-type(1):hover{
	color:#fff;
	border:2px solid #c8252f;
	background:#c8252f;
	}
.link p:nth-of-type(3) a:nth-of-type(2){
	color:#e9611d;
	border:2px solid #e9611d;
	}
.link p:nth-of-type(3) a:nth-of-type(2):hover{
	color:#fff;
	border:2px solid #e9611d;
	background:#e9611d;
	}
.link p:nth-of-type(3) a:nth-of-type(3){
	color:#62d6ef;
	border:2px solid #62d6ef;
	}
.link p:nth-of-type(3) a:nth-of-type(3):hover{
	color:#fff;
	border:2px solid #62d6ef;
	background:#62d6ef;
	}
.link p:nth-of-type(3) a+a{
	margin-left:30px;
	}
.link p:nth-of-type(4){
	font-size:22px;
	color:#212121;
	margin-top:50px;
	}
.link p:nth-of-type(5){
	font-size:12px;
	color:#ccc;
	margin-top:5px;
	}
/* zoombox */
.zoombox {
	width: 100%;
	margin: 0px auto 0 auto;
}
.zoombox img{
	max-width:100%;
}
.zoompic {
	border: solid 1px #dfdfdf;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background: url(../images/loading.gif) no-repeat 50% 50%;
}
.sliderbox {
	overflow: hidden;
	margin: 6px 0 0 0;
}
.sliderbox .arrow-btn {
	width: 38px;
	height: 76px;
	background: url(../images/arrow-btn.png) no-repeat;
	cursor: pointer;
}
.sliderbox #btn-left {
	float: left;
	background-position: 0 0;
}
.sliderbox #btn-left.dasabled {
	background-position: 0 -76px;
}
.sliderbox #btn-right {
	float: right;
	background-position: -38px 0;
}
.sliderbox #btn-right.dasabled {
	background-position: -38px -76px;
}
.sliderbox .slider {
	float: left;
	height: 76px;
	width:74%;
	position: relative;
	overflow: hidden;
	margin: 0 0 0 3px;
	display: inline;
}
@media (max-width:1000px) {
.sliderbox .slider {
	width:90%;
}
	}
@media (max-width:850px) {
.sliderbox .slider {
	width:85%;
}
	}
@media (max-width:580px) {
.sliderbox .slider {
	width:80%;
}
	}
@media (max-width:450px) {
.sliderbox .slider {
	width:75%;
}
	}
@media (max-width:360px) {
.sliderbox .slider {
	width:70%;
}
	}
.sliderbox .slider ul {
	position: absolute;
	left: 0;
	width: 999em;
}
.sliderbox .slider li {
	float: left;
	width:76px;
	height:76px;
	text-align: center;
	margin:0px 5px;
}
.sliderbox .slider li img {
	border: solid 1px #dfdfdf;
}
.sliderbox .slider li.current img {
	border: solid 1px #333;
}
.zoom {
	display: inline-block;
	position: relative;
}
.zoom:after {
	content: '';
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 0;
	background: url('images/icon.png');
}
.zoom img {
	display: block;
	min-width:100%;
	min-height:100%;
	max-width:100%;
}
.zoom img::selection {
	background-color: transparent;
}
.tpb{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	margin-top:30px;
	}
.tpb>div{
	width:32%;
	float:left;
	min-height:200px;
	}
.tpb>div:nth-of-type(1) .tpbnr{
	border:none;
	}
.tpb>div+div{
	margin-left:2%;
	}
.tpb>div .tpbbt{
	text-align:center;
	margin:40px 0px;
	}
.tpb>div .tpbbt p:nth-of-type(1){
	font-size:22px;
	color:#212121;
	}
.tpb>div .tpbbt p:nth-of-type(2){
	font-size:12px;
	color:#ccc;
	margin-top:5px;
	}
.tpb>div .tpbnr{
	padding:0px 20px;
	border-left:1px solid #ddd;
	min-height:300px;
	font-size:14px;
	line-height:30px;
	color:#808080;
	}
@media (max-width:1000px) {
.tpb>div{
	width:96%;
	float:none;
	margin:0 auto;
	min-height:200px;
	margin-top:20px;
	overflow:hidden;
	}
.tpb>div .tpbnr{
	border-left:none;
	}
}
.maybe{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	margin-top:30px;
	}
.maybe .mbbt{
	text-align:center;
	margin:40px 0px;
	}
.maybe .mbbt p:nth-of-type(1){
	font-size:22px;
	color:#212121;
	}
.maybe .mbbt p:nth-of-type(2){
	font-size:12px;
	color:#ccc;
	margin-top:5px;
	}
.maybe .mbnr{
	}
.maybe ul{
	overflow:hidden;
	}
.maybe ul li{
	float:left;
	width:31%;
	overflow:hidden;
	margin:1%;
	}
.maybe ul li .nptp{
	width:100%;
	height:0;
	padding-bottom:100%;
	background:#ff6600;
	overflow:hidden;
	position: relative;
}
.maybe ul li .nptp img{
	max-width:100%;
	min-width:100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	}
.maybe ul li .nptp:hover img {
	transform: scale(1.2, 1.2);
}
.maybe ul li .npwz{
	background-color: rgba(0,0,0,.5);
    position: relative;
    margin-bottom: -120px;
    top: -120px;
    padding: 26px 30px 10px;
    height: 120px;
    text-align: center;
	z-index:888;
	}
.maybe ul li .npwz p:nth-of-type(1){
	font-size:22px;
	color:#fff;
	margin-bottom:5px;
	}
.maybe ul li .npwz p:nth-of-type(2){
	font-size:14px;
	color:#fff;
	line-height:20px;
	}
@media (max-width:1000px) {
.maybe ul li{
	float:none;
	width:98%;
	overflow:hidden;
	margin:10px auto;
	}
	}
/*********************新闻***********************/
.new{
	width:89.6%;
	margin:0 auto;
	overflow:hidden;
	}
.one{
	width:98%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	padding:30px;
	overflow:hidden;
    box-shadow: 0 0 4px rgba(0,0,0,.33);
	}
.one .tup{
	width:200px;
	height:120px;
	float:left;
	margin-right:20px;
	}
.one .tup img{
	width:200px;
	height:120px;
	}
.one p:nth-of-type(1){ 
	}
.one span{
	float:right;
	}
.one p:nth-of-type(1) a{
	font-size:18px;
	color:#333;
	}
.one p:nth-of-type(1) a:hover{
	color:#111;
	}
.one p:nth-of-type(2){
	margin-top:10px;
	font-size:12px;
	color:#999;
	}
.one p:nth-of-type(3){
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	}
.one p:nth-of-type(3) a{
	font-size:14px;
	color:#666;
	line-height:30px;
	}
.one p:nth-of-type(3) a:hover{
	color:#111;
	}
@media (max-width:1000px) {
.one span{
	display:none;
	}
	}
@media (max-width:600px) {
.one .tup{
	width:100%;
	float:left;
	margin-bottom:20px;
	}
.one .tup img{
	min-width:100%;
	max-width:100%;
	}
	}
.newxq{
	width:89.6%;
	margin:0 auto;
	overflow:hidden;
	}
.news-tit{
	text-align:center;
	font-size:18px;
	color: #111;;
	font-weight: bold;
	/*padding-top: 30px;*/
	padding-bottom: 20px;
}
.news-tit span{
	text-align:center;
	display:block;
	line-height:25px;
	}
.news_detail {
	padding-bottom: 20px;
}
.news_detail p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	padding-top: 8px;
}

.news_detail img{
	min-width:720px;
	min-height: auto;
}

.pages{
	line-height:30px;
	border-top:1px dotted #ccc;
	font-size:14px;
	color:#666666;
	padding-top: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 8px;
} 
.pages a{
	text-decoration:none;
	margin-left:3px;
	padding:2px 2px;
	color:#666666;
	}
.pages a:hover{
	text-decoration:none;
	color:#111;
	}