@font-face{
	src:url(../fonts/bebas___-webfont.woff2);
	font-family:"click";
	}
@font-face{
	src:url(../fonts/verdana.ttf);
	font-family:"verdana";
	}
html, body, div,  h1, h2, h3, h4, h5, h6, a, em, img, hr, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color:#666;
    font-weight: inherit;
    font-style: inherit;
	list-style:none;
	font-size:12px;
	line-height:24px;
	font-family:"verdana",arial,helvetica,sans-serif;

}
p{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
	list-style:none;
	font-size:12px;
	line-height:24px;
	}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, dir, section {
    margin: 0;
    padding: 0;
    display: block;	
}
.clear{
	clear:both;
	}
a{
	text-decoration:none;
	}
.all_comm{
	width:44px;
	height:100px;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-50px;
	z-index:999;
	}
.all_comm li{
	width:44px;
	height:44px;
	background-color:#222;
	border-radius:5px;
	margin:3px 0;
	position:relative;
	cursor:pointer;
	}
.all_comm li > img{
	display:block;
	width:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:9999;
	}
.all_comm li p{
	position:absolute;
	right:38px;
	top:0;
	background-color:#222;
	line-height:44px;
	width:0px;
	text-align:center;
	border-radius:5px;
	color:#fff;
	font-size:14px;
	opacity:0;
	letter-spacing:0.5px;
	overflow:hidden;
	}
.all_comm li:hover p{
	opacity:1;
	width:130px;
	-webkit-transition:all .5s;
	transition:all .5s;
	}
.all_comm li .ewm{
	position:absolute;
	right:-130px;
	top:-76px;
	opacity:0;
	overflow:hidden;
	width:130px;
	}
.all_comm li .ewm img{
	display:block;
	width:100%;
	}
.all_comm li:hover .ewm{
	opacity:1;
	right:44px;
	width:130px;
	-webkit-transition:all .5s;
	transition:all .5s;
	}
.header{
	width:100%;
	height:80px;
	background-color:#fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#c5c5c5')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#c5c5c5');
	-moz-box-shadow:0 0 3px 0 #c5c5c5;
    -webkit-box-shadow:0 0 3px 0 #c5c5c5;
    box-shadow:0 0 3px 0 #c5c5c5;
	position:fixed;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	z-index:999;
	}
.header .logo{
	width:25%;
	float:left;
	height: 100%;
	}
.header .logo img{
	display:block;
	height: 84%;
	margin:auto;
	margin-top:8px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	}
.header ul{
	width:63%;
	float:left;
	height:80px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	}
.header ul li{
	float:left ;
	width:14.28% ;
	#width:14.26% ;
	position:relative;
	height:80px;
	}
