@charset "utf-8";
.phones{
		
	}
.phone{
	margin-top:0;
	display: none;
}
nav .phone .weixina .erweima{
	width:140px;
	position:absolute;
	right:25px;
	z-index:99999999;
	display:none;
}
nav .phone .weixina:hover .erweima{
	display:block;
}
nav .phone a{margin-right:5px;}
nav .phone .call{background: url("../images/sprite.png") no-repeat 0 0;display:inline-block;width:20px;height:16px;margin-right:4px;}
nav .phone .email{display:inline-block;width:18px;height:16px;background:url("../images/sprite.png") no-repeat -20px 0;margin-right:4px;}
nav .phone .weixin{display:inline-block;width:18px;height:16px;background:url("../images/sprite.png") no-repeat -60px 0;margin-right:4px;}
nav ul{margin-top:25px;}
nav ul li{position:relative;background:url(../images/xian.gif) right center no-repeat;}
nav ul li ul{display:none;position:absolute;width:100%;top:0;left:0;z-index:10;background:#fff;z-index:99;}
nav ul li:hover ul{display:block;}
nav ul li ul li{width:100%;}
nav ul li ul li a{display:block;width:100%;line-height:20px;padding:10px 0;color:#333;font-size:14px;}
nav ul li ul li a:hover{color:#f60;}
nav ul>li:nth-child(7){background:url(../images/siren.gif) no-repeat center left;background-size:auto 70%;}

.index-trends{width:100%;min-width:1200px;background:url(../images/bg3.jpg) no-repeat;background-size:cover;padding-top:80px;padding-bottom:40px;}
.index-trends-in{width:1200px;margin:0 auto;}
.index-trends-in .title{overflow:hidden}
.index-trends-in .title h1{font-size:48px;color:#333;float:left}
.index-trends-in .title h1 span{font-size:30px;font-family:Arial, Helvetica, sans-serif;display:block;margin-top:10px;}
.index-trends-in .title .trendsTab{float:right;overflow:hidden;margin-top:40px;}
.index-trends-in .title .trendsTab li{float:left;width:120px;line-height:43px;text-align:center;background:#CCC;font-size:18px;color:#323232;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left:13px;cursor:pointer}
.index-trends-in .title .trendsCrt{color:#fff !important;background:#333 !important}
.index-trends-box{margin-top:40px;}
.index-trends-cont{overflow:hidden;min-height:355px;}
.index-trends-cont dl{width:45%;float:left;overflow:hidden;margin-bottom:30px;margin:20px 2.5%;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.index-trends-cont dl dd h1{font-size:14px;color:#333;}
.index-trends-cont dl dd p{font-size:12px;color:#666;margin-top:5px;line-height:20px}
.index-trends-cont dl dt{float:left}
.index-trends-cont dl dt b{font-size:36px;color:#333;display:block; padding-left:10px; padding-bottom:5px; color:#01509F;}
.index-trends-cont dl dt span{font-size:14px;color:#999;display:block;margin-top:-8px}
.index-trends-cont dl dd{width:85%;background:url(../images/line.png) no-repeat bottom left;background-size:100%;height:82px;padding-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;padding-bottom:25px}
.index-trends-cont dl.margin0{margin-right:0}
.index-trends-cont dl:hover{background:rgba(1,93,173,.1)}	


@media (max-width: 740px){
	header.headers{
		position:relative;
	}
	.Top{
		padding:10px 0 0;
	}
	.logo{
		margin:0;
		width:50%;
		float:left;
	}
	.phone{
		display:inline-block;
	}
	span.menu{
		text-align: left;
		cursor: pointer;
		position: relative;
	}
	.phone a{
		display:none;
	}
	nav{
		width:50%;
		float:right;
	}
	.phone .glyphicon{
		display:none;
	}
	nav ul{
		display: none;
		position:absolute;
		width: 100%;
		height:auto;
		z-index: 9999;
		left: 0%;
		margin:1.5em 0em 0;
		background:rgba(29, 28, 24, 0.93);
		border:0;
		position:absolute;
		top:40px;
		left:0;
	}
	.phones{
		border:0;
	}
	.phones span.menu{
		display: block;
		float:right;
	}
	.phones .glyphicon,.phones a{
		display:none;
	}
	nav>ul{
		width:100%;
		height:auto;
		z-index:999;
	}
	nav>ul>li{
		width:100%;
		text-align:center;
	}
	nav>ul>li>a{
		color:#fff;
	}
	.index-trends{
		width:100%;
		min-width:100%;;
	}
	.index-trends-in{
		width:100%;
	}
	.index-trends-in .title h1{
		width:100%;
		float:none;
	}
	.index-trends-in .title .trendsTab{
		width:100%;
		float:none;
		padding-right:2%;
	}
	.index-trends-in .title .trendsTab li{
		float:left;
		width:23%;
		margin-left:2%;
		font-size:14px;
	}
	.index-trends-cont dl{
		width:98%;
		float:none;
	}
	.index-trends-cont dl dd{
		width:75%;
		padding-right:3%;
		padding-bottom:0;
		background-size:100%;
		margin-right:2%;
		height:90px;
	}
	.index-trends-cont dl dd p{
		height:60px;
		overflow:hidden;
	}
	nav>ul>li>ul{position:relative;top:0;margin-top:0;}
}