@charset "utf-8";
/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ text-decoration:none;}
*{ font: normal 12px/100% Helvetica, Arial, sans-serif;}
li{ list-style-type:none;}
body,html{ width:100%; height: 100%;}
body{	
	max-width: 640px;
	margin:0 auto;
}

.container{
	position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-position: center 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
zoom: 1;
	background:url(../images/bgimg.jpg) no-repeat center center; 
}
/*top*/
.top_box{
	padding:3%;
	text-align: right;
}
.top_box a{
	width: 2.4rem;
	height: 2.4rem;
	display: inline-block;
}
.top_box a img{
	width: 100%;
	height: 100%;
	display: block;
}

/*logo search*/ 
.search_box .search_from h1{
	width: 60%;
	margin:0 auto 4%;
}
.search_box .search_from h1 img{
	width: 100%;
	display: block;
}
 

.search .search_from h2{
	padding: 0 3%;
}
.search .search_from h2 span{
	display: block;
}
.search .search_from h2 .search{
	border: red solid 1px;
	height: 2rem;
	background-color: rgba(255,255,255,.8);
	border: #2c8fcd solid 1px;
	border-radius: .4rem;
}
.search .search_from h2 .search input{
	padding: 0.6rem 2%;
	width: 92%;
	display: block;
	height: 1.2rem;
	line-height: 1.2rem;
	font-size: 1.2rem;
	color: #333;
	background:none;
}

.search .search_from h2 .btn{
	text-align: center;
	margin-left: 18%;
}
.search .search_from h2 .btn input{
	
	cursor:pointer;
	text-align: center;
	background-color: #2c8fcd;
	color: #fff;
	width: 34%;
	margin:.92rem .46rem 0;
	font-size: 1rem;
	height: 2rem;
	line-height: 2rem;
	-webkit-appearance: none;/*input苹果手机浏览器圆角问题*/
	border-radius: .2rem;
}
.search .search_from h2 .btn input:first-child{
	 animation: btn01 3s infinite linear;
	 -webkit-animation: btn01 3s infinite linear;
}
.search .search_from h2 .btn input:last-child{
	 animation: btn02 3s infinite linear;
	 animation-delay: 1.5s;
	 -webkit-animation: btn02 3s infinite linear;
	 -webkit-animation-delay: 1.5s;
}


