
body{
	font-family:"微软雅黑" ;
	font-weight: 100;
	background-color: #f0f1f1;
	font-size: 12px;
}
#header{
	width: 100%;
	height: 145px;
}
#header .header_top{
	height: 95px;
	width: 100%;
}
#header .nav_box .tel_phone{
		display: none;
}
#header .header_top .logo{
	display: block;
	margin-left: 80px;
	float: left;
	margin-top: 25px;
}
#header .header_top .tel_phone{
	display: block;
	margin-right: 80px;
	float: right;
	line-height: 95px;
    
}
#header .header_top .tel_phone span{
	color: #4283D3;
    font-size: 30px;
}
#header .header_top .tel_phone i{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../zhuanti/tel.png) no-repeat;
	position: relative;
	top:5px;
	right: 5px;
}

#header .nav_box{
	width: 100%;
	height: 50px;
	background: #2319dc;
}
#header .nav_box ul{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#header .nav_box ul li{
	float: left;
	line-height: 30px;
	height: 30px;
	margin-top: 10px;
	overflow: hidden;
	margin-right:66px;
}
#header .nav_box ul li a{
	color: #fff;
	font-size: 16px;
	display: block;
}

#banner{
	height: 342px;
}
#banner li{
	  background-size: cover;
	 background-position: center;
}
#main1{
	width: 1016px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}

#main{
	width: 1024px;
	height: auto;
	overflow: hidden;
	margin:0px 0px 50px 0px;
	margin-left: auto;
	margin-right: auto;
}

#main .section1{
	width: 100%;
	overflow: hidden;
	margin-top:0px;
}
#main .section1 ul li{
	float: left;
	width: 50%;
}
#main .section1 ul li dl{
	float: left;
	width: 45%;
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 25px;
	overflow: hidden;
}
#main .section1 ul li dl dt{
	width: 98%;
	margin: 0 auto;
	margin-top: 1%;
	
}
#main .section1 ul li dl dt img{
	width: 100%;
}
#main .section1 ul li dl dd h1{
	  font-size: 20px;
	  color: #F00;
	  text-align: center;
	  line-height: 35px;
	  margin-top: 10px;
}
#main .section1 ul li dl dd p{
	text-align: center;
  	color: #999;
  	line-height: 25px;
	padding-bottom:10px;
  	border-bottom: 1px dotted #E1E1E1;
}

#main .section1 ul li dl dd a.link_btn{
	  width: 90px;
	  height: 30px;
	  display: block;
	  background-color: #4bd9a1;
	  line-height: 30px;
	  text-align: center;
	  font-size: 12px;
	  color: #fff;
	  margin: 10px auto;
}

#main .section2{
	width: 100%;
		
}
#main .section2 h1{
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: url(../zhuanti/hbg.jpg) no-repeat center;
	font-size: 2em;
	font-weight: bold;
	margin: 50px auto;
}

#main .section2 ul li{
	float: left;
	position: relative;
	width: 33.333%;
}


#main .section2 ul li img{
	display: block;
}
#main .section2 ul li img.img_show{
	display: block;
	  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#main .section2 ul li img.img_hover{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
  -webkit-transform: rotateX(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateX(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
	
}
#main .section2 ul li:hover .img_show{
	  -webkit-transform: rotateX(180deg);
  	  -moz-transform: rotateX(180deg);
}
#main .section2 ul li:hover .img_hover{
	  -webkit-transform: rotateX(0deg) rotateY(0deg);
	  -moz-transform: rotateX(0deg) rotate(0deg);
	 /* z-index: 10;
	  position: absolute;*/
}
#footer{
	background: #151515;
}

#footer .footer_top{
	width: 1024px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

#footer .footer_top dl{
	float: left;
	width: 33%;
}
#footer .footer_top dl dt h1{
	text-align: center;
	font-size: 18px;
	color: #666;
	margin-top: 40px;
}
#footer .footer_top dl dt{
	float: left;
	width: 80px;
	margin-right: 20px;
}
#footer .footer_top dl dt img{
	width: 80px;
}
#footer .footer_top dl dd{
	float: left;
}
#footer .footer_top dl dd ul{
	margin-top: 40px;
	width:230px
}
#footer .footer_top dl dd ul li{
	overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space:nowrap;
}

#footer .footer_top dl dd ul li a{
	color: #6e5d54;
	line-height: 24px;
	font-size: 12px;
}

