@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; font-family:"微软雅黑";}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:900;}	
.clear{clear:both;}

#banner{ width:100%; background:url(../images/hxrdks_03.jpg) repeat-x center; }
#banner img{ display: block; margin:0 auto;}

#video{ width:1020px; margin:0 auto; padding:30px 0 40px 0;}
.video-x{ width:490px; float:left; margin:0 10px;}
.video-x iframe{ width:490px; height:375px;}
.video-x p{ font-size:16px; color:#6d6d6d; text-align:center; margin-top:10px;}

#zt{ width:1020px; margin:0 auto;}
/*@media screen and (min-width:1020px){
	#video{ width:1020px;}
	#video-x{ width:490px; float:left;}
	.biaoti{ width:1020px;}
	#zt-li{ width:1020px;margin:0 auto;}
	#zt-li li{ float:left;margin-right:20px;}
	}*/

/*大标题统一属性*/
.biaoti{ width:100%; margin:0 auto;}
.biaoti img{ float:left; margin-right:10px;}
.biaoti h2{ float:left; font-size:22px; color:#2a2a2a; font-weight:normal; margin-right:10px; line-height:30px;}
.biaoti h3{ float:left; font-size:14px; color:#909090; font-weight:normal; line-height:30px;}
.biaoti h3 a{ color:#5facfc; font-weight:900;}
/*大标题统一属性*/

#zt-li{ margin:0 auto; padding-top:20px;}
#zt-li li{ float:left; margin:0 6px; margin-bottom:20px; display:block; background-color:#fff; width:326px; height:334px; position:relative; -moz-transition:0.3s; -webkit-transform:0.3s; -o-transition:0.3s;transition:0.3s; top:0;}
/*#zt-li li:nth-of-type(3n+3){ margin-right:0;}*/
.li-bottom{ width:326px;}
#zt-li li h4{ font-size:15px; color:#3a3a3a; margin:12px 0 7px 15px;}
#zt-li li p{ font-size:12px; color:#707070; margin-left:15px; width:295px; height:70px;overflow:hidden; line-height:22px;}
.xian{ width:295px; height:1px; background-color:#e7e7e7;margin:7px 0 7px 15px;}
#zt-li li h5{ font-weight:normal; font-size:12px; color:#999999; float:left; margin-left:15px; line-height:25px;}
#zt-li li span{ display:block; width:78px; height:23px; border:1px solid #2fb3ff; border-radius:20px; text-align:center; line-height:25px; float:right; margin-right:15px;}
#zt-li li span a{ color:#2fb3ff; display:block; width:80px; height:25px;}
#zt-li li span a:hover{ color:#fff; background-color:#2fb3ff; border-radius:20px;}
#zt-li li:hover{ top:-3px;
-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);
-moz-box-shadow:0 15px 30px rgba(0,0,0,0.2);
-o-box-shadow:0 15px 30px rgba(0,0,0,0.2);
box-shadow:0 15px 30px rgba(0,0,0,0.2);}


@media screen and (min-width:768px) and (max-width:991px){
	img{ max-width:100%;}
	#banner{ width:100%; background:url(../images/hxrdks_03.jpg) repeat-x;}
	#banner-1{ width:100%; margin:0 auto;}

	#video{ width:100%; margin:0 auto; padding:0;}
	#video-x{ width:100%; float:left; margin:0;}
	#video-x iframe{ width:100%; height:auto;}
	#video-x p{ font-size:16px; color:#6d6d6d; text-align:center; margin-top:10px;}

	#zt{ width:100%; margin:0 auto;}
#zt-li li{ float:left; margin:0 auto; margin-bottom:20px; display:block; background-color:#fff; width:50%; height:auto; position:relative; -moz-transition:0.3s; -webkit-transform:0.3s; -o-transition:0.3s;transition:0.3s; top:0;}
.li-bottom{ width:100%;}
#zt-li li p{ font-size:12px; color:#707070; margin-left:0; width:90%; height:70px;overflow:hidden; line-height:22px; padding:0 5%;}
#zt-li li a{
	display:block;
	text-align:center;}



	}
@media screen and (max-width:767px){
	img{ max-width:100%;}
	#banner{ width:100%; background:url(../images/hxrdks_03.jpg) repeat-x;}
	#banner-1{ width:100%; margin:0 auto;}
	#video{ width:100%; margin:0 auto; padding:0;}
	#video-x{ width:100%; float:none; margin:0;}
	#video-x iframe{ width:100%; height:auto;}
	#video-x p{ font-size:16px; color:#6d6d6d; text-align:center; margin-top:10px;}
	
	#zt{ width:100%; margin:0 auto;}
#zt-li li{ float:left; margin:0 auto; margin-bottom:20px; display:block; background-color:#fff; width:100%; height:auto; position:relative; -moz-transition:0.3s; -webkit-transform:0.3s; -o-transition:0.3s;transition:0.3s; top:0;}
#zt-li li a{
	display:block;
	text-align:center;}
.li-bottom{ width:100%;}
#zt-li li p{ font-size:12px; color:#707070; margin-left:0; width:90%; height:70px;overflow:hidden; line-height:22px; padding:0 5%;}


	}