﻿@charset "utf-8";
/* CSS Document */
* {padding: 0px; margin: 0px; box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
img {
border:none;max-width:100%; }

body { font-size: 15px;font-family:Arial,"微软雅黑",Microsoft YaHei;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 30px;padding-top:170px;
}
a {
text-decoration:none;
font-family:Arial,"微软雅黑",Microsoft YaHei;
color:#333;
font-weight:normal;
}
a:hover { color:#eecb3b; }
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}
.fl{float:left;}
.fr{float:right;}
.hz{width:80%;margin:0 auto;}
.hza{ width:80%; margin:60px auto; }
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}


.top-pc { position: fixed; z-index: 99999; top: 0px; left: 0;  background: #fff; width: 100%;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2); }
.top1{ overflow:hidden;background:#3a3a3a; padding:10px 0 20px;}
.top1 h1{margin-top:25px;}
.top1 h1 img{ height:45px; }
.top1 .dwy{ margin-left:30px; margin-top:20px;}
.top1 .dwy h2{ font-size:22px; line-height:28px; color: #fff;letter-spacing: 1px;}
.top1 .dwy h3{ font-size:15px; font-weight:normal;  color:#999;letter-spacing:2px; }
.top1 .topR .menu{ margin-top: 5px; text-align: right;}
.top1 .topR .menu a{ font-size: 15px; color: #fff; margin: 0 5px;}
.top1 .topR .menu a:hover{ color: #eecb3b;}
.top1 .topR .menu span{ font-size: 12px; color: #fff; margin: 0 5px;}
.top1 .topR .tact{ font-size: 15px; color: #fff; margin-top: 20px;}
.top1 .topR .tact b{ font-size: 24px; color: #eecb3b;font-weight: normal;}



.nav { width:100%;display: inline-block; box-sizing: border-box; vertical-align: bottom;background:#fff; }
.mainbav{float:left;}
.mainbav ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.mainbav li { position: relative; padding:0 35px; }
.mainbav li a {font-size: 16px;  }
.mainbav .memu { float: left; line-height:52px;  }
.mainbav .memu:hover, .mainbav .memu.active { display: block;background:#e3b703;}
.mainbav .memu:hover a, .mainbav .memu.active a {color:#fff; }
.mainbav ul li ul { display: none; position: absolute; width:220px; left: 0; top: 52px; z-index: 999999;  }
.mainbav ul li ul li { float: none; border-right: none; padding: 0; line-height: 40px; position: relative; text-align: left; }
.mainbav ul li ul li a {display: block; color: #666 !important; font-size: 14px; font-weight: normal; padding: 0 15px;background:#fff; }
.mainbav ul li ul li a:hover {background-color: #e3b703;color: #fff !important;  }
.mainbav ul li ul li ul { position: absolute; left: 100%; top: 0; }


.index-search{float:right;margin-top:8px;}
input {
	outline:none;
}
.sok {
	width:210px;
	
background:url(../images/1_03.png)no-repeat;
	float:left;border:none;height:36px;
}

.block_home_slider{height:auto; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background:#f2f2f2; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#eecb3b;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}


.top_sj { display:none; }

.index-title{
	text-align: center;
	font-size:32px;
	line-height:32px;color:#333;}
.index-title-ms{
	text-align:center;
	margin-top:10px;
	color: #999;}

.index-product-bj{background:#f9f9f9;padding:50px 0 ;overflow:hidden;}
.index-product-hz{margin-top:40px;}
.index-product-fl-box{float:left;width:17%;}
.index-product-title-hz{background:#3a3a3a;color:#fff;padding:28px 25px;}
.index-product-title{font-size:28px;}

.index-product-fl{background:#fff; padding: 0px 15px 15px 15px;overflow:hidden;}
.index-product-fl li{padding:14.5px 0;border-bottom:1px dashed #ececec;}
.index-product-fl li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-product-fl li:hover a,.index-product-fl li.an a{padding-right:15px;display:block;font-weight:bold;background:url(../images/index_12.png) no-repeat right;color:#e3b703;}


.ny-product-fl{background:#f9f9f9; padding:15px;overflow:hidden;}
.ny-product-fl li{padding:14.5px 0;border-bottom:1px dashed #ececec;}
.ny-product-fl li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny-product-fl li:hover a,.ny-product-fl li.an a{padding-right:15px;display:block;font-weight:bold;background:url(../images/index_12.png) no-repeat right;color:#e3b703;}


.index-product-fr-title{background:#fff;margin-bottom:25px;font-size:24px;padding:25px;}
.index-product-fr-ms{font-size:15px;margin-top:10px;}
.index-product-fr{float:right;width:81%;}
.index-pro-box{background:#fff;border:1px solid #f2f2f2;width:23%;margin-right:1%;margin-left:1%;float:left;margin-bottom:25px;padding-bottom:15px;}
.index-pro-box:hover{box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.2);background:#e3b703;}
.index-pro-box:hover .index-pro-box-bt,.index-pro-box:hover .index-pro-box-xh{color:#fff !important;}

.index-pro-box-bt{text-align:center;padding-top:10px;font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-pro-box-xh{text-align:center;color:#999;font-size:14px;}

.index-pro-box-pic{display:block; overflow:hidden;}
.index-pro-box-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-pro-box-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}



.index_product{margin-top:50px;}
.index_product ul{
	width:98%;
	margin:50px auto;
	margin-top:10px;
}

.index_product ul li{float:left;width:23%;height: 0;padding-bottom: 28%;margin:0 1% 50px 1%;position: relative;/* cursor: pointer; */}

.index_product ul li img{
position: absolute;
	display:block;
	width:100%;
	height: 100%;
}

.index_product .txt1{
	font-size:22px;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	line-height:38px;
	color:#fff;
	padding:3% 8%;
	box-sizing: border-box;
	letter-spacing:2px;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 6;

	}
.index_product ul li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/bg.png) no-repeat;
    background-size: cover;
}
html[lang="en"] .index_product .txt1{
	letter-spacing:0.6px;
	}
.index_product li:hover .txt1{

	opacity:0;

	}

.index_protlbox{

	box-sizing: border-box;

	width: 100%;

	height: 100%;

	position: absolute;

	background: rgba(0,0,0,0.6);

	top: 0;

	left: 0;

	opacity: 0;


}

.index_protl{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 40px 20px;
	position: relative;
	background: rgba(255,255,255,0.1);

}

.index_protl:before{

	content: "";

	display: block;

	box-sizing: border-box;

	width: 0;

	height: 0;

	border-top:solid 3px #fff;

	border-right:solid 3px #fff;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

}

.index_protl:after{

	content: "";

	display: block;

	box-sizing: border-box;

	width: 0;

	height: 0;

	border-bottom:solid 3px #fff;

	border-left:solid 3px #fff;

	position: absolute;

	bottom: 0;

	right: 0;

	opacity: 0;

}

.index_protl h3{
	width: 100%;
	color: #fff;
	font-size: 22px;
    font-weight: normal;
	text-align: center;
	letter-spacing: 2px;
	position: absolute;
	top: 20px;
	left: 0;
	opacity: 0;

}
html[lang="en"] .index_protl h3{
	letter-spacing:1px;
	line-height:28px;
	width:90%;
	left: 5%;
	}
.index_protl h5{
	width: 100%;
	color: #fff;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	position: absolute;
	bottom: 10px;
left: 0;
	opacity: 0;

}

.index_promore{
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 50%;
	border:solid 2px #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -20px;
    opacity: 0;

}

.index_promore:before{
	content: "";
	display: block;
	width: 14px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-7px;
	margin-top: -1px;

}

.index_promore:after{

	content: "";

	display: block;

	width: 14px;

	height: 2px;

	background: #fff;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left:-7px;

	margin-top: -1px;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

}



.index_product ul li:hover .index_protlbox{

	opacity: 1;

	padding: 20px;

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

}

.index_product ul li:hover .index_protl:before{

	width: 100%;

	height: 100%;

	opacity: 1;

	-webkit-transition: opacity 0s ease 0.2s, width 0.35s ease 0.2s,height 0.3s ease 0.55s;

	transition: opacity 0s ease 0.2s, width 0.35s ease 0.2s,height 0.3s ease 0.55s;

}

.index_product ul li:hover .index_protl:after{

	width: 100%;

	height: 100%;

	opacity: 1;

	-webkit-transition: opacity 0s ease 0.2s, width 0.35s ease 0.2s,height 0.3s ease 0.55s;

	transition: opacity 0s ease 0.2s, width 0.35s ease 0.2s,height 0.3s ease 0.55s;

}

.index_product ul li:hover .index_protl h3{

	opacity: 1;

	top: 40px;

	-webkit-transition: all 0.55s ease 0.55s;

	transition: all 0.55s ease 0.55s;

}

.index_product ul li:hover .index_protl h5{

	opacity: 1;

	bottom: 40px;

	-webkit-transition: all 0.55s ease 0.75s;

	transition: all 0.55s ease 0.75s;

}

.index_product ul li:hover .index_promore{

	opacity: 1;

	margin-top: -20px;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	-webkit-transition: opacity 0.3s ease 0.65s,margin-top 0.3s ease 0.65s,transform 0.3s ease 0.95s;

	transition: opacity 0.3s ease 0.65s,margin-top 0.3s ease 0.65s,transform 0.3s ease 0.95s;

}


.index-yyly-more{width:190px;line-height:48px;margin:0 auto;text-align:center;}
.index-yyly-more a{background:#fff;display:block;}
.index-yyly-more:hover a{color:#e3b703;}


.index-ys-bj{background:url(../images/infou-ba.jpg)no-repeat #f7f7f7;padding:50px 0;overflow:hidden;}
.index-ys-box{background:#fff;overflow:hidden;margin-top:40px;}
.index-ys-pic{float:left;width:50%;}
.ys1con{float:right;width:50%;padding:40px;}
.ys1con h3{
    font-size: 24px;
    font-weight: bold;
    color: #e3b703;}
.ys1con h3 em{display: block;font-weight: normal;font-size: 12px;color: #d1d1d1;padding-top: 3px;}
.ys1con h3 i{display: block;margin-bottom:20px;}
.ys1con h3 i img{height:50px;}
.ys1con p{color: #666;background: url(../images/title1.png) no-repeat top left;margin-top:20px;padding-top:40px;}
.index-ys-box-a{clear:both;}

.index-ys-pic2{float:right;width:50%;}
.ys1con2{float:left;width:50%;padding:40px;}
.ys1con2 h3{
    font-size: 24px; color: #e3b703;}
.ys1con2 h3 em{display: block;font-weight: normal;font-size: 12px;color: #d1d1d1;padding-top: 3px;}
.ys1con2 h3 i{display: block;margin-bottom:20px;}
.ys1con2 h3 i img{height:50px;}
.ys1con2 p{color: #666; background: url(../images/title1.png) no-repeat top left;margin-top:20px;padding-top:40px;}
.index-ys-bjc{font-weight:normal;color:#333;}



.index-about-bj{background:#3a3a3a;padding:60px 0;overflow:hidden;}

.box2{
	position: relative;
	width: 100%;background:#fff;
	overflow: hidden;margin-top:30px;}

.text-box2{
	float: right;
	width:50%;
}
.img-box2{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 50%;
	height: 100%;
	overflow: hidden;
}	
.img-box2>div{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform:scale(1); 
	transition:all .6s;  
}	

.index-zz-right{padding:50px;}
.index-zz-right-title{font-size:28px;}
.index-zz-right-nr{margin:35px 0;color:#666;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden;}
.index-zz-right-more{background:#e3b703;width:160px;line-height:43px;text-align:center;display:block;}
.index-zz-right-more a{color:#fff;}

.index-zz-right-nr p{ text-indent:30px;}

@media(max-width:768px) {

.img-box2{
	position: relative;
	width: 100%;
	height: 0%;
	padding-bottom: 60%;
}	
/*768PX以下图片高度为宽度60%（也就是img-box的padding值）*/
.img-box2>div{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
}
.text-box2{
	float:none;
	width: 100%;margin:0px;
}


}

.parHd {margin:25px 0;}
.parHd ul {
	vertical-align: top;
text-align:center;

}
.parHd ul li {
	font-size: 16px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;color:#333;
	margin:0.6%;padding:10px 5%;background:#fff;
}


.parHd ul li.on {
color:#fff;background:#e3b703;
}
.hz .slideBox {
	zoom: 1;
	position: relative;
	display: none;

}
.hz .tempWrap {
	margin: 0 auto;
}

.index-ryzz-pic-hz{ width: 24.21%; margin-right:1%;float:left;background:#f2f2f2;}
.index-ryzz-pic-hz:hover{background:#e3b703;}
.index-ryzz-pic-hz:hover a{color:#fff;}
.index-ryzz-title{text-align:center;padding:11px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.index-ryzz-pic{text-align:center; display:block; overflow:hidden;}
.index-ryzz-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-ryzz-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}


.index-news-nr{margin-top:45px;}
.index-news-nr-left{width:23.5%;margin-right:2%;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);}
.index-news-nr-left:nth-child(4n){margin-right:0;}
.index-news-nr-left-title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:8px; }
.index-news-nr-left-title a{font-size:16px; }
.index-news-nr-left-rq{ color: #666;}
.index-news-nr-left-content{ margin:15px 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #999; }
.index-news-nr-hz{background:#fff;padding:5%;}
.index-news-more-hz{border-top:1px solid #eee;padding-top:20px;overflow:hidden;}
.index-news-nr-left-pic{ display:block; overflow:hidden; }

.index-news-nr-left-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-news-nr-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;width:100%;}



.foot-bj {background:#f2f2f2;padding:0 0 15px 0; overflow: hidden;color:#888;font-size:14px; }
.foot-left{float:left;width:78%;margin-top:40px;}
.foot-lxfs {
	float: left;
	width:60%;
}
.foot-hz-nav {
	float: left;
	margin-right:10%;
}
.foot-hz-cd { font-size:16px;color:#333;font-weight:bold;}
.foot-hz-menu { margin-top:25px; }
.foot-hz-menu a {color:#888;line-height:30px; }
.foot-hz-menu a:hover {color:#eecb3b;}
.foot-contact {float: left;width:40%;}
.foot-hz-lxwm{margin-top:30px;float:left;}
.foot-hz-lxwm a { color: #888;  }
.foot-hz-lxwm a:hover{color: #eecb3b; text-decoration: underline; }

.foot-right{float: right;width:22%;padding:60px 0 30px 0; text-align:center;color:#888;}
.FootTel {
    margin-bottom: 20px;
}

.FootTel p {
  font-size: 28px;
    color: #e3b703;
}


.index-copy-left{float:left;}
.index-copy-bj {background:#3a3a3a;overflow:hidden;color:#888; margin-top:40px;padding-bottom:10px;}
.index-copy{padding:20px 0 10px 0;}
.index-copy a { color: #888;}
.index-copy a:hover {text-decoration:underline;color: #eecb3b; }

.foot-bq-pc li{ float: left; margin-right:10px;  }
.foot-bq-pc li a{color:#888;}
.foot-bq-pc li a:hover {text-decoration:underline;color: #eecb3b; }

.index-copy-logo{float:right;margin-top:25px;}

.img-banner{ background:center center; width:100%; overflow:hidden;}
.img-banner div{ line-height:0px;}
.img-banner div img{opacity:0;}

/*内页样式开始*/
.ny-banner-sj{display:none;}
.ny-banner {height:320px; background-position:center; background-size:cover;}


/* 品牌列表 */
.menu-shell{ background-color: #fafafa;}
.menu-shell .menu-lbox{ float: left;}
.menu-shell .menu-lbox dd{ font-size: 16px;float: left; margin-right:50px;}
.menu-shell .menu-lbox dd:last-child{ margin-right:0;}
.menu-shell .menu-lbox dd a{ display: block; padding:20px 0; color: #666; border-bottom: solid 2px #fafafa; transition: all .5s;}
.menu-shell .Current{ padding:20px 0;float: right; font-size:0;}
.menu-shell .Current i{ margin:0 20px; display:inline-block; vertical-align: middle; width:6px; height:6px; background-color: #eeeeee; border-radius:50%;}
.menu-shell .Current span,
.menu-shell .Current a{ display:inline-block; vertical-align: middle; font-size:14px; color: #999999;transition: all .5s;}
.menu-shell .Current a:hover,
.menu-shell .menu-lbox dd a:hover,
.menu-shell .menu-lbox dd.active a{ color: #e3b703; border-color: #e3b703;}
@media(max-width:768px){
.menu-shell .Current{ display: none;}
}
@media(max-width:640px){
.menu-shell .menu-lbox dd{ margin-right:20px;}
.menu-shell .menu-lbox dd a{  font-size: 16px;}
}
.ny-about-hz{margin:50px 0;overflow:hidden;}
.ny-about-left-title{font-size:30px;line-height:30px;}
.ny-about-left{width:100%;float:left;}
.ny-about-left-hz{margin-top:50px ;}
.ny-about-left-wb{color:#666;overflow:hidden;line-height:30px;float:left;width:50%;}
.ny-about-right{float:right;width:45%;}
.ny-about-left-wb p{margin-bottom:15px;}

.ny-about-qyzs{margin-top:40px;}
.khjz_bj{width:100%;}
.khjz_dkj{position:relative;}
.khjz .item{ background:#fff;margin:0 8px; position:relative;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.khjz .item:hover{ background:#e3b703;color:#fff;}
.khjz .item a:hover{color:#fff;}
.khjz .item .cpzs_img{overflow:hidden;display:block; border:1px solid #f2f2f2;}
.khjz .item .cpzs_img img{ transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.khjz .item .cpzs_img img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.khjz .item .cpzs_wb{width:100%; height:100%; text-align:center;  }
.khjz .item .cpzs_wb .cpzs_wb_t{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px 0; }


/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-carousel .owl-controls{width:100%;  z-index:11;}
.owl-carousel .owl-controls .owl-buttons div{position:absolute; display:inline-block ;zoom: 1;*display:inline; width:40px; height:70px; text-indent:-9999px; transition:.35s;  top:45%; margin-top:-35px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev {background:url(../images/jtl02.png) center no-repeat; overflow:hidden; left:8px;}
.owl-carousel .owl-controls .owl-buttons .owl-next {background:url(../images/jtr02.png) center no-repeat; overflow:hidden; right:8px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {background:url(../images/jtl03.png) center no-repeat; overflow:hidden; }
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {background:url(../images/jtr03.png) center no-repeat; overflow:hidden;}

.owl-carousel .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-carousel .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-carousel .owl-controls .owl-page span{display: block;width:10px; height:10px; margin: 5px 7px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-carousel .owl-controls .owl-page.active span,
.owl-carouselpzs .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1; background:#e3b703;}
.owl-carousel .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-carousel .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.khjz .owl-pagination{width:100%; height:14px; text-align:center; margin-top:30px;display:none; }



.about{ margin-top:40px;}
.ny-hzhb{padding:20px;width:20%;float:left;border:1px solid #f7f7f7;text-align:center; }
.ny-hzhb img{width:75%;}
.ny-hzhb:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);}

.page-zhaopin{ justify-content: space-between; 
flex-wrap: wrap; display: flex; display: -ms-flexbox; display: -webkit-flex; -ms-flex-wrap: wrap; }
.page-zhaopin li{line-height:30px;width: 49%; margin-bottom: 40px; background: #fff; padding: 40px; box-sizing: border-box; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box;color:#666;}
.page-zhaopin li:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);}

.page-zhaopin li .top{ display: -webkit-flex; /* Safari */  display: flex;  justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8;}
.page-zhaopin li .top h2{color: #333; font-size:22px;font-weight:normal;}
.page-zhaopin li .top span b{color: #e3b703;}
.page-zhaopin li .bottom .position{width: 120px; margin: 30px 0; text-align: center; height: 38px; line-height: 38px; color: #ffffff; background: #e3b703;}


.index-product-box2{width:23%;background:#fff;float:left;margin-right:2%;margin-bottom:50px;display:block; overflow:hidden;border:1px solid #ececec; }
.index-product-box2:nth-child(4n){margin-right:0;}

.index-product-box{width:32%;background:#fff;float:left;margin-right:2%;margin-bottom:50px;display:block; overflow:hidden;border:1px solid #ececec; }
.index-product-box:nth-child(3n){margin-right:0;}

.index-product-pic{ overflow:hidden;}
.index-product-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-product-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.index-product-wb{padding:5%;border-top:1px solid #f1f1f1;}

.index-product-xh{margin:15px 0;}


.product-xq-sj {display:none; }	

#demo{width:100%; overflow:hidden; }
.tj-product{margin-top:40px; }
.tjcp-title{font-size:30px;text-align:center;margin-bottom:40px;}
.tj-product-hz{width:300px;margin-right:20px;float:left;}
.tj-product-pic img{border:1px solid #eeeeee; }
.tj-product-pic img:hover{border:1px solid #e3b703;}
.zzmc{text-align:center;margin-top:15px;color:#999;}
.zzmc-title{font-size:16px;color:#333;}

.ny-product-box{width:23.3%;background:#fff;float:left;margin-right:2%;margin-bottom:20px;display:block; overflow:hidden; }

.ny-product-box img{border:1px solid #f0f0f0;}
.ny-product-box img:hover{border:1px solid #0065c1;}
.ny-product-box-title{text-align:center;padding:15px 0;background:#f2f2f2;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.product-ms{margin-bottom:30px;}
.product-box { float:left;width:77%;margin-left:3%;}
.product-top-hz{width:85%;margin:0 auto;}
.product-top{width: 100%;}
.product-top .l { width: 50%; float: left; }
.pro-right { width: 45%; float: right; 
}
.product-ny-title { width: 100%; font-size:26px;}


.pro-js { width: 100%; margin-top:30px; color:#666;}

.pri1-btn {
border-top:1px solid #f2f2f2;
    margin-top:50px;padding-top:50px;
}

    .pri1-btn a {
        border: 1px solid #e3b703;
        text-align: center;
        display: inline-block;
        margin: 0 5px;
       width:30.3%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;

        transition: ease .5s;
    }

        .pri1-btn a:hover {
            color: #fff;
            background: #e3b703;
        }

        .pri1-btn a span {
            position: relative;
            display: inline-block;
            width: auto;
        }
	.p-hotline{font-size: 16px;color:#666;padding-top:40px ;display: block;}
.p-hotline span{font-size: 24px;color:#e3b703;}	



#con {margin-top:50px;}
#tags { width:100%;background:#f9f9f9;overflow:hidden; }
#tags LI { FLOAT: left;line-height:58px;height:58px;cursor:pointer;}
#tags LI A {padding:0 40px; font-size:18px;}
#tags LI.selectTag A {background:#e3b703;display:block;color:#fff;}
#tagContent {margin:40px 0 60px 0; }
.tagContent { DISPLAY: none;  }

.tagContent table{border-collapse:collapse;width:100% !important;}
.tagContent table td{word-break:break-all;border:1px solid #c1c1c1;padding:10px;line-height:25px; width:auto;}


#tagContent DIV.selectTag { DISPLAY: block }

.ny-product-right{float:left;width:77%;margin-left:3%;}



.ny-product-xbt{color:#999;}
.ny-product-hz{border-bottom:1px solid #e5e5e5;overflow:hidden;padding-bottom:20px;}
.ny-product-dy{ width:350px;margin-top:15px; background:#666;border-radius:5px; display:block;line-height:45px;text-align:center;color:#e60012;font-size:16px; }
.ny-product-dy a{color:#fff;}
.ny-product-ms-hz{ border-top: 1px solid  #e9e9e9; }
.ny-product-ms{ width: 180px; line-height: 52px; text-align: center; color: #fff; background: #296dde; font-size: 18px; margin-top: 40px; }
.ny-product-content{margin:25px 0;}



.info-page {
    font-size: 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding:20px 0;
}

    .info-page a {
        display: inline-block;
        font-size: 16px;
        line-height: 30px;
     
    }

.info-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 33.33%;
    background: url(../images/info-left.png)no-repeat center left;
    background-size: 22px 14px;
    padding-left: 40px;
}

.info-page a.info-cent {
    color: #666;
    padding-top: 26px;
    display: inline-block;
    position: relative;
}

    .info-page a.info-cent::before {
        position: absolute;
        content: "";
        width: 23px;
        height: 23px;
        background: url(../images/infopage-cen.png)no-repeat center;
        background-size: 100% 100%;
        transition: ease 1s;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .info-page a.info-cent:hover::before {
        transform: rotate(180deg) translateX(50%);
    }

.info-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 33.33%;
    background: url(../images/info-right.png)no-repeat center right;
    background-size: 22px 14px;
    padding-right: 40px;
}


.xy{ width: 100%; margin:20px auto 0; text-align: center; overflow:hidden;}
.xy li{margin:0 10px; display:inline-block; font-size:0px;}
.xy li a{ font-size:16px; }
.xy li a:hover,.xy li a.sbjg {color:#e3b703;font-weight:bold;}


.ny-news-left{width:70%;float:left;border:1px solid #ededed;padding:40px;margin-bottom:40px;}
.ny-newsshow-right{width:28%;float:right;background:#f9f9f9;padding:30px 20px;}
.ny-newsshow-right-title{font-size:24px;border-bottom:1px solid #e5e5e5;padding-bottom:10px;}
.ny-newsshow-right-nr{margin-top:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny-newsshow-right-nr li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height:36px;background:url(../images/dian.png)no-repeat left;padding-left:15px;}

.news-rq {  text-align: center; font-size: 16px; padding:50px 0; color: #999;  }
.news-rq-x {  font-size: 30px;line-height: 35px; color:#666;}
.news-wz-hz { width:94%;border-left: 1px dashed #e1e1e1;padding-left:50px;  }
.news-hz { border-bottom: 1px solid #eaeaea; padding-bottom: 30px; margin-bottom: 50px; overflow: hidden; display: block; transition: transform 0.5s; -webkit-transition: transform 0.5s; }
.news-hz:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); }


.news-centent { width: 100%; float: left; color: #666; margin-bototm: 15px;}
.news-centent-title { margin-bottom: 10px; }
.news-centent-title a { font-size: 20px; }
.news-nr { margin:20px 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;color:#999; }
.news-ti { font-size: 26px;   }
.time {font-size: 14px; color: #999; font-weight: normal;margin-top:5px; }
.news-more { width: 150px; line-height:38px; text-align: center; }
.news-more a{color:#666;font-size:15px;border: 1px solid #e1e1e1;display: block; border-radius:25px;}
.news-more:hover a { background: #e3b703; border: 1px solid #e3b703;color: #fff; display: block; }
.about-content { margin:40px 0;  }


.relbar-list{width:37%;float: left;background: #f9f9f9;padding:50px;}
.relbar-list h6{font-size: 24px;border-bottom:1px solid #e6e6e6;padding-bottom:10px;font-weight:500;}
.relbar-list-lxwm{margin-top:30px;color:#666;}
.relbar-list-lxwm a{color:#666;}
.relbar-list-lxwm a:hover{color:#e3b703;}
.relbar-list-lxwm h3{margin-bottom:10px;color:#333;font-weight:300;}
.relbar-map {float:right;width:60%; }
#map_container {
    height: 420px;border: 1px solid #e6e6e6;
   }
.ny-about-left-title {
    font-size: 30px;
 padding-bottom: 5px;
}
.ny-feedback p{color:#666;margin:10px 0 40px 0;}

 input,textarea {
	outline:none;
 }
.soka{ width: 48.5%;margin-right: 2%;border-right:none;border-left:none;border-top:none;background:#f9f9f9; border-bottom: 1px solid #D8D8D8; line-height: 48px; margin-bottom: 15px;   font-size: 15px;font-family:"Microsoft YaHei", verdant, tahoma;  }
.soka:nth-child(2n){ margin-right:0;}
.sokb{  background:#f9f9f9; border-right:none;border-left:none;border-top:none;border-bottom: 1px solid #D8D8D8;line-height: 35px; margin-bottom: 15px;font-size: 15px; font-family:"Microsoft YaHei", verdant, tahoma; width:99%;}

.tj{ width: 170px; border: 1px solid #e3b703; line-height:43px; text-align: center; color: #fff; background:#e3b703; cursor: pointer; font-family: Arial,Microsoft YaHei; font-size: 15px; margin-top:10px;}



.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
  content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
  clear: both;
}


.sy_cpfl{margin-top:50px;}
.sy_cpfl_img{}
.sy_cpfl_img ul{display: flex; flex-wrap: wrap;}
.sy_cpfl_img ul li{float: left;width:23.5%;margin:0 2% 3% 0;box-shadow:0 0 35px rgba(0, 0, 0, 0.1);-webkit-transition:0.5s;transition:0.5s;}
.sy_cpfl_img ul li:hover{background: #e3b703;}

.sy_cpfl_img ul li .img{overflow: hidden;}
.sy_cpfl_img ul li .img img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;}
.sy_cpfl_img ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_cpfl_img ul li .text{padding:25px 30px;}
.sy_cpfl_img ul li .text .h1{font-size:18px;color:#333;position: relative;border-bottom: 1px solid #d7d7d7;padding-bottom: 10px;-webkit-transition:0.5s;transition:0.5s;}
.sy_cpfl_img ul li .text .h1 span{font-size: 24px;position: absolute;right: 0;top: 0;}
.sy_cpfl_img ul li .text .h2{color: #757575;-webkit-transition:0.5s;transition:0.5s;padding-top:15px;}
.sy_cpfl_img ul li:hover .text .h1{color: #fff;border-bottom: 1px solid #fff3c3;}
.sy_cpfl_img ul li:hover .text .h2{color: #fff;}

.down-box{margin-bottom:60px;}
.down-table {
    text-align: left;
}

    .down-table th {
        font-size: 16px;
        background-color: #f7f7f7;
        font-weight: bold;
        padding: 18px 0 19px 15px;
        width: 33%;
    }

        .down-table th:first-child {
            padding-left: 28px;
            width: 39.285%;
        }

        .down-table th:last-child {
            width: 10.714%;
        }

    .down-table td:first-child {
        padding-left: 28px;
        padding-right: 20px;
    }

    .down-table td {
   
        color: #666;
        padding: 21px 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .down-table .dott2 {
        width: 10px;
        height: 10px;
        margin-top:9px;
    }

    .down-table td:last-child {
        padding: 10px 11px 10px 0;
    }

    .down-table td a {
        display: block;
        width: 100%;
        height: 100%;  text-align: center;
        padding: 11px 0;
    }

        .down-table td a:hover {
            text-align: center;
            background-color: #e3b703;
            color: #fff;
        }

            .down-table td a:hover .down-icon {
                background: url(../images/down-icon1.png)no-repeat center #fff;
            }
.dott2 {
    float: left;
    width: 6px;
    height: 6px;
    background-color: #e3b703;
    vertical-align: middle;
    margin-top: 25px;
    margin-right: 9px;
}

.dott {
    border-radius: 50%;
}
.down-icon {
    background: url(../images/down-icon.png)no-repeat center #e3b703;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 10px;
}

/* 按钮 */
.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 13px 48px;
    margin-right: 6px;
    text-decoration: none;
    position: relative;
    color: #e3b703;
    font-size: 16px;
}

.btn12 {
    background-color: #fff;
    color: #e3b703;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
}

    .btn12:hover {
        color: #fff;
    }

    .btn12 .bgsqr1,
    .btn12 .bgsqr2 {
        background: #e3b703;
        position: absolute;
        top: 50%;
        top: 0\9;
        content: '';
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        opacity: 0.5;
    }

    .btn12 .bgsqr1 {
        left: -20px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .btn12 .bgsqr2 {
        right: -20px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .btn12:hover .bgsqr1 {
        -webkit-animation: criss-cross-left .8s both;
        animation: criss-cross-left .8s both;
        width: 375px\9;
        height: 375px\9;
        opacity: 1;
    }

    .btn12:hover .bgsqr2 {
        -webkit-animation: criss-cross-right .8s both;
        animation: criss-cross-right .8s both;
        width: 375px\9;
        height: 375px\9;
        opacity: 1;
    }

    .btn12 span {
        position: relative;
        z-index: 1;
    }


.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#e3b703;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#e3b703;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-39px;background:#e3b703}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#d1a800;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}