#footer p{
	  border-top: 1px solid #212121;
	  color: #6E5D54;
	  line-height: 30px;
	  padding-top: 12px;
	  text-align: center;
	  z-index: 1;
	  width: 100%;
	  margin: 0 auto;
	  padding-bottom: 20px;
	  margin-top: 20px;
}


@media screen and (max-width: 1024px) {
	#header{
		width: 100%;
	}
	#header .header_top{
		padding: 0 10px;
		box-sizing: border-box;
	}
	#header .header_top .logo{
		margin-left: 0;
	}
	#header .header_top .tel_phone{
		margin-right: 0;
	}
	
	#header .nav_box ul{
		display: -webkit-box;
		display: -moz-box;
		width: 100%;
	}
	#header .nav_box ul li{
		float: none;
		-webkit-box-flex: 1;
		margin-right: 0;
		text-align: center;
	}
	#main{
		width: 100%;
	}
	#main .section1 ul{
		display: -webkit-box;
	}
	#main .section1 ul li{
		float: none;
		margin: 0 20px;
		-webkit-box-flex: 1;
		display: -webkit-box;
		-webkit-box-pack: justify;
	}
	#main .section1 ul li dl{
		float: none;
		margin: 0;
		
	}
	
	#footer .footer_top{
		width: 100%;
	}
	#main .section2{
		overflow: hidden;
	}
	#main .section2 ul{
		display: -webkit-box;
		padding: 0 20px;
		box-sizing: border-box;
		margin: 0 auto;
	}
	#main .section2 ul li{
		-webkit-box-flex: 1;
	}
	#main .section2 ul li img{
		width: 100%;
	}
}

@media screen and (max-width: 750px){
	#header{
		height: auto;
	}
	#header .header_top{
		height: 80px;
		width: 100%;
		overflow: hidden;
	}
	#header .header_top .logo{
		margin: 20px auto 0;
		display: block;
		float: none;
	}
	#header .header_top .tel_phone{
		display: none;
		
	}
	#header .nav_box{
		overflow: hidden;
		position: relative;
	}
	#header .nav_box ul{
		width: 600px;
		padding-right:50px
	}
	#header .nav_box .tel_phone{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 150px;
		height: 50px;
		line-height: 50px;
		background-color: #2319dc;
		box-shadow: -1px 0 10px rgba(0, 0, 0, 0.56);
		-webkit-transform: translateX(100px);
		color: #fff;
	}
	#header .nav_box .tel_phone i{
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../zhuanti/tel.png) no-repeat;
		position: relative;
		top:10px;
		margin-left: 10px;
		margin-right: 10px;
	}
	#banner{
		height: 153px;
	}
	#banner li{
		overflow: hidden;
		position: relative;
		
	}
	#banner li img{
		height: 100%;
		position: absolute;
		left: 50%;
		margin-left: -100%;
	}
	#main{
		margin: 10px auto;
	}
	#main .section1 ul{
		-webkit-box-orient: vertical;
		width: 100%;
	}
	#main .section1 ul li{
		width: 100%;
		margin: 0;
		padding: 5px;
		box-sizing: border-box;
		display: -webkit-box;
	}
	#main .section1 ul li dl{
		width: 48%;
	}
	#main .section2 ul{
		-webkit-box-orient: vertical;
	}
	#main .section2 ul li{
		width: 100%;
		margin-bottom: 10px;
	}
	
	#footer .footer_top dl{
		float: none;
		width: 100%;
		overflow: hidden;
	}
} 


/* 推荐信息 */
.bg1 {
	background: url("../zhuanti/bg8.png") repeat-x left bottom;
	padding: 20px 28px 45px;
}

	.bg1 .box {
		min-height: 316px;
		background: url("../zhuanti/bg7.png") repeat-x left bottom #fff;
		border-left: 1px solid #ebebeb;
		width: 523px;
		float: left;
	}

	.bg1 .box1 {
		min-height: 316px;
		background: url("../zhuanti/bg7.png") repeat-x left bottom #fff;
		border-right: 1px solid #ebebeb;
		width: 412px;
		float: left;
	}

