﻿@charset "utf-8";

*{ margin:0; padding:0; list-style:none; font-family: arial, "microsoft yahei"; font-size: 14px;}
ul,li{list-style: none; margin: 0; padding: 0;}
a{text-decoration: none;}
img {
	border: none;
	margin: 0;
	padding: 0;
}	


	
.floatleft{float: left;}
.floatright{float: right;}
.clear {clear: both;}

.content{
	width: 1200px;
	margin: auto;
	 }


.work-btn {
  margin-top: 30px;
}
.work-btn a{
	color:#EC1A25;
	color: #FFFFFF\0;
	font-weight:400;
	font-size: 15px;
  	letter-spacing: 1px;	
	border: 1px solid #EC1A25;
	background: none;
	
	padding: 12px 1.8em;
	text-decoration:none;
	
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-decoration:none;
  background: #EC1A25;
  color: #FFFFFF;
   
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);

}

/*顶部导航*/
.header{
	color: #434343;
	height: 80px;	
	font-family:arial, "microsoft yahei";
	font-size: 14px;
}

.logo{
	
}
.logo img{
	margin-top: 15px;
}
.navbar{
	line-height: 80px;
}
.navbar ul li{
	float: left;	
	position: relative;
	/*margin-right: 2px;*/
	/*border-bottom: 2px solid #FFFFFF;*/
}

.nav{
	color: #434343;
	font-size: 15px;
	display: block;
	padding: 0 30px;
	
	}


.navbar ul li:hover,.navbar ul li:active{
	/*border-bottom:2px solid #1c4587;*/
	
}
/*.navbar ul li:hover .nav,.navbar ul li:active .nav{
	
	background-color: #322a2a;	
	color: #FFFFFF;
}*/
.navbar .on{
	/*border-bottom:2px solid #1c4587;*/
	background-color: #322a2a;	
	color: #FFFFFF;	
}
.on .nav{
	/*color: #1c4587;*/
	color: #FFFFFF;
}
/*end-顶部导航*/



/*banner*/
.banner{
	width: 100%;
	height:600px;
	overflow: hidden;
	position: relative;
}

.bantxt{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -250px;
	z-index: 9;
	text-align: center;
	padding-top: 120px;
	width: 500px;
	height: 330px;
	background-image: url(../images/bantxt.png);
	background-repeat: no-repeat;
	background-position: center 70px;
}
.bantxt .bt1{
	position: absolute;
	right: 0px;
	top: 0;
}
.bantxt .bt2{
	position: absolute;
	left: 0px;
	bottom: -20px;
}
.bantxt h2{
	font-size: 50px;
	color: #322A2A;
	padding-bottom:15px;
	color: #333333;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
}
.bantxt h3{
	width: 400px;
	margin: auto;
	padding: 5px 0px;
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
	background-color: #322A2A;
	color: #FFFFFF;
	
}
.bantxt h4{
	font-size: 24px;
	font-weight: normal;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	color: #EC1A25;
}


