@import url("base.css");
header{width: 100%;height: 113px;background-image: url(../images/logo-bj.jpg);}
#header{width: 1200px;height: 113px;margin: 0 auto;}
.logo{width: 250px;height: 113px;text-align: left;position: relative;float: left;}
.logo a{position:relative;display: block;height: 113px;overflow: hidden;}
.logo .shine{z-index: 99;position: absolute;top: 0;left: 0;width: 249px;height: 113px;background: url(../images/shine_brands.png) no-repeat -249px 0;}
.nav{width: 750px;height: 113px;display: inline-block;text-align: right;float: right;z-index: 99;}
.nav ul li{
display: inline-block;
width: 100px;
height: 113px;
text-align: center;
line-height: 113px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
float: left;
}
.nav ul li a{color: #717171;display: block;font-weight: bold;
height: inherit;width: inherit;
}
.nav a.active span,.nav a.active:hover span::before{background: #da271d; color: #FFFFFF;
-webkit-transform: none;	
	-moz-transform: none;
	transform: none;}
.nav a.active{color: #FFFFFF;}
.nav-ul li a span{
	height: inherit;
	width: inherit;
	text-align: center;
	position: absolute;
	left: 0;
	display: block;
	padding: 22px 0;
}
.nav-ul a {
	line-height: 2em;
	/*-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;*/
	display: block;
}
.nav-ul a span {
	position: relative;
	/*display: inline-block;*/
	float: left;
	width: 100px;
	height: 115px;
	text-align: center;
	color: #464646;
	line-height: 115px;
	/*padding: 3px 15px 0;*/
	/*background: #587285;*/
	/*box-shadow: inset 0 3px #da271d;*/
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
.nav-ul a span::before {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #da271d;
	color: #FFFFFF;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0px 0px;
	-moz-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
	pointer-events: none;
}
.nav-ul a:hover span,
.nav-ul a:focus span {
	/*background: #2f4351;*/
}
.nav-ul a:hover span::before,
.nav-ul a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}
.nav-ul >li:hover a{color: #FFFFFF;}
/*banner图滚动*/
#banner{min-width: 1200px;height: 525px;}
#banner a img{width: 100%;height: 525px;}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(../images/prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(../images/next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}
/*banner图*/
.banner{width:100%;overflow:hidden;height:525px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:525px}
.banList li{height:525px;opacity:0;position:absolute;
-webkit-opacity:0;
-o-opacity:0;
-moz-opacity:0;
-ms-opacity:0;
transform:scale(0);
-webkit-transform:scale(0);
-o-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
transition:transform 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s, opacity 1.5s ease 0s;
-o-transition:all 0.5s ease 0s, opacity 1.5s ease 0s;
-moz-transition:all 0.5s ease 0s, opacity 1.5s ease 0s;
-ms-transition:all 0.5s ease 0s, opacity 1.5s ease 0s;
z-index:1;}
.banList li.active{
	opacity:1;
	-webkit-opacity:1;
	-o-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}
/*公司简介*/
.sy-jj{width: 100%;height: 235px;border-top: 1px solid #FFFFFF;}
.sy-jj-left{width: 50%;background: #464646;height: 235px;float: left;}
.jj-left-content{width: 600px;float: right;}
.left-content-p1{color:#FFFFFF;margin: 20px 0px;}
.left-content-p1 span{font-weight: 600;}
.left-content-p2{color: #FFFFFF;line-height: 25px;}
.left-content-more{width: 95px;height: 30px;border: 1px solid #FFFFFF;border-radius: 5px;
text-align: center;line-height: 30px;display: block;color: #FFFFFF;margin-top: 10px;
transition:0.5s ease;-o-transition:0.5s ease;-webkit-transition:0.5s ease;}
.jj-left-content a:hover{background: #FFFFFF;transition:0.5s ease;-o-transition:0.5s ease;
-webkit-transition:0.5s ease;color: #da251c;}
.sy-jj-right{width: 50%;background: #da251c;height: 235px;float: right;}
.jj-right-content{width: 600px;float: left;}
/*滚动图*/
.krakatoa {
	display:none;
	margin:10px 60px;
}
/*.krakatoa-control {
	padding-bottom:20px;
}*/
.arrows {
	position:absolute;
	top:1px;
	left:0;
	z-index:100;
}
.arrow {
	/*float:left;*/
	/*margin-right:7px;*/
}
.arrow a {
	display:block;
	width:30px;
	height:56px;
	/*padding-top:16px;*/
	overflow:hidden;
	/false*background:transparent url('../images/arrows.png') no-repeat;*/
	cursor:pointer;
}
.arrow-left a {
	background-image: url(../images/zuo.jpg);
	position: absolute;
	right: 15px;
	top: 80px;
	display: block;
}
.arrow-right a {
	background-image: url(../images/you.jpg);
	left:475px;
	position: absolute;
	margin-top: 80px;
	display: block;
}
/*首页新闻列表*/
#new{width: 100%;height: 300px;}
.new-box{width: 1200px;margin: 0 auto;height: 300px;}
.new-mv{width: 363px;height: 270px;float: left;}
.new-mv-title{width: 363px;height: 36px;padding: 20px 0px;}
.mv-title-info{color: #da251c;width: 60px;float: left;}
.mv-title-info p{width: 60px;font-weight: 600;}
.mv-more{width: 60px;float: right;margin-top: 15px;text-align: right;}
.mv-more li{display: inline-block;}
.new-mv-img{width: 362px;}
.new-mv-img img{width: 362px;height: 185px}
.new-info{width: 340px;max-height: 270px;overflow: hidden;margin-left: 65px;float: left;}
.new-info-nav{height: 35px;margin: 23px 0px;}
.new-info-nav li{display: inline-block;width: 90px;height: 35px;line-height: 35px;text-align: center;background: #f6f6f6;margin-right: 10px;}
.new-info-nav li a{color: #da251c;}
.new-info-nav .new-info-active{background: #da251c;}
.new-info-nav .new-info-active a{color: #FFFFFF}
.new-info-box{width: 100%;}
.info-hot-img{width: 92px;height: 65px;float: left;overflow: hidden;}
.info-hot-img img{width: 92px;height: 65px;}
.info-hot-text{width: 230px;float: right;text-align: left;}
.info-hot-text span a{font-weight: 600;padding-bottom: 5px;display: block; color: #454545;}
.info-hot-text p{line-height: 16px;}
.new-info-list{width: 340px;margin-top: 20px;}
.new-info-list ul li{font-size: 14px;}
.new-info-list ul li img{width: 5px;height: 8px;margin-top: 5px;float: left;}
.new-info-list ul li a{color: #454545;margin-left: 5px;}
.new-info-list ul li span{float: right;}
.new-info-list ul li:hover a{color: #da251c;}
.company-add{width: 320px;max-height: 270px;margin-left: 65px;float: left;overflow: hidden;}
.add-info ul li{margin-bottom: 20px;color: #454545;}
.add-info ul li img{margin: 3px 10px 0px 0px;position: absolute;}
.add-info ul li span{margin-left: 25px;cursor: pointer;}
/*底部*/
footer{height: 85px;width: 100%;background: #cacaca;border-bottom: 5px solid #da251c;}
#footer{width: 1200px;margin: 0 auto;}
.footer-nav{width: 600px;float: left;}
.footer-nav ul li{display: inline-block;margin-top: 20px;}
.footer-nav ul li a{display: block;padding:0px 10px 0px 5px;color: #000000;border-right: 1px solid #000000;font-weight: 500;font-size: 12px;}
.footer-nav ul li:last-child a{border: none;}
.footer-nav p{font-size: 12px;margin: 10px 0px 0px 5px;}
.copyright{width: 600px;float: right;text-align: right;line-height: 85px;font-size: 14px;}
/*人才招聘*/
.fybj{position: relative;width: 100%;height: 315px;}
.fybj img{width: 100%;height: 315px;}
.fy-position{position: absolute;width: 100%;height:40px;background: rgba(85,85,85,0.4);bottom: 0px;}
.fy-position-box{width: 1200px;margin: 0 auto;line-height: 40px;color: #FFFFFF;}
.fy-position-box a{color: #FFFFFF;font-size: 14px;}
.fy-box{width: 1200px;margin: 30px auto;}
.fy-data-left{width: 251px;height: auto;float: left;}
.data-left{background-image: url(../images/fy-nav-bj.png);width: 251px;height: 135px;}
.data-left p{color: #FFFFFF;}
.data-left .f22{padding: 15px 0px 0px 10px;}
.data-left .column{padding-left: 10px;}
/*.data-left .column1 a{padding: 80px 0px 0px 10px;color: #DA251C;cursor: pointer;display: block;}*/
.fy-data-left .contact{margin-top: 50px;display: block;}
.data-right{width: 912px;min-height: 500px;margin-left: 37px;float: left;}
.recruit-title{width: 250px;height: 163px;float: left;text-align: center;line-height: 163px;font-size: 18px;color: #2f2f2f;border: 1px solid #7e7e7e;transition: 0.5s ease;}
.recruit-data{width: 630px;height: 143px;float: left;padding: 10px;border-top: 1px solid #7e7e7e;border-right: 1px solid #7e7e7e;border-bottom: 1px solid #7e7e7e;
overflow: hidden;transition: 0.5s ease;}
.recruit li:hover .recruit-title{background: #7e7e7e;color: #FFFFFF;transition: 0.5s ease;cursor: pointer;}
.recruit li:hover .recruit-data{background: #7e7e7e;color: #FFFFFF;transition: 0.5s ease;cursor: pointer;}

.box{width: 910px;height: auto;}
.boxnr{position:relative;height: 35px;line-height: 35px;background: #d8d8d8;margin-top: 20px;}
.boxnr:hover{background: #DA251C;transition: all 0.4s ease-in-out;cursor: pointer;}
.zpnr{margin: 10px;}
/*在线留言*/
.fy-nav ul li{width: 231px;height: 52px;background: #464646;font-size: 12px;padding: 0px 10px;line-height: 52px;}
.fy-nav li a{color: #FFFFFF;display: block;border-top: 1px solid #292929;}
.fy-nav li a span{-moz-transition: all ease-in-out; 
-webkit-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out;}
.fy-nav li a:hover span{font-size: 24px;color: #DA251C;/*box-shadow: 1px 2px 5px #000;*/font-weight: bold;letter-spacing:3px;
-moz-transition: all 0.2s ease-in-out; 
-webkit-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out;}
.fy-nav li:first-child a{border: none;}
.fy-nav .fy-nav-active a span,.fy-nav .fy-nav-active:hover span{font-size: 14px;color: #DA251C;/*box-shadow: 1px 2px 5px #000;*/font-weight: bold;letter-spacing:0px;
-moz-transition: all 0.2s ease-in-out; 
-webkit-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out;}
.message-img,.message{float: left;}
.message-img{width: 312px;height: 428px;overflow: hidden;}
.message-img .p1{font-size: 14px;}
.message-img .p2{margin: 10px 0px;color: #3A3C48;font-size: 12px;}
.message{margin-left: 35px;}
.message #name,#ipone{width: 551px;height: 26px;background: #E3E3E3;padding:2px;border: none;}
.frame{border: 1px dashed #e3e3e3;display: block;}
.message #message{width: 551px;height: 205px;padding: 2px;border: none;resize: none;background: #E3E3E3;}
.message p{margin-top: 8px;}
.submit{width: 555px;height: 40px;margin-top: 20px;background: #da271d;border: none;color: #FFFFFF;cursor: pointer;}
/*荣誉证书*/
.mod18{width:890px;position:relative;margin: 0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prveBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;display: none;}
.mod18 #prev,.mod18 #next{top:370px;width:21px;height:41px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBnt.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:417px;height:273px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:417px; height:273px;/* padding-left:75px; padding-right:76px;*/position:relative;overflow:hidden; padding-top:40px;margin: 0 auto;}
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{/*padding-left:75px; padding-right:1px;*/ width:417px;height:273px;}
.mod18 .picBox li img{width:417px; height:273px;}
.mod18 .listBox{width:825px;height:127px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:192px;height:127px;cursor:pointer;position:relative; padding: 0px 4px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;width: 192px;height: 127px;}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on{background:url(../images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}
/*下载资源*/
.download li{margin-bottom: 24px;}
.download li p{transition: 0.5s ease;width: 100%;height: 40px;line-height: 40px;background: #464646;color: #FFFFFF;font-size: 14px;}
.download li span{display: block;width: 40px;height: 40px;background: #c8151e;float: left;text-align: center;}
.download li img{float: right;margin: 6px 5px 0px 0px;}
.download li p:hover{background:#c8151e ;transition: 0.5s ease;}
/*资讯中心*/
.information li{width: 100%;height: 138px;margin-bottom: 29px;}
.information-img{width: 227px;height: 138px;overflow: hidden;float: left;}
.information-img img{width: 227px;height: 138px;}
.information-content{float: left;width: 635px;height: 138px;margin-left: 33px;overflow: hidden;position: relative;}
.information-content .content-title a{font-size: 16px;font-weight: 600;color: #000000;}
.content-nr{font-size: 14px;line-height: 25px;color: #464646;}
.information-content a img{position: absolute;bottom: 0;}
.information li:hover .information-img img{
	animation:myfirst 0.8s linear ;
  -moz-animation:myfirst 0.8s linear ; /* Firefox */
  -webkit-animation:myfirst 0.8s linear ; /* Safari and Chrome */
  -o-animation:myfirst 0.8s linear ; /* Opera */
}
@keyframes myfirst
{
  0%   {transform:scale(1.0) }
  20%  {transform:scale(1.4) }
  50%  {transform:scale(1.2) }
  70%  {transform:scale(1.3) }
  100% {transform:scale(1.0) }
}
@-moz-keyframes myfirst /* Firefox */
{
  0%   {transform:scale(1.0) }
  20%  {transform:scale(1.4) }
  50%  {transform:scale(1.2) }
  70%  {transform:scale(1.3) }
  100% {transform:scale(1.0) }
}
/*走进旺达*/
.companyProfile{width: 100%;}
.companyProfile ul li{height: 50px;background: #464646;text-align: center;line-height: 50px;display: inline-block;font-size: 13px;cursor: pointer;padding: 0px 12px;}
.companyProfile ul li span{margin-right: 8px;color: #FFFFFF;}
.company-text{margin-top: 30px;}
.companyProfile ul .company-active{background: #da271d;}
.companyProfile ul .company-active img{-moz-transform: rotate(90deg); 
-webkit-transform: rotate(90deg); 
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg); 
transform: rotate(90deg); }
.fas{
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out;  
}
.fass{
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out;  
}
.fas{
-moz-transform: rotate(90deg); 
-webkit-transform: rotate(90deg); 
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg); 
transform: rotate(90deg); 
}
.fass{
-moz-transform: rotate(0deg); 
-webkit-transform: rotate(0deg); 
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg); 
transform: rotate(0deg); 
}
/*视屏播放*/
.play-ul li{width: 290px;height: 226px;display: inline-block;margin: 0px 10px 20px 0px;text-align: center;}
.js-jump-link{display: block;width: 100%;height: 100%;color: #000000;}
.play-img-box{position: relative;width: 290px;height: 206px;cursor: pointer;overflow: hidden;}
.play-ioc{background:url(../images/play.png);}
.play-ul li img{display: block;width: 100%;height: 100%;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);}
.play-ul li:hover img{
	transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transform: scale(1.3);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.5);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
}
.play-ul li .play-img-box .play-ioc{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	width: 45px;
	height: 45px;
	background-image: url(../images/play.png);
	opacity: 0;
	filter:alpha(opacity=0);
	transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
}
.play-ul li:hover .play-img-box .play-ioc{
	opacity: 1;
	filter:alpha(opacity=100);
	transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
z-index: 2;
}
/*分页*/
.paging{width: 100%;height: auto;margin-top: 30px;text-align: right;}
.details-title{text-align: center;border-bottom: 1px dotted #9e9d9d;}
.details-title .t1{font-size: 16px;color: #5c5b5b;margin-bottom: 10px;}
.details-title .t2{font-size: 12px;color: #9e9d9d;padding-bottom: 15px;}
/*产品列表页*/
.product-list-box ul li{width: 197px;height: 307px;display: inline-block;margin-right: 25px;margin-bottom: 15px;}
.product-list-box ul li p{width: 34px;width: 100%;text-align: center;
line-height: 34px;background: #464646;font-size: 14px;color: #FFFFFF;}
.product-list-box ul li img{width: 197px;height: 273px;}

.product-list-box ul li:hover img{
	transition: all .1s ease-out;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}
.mapdiv{width: 615px;overflow:hidden;float: left;position: relative;}
@keyframes dh{
	0%{transform: translateY(3px);}
	20%{transform: translateY(2px);}
	40%{transform: translateY(1px);}
	60%{transform: translateY(0px);}
	80%{transform: translateY(4px);}
	100%{transform: translateY(5px);}
}
@-ms-keyframes dh{
	0%{-ms-transform: translateY(3px);}
	20%{-ms-transform: translateY(2px);}
	40%{-ms-transform: translateY(1px);}
	60%{-ms-transform: translateY(0px);}
	80%{-ms-transform: translateY(4px);}
	100%{-ms-transform: translateY(5px);}
}
@-moz-keyframes dh{
	0%{-moz-transform: translateY(3px);}
	20%{-moz-transform: translateY(2px);}
	40%{-moz-transform: translateY(1px);}
	60%{-moz-transform: translateY(0px);}
	80%{-moz-transform: translateY(4px);}
	100%{-moz-transform: translateY(5px);}
}
@-webkit-keyframes dh{
	0%{-webkit-transform: translateY(3px);}
	20%{-webkit-transform: translateY(2px);}
	40%{-webkit-transform: translateY(1px);}
	60%{-webkit-transform: translateY(0px);}
	80%{-webkit-transform: translateY(4px);}
	100%{-webkit-transform: translateY(5px);}
}
.mp{position: absolute;
animation: dh 0.8s infinite linear;
-webkit-animation: dh 0.8s infinite linear;
-moz-animation: dh 0.8s infinite linear;
-ms-animation: dh 0.8s infinite linear;
	cursor: pointer;
	background: url(../images/lx-add.png) no-repeat;
	width: 14px;
	height: 20px;
}
.z{left: 330px;top: 175px;}
.s{left: 350px;top: 157px;}
.j{left: 385px;top: 180px;}
.l{left: 390px;top: 210px;}
.y{left: 395px;top: 265px;}
.product-add{float: left;position: relative;}
.product-add ul li{position: relative;margin:0px 0px 20px 35px;}
.add-ioc{background-image: url(../images/lx-add.png);position: absolute;top: 0;width: 14px;height: 20px;left: -18px;}
.product-add li .add1{color: #7d7d7d;font-size: 14px;margin-bottom: 10px;font-weight: 600;}
.product-add li .add2,.add3,.add4{color: #7d7d7d;font-size: 12px;}
/*发展历程*/
.point-time {
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	top: 17px;
	left: 20%;
	background: #464646;
	margin-left: -4px;
	border-radius: 50%;
	box-shadow: 0 0 0 5px #464646;
}

section:hover .point-time {
	background: #DA251C;
}

section:hover p {
	color: #DA251C;
}

section:hover span {
	color: #DA251C;
}

.content {
	margin: 30px auto;
}

.content article {
	position: relative;
}

.content article > h3 {
	width: 15%;
	height: 20px;
	line-height: 20px;
	text-align: right;
	font-size: 1.4em;
	color: #1d1d1d;
	padding: 10px 0 20px;
}

.content article section {
	padding: 0 0 17px;
	position: relative;
}

.content article section:before {
	content: "";
	width: 5px;
	top: 17px;
	bottom: -17px;
	left: 20%;
	background: #e6e6e6;
	position: absolute;
}

.content article section:last-child:before {
	display: none;
}

.content article section time {
	width: 15%;
	display: block;
	position: absolute;
}

.content article section time > span {
	display: block;
	text-align: right;
}

.content article section aside {
	color: #3a3a38;
	margin-left: 25%;
	padding-bottom: 15px;
}
.content article section aside a{
	color: #464646;
}
.content article section .brief {
	color: #9f9f9f;
}

div.pageList{clear:both;}
div.pageList .l{ float:left; margin-left:115px; line-height:30px;font-style:normal;}
div.pageList .r{ float:left; line-height:30px;}
div.pageList .r li {float:left;margin-left:5px;}
div.pageList .r li a{border: 1px solid #E4E4E4;margin: 0 1px;padding: 2px 6px;text-decoration: none !important; color:#da271d;}
div.pageList .r li a:hover,div.pageList .r li a.selected{background-color:#da271d; color:white;}
#cp5{margin-top: 5px;}


.mp_nr{
	position: absolute;
	display: none;
	width: 347px;
	height: 85px;
	left: -138px;
	top: -86px;
	/*background: #2F2F2F;*/
	background: url(../images/vf1.png) no-repeat 0 top;
	transition: all 0.8s ease-in-out;
	z-index: 999;
}
.mp_nr p{color: #fff;}
.mp_nr .add2{margin-top: 10px;}
.mp_nr .add2,.add3,.add4{margin-left: 10px;}
.mp_nr .bj2 {
	position: absolute;
	left: 138px;
	bottom: 0px;
	background: url(../images/vf2.png) no-repeat 0 0;
	width: 14px;
	height: 8px;
}