/*头部开始*/

.header {
	height: 120px;
}


/*头部结束*/


/*导航开始*/

.nav,
.nav .center {
	height: 60px;
	background: #073979;
	font-size: 16px;
	color: #fff;
}

.nav .a {
	width: 140px;
	line-height: 60px;
	text-align: center;
	transition: all 1s;
}



.nav a:hover {
	background: #fff;
}

.nav.center ul li:hover div {
	display:block;
}
/*导航结束*/


/*banner开始*/


/* flexslider */

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

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

.slides li {
	height: 700px;
}

.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;
}

.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;
}


/*banner结束*/


/*产品开始*/

.product {
	padding-top: 30px;
	padding-bottom: 30px;
	
}

.english-title {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #073979;
	line-height: 45px;
}

.chinese-title {
	font-size: 30px;
	color: #073979;
	text-align: center;
	line-height: 45px;
}

.border {
	width: 100px;
	height: 4px;
	background: #073979;
	margin: 5px auto;
	transition: all 1s ease-in;
}


.title:hover .border {
	width: 100%;
}
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 #073979;
	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: #073979;
}

.box .list a {overflow: hidden;}
.box .list img{ position: relative; transition: all 1s ease-in-out; z-index: 1; }
.box .list li:hover img { transform: scale(1.2);}
.box .list li span {position: relative; z-index: 1000;}

.cxscroll{ position: relative; margin: 40px 0;}
.cxscroll .box{overflow:hidden;width:1050px;  margin:0 auto;}
.cxscroll .list{overflow:hidden;width:9999px;}
.cxscroll .list li{float:left;width:300px;height:260px; margin-left: 15px; margin-right: 15px; }
.cxscroll .prev{}
.cxscroll .next{position: absolute; width:33px; height: 37px; background-image: url(../images/prev1.png) ;background-repeat: no-repeat; right: 20px; top:70px;}
.product .prev {position: absolute; width:33px; height: 37px; background-image: url(../images/next1.png) ;background-repeat: no-repeat; left: 18px; top:70px; }
.product .box span {display: inline-block; width:300px; height: 40px; line-height: 40px; background: #073979; text-align: center; font-size: 16px;color: #fff;}


.environment { background: #f6f6f6;}
.environment .product{ border-bottom: none;}
.environment .list li {position: relative;}
.environment .list li:hover { box-shadow:0 4px 10px 4px #888;}
.environment .list li:before{ content: ''; width: 0; height: 4px; background:#073979; position: absolute; top: 0; left: 0; transition: all .4s ease;}
.environment .list li:hover:before {width: 100%;}
.environment .list span { color: #000000; background: #fff;}

/*产品结束*/

/*关于我们开始*/
.about-us{margin-top: 20px; position: relative;}
.about-us .content { margin-top: 25px;}
.about-us p{ line-height: 30px; text-indent: 28px;}
.about-us .view-more { position: absolute; right: 0; bottom: 0;}
/*关于我们结束*/

/*新闻中心开始*/
.news-center { margin-top: 20px; position: relative;}
.news-center .content {margin-top: 30px;}
.news-center ul li { width: 545px; height: 120px; position: relative; border: 3px solid #eee; margin: 8px; padding: 15px;}

 .border-top , .border-bottom {width:0;  height: 3px; position: absolute; transition: all 1s; background: #073979;}
 .border-left, .border-right {width:3px; height: 0; position: absolute; transition: all 1s; background: #073979;}
 .border-top , .border-left{top:0; left: 0; } 
 .border-right, .border-bottom {bottom:0; right: 0;}
 .news-center ul li:hover .border-top{width:100%;}
 .news-center ul li:hover .border-bottom{width:100%;}
  .news-center ul li:hover .border-left{height:100%;}
 .news-center ul li:hover .border-right{height:100%;}
 
 .news-head .news-date { display: inline-block; width:50px;height: 45px; background: url(../images/date-background.png) no-repeat; color: #fff; font-size: 16px;}
.news-head .news-title { display: inline-block; height: 30px; color: #000;line-height: 45px; font-size: 20px; margin-bottom: 5px;}
 .news-content {font-size: 14px; margin-top: 10px;} 
.news-center .view-more {margin: 30px auto;}
/*新闻中心结束*/

/*底部开始*/
.footer { width: 100%; height: 300px; background: url(../images/footer-background.png) no-repeat  center 0; position: relative;}
.footer .center { position: relative;height: 300px;}
.footer-content {width: 600px; padding-top: 60px;padding-left: 200px; height: 500px;}
.footer-fridends{width: 145px;position: absolute;right: 160px ; top:70px; text-align: center;}
.footer-signal{width: 145px; position: absolute;right: 0; top:70px;text-align: center;}
/*底部结束*/


/*单页共同开始*/
.address { background: url(../images/bt_pic.png) no-repeat; text-indent: 30px;}
.detail-page-content { padding: 40px 0;}

/*单页共同结束*/


/*关于我们单页开始*/
.about-us-content { padding: 40px 0;font-size: 15px;line-height: 25px;}
/*关于我们单页结束*/


/*新闻列表单页开始*/
.detail-page-content li { width: 100%; height: 140px;}
.news-list-content {padding: 40px 0;}
/*新闻列表单页结束*/

/*新闻详情开始*/
.news-page-content { padding: 40px 0;}

/*新闻详情结束*/


/*产品列表开始*/
.product-list-content ul {margin-top: 20px;}
.product-list-content ul li {float: left; height: 45px; width:200px; margin-right: 100px;margin-bottom: 10px;}
.product-list-content ul li a.view-more { padding: 0 30px;}
#product-list-images { margin-top: 30px;}
#product-list-images li { float: left; width: 250px;height: 240px; margin-right: 50px; text-align: center;}
/*产品列表结束*/

/*产品详情开始*/


/*产品详情结束*/

fieldset { border: 0;}
input {     
	width: 264px;
    height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 0 10px;
    margin-bottom: 10px;
    }
    
textarea { width:284px; height: 100px;border: 1px solid #d9d9d9;
    border-radius: 2px;}
    
#submit {
	width: 286px;
    height: 36px;
    margin: 20px auto;
    border-radius: 3px;
    border: 0;
    text-align: center;
    font: 18px/36px "microsoft yahei";
    color: #fff;
    cursor: pointer;
}

#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;}
.eryr_bt{ margin:10px 13px 0px 13px; line-height:35px; font-size:12px; border-bottom:1px  #78c2ff   dashed;}
.eryr_bt a { color:#000;}


.wy_process {
	width: 100%;
	background: url(../images/process_bg.jpg) no-repeat top center;
	height: 510px;
	padding-top: 40px;
}
.wy_wrap {
	width: 1200px;
	margin: 0 auto;
}
.wy_process_c {
	margin-top: 40px;
}
.wy_process_c ul li {
	float: left;
	width: 205px;
	height: 279px;
	margin-right: 43px;
	cursor: pointer;
}
.hoverimgup:hover img {

	-webkit-transform: translate3d(0, -8px, 0);
	-moz-transform: translate3d(0, -8px, 0);
	transform: translate3d(0, -8px, 0);

}
.hover_animation {

	 transition: all 0.6s ease-in-out;
	 -moz-transition: all 0.6s ease-in-out;
	 -webkit-transition: all 0.6s ease-in-out;
	 -o-transition: all 0.6s ease-in-out;

 }