body{font:12px "微软雅黑";background:#fff;-webkit-text-size-adjust:100%}
a{color:#424242;text-decoration:none}
a:hover{color:#f40;text-decoration:none}
em,i{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
.areaheart{
	margin:0px auto;
	width:1002px;
}
.clearfix:after{
	content:"";
	height:0;
	visibility:hidden;
	display:table;
	clear:both;
	}		
.clearfix{zoom:1;}

/* ---------------banner ------------------*/
 .banner-in{
	width:847px;
	height:476px;	
	position:absolute;
	top:204px;
	left:50%;
	margin-left:-423px;	
}
.zhong{
	top:50%;
	margin-top:-238px;
}
.b-all .logo{	
	width:847px;
	height:133px;	
	position: relative;
}
.b-all .logo img{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-129px;
}
.b-all .design{
	height:130px;
	width:847px;
	border-top:1px solid #FFFDFE;
	border-bottom:1px solid #FFFDFE;
}
.design p{
	font-size: 20px;
	font-weight: bold;
	color:#fff;
	line-height:46px;
	text-align: center;
	box-sizing: border-box;
	padding:15px 0 0 21px;
	font-family:"微软雅黑";
}
.science{
	width:847px;
	height:213px;
	box-sizing: border-box;
	padding-top:77px;
}
.science p{
	font-size: 40px;
	text-align: center;
	color:#fff;
}
/* down */
.down{
	padding-top: 60px;	
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font: normal 400 20px/1 'Josefin Sans', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
	cursor:pointer;
}
.down span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb04 2s infinite;
	animation: sdb04 2s infinite;
	box-sizing: border-box;
}

@-webkit-keyframes sdb04 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes sdb04 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}
/* ----------------logo/nav------------------------ */
.fix{
	position:fixed;
	top:0px;
	left:0px;
	}
.nav{
    background:url(../images/dhbj.png) no-repeat;
	height:63px;
	width:100%;	
	z-index: 999;	
}
.nav .nav-in{
	width:1271px;
	height:63px;	
	margin:0px auto;
}
.nav-in .logo{
	width:240px;
	height:63px;	
	float:left;
	box-sizing: border-box;
	padding:12px 0 0 74px;	
	margin-right:70px;
}
.nav-in .logo h1{
	width:240px;
	height:63px;
	cursor:pointer;
	background:url(../images/logo彩.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;	
	}
.nav-in .n-nav{
	width:913px;
	height:63px;	
	float:left;	
}
.n-nav ul li{
	float:left;
	width:152px;
	text-align: center;	
}
.n-nav ul li a{
	line-height: 63px;
	color:#323232;
	font-size:14px;
}
.n-nav ul li a:hover{
	color:#E45E00;
}

/*------------- zhanguangongcheng ----------------*/
.project{
	height:470px;		
	margin-top:10px;
	}	
.project .project-top{
	width:1000px;
	height:236px;	
	}
.project-top ul>li{
	width:298px;
	height:235px;
	position:relative;
	float:left;
	margin-right:52px;	
	}
.project-top ul .last{	
	margin-right:0px;	
	}
.project-top ul .one .digital{
	width:298px;
	height:38px;	
	margin-top:30px;
	}
.one .digital img{
	width:188px;
	height:35px;	
	}
.one p{
	font-size:12px;
	line-height:22px;
	margin-top:15px;
	font-family:"微软雅黑";
	text-indent: 2em;
	}
.one  span{
	position: absolute;
	width:55px;
	height:20px;
	line-height:20px;	
	color:#DE6000;
	bottom:13px;
	right:0px;
	font-size:6px;
	font-family:"微软雅黑";
	cursor: pointer;
	}
.project-top ul .two .production{
	width:298px;
	height:38px;	
	margin-top:30px;
	}
.two .production img{
	float:left;	
	}
.two p{
	font-size:12px;
	line-height:22px;
	margin-top:15px;
	font-family:"微软雅黑";
	text-indent: 2em;
	}
.two span{
	position: absolute;
	width:55px;
	height:20px;
	line-height:20px;	
	color:#DE6000;
	bottom:13px;
	right:0px;
	font-size:6px;
	font-family:"微软雅黑";
	cursor: pointer;
	}	
.project-top ul .last .development{
	width:298px;
	height:38px;
	margin-top:30px;
	}
.last .development img{
	float:left;
	}
.last p{
	font-size:12px;
	line-height:22px;
	margin-top:15px;
	font-family:"微软雅黑";
	text-indent: 2em;
	}
.last span{
	position: absolute;
	width:55px;
	height:20px;
	line-height:20px;	
	color:#DE6000;
	bottom:13px;
	right:0px;
	font-size:6px;
	font-family:"微软雅黑";
	cursor: pointer;
	}
.project-bottom{
	height:219px;
	width:1000px;
	}
.project-bottom ul li{
	float:left;
	margin-right:52px;
	}
.project-bottom ul li img{
	width:298px;
	height:219px;	
	}
.project-bottom ul .last1{	
	margin-right:0px;	
	}

/*------------- gongsijieshao ---------------*/
.profile{
	width:1002px;
	height:260px;
}
.profile .company{
	width:309px;
	height:260px;	
	float:left;
	box-sizing: border-box;
	padding-top:41px;
	position: relative;
}
.company .company-in{
	height:35px;
	width:309px;
	margin-bottom:12px;
}
.company-in a img{
	height:35px; 
	width:164px;
	float:left;
}
.company p{
	line-height: 22px;
	color:#232323;
	text-indent: 2em;
	font-size: 12px;
}
.company span{
	width:48px;
	height:12px;
	position: absolute;
	right:11px;
	bottom:10px;
	color:#E45E00;
	font-size: 6px;
}
/* -----------------zuixindongtai------------*/
.news{
	width:650px;
	height:260px;
	float:right;
	position: relative;
}
.news-top{
	height:38px;
	width:650px;
	margin-top:41px;
	margin-bottom:9px;
}
.news-bottom{
	width:650px;
	height:150px;	
	box-sizing: border-box;
	padding-left:16px;
}
.news-bottom li{
	line-height: 22px;
	font-size: 12px;
	color:#282828;
	list-style-type: disc;
}
.news-bottom li:hover{
	text-decoration: underline;
	color: #E45E00;
}
.news-bottom li span{
	float:right;
}	
.news .more{
	width:55px;
	height:20px;	
	font-size:7px;
	position:absolute;
	bottom:5px;
	right:2px;
}
.news .more a{
	color: #E45E00;
}	
/* --------------------anlizhanshi--------------------- */
.shen{
	width:100%;
	height:900px;
	background: #f5f5f5;
	box-sizing: border-box;
	padding-top:50px;
	margin-top:40px;
}
.cases{
	width:1273px;
	height:890px;	
	margin:0px auto;
}

.cases-top{
	width:1273px;
	height:100px;
	text-align: center;
	position:relative;
}
.cases-top p{
	font-size:35px;
	line-height:43px;
	color:#143A51;
	font-weight:normal;
}
.cases-top span{
	width:100px;
	height:9px;
	border-bottom:1px solid #9A9A9A;
	display:block;	
	margin:0px auto;
	margin-bottom:9px;
}
.cases-top i{
	width:261px;
	height:27px;
	margin-top:10px;
	line-height: 27px;
	font-size:20px;
	color:#999999;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
.cases-bottom{
	width:1273px;
	height:710px;
	overflow:hidden;	
}
.cases-bottom .all{
	width:1273px;
	height:49px;	
	border-bottom:1px solid #282828;
}
.all ul li{
	float:left;
	width:254px;
	height:49px;	
	line-height: 49px;
	font-size:20px;
	color:#9D9D9D;
	position:relative;
	cursor: pointer;
	text-align: center;
}
.all ul .a-one{
	color:#444444;
	font-weight:bold;
}
.all ul .a-one:after{
	width:254px;
	height:49px;
	border-bottom:6px solid #292929;
	content: "";
	position:absolute;
	bottom:-3px;
	left:0px;
	display: block;
}
.all ul li i{
	font-size:10px;
	margin-left:5px;
	color:#9D9D9D;
	font-weight:normal;
}
.cases-bottom .guan{
	width:1273px;
	height:632px;	
	margin-top:28px;
}
.cases-bottom .guan ul li{
	width:309px;
	height:316px;	
	margin-right:11px;
	float:left;
}
.cases-bottom .guan ul .hou{
	margin-right:0px;
}
.guan ul li .text{
	width:309px;
	height:87px;	
	box-sizing: border-box;
	padding:13px 0 0 19px;
}
.text p{
	font-size:16px;
	line-height:26px;
	color:#454545;
	font-weight: bold;
}
.text em{
	font-size:12px;
	line-height:18px;
	color:#5A5A5A;
}
/*---------------- lianxifangshi -----------------*/
.contact{
	width:100%;
	height:330px;
	background:url(../images/lianxi.jpg) no-repeat;
}
.contact .c-main{
	width:420px;
	height:330px;
	margin:0px auto; 
	box-sizing: border-box;
	padding-top:26px;
	position: relative;
}
.c-main .phone{
	width:58px;
	height:58px;
	margin:0px auto;
	background:url(../images/精灵图.png) no-repeat -113px -36px;
}
.c-main .p-one{
	font-size: 42px;
	width:421px;
	height:64px;
	background:rgba(255,255,255,0.04);
	margin-top:17px;
	text-align: center;
	color:#fff;
	margin-bottom:25px;
	line-height: 64px;
	font-weight: bold;
}
.c-main .letter{
	width:19px;
	height:12px;
	background:url(../images/精灵图.png) no-repeat -64px -59px;
	margin:0px auto;
}
.c-main .l-one{
	width:186px;
	height:25px;	
	margin-top:7px;
	text-align: center;
	position: absolute;
	left:50%;
	margin-left:-93px;
	font-size:17px;
	color:#fff;
}
.c-main .address{
	width:14px;
	height:21px;
	background:url(../images/精灵图.png) no-repeat -27px -55px;
	position:absolute;
	left:50%;
	margin-left:-7px;
	top:250px;
}
.c-main .a-one{
	position:absolute;
	bottom:32px;
	left:50%;
	margin-left:-150px;
	width:300px;
	height:19px;	
	text-align: center;
	font-size: 14px;
	color:#fff;
	line-height: 19px;
}

/*------------ footer ---------*/
.foot{
	width:100%;
	height:554px;	
	position:relative;
	box-sizing: border-box;
	padding-top:10px;	
	}
.foot .foot-heart{
	height:190px;
	width:924px;
	padding-left:76px;
	}
.foot-heart ul>li{
	float:left;
	width:168px;
	height:162px;
	}
.li1 .li-one{
	width:168px;
	height:44px;
	line-height:44px;
	text-align:center;
	position:relative;
	font-size: 14px;
	font-weight: bold;	
	}
.li1 .li-one i{
	position:absolute;
	left:0px;	
	}
.li1 .li-two{
	width:168px;
	height:118px;
	position:relative;	
	}
	
.li1 .li-three{
	width:168px;
	height:118px;
	position:relative;	
	}	
.li1 .li-two li{
	height:21px;	
	width:93px;
	margin-left:40px;
	padding-left:17px;
	text-align:center;
	}
.li1 .li-two li span,.li1 .li-three li span{
	width:6px;
	height:7px;
	background:url(../images/精灵图.png) no-repeat -200px -66px;
	display:block;
	float:left;
	margin-top:5px;
	margin-right:3px;
}
.li1 .li-three li{
	width:100px;
	height:21px;
	padding-left:2px;
	margin-left:30px;
	}
.li1 .li-three  img{
	position:absolute;
	top: 8px;
    left: 35px;
	}
.li1 .li-two li i{
	font-size:12px;
	float:left;
	}
.li1 .li-two img{
	position:absolute;
	top: 8px;
    left: 53px;	
	}
.foot-heart .last{
	width:207px;
	}
.last .li-four{
	width::207px;
	height:44px;
	text-align:center;
	line-height:44px;
	position:relative;
	font-size: 14px;
	font-weight: bold;
	}
.last .li-four .l-left{
	position:absolute;
	left:0px;
	}
.last .li-four .l-right{
	position:absolute;
	right:0px;
	}
.last .li-five{
	height:118px;
	width:207px;
	}
.last .li-five ol{
	width:150px;
	height:97px;	
	margin-left:55px;	
	}
.last .li-five ol li{
	height:9px;
	width:150px;
	margin-bottom:11px;	
	}
.li-five ol li em{
	width:13px;
	height:9px;
	background:url(../images/精灵图.png) no-repeat -217px  -65px;
	display:inline-block;
	float:left;
	margin-right:3px;	
	}	
.li-five ol li .phone2{	
	background-position:-237px -64px;	
	}
.li-five ol li .phone3{	
	background-position:-261px -64px;	
	}
.li-five ol li .phone4{	
	background-position:-282px -64px;	
	}
.li-five ol li i{
	line-height:9px;
	font-size:8px;
	display:block;
	float:left;	
	cursor:pointer;
	}
.foot .top{
		width:38px;
		height:38px;
		background:url(../images/精灵图.png) no-repeat -341px -48px;
		position: absolute;
		bottom:300px;
		left:50%;
		margin-left:-19px;
	}
.foot .top:hover{
		background: url(../images/jt-h.png)  no-repeat;
	}
.foot .weixin{
		width:250px;
		height:200px;		
		position: absolute;
		bottom:70px;
		left:50%;
		margin-left:-125px;
	}
.foot .weixin .wx{
		position: absolute;
		top:0px;
		left:50%;
		margin-left:-55px;
	}
.foot .weixin  p{
		position: absolute;
		top:120px;
		left:50%;
		margin-left:-55px;
   }
.foot .weixin .yy{
		position: absolute;
		top:150px;
		left:50%;
		margin-left:-176px;
	}
.foot .weixin .shangbiao{
		position: absolute;
		top:180px;
		left:50%;
		margin-left:-95px;
	}
.foot  .heng{
		width:100%;
		height:1px;
		background:#BFBFBF;
		left:0px;
		bottom:316px;
		display: block;
		position: absolute;
		z-index: -90;
	}