.header ul li h1{
	font-size:15px;
	color:#333;
	letter-spacing:1px;
	line-height:80px;
	position:absolute;
	width:100%;
	text-align:center;
	top:0;
	z-index:2;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.header ul li span{
	display:block;
	width:100%;
	height:0px;
	background-color:#ed1b24;
	position:absolute;
	left:0%;
	bottom:0px;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	}
.header ul li:hover span{
	height:100%;
	left:0;
	}
.header ul li b{
	display:block;
	width:1px;
	height:100%;
	background-color:#f3f3f3;
	position:absolute;
	left:0%;
	bottom:0px;
	z-index:99;
	}
.header ul li:hover h1{
	color:#fff;
	}
.index_active{
	content:"";
	width:100%;
	background-color:#ed1b24;
	position:absolute;
	left:0%;
	top:0px;
	color:#fff !important;
	}
.language{
	float:left;
	width:6%;
	height:80px;
	background-color:#fff;
	text-align:center;
	color:#333;
	font-size:16px;
	line-height:80px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	}
.language b{
	display:block;
	width:1px;
	height:100%;
	background-color:#999;
	position:absolute;
	right:0%;
	bottom:0px;
	}
.search{
	float:left;
	width:6%;
	height:80px;
	background-color:#333;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	position: relative; 
	}
.search img{
	display:block;
	width:22px;
	margin:auto;
	margin-top:29px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	}
.search_item{
	position:absolute;
	right:0px;
	top:80px;
	width: 230px;
	z-index:99;
	height:0;
	overflow:hidden;
	}
/*input{
	display:block;
	}*/
.search_box{
	border:none;
	background-color:#fff;
	color:#666;
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-size:12px;
	float:left;
	width:169px;
	}
.search_btn{
	line-height:30px;
	width:50px;
	border:none;
	background-color:#e70011;
	color:#fff;
	float:left;
}
.banner{
	width:100%;
	height:100%;
	position:relative;
	}
.banner dd{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:none;
	}
.banner dd .txt{
	width:640px;
	height:220px;
	background-color: rgba(51,51,51,0.6);
	position:absolute;
	left:50%;
	margin-left:-320px;
	top:50%;
	opacity:0;
	}
.banner dd .txt h1{
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	font-size:40px;
	line-height: 100px;
	font-weight: bold;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
	letter-spacing:2px;
	}
.banner dd .txt	p{
	text-align: center;
	font-size:35px;
	color: #fff;
	line-height: 30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	letter-spacing:1px;
	}
.banner dd .txt	h3{
	text-align: center;
	font-size:12px;
	color: #fff;
	line-height: 110px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	position:relative;
	}
.banner dd .txt	h3:before{
	content:"";
	width:100px;
	height:1px;
	background:#fff;
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:30px;
	}
.banner dd .txt1{
	}
.banner dd .txt1 h4{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	font-size:40px;
	line-height: 100px;
	font-weight: bold;
	letter-spacing:2px;
	position:absolute;
	right:0%;
	top:35%;
	opacity:0;
	}
.banner dd .txt1 h5{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	font-size:14px;
	line-height: 100px;
	letter-spacing:1px;
	position:absolute;
	right:16%;
	top:55%;
	opacity:0;
	}
.banner dd .txt1 h5:before{
	content:"";
	width:120px;
	height:1px;
	background-color:rgba(255,255,255,0.8);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:20px;
	}
.banner .btn{
	width:112px;
	position:absolute;
	left:50%;
	margin-left:-56px;
	bottom:90px;
	}
.ban_active{
	background-color:#ed1b24 !important;
	}
.banner .btn span{
	display:block;
	float:left;
	margin:8px;
	width:40px;
	height:4px;
	background-color:#fff;
	box-shadow:0 2px 2px rgba(51,51,51,0.2);
	border-radius:20px;
	}
.index_turn{
	width:40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
	position:absolute;
	left:50%;
	margin-left:-20px;
	top:93%;
	animation:ban_scoll 4s linear 0s infinite;
	-webkit-animation:ban_scoll 4s linear 0s infinite;

	}

@-webkit-keyframes ban_scoll {
	0%,100% {
		top:92%;
	}
	50% {
		top:94%;
	}
	}
.index_about{
	width:100%;
	height:100%;
	}
.index_about .left{
	float:left;
	width:50%;
	height:100%;
	}
.index_about .left .txt{
	color:#fff;
	width:90%;
	margin:auto;
	margin-top:25%;
	}
.index_about .left h1{
	color:#fff;
	font-size:30px;
	text-align:center;
	letter-spacing:2px;
	position:relative;
	margin-bottom:10%;
	}
.index_about .left h1:before{
	content:"";
	width:46px;
	height:4px;
	background-color:#fff;
	border-radius:20px;
	position:absolute;
	left:50%;
	margin-left:-23px;
	bottom:-30px;
	}
.index_about .left p{
	color:rgba(255,255,255,0.78);
	letter-spacing:1px;
	width:90%;
	font-size:13px;
	margin:auto;
	line-height:28px;
	text-indent:26px;
	}
.index_about .left ul{
	width:90%;
	margin:10% auto;
	}
.index_about .left ul li{
	float:left;
	width:25%;
	-webkit-transition:all 2s;
	transition:all 2s;
	opacity:0;
	}
.index_about .left h2{
	color:rgba(255,255,255,1);
	letter-spacing:1px;
	font-size:15px;
	text-align:center;
	margin-top:20px;
	}
.index_about .left ul li span{
	display:block;
	width:110px;
	height:110px;
	border-radius:50%;
	margin:auto;
	background-color:#fff;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.index_about .left ul li .img{
	width:100%;
	height:110px;
	overflow:hidden;
	}
.index_about .left ul li img{
	width:100px;
	margin:auto;
	margin-top:8px;
	display:block;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	}
.index_about .left ul li:hover span{
	background-color:#ed1b24;
	}
.index_about .left ul li:hover span img{
	margin-top:-97px;
	}
.index_about .right_box{
	float:left;
	width:50%;
	height:100%;
	overflow:hidden;
	position:relative;
	}
.index_about .right{
	width:100%;
	height:100%;
	-webkit-transition:all 1s;
	transition:all 1s;
	}
.index_about .right_box:hover .right{
	width:110%;
	}
.index_about .right_box .txt{
	width:400px;
	height:130px;
	border:1px solid rgba(255,255,255,0.6);
	position:absolute;
	left:50%;
	margin-left:-200px;
	top:50%;
	margin-top:-65px;
	}
.index_about .right_box .txt h3{
	text-align:center;
	font-size:30px;
	color:#fff;
	margin-top:30px;
	letter-spacing:2px;
	}
.index_about .right_box .txt p{
	text-align:center;
	font-size:13px;
	color:rgba(255,255,255,0.9);
	margin:25px 0;
	letter-spacing:1px;
	}
.index_pro{
	height:100%;
	width:100%;
	}
.index_pro h1{
	padding-top:8%;
	color:#333;
	font-size:30px;
	text-align:center;
	letter-spacing:2px;
	position:relative;
	margin-bottom:6%;
	}
.index_pro h1:before{
	content:"";
	width:46px;
	height:4px;
	background-color:#ed1b24;
	border-radius:40px;
	position:absolute;
	left:50%;
	margin-left:-23px;
	bottom:-30px;
	}
.pro_box{
	width:100%;
	overflow:hidden;
	}
.index_pro dl{
	height:65.8%;
	}
.index_pro dd{
	float:left;
	width:25%;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	height:100%;
	background-color:#fff;
	}
.index_pro dd .imgs{
	width:100%;
	height:85%;
	border-right:1px solid rgba(204,204,204,0.5);
	box-sizing:border-box;
	}
.index_pro dd img{
	display:block;
	width:90%;
	height:100%;
	margin:auto;
	}
.index_pro dd h2{
	color:#666;
	font-size:16px;
	text-align:center;
	letter-spacing:1.5px;
	padding:22px 0;
	border-top:3px solid rgba(51,51,51,1);
	box-sizing:border-box;
	position:relative;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.index_pro dd h2 b{
	display:block;
	width:0px;
	height:3px;
	background-color:#ed1b24;
	position:absolute;
	left:0;
	top:-3px;
	
	}
.index_pro dd span{
	font-size:32px;
	color:#ed1b24;
	position:absolute;
	right:0px;
	bottom:14px;
	opacity:0;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	}
.index_pro dd:hover h2{
	text-align:left;
	padding-left:30px;
	}
.index_pro dd:hover span{
	opacity:1;
	right:25px;
	}
.index_pro dd:hover b{
	width: 100%;
	-webkit-transition:all 4.5s;
	transition:all 4.5s;
	}
.index_px{
	padding-top:4%;
	}
.index_px h1{
	font-size:30px;
	text-align:center;
	letter-spacing:2px;
	position:relative;
	margin-bottom:3%;
	color:#333;
	margin-top:5%;
	}
.index_px h1:before{
	content:"";
	width:46px;
	height:4px;
	background-color:#999;
	border-radius:40px;
	position:absolute;
	left:50%;
	margin-left:-23px;
	bottom:-30px;
	}
.index_px p{
	width:82%;
	margin:auto;
	font-size:15px;
	text-align:center;
	letter-spacing:1.2px;
	line-height:58px;
	color:#333;
	}
.index_px dl{
	margin-top:2%;
	overflow: hidden;
	}
.index_px dl dd{
	float: left;
	width: 33.3%;
	position: relative;
	}
.index_px dl dd .imgs{
	overflow: hidden;
	}
.index_px dl dd img{
	display: block;
	width: 100%;
	margin:auto;
	}
.index_px dl .txt{
	width: 100%;
	height: 100%;
	position: absolute;;
	left: 0;
	top: 0;
	background-color: rgba(51,51,51,0.6);
	opacity: 0;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.index_px dl dd:hover .txt{
	opacity: 1;
	}
.index_px dl .txt h2{
	margin-top: 24%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 15px;
	}
.index_px .more1{
	margin:auto;
	width:90px;
	height:30px;
	border:1px solid rgba(255,255,255,0.5);
	margin-top:6%;
	position:relative;
	}
.index_px .more1:before{
	content:"";
	width:0;
	height:30px;
	background-color:#ed1b24;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	}
.index_px .more1 span{
	display:block;
	width:100%;
	font-size:12px;
	text-align:center;
	letter-spacing:1.4px;
	line-height:30px;
	color:#fff;
	position:absolute;
	top:0;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	}	
.index_px .more1:hover:before{
	width:100%;
	}
.index_px .more{
	margin:auto;
	width:140px;
	height:40px;
	background-color:#fff;
	margin-top:10%;
	position:relative;
	opacity:0;
	-webkit-transition:all 1.8s ease-in-out;
	transition:all 1.8s ease-in-out;
	}
.index_px .more:before{
	content:"";
	width:0;
	height:40px;
	background-color:#ed1b24;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	}
.index_px .more span{
	display:block;
	width:100%;
	font-size:14px;
	text-align:center;
	letter-spacing:2px;
	line-height:40px;
	color:#333;
	position:absolute;
	top:0;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	}
.index_px .more:hover:before{
	width:100%;
	}
.index_px .more:hover span{
	color:#fff;
	}
.index_contact{
	padding-top:9%;
	}
.index_contact h1{
	font-size:30px;
	text-align:center;
	letter-spacing:2px;
	position:relative;
	margin-bottom:6%;
	color:#333;
	margin-top:5%;
	opacity:0;
	-webkit-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
	}
.index_contact h1:before{
	content:"";
	width:46px;
	height:4px;
	background-color:#ed1b24;
	border-radius:40px;
	position:absolute;
	left:50%;
	margin-left:-23px;
	bottom:-30px;
	}
.index_contact p{
	width:62%;
	margin:auto;
	font-size:13px;
	text-align:center;
	letter-spacing:0.5px;
	line-height:28px;
	color:#666;
	margin-top:10%;
	opacity:0;
	-webkit-transition:all 1.2s ease-in-out;
	transition:all 1.2s ease-in-out;
	}
.index_contact ul{
	width:70%;
	margin:auto;
	margin-top:15%;
	opacity:0;
	-webkit-transition:all 1.8s ease-in-out;
	transition:all 1.8s ease-in-out;
	}
.index_contact ul li{
	width:33.3%;
	float:left;
	margin-top:5%;
	position:relative;
	}
.index_contact ul li img{
	display:block;
	width:120px;
	}
.index_contact ul li .ico{
	display:block;
	position:absolute;
	left:50%;
	margin-left:-60px;
	top:20px;
	}

@-webkit-keyframes icoI {
	0%,100% {
		top:10px;
	}
	50% {
		top:30px;
	}
	}
.index_contact ul li:hover .ico{
	-webkit-animation: icoI 1.2s linear infinite;
	animation: icoI 1.2s linear infinite;
	}
.index_contact ul li h2{
	line-height:56px;
	font-size:15px;
	text-align:center;
	letter-spacing:1px;
	color:#444;
	padding-top:100px;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	}
.index_contact ul li:hover h2{
	color:#222;
	}
.index_contact .bottom_box{
	width:100%;
	opacity:0;
	margin-top:10%;
	-webkit-transition:all 2.2s ease-in-out;
	transition:all 2.2s ease-in-out;
	}
.index_contact .more{
	margin:auto;
	width:170px;
	height:40px;
	background-color:#222;
	position:relative;
	}
.index_contact .more:before{
	content:"";
	width:0;
	height:40px;
	background-color:#ed1b24;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	}
.index_contact .more span{
	display:block;
	width:100%;
	font-size:14px;
	text-align:center;
	letter-spacing:2px;
	line-height:40px;
	color:#fff;
	position:absolute;
	top:0;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	}
.index_contact .more:hover:before{
	width:100%;
	}
.index_contact .more:hover span{
	color:#fff;
	}
.index_contact .links{
	width:84%;
	position:absolute;
	left:8%;
	bottom:0px;
	opacity:0;
	-webkit-transition:all 2.8s ease-in-out;
	transition:all 2.8s ease-in-out;
	}
.index_contact .links dd{
	float:left;
	color:#666;
	font-size:14px;
	margin:0 1%;
	font-size:13px;
	letter-spacing:1px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.index_contact .links dd:hover{
	color:#333;
	text-decoration:underline;
	}
.footer{
	width:100%;
	background:#111;
	position: fixed;
	left:0;
	bottom:0;
	}
.support{
	width:83%;
	margin:auto;
	height:46px;
	}
.support p{
	color:#FFF;
	font-size:12px;
	letter-spacing:0.6px;
	float:left;
	line-height:46px;
	}
.support a{
	float:right;
	color:#FFF;
	font-size:12px;
	letter-spacing:0.6px;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	line-height:46px;
	}
.support a:hover{
	color:rgba(255,255,255,0.9)
	}
.footer_o{
	width:100%;
	background:#111;
	position:relative;
	}
.footer_o .back img{
	display:block;
	width:40px;
	position:absolute;
	right:20px;
	top:-60px;
	}
/*关于我们*/
#x_list{
width:100%;
margin:0px auto 0px auto;
padding:0px 0px 30px 0px;
}
#x_list ul{
width:100%;
overflow:hidden;
}
#x_list ul li{
float:left;
width:24%;
margin:0px 0.5% 0px 0.5%;
}
#x_list ul li img{
width:100%; border:1px solid #ddd;
max-width:100%;
    max-height:100%;
    transition:transform 0.6s;
    -webkit-transition:-webkit-transform 0.6s;
}
#x_list ul li img:hover{
width:100%;transform: scale(1.06);
}

#x_list ul li p{
text-align:center;
font-size:22px;
padding:12px 0px;
color:#666;
}
.about{
	background-color:#f8f8f8;
	padding-top:160px;
	padding-bottom:70px;
	width:100%;
	background:url(../images/company.jpg) no-repeat;
	background-position:center bottom;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
	}
.about h1{
	color: #ed1c24;
    font-size: 22px;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
	margin-bottom:20px;
	}
.about h2{
	text-align: center;
	font: 34px "acaslonpro","times new roman",tahoma,georgia;
	color: #888;
	position:relative;
	margin-bottom:0px;
	}
.about h2:before {
    content: "";
    width: 160px;
    height: 1px;
    background-color: #ccc;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    bottom: -20px;
	}
.about ul{
	width:800px;
	margin:20px auto;
	}
.about ul li{
	float:left;
	width:140px;
	height:140px;
	background-color:#888;
	border-radius:50%;
	margin:40px 20px;
	position:relative;
	color:#fff;
	cursor:default;
	}
.about ul li:before{
	content:"";
	width:150px;
	height:150px;
	border:1px solid #ebebeb;
	border-radius:50%;
	box-sizing:border-box;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-75px;
	margin-top:-75px;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	}
.about ul li:after{
	content:"";
	width:0px;
	height:0px;
	border-radius:50%;
	position:absolute;
	left:50%;
	top:50%;
	background-color:#ed1c24;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	}
.about ul li span{
	display:block;
	text-align:center;
	font-size:22px;
	letter-spacing:2px;
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-12px;
	z-index:888;
	}
.about ul li:hover:after{
	width:100%;
	height:100%;
	left:0;
	top:0;
	}
.about ul li:hover:before{
	border:1px solid #f7c9c9;
	}
.about1{
	width:100%;
	position:relative;
	min-height:500px;
	padding:0px 0px 30px 0px;
	}
.about1 .xj img{
	display:block;
	width:40px;
	position:absolute;
	left:50%;
	margin-left:-20px;
	top:-20px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity:0.7;
	}
.about1 .txt{
	width:1100px;
	background:url(../images/about_bc.png) no-repeat;
	padding:70px 0;
	position:absolute;
	top:-80px;
	left:50%;
	margin-left:-550px;
	}
	.about1 .txt h3{
font-size:30px; color:#de3309;
width:960px; margin:0px auto;
	}
	.about1 .txt hr{
 width:60px;margin:20px 0px 0px 72px; color:#dedede;height:1px;border:none;border-top:2px  solid #de3309; padding:16px 0px 10px 0px;
	}
.about1 p{
	color:#555;
	width:960px;
	margin:auto;
	font-size:16px;
	line-height:28px;
	letter-spacing:0.6px;
	margin-top:20px;
	}
.about1 .txt_en p{
	color:#555;
	width:880px;
	margin:auto;
	font-size:13px;
	letter-spacing:0.1px;
	margin-top:20px;
	}
.about2{
	background-color:#f4f4f4;
	padding:60px 0;
	}
.about2 .culture{
	width:1100px;
	margin:auto;
	}
.about2 .left{
	float:left;
	width:50%;
	}
.about2 h2{
	color: #ed1c24;
	font: italic bold 30px Arial;
	margin-bottom:20px;
	margin-top:25px;
	}
.about2 h1{
	color: #333;
    font-size: 30px;
    letter-spacing: 2px;
    position: relative;
	margin-bottom:40px;
	}
/*.about2 h1:before {
    content: "";
    width: 46px;
    height: 4px;
    background-color: #666;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: -30px;
	}*/
.about2 .left p{
	color:#555;
	width:88%;
	font-size:13px;
	letter-spacing:0.8px;
	margin-top:10px;
	line-height:26px;
	}
.about2 .left_en p{
	color:#555;
	width:88%;
	font-size:13px;
	letter-spacing:0.2px;
	margin-top:10px;
	line-height:26px;
	}
.about2 .right{
	float:left;
	width:50%;
	height:318px;
	background:url(../images/culture1.jpg) no-repeat;
	background-size:cover;
	}
.about2 .right .txt{
	width:60%;
	height:60px;
	margin:auto;
	margin-top:100px;
	text-align:center;
	}
.about2 .right .txt span{
	display:block;
	width:100px;
	height:1px;
	background-color:#fff;
	margin:auto;
	}
.about2 .right .txt p{
	color:#fff;
	font-size:16px;
	line-height:60px;
	text-shadow:0 2px 2px rgba(0,0,0,0.5);
	}
.about3{
	background:#fff;
	padding-top:80px;
	padding-bottom:60px;
	}
.about3 .honor{
	width:1100px;
	margin:auto;
	}
.about3 h1{
	color: #333;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
	margin-bottom:50px;
	}
.about3 h1:before {
    content: "";
    width: 46px;
    height: 4px;
    background-color: #666;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: -30px;
	}
.about3 .honor_bar{
	width:100%;
	height:348px;
	overflow:hidden;
	position:relative;
	padding-top:30px;
	}
.about3 ul{
	}
.about3 ul li{
	float:left;
	width:245px;
	margin:0 15px;
	background-color:#e9e7e7;
	position:relative;
	}
.about3 ul li img{
	display:block;
	width:80%;
	margin:auto;
	margin-top:20px;
	}
.about3 ul li p{
	line-height:50px;
	text-align:center;
	color:#333;
	font-size:14px;
	}
.about3 .left{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	background:url(../images/left.jpg) no-repeat;
	width:40px;
	height:30px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	filter:alpha(opacity=0);  
    -moz-opacity:0;  
    -khtml-opacity: 0; 
	opacity:0;
	}
.about3 .right{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
	background:url(../images/left.jpg) no-repeat;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	width:40px;
	height:30px;
	filter:alpha(opacity=0);  
    -moz-opacity:0;  
    -khtml-opacity: 0; 
	opacity:0;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.about3 .honor_bar:hover .left,.about3 .honor_bar:hover .right{
	filter:alpha(opacity=100);  
    -moz-opacity:100;  
    -khtml-opacity: 100; 
	opacity:100;
	}
.about3 .xx{
	width:100%;
	height:0;
	background-color:rgba(102,102,102,0.8);
	#background-color:#ccc;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	filter:alpha(opacity=0);  
    -moz-opacity:0;  
    -khtml-opacity: 0; 
	opacity:0;
	}
.about3 .xx .more{
	position:relative;
	}
.about3 .xx .more .imgs{
	width:80px;
	margin:auto;
	margin-top:240px;
	-webkit-transition:all 0.9s;
	transition:all 0.9s;
	}
.about3 .xx .more img{
	display:block;
	width:100%;
	}
.about3 .honor_bar li:hover .xx{
	height:100%;
	filter:alpha(opacity=100);  
    -moz-opacity:100;  
    -khtml-opacity: 100; 
	opacity:100;
	}
.about3 .honor_bar li:hover .xx .more .imgs{
	margin-top:140px;
	}
.about3 .xx_contain{
	width:100%;
	height:100%;
	background-color:rgba(102,102,102,0.7);
	#background-color:#ccc;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	display:none;
	}
.about3 .xx_contain .nn{
	width:42%;
	height:80%;
	position:absolute;
	left:29%;
	top:10%;
	background-color:#fff;
	}
.about3 .nn .close img{
	width:30px;
	height:30px;
	position:absolute;
	right:-15px;
	top:-30px;
	cursor:pointer;
	}
.about3 .xx_contain h3{
	width:100%;
	text-align:center;
	font-size:24px;
	margin-top:20px;
	margin-bottom:0px;
	color:#333;
	}
.about3 .xx_contain dl{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	}
.about3 .xx_contain dd{
	height:80%;
	width:60%;
	float:left;
	margin:auto;
	position:absolute;
	left:20%;
	top:0;
	display:none;
	}
.about3 .xx_contain dd img{
	display:block;
	width:100%;
	height:100%;
	}
.about3 .xx_contain .btn_box{
	width:100%;
	position:absolute;
	left:0;
	bottom:10px;
	}
.about3 .xx_contain .btn{
	margin:auto;
	}
.about3 .xx_contain .btn span{
	display:block;
	width:12px;
	height:12px;
	background-color:#666;
	border-radius:50%;
	margin:6px 6px;
	float:left;
	}
.xx_btn_active{
	background-color:#ed1c24 !important;
	}
.about4{
	
	}
.about4 .top{
	padding:35px 0;
	background-color:#666;
	text-align:center;
	}
.about4 h2{
	color: #fff;
	font: italic bold 30px Arial;
	margin-bottom:15px;
	}
.about4 h1{
	color: #e0e0e0;
    font-size: 30px;
    letter-spacing: 2px;
    position: relative;
	}
.about4 .bottom{
	background-color:#f8f8f8;
	width:100%;
	height:450px;
	}
.about4 .bottom .imgs{
	float:left;
	width:63.2%;
	position:relative;
	}
.about4 .bottom li{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:450px;
	display:none;
	}
.about4 .bottom img{
	display:block;
	width:100%;
	height:450px;
	}
.about4 .bottom .txt{
	float:right;
	width:34%;
	}
.about4 .bottom h3{
	color: #333;
    font-size: 22px;
    letter-spacing: 2px;
	margin:80px 0 28px 0;
	}
.about4 .bottom p{
	width:86%;
	color: #666;
    font-size: 13px;
    letter-spacing: 1px;
	}
.about4 .bottom .txt_en p{
	width:86%;
	color: #666;
    font-size: 13px;
    letter-spacing: 0.2px;
	}
.about4 .bottom .bbn{
	margin-top:90px;
	width:120px;
	position:relative;
	cursor:pointer;
	}
.about4 .bottom h4{
	color: #999;
    font-size: 28px;
	font-family:"click";
	}
.about4 .bottom  .jt img{
	display:block;
	width:26px;
	height:18px;
	position:absolute;
	right:0px;
	top:0px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.about4 .bottom .bbn:hover .jt img{
	right:-10px;
	}
	
.digg4{ padding:3px; margin-top:32px; text-align:center; font-size: 14px; }
.digg4 span{ border:1px #ddd solid; padding:4px 8px; margin:5px; color:#999}
.digg4 span:hover{ color:#3e8d35;border:1px #ddd solid; padding:4px 8px; cursor:pointer;}
.digg4 a,.digg4 span.miy{ margin:2px;  padding:4px 8px; text-decoration:none; border:1px #CCCCCC solid; }
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.posts {
	 OVERFLOW: hidden;  LINE-HEIGHT: 22px;WIDTH:100%
}
.posts P {
	MARGIN-BOTTOM: 10px
}
.single {
	 WIDTH:960px;border-bottom:0px solid #cccccc;
	 padding:12px 0px; margin:0px auto;
}
.single H2 {
	FONT-SIZE:22px;padding:0px 0px 16px 0px; MARGIN:0px 0px; COLOR: #ef0404;font-weight:normal; TEXT-ALIGN: center
}
.single hr {
width:60px;margin:0px auto; color:#dedede;height:1px;border:none;border-top:1px  solid #cdcdcd; padding:0px 0px 10px 0px;}
.single H6 {
	FONT-SIZE:14px;padding:0px 0px 14px 0px; MARGIN:0px 0px; COLOR: #666;font-weight:normal;BORDER-BOTTOM: #ddd 1px dotted;TEXT-ALIGN: center
}
a.button_2:link,a.button_2:visited{
	display:block;
	margin:20px auto 0px auto;
	width:180px;
	height:36px;
	line-height:36px;
	background-color:#ef0404;
	border-radius:0px;
	border:none;
	font-weight:normal;
	cursor:pointer;
	text-align: center;
	letter-spacing:0px;
	
	font-size:16px;
	color:#FFFFFF;
}
a.button_2:hover{
background-color:#444;
	color:#FFf;
	text-decoration: none;
	font-size:16px;
	text-align: center;
}
.postlist {
	MARGIN:20px auto;border:0px solid #330033; overflow:hidden;width:960px;
}
.postlist LI {
	 FLOAT: left; WIDTH:100%; font-size:15px; margin-bottom:8px;BORDER-BOTTOM: #ccc 1px dotted;padding:0px 0px 8px 0px;color:333; overflow:hidden;
}
.postlist LI p{
font-size:12px; overflow:hidden;
padding:6px 0px 10px 22px;
color:#c7c7c7;
line-height:20px;
text-indent:0px;}
.postlist LI p span{
width:90px;
float:right;}
.postlist_content {
	font-size:12px;line-height:20px;color:#707070; text-indent:20px;padding:6px 0px 10px 20px;
}
.postlist LI H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; WIDTH: 500px;
}
.postlist LI SPAN {
	FLOAT: right; WIDTH: 80px; COLOR: #B6B6B6; TEXT-ALIGN: right;font-size:12px;
}
.productlist {
	MARGIN:10px auto;border:0px solid #006666; overflow:hidden;
	width:960px;
}
.productlist ul{
	MARGIN-TOP:0px;border:0px solid #006666; overflow:hidden;
	width:1020px;
}
.productlist ul LI {
position:relative; float:left; width:220px; height:230px; display:inline;padding:0px;border:1px solid #dedede; background-color:#fff;margin:0px 24px 24px 0px ;text-align:center;}
.productlist ul LI:hover{
position:relative; float:left; width:220x; display:inline;padding:0px;border:1px solid #0289ff;color:#fff; margin:0px 24px 24px 0px ;}
.productlist ul LI IMG {
	max-WIDTH:220px; height:175px;border:0px solid #ccc;padding:0px;
	 -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
.productlist ul LI h4{
text-align:center; padding:10px 0px; font-size:12px; line-height:20px;font-weight:normal;border-top:1px solid #ddd;
}
.productlist ul LI p a{
 color:#444;
}
.productlist ul LI p a:hover{
 color:#ef0404;
}
#x_product_title{
overflow:hidden;
font-size:18px;
text-align:center;
line-height:24px;
width:100%;
padding:0px 0px 20px 0px;
color:#333;
}
#x_productdetail_title{
font-size:22px;
padding:0px 0px 10px 0px;
color:#333;
font-weight:normal;
width:960px;
margin:0px auto;
}
#x_product_content{
line-height:22px;
padding:18px 0px 10px 0px;
color:#666;
margin-top:0px;
border-top:1px solid #ddd;
min-height:70px;width:960px;
margin:0px auto;
}
.rongyulist {
	MARGIN-TOP:10px;border:0px solid #006666; overflow:hidden;
	width:1050px;
}
.rongyulist LI {
	 FLOAT: left; border:0px solid #ebeaea; MARGIN:0px 24px 0px 0px; OVERFLOW: hidden; WIDTH:230px; PADDING-TOP: 0px; HEIGHT:364px;padding:0px 0px 0px 0px; text-align:center;
}
.rongyulist LI IMG {
	 WIDTH:220px;HEIGHT:322px;border:1px solid #ddd;padding:2px; text-align:center; 
}

.rongyulist LI p{
DISPLAY: block; OVERFLOW: hidden; TEXT-ALIGN:CENTER;font-size:14px; padding:12px 0px;
}
.hezuolist {
	MARGIN-TOP:6px;
	width:750px;
}
.hezuolist LI {
	 FLOAT: left;  MARGIN: 5px 0px 0px 0px; OVERFLOW: hidden; WIDTH:232px; PADDING-TOP: 0px; HEIGHT:150px;padding:0px 0px 0px 0px;
}
.hezuolist LI IMG {
	WIDTH:200px;  HEIGHT:110px;border:3px solid #ededed;padding:0px;
}
.hezuolist LI .product_name {
	DISPLAY: block; OVERFLOW: hidden; WIDTH:200px;padding:4px 0px 0px 0px;LINE-HEIGHT:28px; HEIGHT:28px; TEXT-ALIGN: center
}
	
.photolist {
	MARGIN-TOP:10px;border:0px solid #006666; overflow:hidden;
	width:1020px;
}
.photolist ul {
	border:0px solid #006666; overflow:hidden;
	width:1060px;
}
.photolist ul LI {
	 FLOAT: left; border:0px solid #ebeaea; MARGIN:0px 26px 10px 0px; OVERFLOW: hidden; WIDTH:286px; PADDING-TOP: 0px; HEIGHT:250px;padding:0px 0px 0px 0px; text-align:center;
}
.photolist ul LI IMG {
	 max-WIDTH:280px;HEIGHT:200px;border:1px solid #ddd;padding:2px; text-align:center; 
}

.photolist ul LI p{
DISPLAY: block; OVERFLOW: hidden; TEXT-ALIGN:CENTER;font-size:12px; padding:6px 0px;
}
.pageNavi {
	line-height:38px;PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH:960px; PADDING-TOP: 10px; TEXT-ALIGN: center;font-size:12px; 
}
.pageleft {
	OVERFLOW: hidden; WIDTH: 460px; LINE-height:26px; 
}
.pageright {
	OVERFLOW: hidden; WIDTH: 460px; LINE-height:26px;
}
.pageleft {
	PADDING-LEFT:0px; FLOAT: left; TEXT-ALIGN: left
}
.pageright {
	PADDING-RIGHT:0px; FLOAT: right; TEXT-ALIGN: right
}
.form-controls01{
  display: block;
  width:94%;
  padding-left:16px;
  height:24px;
  float:left;  
  line-height:24px;
  color: #666;
  vertical-align: middle;
  background-color: transparent;  
  background-image: none;  
  border:0 none;font-family:xiaodaofont;
  border:1px solid #ddd;
  border-radius:0px;
  margin:5px 0px;
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}
.form-controls02{
  display: block;
  width:97%;
  padding-left:16px; 
  padding-top:0px;
  float:left;
  height:80px;
  line-height:20px;
  color: #666;
  vertical-align: middle;
  background-color: transparent;  
  background-image: none;
  border:0px none;
  border:1px solid #ddd;
  border-radius:0px;
    margin-bottom:10px;
 
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}
/*产品*/
.product_title{
	padding-top:120px;
	height:80px;
	padding-bottom:60px;
	}
.product_title .top_bc{
	width:1080px;
	margin:auto;
	height:3px;
	background-color:#ed1c24;
	margin-top:50px;
	position:relative;
	}
.product_title .p_menus{
	width:960px;
	overflow:hidden;
	height:80px;
	position:absolute;
	left:50%;
	margin-left:-480px;
	top:-35px;
	}
.product_title dl{
	}
.product_title dd{
	float:left;
	width:162px;
	margin:15px;
	background-color:#999;
	border-radius:5px;
	}
.product_title h1{
	font-size:14px;
	text-align:center;
	line-height:43px;
	color:#fff;
	letter-spacing:1px;
	position:relative;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	}
.product_title dd span{
	display:block;
	width:0%;
	height:2px;
	background-color:#ed1c24;
	position:absolute;
	left:50%;
	bottom:-1px;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	}
.product_title .left{
	width:38px;
	height:38px;
	background-color:#ed1c24;
	position:absolute;
	left:-30px;
	top:50%;
	margin-top:-19px;
	border-radius:6px;
	}
.product_title .left img{
	display:block;
	width:32px;
	margin:3px auto;
	}
.product_title .right{
	width:38px;
	height:38px;
	background-color:#ed1c24;
	position:absolute;
	right:-30px;
	top:50%;
	margin-top:-19px;
	border-radius:6px;
	}
.product_title .right img{
	display:block;
	width:32px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	margin-left:4px;
	margin-top:3px;
	}
.product_active{
	background-color:#ed1c24 !important;
	}
.pro_list{
	background-color:#f0f0f0;
	padding:70px 0;
	padding-top:160px;
	}
.pro_list h1{
	color: #333;
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
	position: relative;
	margin-bottom: 70px;
	}
.pro_list h1:before{
	content: "";
	width: 46px;
	height: 4px;
	background-color: #666;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: -30px;
	}
.pro_list ul{
	width:1160px;
	margin:auto;
	}
.pro_list ul li{
	width:260px;
	#width:257px;
	margin:15px;
	float:left;
	background-color:#fff;
	box-sizing:border-box;
	border:1px solid #fff;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.pro_list ul li .imgs{
	height:270px;
	overflow:hidden;
	}
.pro_list ul li img{
	width:100%;
	height:270px;
	display:block;
	}
.pro_list ul li .txt{
	height:40px;
	background-color:#e94b51;
	position:relative;
	}
.pro_list ul li .txt p{
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:14px;
	letter-spacing:1px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	}
.pro_list ul li .txt span{
	display:block;
	position:absolute;
	right:0;
	bottom:9px;
	font-size:20px;
	color:#fff;
	opacity:0;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	}
.pro_list ul li:hover{
	border:1px solid #ed1c24;
	}
.pro_list ul li:hover p{
	width:80%;
	text-align:left;
	margin-left:25px;
	}
.pro_list ul li:hover span{
	right:25px;
	opacity:1;
	}
.pro_1{
	background-color:#f8f8f8;
	padding:160px 0 90px 0;
	}
.pro1_box{
	width:1100px;
	margin:auto;
	}
.pro1_box .pro1_title{
	height:46px;
	border-bottom:1px solid #ccc;
	}
.pro1_title a{
	font-size:14px;
	line-height:46px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	float:left;
	}
.pro1_title a:hover{
	color:#ed1c24;
	}
.pro1_title p{
	font-size:14px;
	float:left;
	margin:10px;
	margin-top:11px;
	}
.pro1_title h1{
	font-size:14px;
	line-height:46px;
	color:#111;
	float:left;
	}
.pro1_title .bback{
	float:right;
	}
.pro1_title .bback img{
	display:block;
	width:15px;
	float:left;
	margin-top:17px;
	}
.pro1_title .b_txt{
	float:left;
	font-size:14px;
	line-height:46px;
	color:#555;
	margin:0 10px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.pro1_title .b_txt:hover{
	color:#ed1c24;
	}
.pro_1 .left{
	float:left;
	width:46%;
	height:390px;
	/*border:1px solid #d8d8d8;*/
	box-sizing:border-box;
	margin-top:30px;
	}
.pro_1 .left img{
	display:block;
	width:90%;
	margin:10px auto;
	}
.pro_1 .right{
	border-left:1px dashed #999;
	box-sizing:border-box;
	padding-left:35px;
	float:right;
	width:50%;
	height:390px;
	margin-top:30px;
	}
.pro1_box h2{
	font-size:22px;
	line-height:46px;
	margin-top:10px;
	color:#ed1c24;
	}
.pro1_box > p{
	font-size:13px;
	line-height:24px;
	margin-top:5px;
	color:#666;
	}
.pro1_box h3{
	font-size:15px;
	color:#ed1c24;
	border-bottom:1px solid #dcdbdb;
	padding:15px 0;
	}
.pro1_box .area_b{
	margin-top:22px;
	}
.pro1_box h4{
	font-size:12px;
	color:#fff;
	background-color:#666;
	float:left;
	width:100px;
	line-height:32px;
	margin-right:25px;
	margin-bottom:20px;
	text-align:center;
	letter-spacing:0.8px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	}
.pro_2{
	background-color:#fff;
	padding:50px 0 0px 0;
	}
.pro_2 .pro2_box{
	border-bottom:1px solid #e2e1e1;
	border-top:1px solid #e2e1e1;
	width:1100px;
	margin:auto;
	}
.pro_2 ul{
	width:350px;
	margin:auto;
	}
.pro_2 ul li{
	float:left;
	font-size:14px;
	width:116px;
	text-align:center;
	line-height:26px;
	color:#333;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	cursor:default;
	}
.pro_2 ul li:hover{
	color:#ed1c24
	}
.pro_active{
	background-color:#ed1c24 !important;
	color:#fff !important;
	}
.pro_2 .bar1{
	width:1100px;
	margin:auto;
	padding-top:50px;
	}
.pro_2 .bar1 h1{
	color: #333;
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
	position: relative;
	margin-bottom: 50px;
	padding-top:20px;
	}
.pro_2 .bar1 h1:before{
	content: "";
	width: 46px;
	height: 4px;
	background-color: #666;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: -30px;
	}
.pro_2 .bar1 dl{
	padding-top:40px;
	}
.pro_2 .bar1 dd{
	float:left;
	width:50%;
	margin-bottom:25px;
	}
.pro_2 .bar1 dd h2{
	font-size:16px;
	letter-spacing:1px;
	width:250px;
	line-height:40px;
	color:#333;
	padding-left:12px;
	}
.pro_2 .bar1 dd p{
	font-size:13px;
	width:90%;
	line-height:26px;
	color:#777;
	padding-left:12px;
	}
.pro_2 .bar1 dd span{
	color:#ed1c24;
	}
.pro_2 .bar2{
	width:1100px;
	margin:50px auto;
	padding:10px 0;
	background:url(../images/fixbg2.jpg) no-repeat;
	}
.pro_2 .bar2 .b_right{
	width:80%;
	margin:auto;
	padding:30px 0;
	}
.pro_2 .bar2 h1{
	color: #fff;
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
	position: relative;
	margin-bottom: 50px;
	padding-top:25px;
	}
.pro_2 .bar2 h1:before{
	content: "";
	width: 46px;
	height: 4px;
	background-color: #fff;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: -30px;
	}
.pro_2 .bar2 dl{
	padding-top:15px;
	}
.pro_2 .bar2 dd{
	float:left;
	width:180px;
	margin:15px 20px;
	line-height:40px;
	color:#fff;
	font-size:13px;
	text-align:center;
	background-color:#ed1c24;
	border-radius:3px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
.pro_2 .bar3{
	width:100%;
	padding:50px 0;
	background-color:#f6f6f6;
	padding-bottom:80px;
	}
.pro_2 .bar3_box{
	width:1100px;
	margin:50px auto;
	}
.pro_2 .bar3 h1{
	color: #333;
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
	position: relative;
	margin-bottom: 70px;
	}
.pro_2 .bar3 h1:before{
	content: "";
	width: 46px;
	height: 4px;
	background-color: #ed1c24;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: -30px;
	}
.pro_2 .bar3 .p_bar{
	width:1100px;
	margin:auto;
	margin-bottom:8px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.pro_2 .bar3 h5{
	float:left;
	width:16.66%;
	#width:16.5%;
	text-align:center;
	color:#fff;
	border-right:1px solid #f5f5f5;
	box-sizing:border-box;
	line-height:38px;
	font-size:14px;
	letter-spacing:0.6px;
	background-color:#999;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
.pro_2 .bar3 h6{
	float:left;
	width:16.66%;
	#width:16.5%;
	text-align:center;
	color:#fff;
	line-height:38px;
	font-size:14px;
	letter-spacing:0.6px;
	cursor:pointer;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	background-color:#999;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
	
/*客户案例*/
.case1{
	background-color:#f8f8f8;
	padding-top:160px;
	padding-bottom:60px;
	}
.case1 h1{
	color: #333;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
	margin-bottom:50px;
	}
.case1 h1 span{
	display:block;
    width: 46px;
    height: 4px;
    background-color: #666;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: -30px;
	}
.case1 p{
	color:#333;
	width:800px;
	margin:auto;
	font-size:13px;
	letter-spacing:0.6px;
	text-align:center;
	}
.case_box{
	}
.case_box dd{
	width:100%;
	height:400px;
	}
.case_box dd .left{
	float:left;
	width:50%;
	position:relative;
	}
.case_box dd .left .imgs{
	width:100%;
	position:relative;
	height:400px;
	overflow:hidden;
	}
.case_box dd .left li{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	display:none;
	}
.case_box dd .left img{
	display:block;
	width:100%;
	height:400px;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	}
.case_box dd:hover img{
	-webkit-transform:scale(1.04);
	transform:scale(1.04);
	}
.case_box .left .btn{
	background-color:rgba(230,0,18,0.85);
	#background-color:#ed1c24;
	width:100%;
	height:40px;
	position:absolute;
	left:0;
	bottom:0;
	}
.case_box .left .btn .box{
	width:84px;
	margin:auto;
	}
.case_box .left .btn span{
	display:block;
	width:12px;
	height:12px;
	border-radius:50%;
	background-color:#fff;
	margin:14px 8px;
	float:left;
	#margin-left:-3px;
	}
.case_active{
	border:1px solid #fff;
	box-sizing:border-box;
	background:none !important;
	}
.case_box dd .right{
	float:left;
	#margin-left:-3px;
	width:50%;
	background-color:#efefef;
	height:400px;
	}
.case_box dd .right .txt{
	width:80%;
	margin:auto;
	}
.case_box dd .right .txt h1{
	text-align:center;
	font-size:24px;
	color:#222;
	line-height:90px;
	margin-top:60px;
	letter-spacing:3px;
	}
.case_box dd .right .txt p{
	font-size:14px;
	color:#555;
	line-height:30px;
	letter-spacing:1px;
	}
/*新闻中心*/
.bar{
	background-color:#fff;
	padding-top:160px;
	padding-bottom:60px;
	}
.bar h1{
	color: #333;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 70px;
	}
.bar h1 b{
	display:block;
	width: 46px;
	height: 4px;
	background-color: #666;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: -30px;
	}
.news_bar{
	width:1100px;
	margin:auto;
	position:relative;
	}
.news_bar .left{
	width:650px;
	float:left;
	}
.news_bar .left .imgs{
	overflow:hidden;
	width:100%;
	height:330px;
	}
.news_bar .left img{
	display:block;
	width:100%;
	height:330px;
	-webkit-transition:all 1s;
	transition:all 1s;
	}
.news_bar:hover img{
	-webkit-transform:scale(1.06);
	transform:scale(1.06);
	}
.news_bar .right{
	width:450px;
	height:330px;
	float:right;
	background-color:#f0f0f0;
	position:relative;
	}
.news_bar .right h1{
	color: #cd1b24;
    font-size: 22px;
	margin:25px;
    letter-spacing: 1px;
    position: relative;
	margin-bottom:30px;
	margin-top:45px;
	}
.news_bar .right h1 span {
	display:block;
    width: 95%;
    height: 1px;
    background-color: #bbb;
    border-radius: 20px;
    position: absolute;
    left: 0;
    bottom: -20px;
	}
.news_bar .right p{
	color: #333;
    font-size: 13px;
	margin:25px;
	margin-top:40px;
    letter-spacing: 1px;
    position: relative;
	height:108px;
	overflow:hidden;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.news_bar:hover p{
	text-decoration:underline;
	}
.news_bar .right h2{
	color: #333;
    font-size: 13px;
	margin:30px;
	margin-top:0px;
    letter-spacing: 0.6px;
	float:right;
	position:relative;
	}
.news_bar .right h2 span{
	display:block;
	width:25px;
	height:1px;
	position:absolute;
	left:-35px;
	top:13px;
	background-color:#333;
	}
.news_bar .right .more{
	font-size:15px;
	position:absolute;
	right:44px;
	bottom:35px;
	color:#ed1c24;
	letter-spacing:2px;
	}
.news_bar .right .more span{
	display:block;
	width:25px;
	height:1px;
	position:absolute;
	left:-35px;
	top:13px;
	background-color:#333;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.news_bar .right .more:hover span{
	width:80px;
	left:50%;
	margin-left:-40px;
	top:28px;
	}
.news_bar .latest{
	position:absolute;
	left:O;
	top:0;
	width:60px;
	height:60px;
	background-color:#cd1b24;
	color:#fff;
	font-size:12px;
	line-height:60px;
	text-align:center;
	}
.news_bars{
	background-color:#f8f8f8;
	padding-top:60px;
	padding-bottom:10px;
	}
.news_bars dl{
	width:1100px;
	margin:auto;
	padding-bottom:50px;
	}
.news_bars dt{
	margin-bottom:45px;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	font-size:22px;
	letter-spacing: 2px;
	}
.news_bars dd{
	margin-bottom:35px;
	border-bottom:1px solid #ccc;
	padding-bottom:35px;
	cursor:pointer;
	}
.news_bars dd .time{
	width:90px;
	height:90px;
	background-color:#cd1b24;
	float:left;
	}
.news_bars dd .time h2{
	font-size:20px;
	text-align:center;
	color:#fff;
	height:54px;
	line-height:54px;
	letter-spacing:2px;
	font-style:italic;
	position:relative;
	}
.news_bars dd .time h2 span{
	display:block;
	width:20px;
	height:1px;
	background-color:#fff;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:5px;
	}
.news_bars dd .time h3{
	font-size:14px;
	text-align:center;
	color:#d9d9d9;
	}
.news_bars dd .middle{
	width:980px;
	height:90px;
	float:right;
	position:relative;
	}
.news_bars dd h4{
	font-size:17px;
	color:#333;
	line-height:30px;
	letter-spacing:1px;
	margin-bottom:5px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	}
.news_bars dd p{
	font-size:13px;
	width:86%;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	height:52px;
	overflow:hidden;
	}
.news_bars .more{
	position:absolute;
	right:25px;
	top:50px;
	font-size:30px;
	color:#cd1b24;
	opacity:0;
	filter:alpha(opacity=0);	
	}
.news_bars dd:hover .more{
	top:30px;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 1s;
	transition:all 1s;
	}
.news_bars dd:hover p{
	text-decoration:underline;
	color:#cd1b24;
	}
.news_bars .more_news{
	margin: auto;
    width: 150px;
    height: 40px;
    background-color: #222;
    margin-top: 50px;
    position: relative;
	cursor:pointer;
	}
.news_bars .more_news span{
	display:block;
    width: 0;
	height: 40px;
	background-color: #ed1b24;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	}
.news_bars .more_news h6{
    width: 100%;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 40px;
    color: #fff;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
	z-index:2;
	}
.news_bars .more_news:hover span{
	width:100%;
	}

/*人才招聘*/
.inm{
	padding-top:160px;
	padding-bottom:20px;
	}
.inm h1{
	color: #333;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
	margin-bottom:50px;
	}
.inm h1 b {
	display:block;
    width: 46px;
    height: 4px;
    background-color: #666;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: -30px;
	}
.inm .bottom{
	width:1100px;
	margin:60px auto;
	}
.inm .bottom .d_bar{
	width:100%;
	margin-bottom:10px;
	background-color:#999;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.inm .bottom h4{
	float:left;
	width:33%;
	text-align:center;
	color:#fff;
	border-right:1px solid #f7f7f7;
	line-height:45px;
	font-size:16px;
	letter-spacing:2px;
	}
.inm .bottom h5{
	float:left;
	width:33%;
	text-align:center;
	color:#fff;
	border-right:1px solid #f7f7f7;
	line-height:40px;
	font-size:14px;
	letter-spacing:0.6px;
	}
.inm .bottom h6 img{
	display:block;
	float:left;
	width:25px;
	margin-left:150px;
	margin-top:3px;
	}
.inm .bottom h6 span{
	display:block;
	float:left;
	margin-left:10px;
	}
.inm .bottom h6{
	float:left;
	width:33.8%;
	text-align:center;
	color:#fff;
	line-height:40px;
	font-size:14px;
	letter-spacing:0.6px;
	cursor:pointer;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.inm .bottom .d_bar h6:hover{
	background-color:#ed1c24;
	}
.inm  .m_more{
	width:1100px;
	height:40px;
	background-color:#ed4249;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	cursor:default;
	}
.inm  .m_more .more_box{
	width:90px;
	margin:auto;
	height:40px;
	}
.inm  .m_more h2{
	font-size:14px;
	letter-spacing:1px;
	font-weight:normal;
	float:right;
	color:#fff;
	line-height:40px;
	}
.inm  .m_more .more_box span{
	display:block;
	width:16px;
	height:9px;
	background:url(../images/view.png) no-repeat;
	margin-top:16px;
	float:left;
	}
.inm  .m_more:hover{
	background-color:#ed1c24;
	}

/*contact*/
.map{
	position:relative;
	}
.map_txt{
	width:260px;
	position:absolute;
	right:0%;
	bottom:3px;
	cursor:default;
	}
.map_txt h2{
	font-size: 16px;
	padding: 10px 0;
	letter-spacing:3px;
	color:#fff;
	background-color:#333;
	text-align:center;
	}
.map_txt ul{
	height:0;
	overflow:hidden;
	}
.map_txt ul li{
	width:100%;
	background-color:#fff;
	position:relative;
	padding: 15px 0;
	}
.map_txt ul li span{
	display:block;
	width:90%;
	height:1px;
	background-color:#ccc;
	position:absolute;
	left:5%;
	bottom:0;
	}
.map_txt h1{
	font-size: 14px;
	letter-spacing:1px;
	color:#333;
	text-align:center;
	}
.map_txt a{
	display:block;
	font-size:12px;
	line-height:30px;
	color:#666;
	text-align:center;
	text-decoration:underline;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	}
.map_txt li:hover a{
	color:#ed1c24;
}
.contact_txt{
	width:1100px;
	height:140px;
	margin:80px auto 60px auto;
	}
.contact_txt ul li{
	width:340px;
	height:140px;
	float:left;
	background-color:#f6f6f6;
	margin-right:40px;
	position:relative;
	cursor:default;
	}
.contact_txt ul li:before{
	content:"";
	width:100%;
	height:3px;
	background-color:#ed1b24;
	position:absolute;
	left:0;
	bottom:-3px;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	opacity:0;
	}

.contact_txt ul li:hover:before{
	opacity:1;
	}
.contact_txt h1{
	font-size: 20px;
	padding: 14px 0;
	letter-spacing:4px;
	color:#fff;
	background-color:#333;
	text-align:center;
	}
.contact_txt .img{
	width:60px;
	height:60px;
	margin:auto;
	margin-top:-20px;
	border-radius:50%;
	background-color:#666;
	margin-bottom:28px;
	position:relative;
	}
.contact_txt img{
	display:block;
	width:22px;
	position:absolute;
	left:50%;
	margin-left:-11px;
	top:17px;
	z-index:55;
	}
.contact_txt ul li .img:after{
	content:"";
	width:76px;
	height:76px;
	border:1px solid rgba(255,255,255,0.5);
	box-sizing:border-box;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-38px;
	margin-top:-38px;
	border-radius:50%;
	}
@-webkit-keyframes icoI {
	0%,100% {
		top:14px;
	}
	50% {
		top:20px;
	}
	}
.contact_txt li:hover img{
	-webkit-animation: icoI 1.2s linear infinite;
	animation: icoI 1.2s linear infinite;
	}
.contact_txt span{
	display:block;
	font-size:13px;
	line-height:25px;
	margin-left:10px;
	color:#333;
	letter-spacing:0.6px;
	text-align:center;
	}
.other_contact{
	background-color:#f8f8f8;
	border-top:3px solid #ccc;
	padding-top:50px;
	}
.other_contact h1{
	color: #333;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
	margin-bottom:50px;
	}
.other_contact h1:before {
    content: "";
    width: 46px;
    height: 4px;
    background-color: #666;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: -30px;
	}
.other_contact .m_box{
	width:1100px;
	margin: auto;
	padding:20px 0;
	border-bottom:1px solid #ccc;
	}
.other_contact dl{
	width:330px;
	margin:auto;
	margin-bottom:10px;
	}
.other_contact dl dd{
	width:90px;
	line-height:34px;
	background-color:#555;
	color:#fff;
	float:left;
	margin-right:20px;
	font-size:15px;
	letter-spacing:1px;
	text-align:center;
	cursor:default;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.other_contact_active{
	background-color:#ed1c24 !important;
	}
.other_contact .o_box{
	width:1100px;
	margin: auto;
	margin-top:30px;
	position:relative;
	overflow:hidden;
	}
.other_contact ul{
	width:100%;
	position:absolute;
	left:0%;
	top:0;
	display:none;
	}
.other_contact ul li{
	float:left;
	width:248px;
	height:190px;
	margin-right:35px;
	margin-bottom:15px;
	}
.other_contact ul li:nth-of-type(4n){
	margin-right:0px;
	}
.other_contact ul li h2{
	line-height:34px;
	color:#333;
	font-size:15px;
	letter-spacing:1px;
	border-bottom:3px solid #333;
	margin-bottom:10px;
	}
.other_contact ul li span{
	color:#333;
	font-size:12px;
	}
.message{
	background:url(../images/team.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	height:650px;
	}
.contact_message{
	width: 900px;
	margin:auto;
	box-sizing: border-box;
	padding:20px  20px;
	background: #f5f3f0;
	margin-top:50px;
	margin-bottom:20px;
	}
.mes_txt{
	width:1100px;
	margin:auto;
	text-align:center;
	}
.mes_txt h1{
	color: #fff;
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
	position: relative;
	margin-bottom: 50px;
	padding-top:80px;
	}
.mes_txt h1:before{
	content: "";
	width: 46px;
	height: 4px;
	background-color: #f0f0f0;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: -30px;
	}
.mes_txt p{
	color:#f1f1f1;
	width:800px;
	margin:auto;
	font-size:13px;
	letter-spacing:0.6px;
	}
.contact_message input{
	display: block;
	width: 266px;
	border: 0px none;
	border-bottom:1px solid #ccc;
	outline: none;
	padding: 0;
	margin-bottom: 16px;
	box-sizing: border-box;
	padding-left:5px;
	line-height: 40px;
	height: 40px;
	background:none;
	float:left;
	margin:10px;
	color:#999;
}
.contact_message textarea{
	display: block;
	width: 835px;
	margin:auto;
	height: 110px;
	border: 0px none;
	border-bottom:1px solid #ccc;
	background:none;
	color:#999;
	font-size:12px;
	padding-left:5px;
	margin:10px;
	margin-top:30px;
}
.contact_message input[type="submit"]{
	float: none;
	display:block;
	width: 180px;
	margin:auto;
	margin-top: 16px;
	color: #FFF;
	background: #e70112;
	margin-top:30px;
	margin-bottom:10px;
	
}

/*add*/
.pro2_list{
	background-color:#f0f0f0;
	padding:70px 0;
	padding-top:0px;
	}
.pro2_list .m_box{
	width:1100px;
	margin:auto;
	}
.pro2_list dl{
	margin-bottom:5px;
	}
.pro2_list dl dd{
	width:120px;
	line-height:34px;
	background-color:#555;
	color:#fff;
	float:left;
	margin-right:20px;
	font-size:14px;
	letter-spacing:1px;
	text-align:center;
	cursor:default;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.pro2_list_active{
	background-color:#ed1c24 !important;
	}
.pro2_list .o_box{
	width:1130px;
	margin: auto;
	margin-top:30px;
	position:relative;
	overflow:hidden;
	}
.pro2_list ul{
	width:100%;
	position:absolute;
	left:0%;
	top:0;
	display:none;
	}
.pro2_list ul li{
	width:252px;
	#width:249px;
	margin:15px;
	float:left;
	background-color:#fff;
	box-sizing:border-box;
	border:1px solid #fff;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.pro2_list ul li .imgs{
	height:270px;
	overflow:hidden;
	}
.pro2_list ul li img{
	width:100%;
	height:270px;
	display:block;
	}
.pro2_list ul li .txt{
	height:40px;
	background-color:#e94b51;
	position:relative;
	}
.pro2_list ul li .txt p{
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:14px;
	letter-spacing:1px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.pro_2 table{
	margin: auto;
	width: 1100px;
}
.pro_2 table tr:first-of-type td{
	text-align: center;
	background-color: #333;
	color: #fff;
}
.pro_2 table tr td{
	text-align: center;
	color: #FFFFFF;
	word-break: break-all;
	background-color: #999999;
	padding: 3px 0;
}
.pro_2 .bar3 h2{
	text-align: center;
	margin: 2% auto 1%;
	font-size: 20px;
	color: #333;
}
.pro_2 .bar3 p{
	text-align: center;
	margin: 10px 0;
}