html{
	height: 100%;
}

body{
    font-size: 1.6rem;
	font-family:"Microsoft Yahei";
}
body,ul,li,h1,h2,p,a{
	margin:0;
	padding:0;	
}
ul,li{
	list-style: none;	
}
img{
	max-width: 100%;
	vertical-align: middle;
}
a{
	color:#222;
}
a:hover{	
	color: #025192;
	text-decoration: underline;
}
a:visited,a:active,a:focus{
	text-decoration: none;
	outline: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.adimg{
	display: inline-block;
	width: 100%;
	margin: 0;
}
.adimg img{
	width: 100%;
}
.head{
	background-color: #2c8fcd;
	padding: 0.357rem 0;
}
.logo{
	display: inline-block;
	width: 35%;
	margin-left: 2%;
}
.search{
	display: inline-block;
	width: 37%;
	background-color: #fff;
	border-radius: 5px;
	position: relative;
	padding: 0.357rem 0;
}
.search i{
	font-size: 1.8rem;
	color: #000;
}
.search input{
	display: inline-block;
	border: 0;
}
.searchbtn{
	position: absolute;
	right: 0;
	z-index: 99;
	background-color: transparent;
}
.searchinput{
	width: 82%;
	text-indent: 0.357rem;
}
.weather{
	display: inline-block;
	width: 23%;
}
 /*weather*/
.i-weather{
     color:#fff;
     overflow:hidden;
     float:right;
     width:5.6rem;
     height:4rem;
     padding-top:.3rem;
     font-family:arial;
     position:relative;
}
 .i-weather a,.i-weather a:hover{
     color:#fff;
     text-decoration:none 
}
 .i-weather-l{
     float:left;
     text-align:center;
     width:3rem;
     height:2.2rem;
     overflow:hidden 
}
 .i-weather-l span{
     display:inline-block;
     text-align:center 
}
 .i-weather-icon{
     width:2.3rem;
     overflow:hidden;
}
 .i-weather-icon img{
     width:100%;
     display:inline-block;
}
 .i-weather-r{
     float:left;
     text-align:center;
     position:relative;
     width:2rem;
     height:2rem;
     overflow:hidden;
     margin:-0.1rem 0 0 -0.5rem;
}
 .i-weather-r span{
     display:block;
     text-align:center 
}
 .i-weather-max,.i-weather-min{
     -webkit-transform-origin:50% 0;
     -webkit-transform:scale(0.7);
     -moz-transform-origin:50% 0;
     -moz-transform:scale(0.7);
     transform-origin:50% 0;
     transform:scale(0.7);
     position:absolute;
     top:0.7rem;
     left:0.1rem;
     width:2rem;
}
 .i-weather-min{
     top:1.2rem;
}
 .i-weather-line{
     width:1.5rem;
     height:0.1rem;
     background:#fff;
     overflow:hidden;
     position:absolute;
     left:50%;
     margin-left:-0.8rem;
     top:1.1rem;
     -webkit-transform-origin:50% 0;
     -webkit-transform:scale(1,0.5);
}
 .i-weather-local{
     position:absolute;
     top:2.5rem;
     width:5rem;
     height:1.6rem;
     line-height:1.6rem;
     overflow:hidden;
     -webkit-transform-origin:50% 0;
     -webkit-transform:scale(0.67);
     -moz-transform-origin:50% 0;
     -moz-transform:scale(0.67);
     transform-origin:50% 0;
     transform:scale(0.67);
     text-align:center;
}
 a.noweather{
     display:block;
     width:3rem;
     margin:0 auto;
     padding-top:0.5rem;
}
 a.noweather img{
     width:1.8rem;
     overflow:hidden;
     display:block 
}


/*menu*/
.menu{
	display: block;
	padding:0.8rem 2%;
	position: relative;
}
.expand-list{
	display: block;
	height: 9rem;
	overflow: hidden;
}
.menu li{
	float: left;
	width:25%;
	text-align: center;
	font-size: 2rem;
	line-height: 3rem;
	height: 3rem;
	white-space: nowrap;
}
/* .menu li:nth-of-type(4n+1){
	width: 16%;
} */
.toggle-area{
    position: absolute;
    right: 2.2%;
    bottom: 0.8rem;
    width: 4.4rem;
    text-align: center;
    background-color: #fff;
    font-size: 2rem;
    line-height:3rem;
}
.expand{
	height: auto;
}
.up{
	transform: rotate(180deg);
}
#banner{
	display: block;
	margin-top: 0.5rem;
}
.carousel-caption{
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0;
     padding:1rem 0.666rem;
     text-align: left;
     background-color: rgba(0,0,0,0.6);
}
#banner .carousel-inner > .item a > img{
     width: 100%;
     height: 24rem;
}
.carousel-caption a{
     color: #fff;
     display: block;
     width:85%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow:ellipsis;
}
.carousel-control{
     padding-top: 25%;
     font-family: "宋体";
     font-size: 4rem;
     font-weight: bold;
}
.carousel-control.left,.carousel-control.right {
     background-image: none;
}
.carousel-indicators{
     right: 0.5rem;
     bottom: 0.2rem;
     text-align: right;
     left: auto;
}