@keyframes btn01{
	from { background-color: #2c8fcd; box-shadow: 0 0 .4rem #a9deff}
	 50% { background-color: #33aaf3; box-shadow: 0 0 1.6rem #e1f4ff}
	  to { background-color: #2c8fcd; box-shadow: 0 0 .4rem #a9deff}
}
@-webkit-keyframes btn01{
	from { background-color: #2c8fcd; box-shadow: 0 0 .4rem #a9deff}
	 50% { background-color: #33aaf3; box-shadow: 0 0 1.6rem #e1f4ff}
	  to { background-color: #2c8fcd; box-shadow: 0 0 .4rem #a9deff}
}
@keyframes btn02{
	from { background-color: #2c8fcd; box-shadow: 0 0 .4rem #a9deff}
	 50% { background-color: #33aaf3; box-shadow: 0 0 1.6rem #e1f4ff}
	  to { background-color: #2c8fcd; box-shadow: 0 0 .4rem #a9deff}
}
@-webkit-keyframes btn02{
	from { background-color: #2c8fcd; box-shadow: 0 0 .4rem #a9deff}
	 50% { background-color: #33aaf3; box-shadow: 0 0 1.6rem #e1f4ff}
	  to { background-color: #2c8fcd; box-shadow: 0 0 .4rem #a9deff}
}

/*滚动文字*/
.scrolltxt{
	text-align: center;
	margin:8% 0;
	height: 1.6rem;
	overflow: hidden;
}
.scrolltxt ul li{
	color: #fff;
	font-size: .92rem;
	line-height: 1.6rem;
}

/*导航菜单*/
.menu_box{
	margin-top: -5%;
}
.con_box{
	width: 50%;
	margin:0 auto;
}  
.con_box .box01{
	animation: menus 10s infinite linear;
	-webkit-animation: menus 10s infinite linear;
	-o-animation: menus 10s infinite linear;
	-moz-animation: menus 10s infinite linear;
	-ms-animation: menus 10s infinite linear;
	position: relative;
	z-index: 5;
}
.con_box .box01 img{
	display: block;
	width: 100%;
} 
.con_box .box01 ul{
	position: relative;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}
.con_box .box01 ul li{
	position: absolute;
}
.con_box .box01 ul li *{
	color: #fff;
	font-size: 1rem;
	display: block;
	text-align: center;
	padding: 10% 0;
}
.con_box .box01 ul .news{
	top:21%;
	left: 18%;
}
.con_box .box01 ul .webs{
	top:15%;
	left: 42%;
}
.con_box .box01 ul .wku{
	top:21%;
	right: 18%;
}
.con_box .box01 ul .mbang{
	bottom:21%;
	right: 18%;
}
.con_box .box01 ul .hye{
	bottom:15%;
	left: 42%;
}
.con_box .box01 ul .tcheng{
	bottom:21%;
	left: 18%;
}

@-webkit-keyframes menus{
	0% {transform: rotateZ(0deg);}
	50% {transform: rotateZ(180deg);}
	100% {transform: rotateZ(360deg);}
}
@-o-keyframes menus{
	0% {transform: rotateZ(0deg);}
	50% {transform: rotateZ(180deg);}
	100% {transform: rotateZ(360deg);}
}
@-moz-keyframes menus{
	0% {transform: rotateZ(0deg);}
	50% {transform: rotateZ(180deg);}
	100% {transform: rotateZ(360deg);}
}
@keyframes menus{
	0% {transform: rotateZ(0deg);}
	50% {transform: rotateZ(180deg);}
	100% {transform: rotateZ(360deg);}
}
.con_box .back{
	animation:menus_stop 1s forwards;
	-webkit-animation:menus_stop 1s forwards;
	-ms-animation:menus_stop 1s forwards;
	-moz-animation:menus_stop 1s forwards;
	-o-animation:menus_stop 1s forwards;
}
@keyframes menus_stop{
	0% {transform: rotateZ(180deg);}
}
@-webkit-keyframes menus_stop{
	0% {transform: rotateZ(180deg);}
}
@-moz-keyframes menus_stop{
	0% {transform: rotateZ(180deg);}
}
@-o-keyframes menus_stop{
	0% {transform: rotateZ(180deg);}
}

/*遮罩框*/
.blackbox{
	position: absolute;
	top: 0;
	height: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 4;
}
   
/*footer*/
.footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(23,95,165,.5);
	padding: 1% 0;
	z-index: 3;
}
.footer p{
	color: #fff;
	line-height:150%; 
	font-size: .7rem;
}
.footer p:nth-child(2) a{
	background:url(../images/gongxin.png) no-repeat center left;
	padding-left:1rem;
	background-size: 5%;
	font-size: .7rem;
}
.footer p:nth-child(3) a{
	background:url(../images/beian.png) no-repeat center left;
	padding-left:1rem;
	background-size: 7%;
	font-size: .7rem;
}

@media screen and (min-width: 321px) and (max-width: 360px){
	.scrolltxt{
		margin:6% 0;
	}
	.footer p{
		line-height: 130%;
	}
}

/*页面滑动一段距离搜索框出现*/
.search_box_fix{ position: fixed; top: -200px; left: 0; width: 100%; z-index: 9999; 
	background-color:#fff; padding: 2%; box-shadow: 0 0 5px #bbb; display: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.search_box_fix .box{ border:#2c8fcd solid 1px; overflow: hidden;}
.search_box_fix .box img{ float: left;  width: 1rem; height:1rem;}
.search_box_fix .box input{ float: left; font-size:1rem; padding:2% 2% 2% 9%; width: 59%;
	background: url(../images/yuming_icon.png) no-repeat center left 3%; color: #333;
	background-size: 1.2rem; line-height: 170%;
}
 

.search_box_fix  .box span{ float: right;  padding:3% 0; width: 30%;
	animation:bg_btn 3s infinite;
	-webkit-animation:bg_btn 3s infinite;
	-ms-animation:bg_btn 3s infinite;
	-moz-animation:bg_btn 3s infinite;
	-o-animation:bg_btn 3s infinite;
}

@keyframes bg_btn{
	0% {background-color: #2c8fcd;}
	50% {background-color: #30a0e5;}
	100% {background-color: #2c8fcd;}
}
@-o-keyframes bg_btn{
	0% {background-color: #2c8fcd;}
	50% {background-color: #30a0e5;}
	100% {background-color: #2c8fcd;}
}
@-moz-keyframes bg_btn{
	0% {background-color: #2c8fcd;}
	50% {background-color: #30a0e5;}
	100% {background-color: #2c8fcd;}
}
@-webkit-keyframes bg_btn{
	0% {background-color: #2c8fcd;}
	50% {background-color: #30a0e5;}
	100% {background-color: #2c8fcd;}
}
.search_box_fix .box span input{ background: none; color: #fff; font-size:1rem; width: 50%; line-height: 110%;}
.search_box_fix .box span input:first-child{border-right: #fff solid 1px;}

/*go_top*/
.go_top{position: fixed; right: 2%;  bottom: 12%;width: 2.52rem; height: 2.52rem;border-radius: 100%; 
	background-color: rgba(255,255,255,.9); z-index: 999; display: none; box-shadow:  0 0 5px #bbb;
}
.go_top a{ display: block; background: url(../images/icon_backtop.png) center center no-repeat;
	width: 2.52rem; height: 2.52rem; background-size: 50%;
}


/*实时热点*/
.timehot_box{padding:4% 3% 1%; background-color: #fff;}
.timehot_box .tit{overflow: hidden; margin-bottom: 3%;}
.timehot_box .tit h2{ float: left; color: #ef5151;    font-size: 1.4em;    line-height: 1.3rem;}
.timehot_box .tit h2 span{ color: #999; font-size:.8rem; margin-left: .5em;}
.timehot_box .tit a{ float: right; margin-right: 1%; width: 1.1rem;height: 1.1rem; border-radius:100%;position: relative;}
.timehot_box .tit a img{display: block; width: 1.1rem;height: 1.1rem;}
.timehot_box .tit a i{position: absolute;top: 0; width: 100%; height:100%;z-index: 2; display: none;}

.timehot_box .conbox ul li{ border-top: #ddd solid 1px; }
.timehot_box .conbox ul li a{display: block;overflow: hidden; color: #333; padding:2% 0;}
.timehot_box .conbox ul li a b{ font-weight: bold; color: #999; font-size:1rem; line-height: 180%; display: inline-block; width: 6%; }
.timehot_box .conbox ul li a span{ font-size:1rem;  }
.timehot_box .conbox ul li a i{ float: right; line-height: 150%; color: #f00; border:#f00 solid 1px; 
	border-radius: 3px; font-size:.5rem; padding:0 .5em; margin-top: .8%;
}
.timehot_box .conbox ul li:first-child{border:0;}
.timehot_box .conbox ul:first-child li:nth-child(1) b{ color: #f00; }
.timehot_box .conbox ul:first-child li:nth-child(2) b{ color: #f00; }
.timehot_box .conbox ul:first-child li:nth-child(3) b{ color: #f00; }
.timehot_box .conbox ul{display: none;}
.timehot_box .conbox ul:first-child{display: block;}

.hot_cur{
	animation: hot_curr .5s forwards;
	-o-animation: hot_curr .5s forwards;
	-ms-animation: hot_curr .5s forwards;
	-moz-animation: hot_curr .5s forwards;
	-webkit-animation: hot_curr .5s forwards;
}
@keyframes hot_curr{
	0% {transform: rotateZ(0deg)}
	100% {transform: rotateZ(360deg)}
}
@-o-keyframes hot_curr{
	0% {transform: rotateZ(0deg)}
	100% {transform: rotateZ(360deg)}
}
@-moz-keyframes hot_curr{
	0% {transform: rotateZ(0deg)}
	100% {transform: rotateZ(360deg)}
}
@-webkit-keyframes hot_curr{
	0% {transform: rotateZ(0deg)}
	100% {transform: rotateZ(360deg)}
}