.top {height: 110px; background: url(../images/top_bg.png) no-repeat;}


.nav {height: 50px; border-top: 2px solid #ebebeb; background: #f4f4f4; background: url(../images/top_bg.png) no-repeat;}
.nav-bar>ul>li {height:50px; width: 120px; line-height: 50px; text-align: center; position: relative; transition: all 1s; }
.nav-bar>ul>li:before {
	content: '';
	width: 120px;
	height:0;
	transition: height 1s;
	background:#333;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}

.nav-bar>ul>li:hover::before {
	height: 50px;
		
}

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


.nav-bar>ul>li>ul{
	width: 120px;
	position: absolute;
	top:50px;
	left: 0;
	display: none;
	z-index: 9999;
	
	
}

.nav-bar ul>li>ul>li{
	height: 50px;
	width: 120px;
	line-height: 50px;
	background: rgba(255,255,255,1);
}

.nav-bar ul>li>ul>li a{
	color: #333;
	position: absolute;
	z-index: 9;
}
	.flexslider {
	position: relative;
	height: 500px;
	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;
}




.about-us{
	height: 550px;
	background: url(../images/about-us-bg.png) 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;
}


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


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


.titles {
	height: 120px;
	background: url(../images/titles.png) 50% 0 no-repeat;
}

a.view-more {
	position: relative;
	display: block;
	width: 180px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #666;
	font-size: 16px;
	border: 1px solid #333;
	overflow: hidden;
	border-radius: 40px;
	z-index: 1;
	margin: 0 auto;
}

a.view-more, a.view-more:before {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

a.view-more:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 40px;
	z-index: -1;
}


 a.view-more:hover{
	color: #fff;
}

a.view-more:hover:before {
	width: 100%;
	background: #333;
}



.product {
	padding-top: 30px;
	height: 600px;
	background: url(../images/product_bg.png) 50% 0 no-repeat;
	
}

.product ul li {
	width: 250px;
	height: 180px;
	margin:20px 25px;
	
}

.product ul li img {
	width: 250px;
	height: 180px;
	
}

.son {
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 180px;
	font-size: 30px;
}



.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: #ebebeb;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 1s;
}

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


}

.news {
	background: #f4f4f4;
}

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


.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 #333; padding: 20px; float:left;transition:all 0.3s ease-out;position:absolute; top:0; left:0; }
.news ul li dl dt{ font:35px/45px impact; color:#333}
.news ul li dl dd{ text-align:center; width:80px; line-height:20px; background:#333; color:#fff}
.news ul li div{ width:3120px; 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:#333; }
.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/top-bg.png) 50% 0 no-repeat; padding-top: 60px; }
.footer .center {height: 100px; position: relative;}


.advantage {
	background: url(../images/advantage.png)  50%  0 no-repeat;
	width: 100%;
	height: 450px;
	margin-top: 30px;
	position: relative;
}

.advantage .center {
	height: 450px;
	position: relative;
	
}
.advantage span {
	font-size: 36px;
	font-weight: normal;
	color: #000;
	display: inline-block;
	width: 72px;
	height: 72px;
	line-height: 36px;
	position: absolute;

}

.advantage-detail {
	position: absolute;
}

.advantage-detail h3 {
	font-size: 24px;
	color: #ff7429;
	font-weight: bold;
	
}

.advantage-detail p {
	color: #4d4d4d;
	margin-top: 10px;
	line-height: 20px;
	width: 350px;
}



.product-procedure {
	height: 700px;
	background: url(../images/procedure.png) 50% 0 no-repeat;
	
}
.product-procedure .center {
	position: relative;
}


.product-procedure ul li {
	width: 219px;
    height: 219px;
    border: 2px solid #6c6155;
    border-radius: 110px;
    overflow: hidden; 
    position: absolute;
}

.product-procedure ul li img {
	width: 219px;
    height: 219px;
}

.mobile-phone {
	position: relative;
}

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

.mobile-phone:hover img{
	right:-100px;
	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 #333; width: 100%; padding-bottom: 10px; margin-bottom: 20px;}
.time {width: 100px; height: 100px; background: #333; 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: #333;}
.news-title {color: #333; 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:#333;}


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

.left-navigation{float: left; width: 200px;}
.left-navigation h1 {height: 50px; background: #333; line-height: 50px; text-align: center;font-size: 20px; color: #fff;}
.left-navigation li {width: 200px; height: 50px; border-bottom: 1px dashed #333;}
.left-navigation li a {color: #333;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; }
.right-productlist img {width: 250px; height: 210px;}
.right-productlist span {display: inline-block; width: 250px; height: 30px; text-align: center; background: #333; 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: #333;}
.right-product-content img {float: none;}