.top {height: 50px;  background: url(../images/top1.png) 50% no-repeat; padding-top: 30px;}
.top p { font-size: 14px; color: #4d4d4d; line-height: 50px;} 
.top-function a{font-size: 14px; color: #4d4d4d; line-height: 50px;}

.nav {height: 108px;border-top: 2px solid #ebebeb;background: #f4f4f4;/* margin-bottom: 55px; */}
#jMenu>li {height: 78px; width: 80px; padding-top: 30px; text-align: center; position: relative; transition: all 1s; }
#jMenu>li a{color: #494949;}
#jMenu>li>span {color: #9d9d9d;}
#jMenu>li:hover{background: url(../images/nav1.png) no-repeat;}
#jMenu>li>ul>li {background: url(../images/message-icon.png) no-repeat -5px 50%; background-size: 20px 20px;}

/*.nav-bar  ul li:before {
	content: '';
	width: 85px;
	height:0;
	transition: height 1s;
	background:#18811a;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}

.nav-bar li:hover::before {
	height: 108px;
		
}

.nav-bar li a , .nav-bar li span{
	position: relative;
	z-index: 4;
	transition: all 1s; 
	transition-delay: 0.2s;
	font-size: 12px;
}
.nav-bar li:hover a , .nav-bar li:hover span {
	color: #fff;
}*/

#jMenu>li:hover>a , #jMenu>li:hover>span {
	color: #fff;
}


	.flexslider {
	position: relative;
	height: 550px;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}

.slides {
	position: relative;
	z-index: 1;
}

.slides li {
	height: 550px;
}

.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	width: 100%;
	text-align: center;
}

.flex-control-nav li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	*display: inline;
	zoom: 1;
	float: none;
}

.flex-control-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 40px;
	overflow: hidden;
	background: url(../images/dot.png) right 0 no-repeat;
	cursor: pointer;
}

.flex-control-nav .flex-active {
	background-position: 0 0;
}

.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 45%;
}

.flex-direction-nav li a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}