.slides li{
	width: 100%;
	height: 600px;
}
.banner1{	
	background-image: url(../images/banner1.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

.banner2{
	background-image: url(../images/banner2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	/*background-color: #999999;*/
}

.banner3{
	background-image: url(../images/banner3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	/*background-color: #999999;*/
}

.banner4{
	background-image: url(../images/1-1_3kid.jpg);
	background-position: center;
	background-repeat: no-repeat;
	/*background-color: #999999;*/
}
.banner_txt{
	width: 400px;
	margin: auto;
	margin-top: 100px;
}
.banner_txt h1{
	color: white;
	font-family: arial;
	font-size: 36px;	
}

.flex-direction-nav{display: none;}
.banner:hover .flex-direction-nav, .banner:active .flex-direction-nav{
	display: block;
}
/*显示箭头控制按钮*/

/*end-banner*/



.main{
	position: relative;
	background-image: url(../images/5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}



/*简介*/
.about{
	
	padding: 80px 10px;
	color: #434343;
	
	/*height: 350px;*/
	/*background-image: url(../images/5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;*/
	/*background-color: #666666;*/
	
}
.ab_img{
	/*width: 500px;*/
	/*height: 300px;*/
	position: relative;
}
.ab_img img{
	height: 420px;
	position: absolute;
	top: -40px;
	left: 100px;
	/*-webkit-animation-duration: 3s;*/
  	
}
.ab_text{
	/*margin-top: 68px;*/
	margin-left: 50px;
	width: 480px;
	color: #FFFFFF;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
}
.ab_text h2{
	line-height: 30px;
	font-family: "microsoft yahei";
	font-size: 24px;
	/*border-left: 2px solid #1C4587;
	padding-left: 10px;*/
	margin-bottom: 15px;
	/*padding-left: 20px;*/
	font-weight: normal;
}
.ab_text h2 span{
	font-size: 18px;
	color: #CCCCCC;
	/*font-family: impact;
	font-weight: normal;*/
}
.ab_text p{
	width: 480px;
	font-family: arial,"microsoft yahei";
	line-height: 24px;
	text-indent: 2em;
}
.about .button1{
	margin-top: 20px;
	margin-left: 0;
}


.about .work-btn a{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
.about .work-btn a:hover{
	border: 1px solid #EC1A25;
}
/*end-简介*/



/*产品*/
.product{
	position: relative;
	/*height: 200px;*/
	/*background-image: url(../images/news_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;*/
	background-color: #FFFFFF;
}
.product .content{	
	/*position: absolute;
	top: -150px;
	left: 50%;
	margin-left: -600px;*/
	/*background-color: #FFFFFF;*/
	padding-top: 50px;
	padding-bottom: 50px;	
	/*background-image: url(../images/back_pro.jpg);
	background-position-x: center;*/
	/*background-repeat: no-repeat;*/
}
.product .title_in{
	background-image: url(../images/line_back.png);
	background-position-x: center;
	background-position-y: 20px;
	background-repeat: no-repeat;
}
.product .title_in h1{
	color: #FFFFFF;
	text-align: center;	
	margin-bottom: 5px;
	font-size: 30px;
	font-weight: normal;
}
.product .title_in h2{
	color: #CCCCCC;
	text-align: center;
	font-size: 24px;
	/*opacity: 0.5;
	filter:alpha(opacity=50);*/
	/*font-weight: normal;*/
}

/*.product_cont{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #EEEEEE;
	background-image: url(../images/back_protit.png);
	background-position: center 85px;
	background-repeat: no-repeat;
	
}
.product_cont .title_in{
	margin-bottom: 50px;
}
.product_cont .title_in h1{
	color: #666666;
	text-align: center;	
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: normal;
}
.product_cont .title_in h2{
	color: #CCCCCC;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}*/
.product_inc{
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	width: 350px;
	height: 400px;
	float: left;
	border: 1px solid #DDDDDD;
	overflow: hidden;
}
.product_img_cont{
	width: 350px;
	height: 350px;
	overflow: hidden;
	text-align: center;
}
.product_img_cont img{
	width: 350px;
	height: 350px;
}
.product_lab_cont{
	/*position: absolute;
	bottom: 0px;
	left: 0px;*/
	/*background-color: rgba(50,42,42,0.2);
	background-color: #322A2A\0;
	filter:alpha(opacity=55);*/
	background-color: #322A2A;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	/*display: none;*/
	/*padding: ;*/
}
.product_lab_cont a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	/*margin-left: 10px;
	margin-top: 10px;*/
	/*border: 1px solid #FFFFFF;*/
	
}
.product_lab_cont a h1{
	/*margin-top: 80px;*/
	/*font-size: 24px;*/
	font-size: 18px;	
	font-weight: normal;
}
.product_lab_cont a i{
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 48px;
	display: none;
}

.product_inc:hover .product_lab_cont{
	background-color: #EC1A25;
}


.product .work-btn {
    text-align: center;
}
/*产品*/







/*新闻*/
.news{
	background-color: #FFFFFF;
	/*background-image: url(../images/wki0.jpg);
	background-position: center;*/
}
.news_in{
	padding-top: 80px;
	padding-bottom: 60px;
	
}
/*.title_in{
	margin-bottom: 20px;
}
.title_in h1{
	font-family: "times new roman" ,"microsoft yahei";
	font-size: 20px;
	color: #555555;
}
.news_in .title_in h1 span{
	color: #CCCCCC;
	font-family: "times new roman";
	font-size: 22px;
}*/

.news_in ul li a{
	color: #333333;
	/*font-family: arial,"microsoft yahei";
	font-size: 14px;*/
}
.newslist{
	width: 420px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
	line-height: 26px;
}
.news_list li{
	padding-top: 10px;
	overflow: hidden;
}
.news_list li.first{
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-top: 0;
	border-bottom: 1px solid #EEEEEE;
}
.news_list li span{
	font-family: arial,"microsoft yahei";
	font-size: 12px;
	color: #999999;
	line-height: 26px;
}
.news_list li p{
	font-family: arial,"microsoft yahei";
	font-size: 13px;
	color: #888888;
	line-height: 26px;
	height: 48px;
	overflow: hidden;
}

.newslist a:hover, .newslist a:active{
	color: #ec1a25;
}
/* 本例子css */
		.slideTxtBox{ width:520px;  text-align:left; /*margin-right: 30px;*/ }
		.slideTxtBox .hd{ height:50px; line-height:30px;   /*border-bottom:1px solid #ddd; */ position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:32px; padding-left: 10px;}
		.slideTxtBox .hd ul li{ float:left;padding-left: 36px; padding-right:36px; cursor:pointer;color: #322A2A; font-size: 16px;}
		.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; /*border:1px solid #ddd; */ /*border-bottom:2px solid #2CA735; */ color: #FFFFFF; background-color: #322A2A; /*font-weight: bold;*/}
		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
		/*.slideTxtBox .bd li{ height:24px; line-height:24px;   }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }*/

.news .video{
	width: 680px;
	height: 360px;
	text-align: center;
	margin-left: 0px;

	position: relative;
	
}

.news .video .video-js{
	/*border: 5px solid #322A2A;*/
}
.news .title_in h1{
	font-family: "microsoft yahei";
	font-size: 20px;
	color: #322A2A;
	line-height: 36px;
}
.news .title_in h3{
	color: #CCCCCC;	
	font-size: 24px;
	line-height: 36px;
}
.news .title_in img{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.ti_cont{
	width: 300px;
}

.news .work-btn{
	margin-left: 15px;
}
/*新闻*/










/*footer*/
.footer{
	background-color: #322A2A;	
	color: #FFFFFF;
	line-height: 32px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	/*margin-top: 30px;*/
}
.footer *{
	font-size: 13px;
}
.footer_nav{
	
}
.footer_nav a{
	color:#FFFFFF;
	font-size: 14px;

}
.footer_nav a:hover{
	color: #FF0000;
}
/*footer*/



/*返回顶部*/
.toTop {
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 999;
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
	visibility: visible;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	color: #9c9c9c;
	font-size: 16px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	_position: absolute;
	_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
}

.toTop:hover {
	color: #fff;
	text-decoration: none;
	background-color: #999;
	border: 1px solid #999999;
}
			
/*返回顶部*/












/*内页*/
/*banner*/
.banner_con2{
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/banner_2s.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.banner_con2 img{
	width: 1920px;
	height: 250px;
	
	
}
.banner_con2_text{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
}

.banner_con2 h1{
	position: absolute;
	left: 300px;
	top: 80px;
	z-index: 5;
	font-family: arial,"microsoft yahei";
	font-size: 48px;
	color: #322A2A;
	
	font-weight: normal;
}

/*banner*/


/*左侧内容*/
.main_cont{
	background-image: url(../images/back1.jpg);
	background-position: center;
	background-attachment: fixed;
	/*padding: 30px 0;*/

	
}

.main_cont .content{
	/*background-color: #FFFFFF;*/
	overflow: hidden;
}



.left{	
	background-color: #f6f6f6;
	width: 280px;
	min-height: 750px;
	/*padding-bottom: 30px;*/
	
	/*border-right: 1px solid #DDDDDD;*/
}

/*.title_left h1{
	color: #003B6E;
	font-size: 16px;
	padding-left: 30px;
	
}*/
.left_a{
	
}
.left_a .title_left{
	height: 100px;
	line-height: 42px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	padding-bottom: 10px;
	background-color: #322A2A;
	border-bottom: 1px solid #FFFFFF;
}
.left_a .title_left h2{
	font-family: impact;
	font-size:30px;
	color: #EEEEEE;
	font-weight: normal;
}
.left_a .title_left hr{
	width: 30px;
	height: 2px;
	background-color: #EEEEEE;
	border: none;
	
}
.left_a .title_left h1{
	font-size: 26px;
	text-align: right;
	color: #FFFFFF;
	padding-right: 20px;
	/*padding-left: 88px;*/
	font-weight: normal;
}
.left_menu{
	/*background-color: #f8f8f8;*/
}
.left_menu  ul li{
	line-height: 46px;
	border-bottom: 1px dotted #efefef;
	
}
.left_menu ul li a{
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	padding-left: 30px;
	color: #333333;
	display: block;
}

.left_menu ul li a:hover{
	background-color: #EC1A25;
	color: #FFFFFF;
	/*border-left: 2px solid #007AC8;*/
}
.left_menu ul li a.active{
	background-color: #EC1A25;
	color: #FFFFFF;
	/*font-weight: bold;*/
	/*border-left: 2px solid #007AC8;*/
}
.left_b{	
	margin-top: 50px;
}
.left_b .title_left{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	background-color: #322A2A;
}
.left_b .title_left h1{
	font-size: 20px;
	color: #FFFFFF;
	font-family: "microsoft yahei";
}
.contact_left{
	padding:10px 20px;
	padding-bottom: 150px;
	background-image: url(../images/contact_left0.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.contact_left p{
	font-family: arial,"microsoft yahei";
	font-size: 13px;
	color: #666666;
	line-height: 30px;

}
.contact_left i{
	font-size: 26px;
	color: #FF8C00;
	margin-right: 0px;
}
.contact_left p a{
	color: #666666;
}
.contact_left p a:hover{
	color: #EC1A25;
}
/*p.tel_left{
	font-family: arial,"microsoft yahei";
	font-size: 20px;
	line-height: 42px;
	color: #FF8C00;
	
}*/
/*左侧内容*/

/*右侧内容*/
.right{
	/*margin-bottom: 30px;*/
	padding-top: 20px;
	padding-bottom:30px;
	padding-right: 30px;
	padding-left: 40px;
	/*padding-right: 40px;*/
	width: 850px;
	min-height: 700px;
	background-color: #FFFFFF;
	
}
.right_title{
	height: 48px;
	line-height: 48px;	
	border-bottom: 2px solid #DDDDDD;
}
.right_ti_text{
	font-family: "microsoft yahei";
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	border-bottom:2px solid #EC1A25;
}
.location0{
	font-family:arial, simsun;
	font-size: 12px;
	color: #666666;
}
.location0 a{
	font-family:arial, simsun;
	font-size: 12px;
	color: #666666;
}
.location0 a:hover{
	color: #EC1A25;
}
.about_us{
	margin-top: 20px;
	/*padding-bottom: 150px;
	background-image: url(../images/city.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;*/
	
}
.about_us p{
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	line-height: 32px;
	text-indent: 2em;
	color: #555555;
}
.ab_2{
	font-size: 14px;
	font-weight: bold;
	color: #fc6b00;
}
.ab_3{
	font-size: 14px;
	font-weight: bold;
}
/*公司简介*/




/*新闻中心*/
.news_page{
	padding-top: 20px;
}


.news_page ul li{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dotted #EEEEEE;
	
	
	background-image: url(../images/dot1.png);
	background-position: center left;
	background-repeat: no-repeat;
}

.news_page ul li a{
	color: #555555;
	padding-left: 15px;
}
.news_page ul li a h3{
	font-weight: normal;
	width: 720px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_page ul li span{
	color: #888888;
}
.news_page ul li:hover{
	background-image: url(../images/dot2.png);
}
.news_page ul li a:hover, .news_page ul li a:active{
	color: #EC1A25;
}

/*新闻详情*/
.news_cont_1{
	margin-top: 30px;
}
.news_cont_1 h1{
	font-family:arial, "microsoft yahei";
	font-size: 18px;
	color: #555555;
	text-align: center;
	line-height: 40px;
	
}
.news_cont_1_02{
	font-family: arial,simsun;
	font-size: 12px;
	color: #aaaaaa;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #DDDDDD;
}
.news_cont_1_03{
	margin-top: 20px;
}
.news_cont_1_03 p{
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	text-indent: 2em;
	line-height: 26px;
	color: #555555;
}



/*end 新闻详情*/

/*end 新闻中心*/





/*公司图片*/
.gallery li{
	float: left;
	margin-right: 15px;
	/*margin-bottom: 20px;*/
	width: 250px;
	height: 350px;
	}
.gallery li img{
	width: 250px ;
	height: 330px;
	}
.gallery li h3{
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	color: #434343;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
	
}	
/*end 公司图片*/










/*产品展示*/
.products_box{
	padding-top: 20px;
}

.products_box ul li{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 260px;
	height: 300px;
	overflow: hidden;
}
.product_img{
	display: block;
	width: 250px;
	height: 250px;
	padding: 5px;
	border: 1px solid #dddddd;	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}
.products_box ul li:hover .product_img{
	border:1px solid #EC1A25;
}
.product_img img{
	width: 240px;
	height: 240px;

}
.product_label{
	display: block;
	width: 252px;
	height: 36px;
	/*padding-top: 10px;*/
	line-height: 36px;
	text-align: center;
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	background-color: #322A2A;
	color: #FFFFFF;
}

.products_box ul li:hover .product_label{
	background-color: #EC1A25;
}

.pagination{
	/*margin-bottom: 20px;*/
	padding-bottom: 20px;
	float: right;
	overflow: hidden;
	margin-top: 30px;
}
.page_number li{
	display: inline;
	font-family: simsun;
	/*font-size: 12px;*/
	
}
.page_number li a{
	display: inline-block;
	color: #4C4C4C;
	padding: 6px;	
	border: 1px solid #EEEEEE;
	
}
.page_number li a:hover{
	/*color: #FF0000;*/
	background-color: #FF0000;
	color: #FFFFFF;
}



/*产品详情*/

.pro_detail_co{
	
}
.pro_de_img{
	width: 500px;
	height: 400px;
	/*border: 1px solid #EEEEEE;*/
	margin-top: 20px;
}

.pro_detail_right{
	margin-top: 20px;
	margin-left: 50px;
}
.pro_detail_right h1{
	font-family: arial,"microsoft yahei";
	font-size: 18px;
	
	color: #322A2A;
	width: 255px;
}

.pro_de{
	margin-top: 20px;	
	
}
.pro_de h2{
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 6px;
	background-color: #663300;
}
.pro_de b{
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	/*font-weight: normal;
	color: #4C4C4C;*/
	}
.pro_de p{
	width: 300px;
	margin-top: 6px;
	font-family: arial,simsun;
	font-size: 12px;
	line-height: 26px;
	color: #666666;
}

/* 本例子css */
		.proview{  position:relative;  zoom:1;   }
		.proview .hd{  /*padding-top:5px; padding-bottom: 10px;*/ overflow:hidden; float: left; }
		.proview .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
		.proview .hd ul li{ padding-top:5px; /*float:left; */ text-align:center;  }
		.proview .hd ul li img{ width:80px; height:80px; border:1px solid #ddd; cursor:pointer; margin-right:5px;   }
		.proview .hd ul li.on{ }
		.proview .hd ul li.on img{ border-color:#EC1A25;  }
		.proview .bd{float: right;}
		.proview .bd li{ vertical-align:middle; }
		
		.proview .bd img{ width:400px; height:400px; display:block; border: 1px solid #EEEEEE;}











.pro_detail_co2{
	margin-top: 30px;
}
.pro_de_ti{
	border-bottom: 1px solid #322A2A;
	margin-bottom: 20px;
	/*background-color: #322A2A;*/
}
.pro_de_ti h1{
	width: 120px;
	text-align: center;
	line-height: 30px;
	background-color: #322A2A;
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	color: white;
}
.pro_detail_co2 p{

	line-height: 24px;
	color: #434343;
}
.pro_detail_co2 p img{
	display: block;
}


.product_img02{
	position:relative;

}

.product_img02 .small{
	position:relative;
	text-align:center;
	background:#FFF;
	}
.product_img02 .small img{
	width: 300px;
	height: 300px;
	border: 1px solid #EEEEEE;}
.product_img02 .small .mark{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:150px;
	height:150px;
	background:#FFFFFF;
	filter:alpha(opacity:50); 
	opacity:0.5;
	display:none;
	}

.product_img02 .big{
	position:absolute;
	left:320px;
	top:0px;
	z-index: 99;
	display:none;}
.big img{width: 600px;height: 600px;}	
.boxbig{
	position:absolute;
	left:320px;
	top:0;
	width:300px;
	height:300px;
	overflow:hidden;
	border: 1px solid #EEEEEE;
	display: none;
	}


/*end 产品详情*/


/*end 产品展示*/














/*联系我们*/
.contact_text h1{
	font-family: "microsoft yahei";
	font-size: 20px;
	color: #EC1A25;
	/*padding-left: 20px;*/
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.contact_text p{
	font-family:arial, "microsoft yahei";
	font-size: 14px;
	color: #322A2A;
	line-height: 30px;
	
}
.contact_text p i{
	font-size: 16px;
	color: #888888;
	margin-right: 6px;
}

.contact_text p a{
	color: #322A2A;
}

.contact_text p a:hover{
	color: #EC1A25;
}




.map{
	margin-top: 20px;
}
/*联系我们*/







/*时间轴*/
#timeline {
		width: 850px;
		height: 600px;
		overflow: hidden;
		margin: 40px auto;
		position: relative;
		background: url('../images/dot.gif') 3px top repeat-y;
	}
		#dates {
			width: 120px;
			height: 600px;
			overflow: hidden;
			float: left;
			
		}
			#dates li {
				list-style: none;
				width: 120px;
				height: 100px;
				line-height: 100px;
				font-size: 24px;
				padding-left: 10px;
				background: url('../images/biggerdot.png') left center no-repeat;
			}
				#dates a {
					/*line-height: 38px;*/
					padding-bottom: 10px;
					color: #322A2A;
				}
				#dates .selected {
			        font-size: 24px;
			        color: #EC1A25;
				}
		
		#issues {
			width: 700px;
			height: 600px;
			overflow: hidden;
			float: left;
		}	
			#issues li {
				width: 700px;
				height: 600px;
				list-style: none;

			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					float: left;
					/*margin: 10px 30px 10px 50px;*/
					/*margin-top: 10px;*/
					margin-bottom: 60px;
					width: 700px;
					height: 469px;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #322A2A;
					font-size: 28px;
					/*text-align: center;*/
					font-weight:normal ;
					/*text-shadow: #000 1px 1px 2px;*/
				}
				#issues li p {
					font-size: 14px;
					margin: 10px 20px;
					font-weight: normal;
					line-height: 22px;
					/*text-shadow: #000 1px 1px 2px;*/
				}
		
		#grad_top,
		#grad_bottom {
			width: 500px;
			height: 80px;
			position: absolute;
		}
			#grad_top {
		        top: 0;
		        background: url('../images/grad_top.png') repeat-x;
			}
			#grad_bottom {
		        bottom: 0;
		        background: url('../images/grad_bottom.png') repeat-x;
			}
		
		#next,
		#prev {
			position: absolute;
			left: 55%;
			font-size: 70px;
			width: 38px;
			height: 22px;
			background-position: 0 -44px;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position:  0 0;
			}
			#next {
				bottom: 0;
				background-image: url('../images/next_v.png');
			}
			#prev {
				top: 0;
				background-image: url('../images/prev_v.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}

/*end 时间轴*/