#focusAd {
	background-color: #ebebeb;
	min-height: 280px;
}

	#focusAd .bd {
		width: 383px;
		height: 273px;
		float: left;
		background-color: #dcdcdc;
		_display: inline;
		margin: 2px 18px 2px 2px;
	}

		#focusAd .bd li {
			position: relative;
			width: 383px;
			height: 273px;
		}

	#focusAd .hd {
		margin-top: 22px;
		width: 100px;
		float: left;
	}

		#focusAd .hd li {
			border: 2px solid #9d9d9d;
			margin-bottom: 3px;
		}

			#focusAd .hd li.on {
				border: 2px solid #c50000;
			}

	#focusAd .prev, #focusAd .next {
		width: 9px;
		height: 7px;
		left: 465px;
	}

	#focusAd .prev {
		background: url("../zhuanti/hd2.png") no-repeat left top;
		top: 10px;
	}

	#focusAd .next {
		background: url("../zhuanti/hd2.png") no-repeat right bottom;
		top: 265px;
	}

	#focusAd .bd li em, #focusAd .bd li a.t {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 40px;
		line-height: 40px;
		display: block;
		z-index: 2222;
		width: 100%;
	}

	#focusAd .bd li em {
		background-color: #000;
		filter: Alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}

	#focusAd .bd li a {
		color: #fff;
		text-indent: 10px;
		font-size: 14px;
	}

.zh {
	min-height: 280px;
}

	.zh h2 {
		background: url("../zhuanti/t6.png") no-repeat center top;
		height: 54px;
		line-height: 54px;
		font-size: 16px;
		color: #07449d;
		text-indent: 26px;
		margin: 0;
		font-weight: bold;
	}

	.zh .t {
		padding-left: 26px;
	}

		.zh .t a.b {
			font-size: 12px;
			color: #6b6b6b;
			font-weight: bold;
			margin: 10px 0;
		}

		.zh .t p {
			line-height: 25px;
			color: #6b6b6b;
			font-size: 12px;
			padding-right: 26px;
			background: url("../zhuanti/bg6.png") no-repeat center bottom;
		}

	.zh ul li {
		text-indent: 36px;
		line-height: 26px;
		color: #929292;
		font-size: 12px;
		background: url("../zhuanti/d12.png") no-repeat 26px center;
	}

		.zh ul li span {
			color: #484848;
		}

.cz-box {
	background: url("../zhuanti/bg9.png") repeat-x left bottom;
	padding: 20px 28px 50px;
}

	.cz-box h2 {
		margin: 0;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		color: #07449d;
		font-weight: bold;
	}

		.cz-box h2 a {
			font-size: 12px;
			font-weight: normal;
		}

	.cz-box img {
		border: 1px solid #dcdcdc;
		margin-top: 15px;
		-webkit-box-shadow: 0 3px 3px #e6e6e6;
		box-shadow: 0 3px 3px #e6e6e6;
		width: 100%;
	}
.fr {
	float: right;
}
	.cz-box a.b {
		font-size: 14px;
		color: #035cac;
		font-weight: bold;
		margin: 10px 0;
		text-align: center;
	}


	.cz-box p {
		font-size: 12px;
		line-height: 22px;
		color: #606060;
	}

/* 标题1 */
#zt {
	background: url("../zhuanti/bg5.jpg") no-repeat center top #e3e3e3;
	background-position: center 95px;
}

#zt1 {
	background: url("../zhuanti/bg11.png") no-repeat center 100px #e3e3e3;
}

#zt2 {
	background: url("../zhuanti/bg5.png") no-repeat center top #fff;
}

.border1 {
	border: 1px solid #ededed;
	border-top: 0;
	-webkit-box-shadow: 1px 1px 1px #ededed;
	box-shadow: 1px 1px 1px #ededed;
	border-radius: 5px 5px 0 0;
	background-color: #fff;
}

.title-h1 {
	height: 45px;
	line-height: 45px;
	background: url("../zhuanti/t5_h.png") repeat-x;
	position: relative;
	border-radius: 5px 5px 0 0;
}

	.title-h1 h3 {
		font-size: 16px;
		color: #07449d;
		text-indent: 30px;
		line-height: 45px;
		background: url("../zhuanti/t5.png") no-repeat -1px center;
		margin: 0;
		font-weight: bold;
		border-radius: 5px 0 0 0;
	}

	.title-h1 span {
		line-height: 45px;
		position: absolute;
		right: -1px;
		top: 0;
		background: url("../zhuanti/t5_r.png") no-repeat right top;
		width: 195px;
		display: block;
		height: 45px;
		text-align: right;
		border-radius: 0 5px 0 0;
	}

		.title-h1 span a {
			font-size: 12px;
			color: #df0000;
			padding-right: 20px;
		}





/* 文章内容 */
.wz-box {
	text-align: left;
	padding-bottom: 30px;
}

	.wz-box h1 {
		margin: 20px 0 10px;
		font-size: 22px;
		font-weight: normal;
		text-align: center;
	}

	.wz-box .info {
		line-height: 26px;
		background-color: #eee;
		margin: 0 10px;
		text-align: center;
	}

	.wz-box .content1 {
		line-height: 25px;
		margin: 20px 20px 30px;
	}

		.wz-box .content1 p {
			margin-top: 20px;
		}