.flex-direction-nav li a.flex-prev {
	left: 40px;
	background: url(../images/prev.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next {
	right: 40px;
	background: url(../images/next.png) center center no-repeat;
}

.icon-anchor{
	height: 80px;
	padding: 20px 0;
	background: #f4f4f4;
	border-bottom: 5px solid #eee;
}

.icon-image {
	transition: all 1s; 
	margin-right: 10px;
}

.icon-image:hover {
	transform: rotateY(180deg);
}


.icon-anchor ul li a{
	height: 80px;
	width:310px;
	padding-left: 54px;
	font-size: 24px;
	color:#2d2c33;
}
.icon-anchor p {
	padding-top: 12px;
	margin-left: 10px;
	line-height: 30px;
}

.icon-anchor ul li span {
	text-transform: uppercase;
    display: block;
    font-weight: normal;
    font-size: 15px;
    color: #858585;

}


.about-us{
	height: 550px;
	background: url(../images/about-us-bg.jpg) no-repeat;
	
}


.about-us .center{
	height: 550px;
	position: relative;
}

.about-us-content {
	width: 500px;
	padding-top: 125px;
	
}

.about-us-content h1 {
	font-size: 30px;
	float: right;
	line-height: 40px;
	color: #393939;
}


.about-us-content p {
	float: right;
	font-size: 16px;
	line-height: 32px;
	color: #454545;
}


.about-us-content a {
	display: block;
	width: 160px;
	height: 40px;
	background: #fff;
	float: right;
	text-align: center;
	line-height: 40px;
	color: #454545;
	
}


.advantage {
	height: 1270px;
}


.box .list a {overflow: hidden;}
.box .list img{ position: relative;  width: 245px; height: 195px;}
.box .list li span {position: relative; z-index: 1000;}
.cxscroll {position: relative; }
.cxscroll .box{overflow:hidden;width:1050px;  margin:100px auto;}
.cxscroll .list{overflow:hidden;width:9999px;}
.cxscroll .list li { margin-right: 40px; width:240px; height: 245px; overflow: hidden; text-align: center; position: relative;}
.cxscroll .list li img{float:left;width:240px;height:195px;  }
.cxscroll .next{position: absolute; width:33px; height: 37px; background-image: url(../images/prev1.png) ;background-repeat: no-repeat; right: -25px; top:220px;}
.cxscroll .prev {position: absolute; width:33px; height: 37px; background-image: url(../images/next1.png) ;background-repeat: no-repeat; left: -25px; top:220px; }
.environment li p {
	width:240px;
	float: left;
	height: 50px;
	line-height: 50px;
	background: #18811a;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 1s;
	color: #fff;
}

.environment li:hover p {
	height: 100px;
}
.environment li span {
	width: 150px;
    height: 26px;
    border: 1px solid #fff;
    background: #c8e9db;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    line-height: 26px;
    color: #000;
}
.environment li span:hover {
	background: #024427;
	color: #fff;
}

.news {
	background: #f4f4f4;
}

.news .center {
	background: url(../images/news-center1.jpg);
	height: 600px;
	position: relative;
}

.news .center a {
	color: #000;
}

.news .center a:hover{
	color:#fff;
}

.news ul{ width:530px; height:400px; padding-top:10px;position: absolute;    left: 280px;top: 200px;}
.news ul li{ width:100%; height:107px; margin-bottom:20px;  position:relative; overflow: hidden }
.news ul li dl{ width:80px; height:60px; border-right:1px solid #ccc; padding: 20px; float:left;transition:all 0.3s ease-out;position:absolute; top:0; left:0; }
.news ul li dl dt{ font:33px/45px impact; color:#ccc}
.news ul li dl dd{ text-align:center; width:80px; line-height:20px; background:#ccc; color:#fff}
.news ul li div{ width:385px; height:80px; padding:20px; float:right;transition:all 0.3s ease-out }
.news ul li div h3{ font: bold 15px/30px 微软雅黑; }
.news ul li div p{ font:13px/20px 微软雅黑; }
.news ul li:hover dl{ /*width:0; height:120px; border:0; padding:0; opacity:0;*/ left:-121px;}
.news ul li:hover div{ width:90%; height:80px; padding:20px 5%; background:#18811a; }
.news ul li:hover a { color:#fff; display:block}
#news-more {width: 60px; height: 20px; position: absolute; background: none;top:-27px ;right: 0;}


.footer {height: 100px; background: url(../images/top1.png) 50% no-repeat; padding-top: 100px; }
.footer .center {height: 100px; position: relative;}



/*PK*/

.pk_bg{ background:url(../images/pk_bg2.jpg) no-repeat center 0; height:1140px; overflow:hidden;}
.pk_bg .center {width: 960px; }
.pk_t{ text-align:center; height:128px; padding:25px 0 0;}

.pk_t a{ color:#333;}

.pk_t em{ display:block; font-size:27px; font-style:italic; line-height: 60px;}

.pk_t b{ display:block; font-size:34px;}

.pk_t b i{ color:#e46b29;}

.pk_t span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a5a5a5; text-transform:uppercase; letter-spacing:2px;}

.pk_l{ width:473px; padding:40px 0 0 7px;}

.pk_lt{ font-size:18px; color:#333; font-weight:bold;}

.pk_lt i{ color:#4f4f4f;}

.pk_lt b {color: #18811a;}

.pk_lt em{ display:block; float:left; padding:0 15px;}

.pk_lt em img{ width:69px; height:69px;}

.pk_lt b,.pk_lt i, .pk_lt strong{ display:block; float:left; padding:20px 2px 0;}

.pk_lt strong { font-size: 30px; float: left; color: #18811a;}

.pk01{ position:relative; display:inline-block; padding:0 0 40px;}

.pk01 .pk01_c{ font-size:16px; color:#fff; font-weight:bold; background:url(../images/pk_pkbg.png) no-repeat; width:155px; height:57px; line-height:57px; text-align:center; position:absolute; top:100px; left:165px;}

.pk01 .pk01_l{ width:233px;}

.pk01 .pk01_l img{ width:224px; height:232px;}

.pk01 .pk01_l span{ display:block; background:url(../images/pk_kbg01.gif) no-repeat; width:233px; height:127px; margin:15px 0 0;}

.pk01 .pk01_l span a{ font-size:12px; color:#333; display:block; padding:10px 10px 0; line-height:22px;}

.pk01 .pk01_l span i{ color:#e46b29;}

.pk01 .pk01_la{ width:233px;}

.pk01 .pk01_la img{ width:224px; height:232px;}

.pk01 .pk01_la span{ display:block; background:url(../images/pk_kbg01a.gif) no-repeat; width:233px; height:127px; margin:15px 0 0;}

.pk01 .pk01_la span a{ font-size:12px; color:#333; display:block; padding:10px 10px 0; line-height:22px;}

.pk01 .pk01_la span i{ color:#e46b29;}

.pk01 .pk01_r{ width:198px; padding:54px 0 0 10px;}

.pk01 .pk01_r img{ width:175px; height:172px; padding:0 0 0 15px;}

.pk01 .pk01_r span{ display:block; background:url(../images/pk_kbg02.gif) no-repeat; width:198px; height:87px; margin:20px 0 0;}

.pk01 .pk01_r span a{ font-size:12px; color:#737373; display:block; padding:10px 10px 0; line-height:22px;}

.pk01 .pk01_r span a i{ color:#333;}

.pk01 .pk01_ra{ width:198px; padding:54px 0 0 10px;}

.pk01 .pk01_ra img{ width:175px; height:172px; padding:0 0 0 15px;}

.pk01 .pk01_ra span{ display:block; background:url(../images/pk_kbg02a.gif) no-repeat; width:198px; height:127px; margin:20px 0 0;}

.pk01 .pk01_ra span a{ font-size:12px; color:#737373; display:block; padding:10px 10px 0; line-height:22px;}

.pk01 .pk01_ra span a i{ color:#333;}

.pk_r{ width:445px; padding:40px 0 0 35px;}

.pk_r .pk01 .pk01_l span a{ padding:10px 10px 0;}

.pk_r .pk01 .pk01_r span a{ padding:10px 10px 0;}


.advantage {
	background: url(../images/advantage1g.jpg)  50%  0 no-repeat;
	width: 100%;
	height: 1270px;
}

.mobile-phone {
	position: relative;
}

.mobile-phone img {
	position: absolute;
	opacity: 0;
	transition: all 1s;
	top:150px;
	right:0;
	z-index: 999;
}

.mobile-phone:hover img{
	top:50px;
	opacity: 100;
}


.footer .footer-copy{
	width: 500px;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	height: 100px;
	word-break:break-all;
	color: #292929;
}


.page-title {line-height: 50px; background: url(../images/bt_pic.png) 0 15px no-repeat; text-indent: 30px;  color: #000;}

.center .page-title  a { color: #000;}
.about-page-content{ padding: 30px 0;}
.about-page-content p { color: #000;}


.title {
	margin-top:30px ;
	/*margin-bottom: 30px; */
	text-align: center;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    height: 150px;
    line-height: 150px;
    background: url(../images/page-title.png) 50% 0 no-repeat;
}

.newslist-page-content {padding: 30px 0;  position: relative;}
.newslist-page-content li {border-bottom: 2px dashed #18811a; width: 100%; padding-bottom: 10px; margin-bottom: 20px;}
.time {width: 100px; height: 100px; background: #18811a; text-align: center;  margin:0 20px; float: left;}
.date {line-height: 60px; color: #fff; font-size: 30px; }
.year-month {line-height: 40px; color: #fff; font-size: 14px; background: #18811a;}
.news-title {color: #18811a; font-size: 18px; line-height: 40px; float: left;}
.news-content {width: 1060px; float: left; height: 50px;}


.inPagination { width:100%; margin:0 auto; overflow:hidden; position:relative; font-size:12px;padding:20px 0; clear:both; height:30px; color:#4d4d4d; text-align:center;}
.inPagination a, .inPagination span, .inPagination .current {display:inline-block; min-width:27px; _width:27px; height:28px; margin-right:10px; padding:0 2px; text-align:center; vertical-align:middle; line-height:28px; *line-height:28px;line-height:28px\0; white-space:nowrap;  color:#fff;  }
.inPagination a{ position:relative; color:#7c7c7c; border:1px solid #d6d6d6;background:#d6d6d6 }
.inPagination .noLink{ position:relative;background:#fff; border:1px solid #d6d6d6; color:#7c7c7c; padding:0 15px;}
.inPagination .current { position:relative;  color:#fff; background:#f77321; border:1px solid #f77321;}
.inPagination a:hover { text-decoration:none; color:#000; }
.inPagination .noLink1{ background:#eae9e9; border:1px solid #d6d6d6; color:#7c7c7c; padding:0 15px;}
.inPagination .noLink2{background:#fff; position:relative;padding:0 10px; border:1px solid #d6d6d6; color:#7c7c7c;}
.inPagination .noLink3{ position:relative; padding:0 10px; border:1px solid #d6d6d6; background:#eae9e9; color:#7c7c7c;}

.erzj_r_hx_xxx{ float:right; height:60px; line-height:30px; font-size:14px; color: #000; padding:10px; position: absolute;bottom: 10px;
right: 0; width: 250px;}
.erzj_r_hx_xxx li {float: none;}
.erzj_r_hx_xxx a {color: #000;}
.erzj_r_hx_xxx a:hover {color:#18811a;}


.news-page-content{position: relative; padding-bottom: 150px;}
.news-page-title { text-align: center; font-size: 20px; line-height: 40px; color:#000; margin-bottom: 20px;}
.news-page-content img{float: none;}

.left-navigation{float: left; width: 200px;}
.left-navigation h1 {height: 50px; background: #18811a; line-height: 50px; text-align: center;font-size: 20px; color: #fff;}
.left-navigation li {width: 200px; height: 50px; border-bottom: 1px dashed #18811a;}
.left-navigation li a {color: #000;width: 200px; height: 50px; line-height: 50px; text-align: center;font-size: 16px; text-align: center;}

.right-productlist { width: 868px; margin-left: 30px; float: right; border: 1px solid #eee;  position: relative;}
.right-productlist li {width: 250px;margin: 20px 18px;height: 208px;}

.right-productlist img {width: 250px;height: 178px;object-fit: cover;}
.right-productlist span {display: inline-block; width: 250px; height: 30px; text-align: center; background: #18811a; line-height: 30px; color: #fff;}



.right-product { width: 868px; margin-left: 30px; float: right; border: 1px solid #eee;  position: relative;}
.right-product ul {position: absolute; right: 0; bottom: 0;}
.right-product h1 {font-size: 18px; line-height: 60px; text-align: center; color: #000;}
.right-product-content img {float: none;}