.carousel-indicators li{
     width:1rem;
     height: 1rem;
     background-color: #2c8fcd;
     border:0;
     margin:0;
}
.carousel-indicators .active{
     width:1rem;
     height:1rem;
     background-color: #fff;
}
#yingxiang{
	padding-bottom: 3rem;
}
#yingxiang .carousel-inner > .item a > img{
     width: 100%;
     height: 10rem;
}
#yingxiang .carousel-indicators{
	bottom: 0;
	right: 42%;
}
#yingxiang .carousel-indicators li{
     width:1.3rem;
     height: 1.3rem;
     background-color: #ccc;
     border:0;
     margin:0;
}
#yingxiang .carousel-indicators .active{
	background-color: #2c8fcd;
}
.container{
	width: 100%;
	padding: 0 2%;
}
.border-b-news,.border-b-news a{
	display: block;
	border-bottom: 1px solid #929292;
	line-height: 1.2;
	padding: 1.6rem 0;
	font-size: 16px;
	font-family:"SimHei";
	font-family:"\9ED1\4F53";
	font-family:"ºÚÌå";
	font-weight: bold;
	/*color:#DB000A;*/
}

.border-b-news£¬.border-b-news a{
	font-size: 32px;
}
.title{
	display: block;
	margin: 1.5rem 0 0.5rem;
	border-bottom: 1px solid #929292;
	line-height: 2;
	padding: 0.5rem 0;
}

.title h3{
	display: inline-block;	
	font-size: 2.2rem;
	height: 2rem;
	line-height: 2rem;
	border-left: 0.4rem solid #2c8fcd;
	color: #004986;
	padding-left: 1rem;
	margin: 0;
}
.title .fr{
	border: 1px solid #004986;
	border-radius: 0.6rem;
	line-height: 1.8rem;
	margin-top: 0.5rem;
	padding: 0 0.6rem;
	color: #004986;
}
.newslist{
	display: block;
	margin: 0.8rem 0;
}
.newslist li{
	display: block;
	line-height: 2;
	position: relative;
}
.newslist li::before{
	display: inline-block;
	content: '';
	width: 4px;
	height: 4px;
	background-color: #686868;
	border-radius: 50%;
	line-height: 2;
	margin-right: 0.5rem;
	margin-top: 1.2rem;
	vertical-align: top;
}
.border-t{
	border-top: 0.8rem solid #eee;
	margin-top: 1rem;
}
.newslist li.dashed{
	line-height: 1;
	border-bottom: 1px dashed #404040;
	margin: 1.4rem 0;
}
.newslist li.dashed::before{
	display: none;
}
.tiwenBtn{
	display: block;
	margin: 0.5rem 0 1.7rem 0;
}
.tiwenBtn img{
	height: 3rem;
}

.piclist{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #929292;
	padding: 1rem 0;
	margin:0;
}
.piclist .fr{
	width: 32%;	
}
.piclist .fl{
	width: 66%;
}
.piclist h4{
	display: inline-block;
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	height: 4.2rem;
}
.piclist i{
	color: #c8c8c8;
}
.tip{
	border: 1px solid #2c8fcd;
	color: #2c8fcd;
	padding:0 4px;
	font-size: 1.3rem;
	border-radius: 3px;
	
	line-height: 1.2rem;

	vertical-align: middle;
}
.vedio{
	width: 48%;
	margin: 0.5rem 0;
}
.vedio p{
	padding: 0.6rem 0;
	line-height: 1.2;
	height: 4.4rem;
}
.vedio img{
	height: 10rem;
}
.title2{
	border-bottom: 1px solid #ccc;
	display: block;
	margin:1rem 0 0.5rem 0;
}
.title2 h4{
	display: inline-block;
	border-bottom: 3px solid #e00;
	margin: 0 0 -2px;
	font-size: 2rem;
	line-height: 2;
}
.iconlist{
	display: block;
	margin-top: 0.5rem;
}
.iconlist li{
	float: left;
	width: 25%;
	margin:1rem 0;
	text-align: center;
}
.iconlist li p{
	padding: 0.5rem 0;
}
.iconlist li i.fa{
	font-size: 2.2em;
	color: #ff2738;
}
.footer{
	display: block;
	background-color: #2c8fcd;
	padding: 1rem 0;
	line-height: 2;
	color: #fff;
	text-align: center;
}
.footer a{
	color: #fff;	
}

@media (max-width: 321px){
	body{
		font-size: 1.5rem;
	}
	.searchinput{
		width: 75%;
	}
	.search{
		margin-right: -4px;
	}
	.toggle-area{
		width: 3.8rem;
		line-height: 3rem;
	}
	.title h3{
		font-size: 1.8rem;
		height: 1.8rem;
		line-height: 1.8rem;
	}
	.title2 h4{
		font-size: 1.8rem;
	}

}
@media (max-width: 376px){
    .menu li{
       font-size: 1.7rem;
    }
}
/*************ÌìÆø*********************/

#tp-weather-widget{
width: 18%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.tpwidget_title_hook{
   width:100%;
   margin:0 4px;
}


.vedio:nth-of-type(2n){
	float: right;
}
.vedio:nth-of-type(2n+1){
	float: left;
}
.border-b-news{
	border:none;
}