@media (min-width: 1200px) {
	#container {
		width: 1024px;
	}
}

@media (max-width: 980px) {
	.header .navbar-toggle {
		margin-top: 20px;
	}

	.header .navbar-nav {
		float: none;
		background-color: #fff;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
		border: 0;
	}

	.bg1 .box1 {
		width: 100%;
	}

}

.gg ul li {
	background-image: url(/style/images/sq.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 625px;
	text-align: center;
	position: relative;
}

	.gg ul li p {
		padding-top: 545px;
	}


	.gg ul li img {
		position: absolute;
		top: 168px;
		left: 50%;
		margin-left: -52px;
		width: auto;
	}

	.gg ul li .name {
		position: absolute;
		top: 355px;
		color: #000;
		font-weight: bold;
		font-size: 18px;
		display: inline-block;
		text-align: center;
		width: 100%;
		left: 0px;
		padding-left: 50px;
	}

	.gg ul li .xiaoshou {
		position: absolute;
		top: 390px;
		color: #000;
		font-weight: bold;
		font-size: 18px;
		display: inline-block;
		text-align: center;
		width: 100%;
		left: 0px;
		padding-left: 50px;
	}

	.gg ul li .quyu {
		position: absolute;
		top: 428px;
		color: #000;
		font-weight: bold;
		font-size: 18px;
		display: inline-block;
		text-align: center;
		width: 100%;
		left: 0px;
		padding-left: 50px;
	}

.no_date {
	text-align: center;
	font-size: 20px;
	padding-top: 50px;
}

	.no_date a {
		font-size: 16px;
		margin-left: 20px;
	}



/* 现场图片 */
.xc {
	margin-top: 22px;
}

	.xc img {
		border-top: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
		margin-top: 15px;
		-webkit-box-shadow: 0 3px 3px #e6e6e6;
		box-shadow: 0 3px 3px #e6e6e6;
		width: 100%;
		padding: 0 2px 2px 0;
	}

.box2 {
	padding: 0 25px 20px;
}

.footer {
	height: 92px;
	line-height: 92px;
	margin-top: 43px;
	background-color: #fbfbfb;
	color: #656565;
}

/* 同奥动态 */
.news {
	margin-top: 22px;
}

ul.list1 {
	padding: 10px 25px 15px;
	background: url("../images/bg10.png") repeat-x left bottom;
	margin: 0;
}

	ul.list1 li {
		height: 28px;
		line-height: 28px;
		border-bottom: 1px dotted #e9e9e9;
		font-size: 12px;
		background: url("../images/d12.png") no-repeat 0px center;
		text-indent: 12px;
		
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		white-space:nowrap;

	}

		ul.list1 li a {
			color: #929292;
		}

		ul.list1 li span {
			color: #999;
		}
.b {
	display: block;
}
/**pro**/
.pro{ margin-top:20px;}
.pro ul li { width:280px; height:325px; overflow:hidden; margin:0 0px 10px 0; padding:0; float:left;}
.pro ul li.mr_no { margin:0;}
.pro ul li a { display:block; width:278px; height:323px; overflow:hidden; margin:0; padding:0; border:1px solid #e3e3e3; background-color:#fff;}
.pro ul li a:hover .pro_text{ background:#0c4da2;}
.pro ul li a:hover .pro_text span{ color:#fff;}
.pro ul li a:hover .pro_text h3{ color:#fff;}
.pro ul li a .pro_img { width:280px; height:250px;border-bottom: 1px solid #e3e3e3;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.pro ul li a .pro_img .pro_i{text-align:center;position:static;+position:absolute;top:50%;}
.pro ul li a .pro_img img{ max-width:250px; max-height:250px;vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;}
.pro ul li a .pro_text {/* width:250px;*/ height:75px; overflow:hidden; margin:0 auto; padding:12px 14px;}
.pro ul li a .pro_text span { display:block; width:100%; height:22px; overflow:hidden; line-height:22px; color:#999; font-size:12px; text-align:center;}
.pro ul li a .pro_text h3 { width:100%; height:22px; overflow:hidden; line-height:22px; color:#333; font-size:13px; text-align:center;}
.pro ul li a:hover .pro_img { border-bottom: 1px solid #0c4da2;}


.jianju{ margin-bottom:50px;}