/*天气地图*/
 .weather-map{padding-bottom: 30px;position: relative;}
.weather-map .title h3 span{margin-bottom:5px;display: block;width: auto;padding:0 15px;height: 36px;line-height: 36px;text-align: center;font-size: 18px;color: #fff;float: right;background:#eec50b/**url(/m2/i/hebei/public/3.png) no-repeat center**/;margin-left: 20px}
.weather-map .title h3 span.red{background:#ff0000 /**url(/m2/i/hebei/public/1.png) no-repeat center**/}
.weather-map .title h3 span.orange{background:#ed832f /**url(/m2/i/hebei/public/2.png) no-repeat center**/}
.weather-map .title h3 span.yellow{background:#eec50b /**url(/m2/i/hebei/public/3.png) no-repeat center**/}
 .weather-map .title h3 span.blue{background:#1f6ebd /**url(/m2/i/hebei/public/4.png) no-repeat center**/}
 .weather-map .title h3 span a{color:#fff;}
 .title h3 b{float:right;font-size:14px;font-weight:normal;color:#333}
.title h3.alarm b{display:block;float:right;width:400px;height:160px;overflow:hidden;right:0}
.title h3.alarm{overflow:hidden;height:33px;} 
.weather-map .title i.xl{overflow:hidden;margin-bottom:5px;display: block;/*border: 1px solid #93bade;*/ border-radius: 10px;cursor:pointer;width: 140px;left: 150px;top:0;z-index:10;position:absolute;height: 30px;line-height: 30px;text-indent: 14px;font-size: 18px;background:#fff;}  
.weather-map .title i.xl em{width:100%;display: block; font-size:14px;background:#fff;border-bottom:1px solid #ccc;height:30px; line-height:30px;}
.weather-map .title{position:relative;}
  .weather-map .title i.xl em:hover{background:#ffbe00;color:#fff;
  }                        
.weather-map .title i.xl b{display:block;font-size:14px;background:#fff;border-bottom:1px solid #ccc;font-weight:normal;background:url(/m2/i/hebei/public/button.png) no-repeat right;color:#fff;background-color: #2b6288}
/*热点天气*/
.hot-weather{padding-bottom: 30px}
.hot-weather .tab{height: 39px;line-height: 39px;border-bottom: 1px solid #dbdbdb}
.hot-weather .tab span{display: inline-block;width: 120px;height: 39px;text-align: center;font-size: 16px;color: #aaaaaa;background: url(/m2/i/hebei/public/hot-tit-bg.png) no-repeat center;cursor: pointer}
.hot-weather .tab span.on{color: #fff;background: url(/m2/i/hebei/public/hot-tit-bg2.png) no-repeat center}
.hot-weather .tab a{font-size: 16px;color: #ffbe00;margin-right: 10px}
.hot-weather ul{padding-top: 20px;width: 1050px;display: none}
.hot-weather ul li{width: 298px;height: 250px;border: 1px solid #aaaaaa;float: left;margin-right: 50px;position: relative;transition: all .5s}
.hot-weather ul li:hover img.play{display: block;opacity: 1}
.hot-weather ul li a{display: block;width: 298px;height: 318px;}
.hot-weather ul li img.pic{display: block;width: 300px;height: 200px;margin: -1px 0 0 -1px}
.hot-weather ul li img.play{display: none;width: 300px;height: 200px;position: absolute;left: 0;top: 0;opacity: 0}
.hot-weather ul li h5{width: 260px;margin: 0 auto;line-height: 35px;padding-top: 6px;font-size: 16px;color: #0e638c}
.hot-weather ul li p{width: 260px;margin: 0 auto;font-size: 12px;color: #999999;line-height: 16px;margin-top: 10px;}
/*十天天气预报*/
.forecast{padding-bottom: 30px;position: relative;}
.current-location{height: 60px;background: #f8f8f8}
.current-location span{padding-left: 20px;line-height: 60px;font-size: 18px;color: #206cbd}
.current-location .search{width: 360px;height: 40px;background: url(/m2/i/hebei/public/search-bg.png) no-repeat center;margin: 10px 30px 0 0;position: relative;}
.current-location .search input{float: left}
.current-location .search input.sub{width: 55px;height: 40px;background: none;border: none;cursor: pointer;position: absolute;right: 0;}
.forecast .broken{height: 299px;border: 1px solid #e8e8e8;margin-top: 2px;overflow:hidden;}
.forecast .broken h3{padding-left: 20px;font-size: 18px;color: #206cbd;line-height: 40px}
.forecast .broken .time{width: 1680px;padding-left: 5px}
.forecast .broken .time span{display: block;width: 70px;float: left;margin-right: 0px;text-align: center}
.forecast .broken .time span i{display: block;line-height: 33px;padding-top: 6px;font-size: 16px;color: #333}
.forecast .broken .time span i.weather-icon{
	display: block;
	width: 40px;
	height: 40px;
	margin-left: 12px;
  margin:0 auto;
}
.mapShowBox .skWeather .jsl{
font-size:12px;}
.forecast .broken .charts{height: 90px;margin-top: 15px;width: 100%;}
.forecast .broken .manner{width: 1680px;padding-left: 5px; height:65px;}
.forecast .broken .manner span{display: block;width: 70px;float: left;margin-right: 0px;text-align: center}
.forecast .broken .manner span i{display: block;text-align: center;line-height: 24px;font-size: 14px;color: #999999}
.forecast .broken .day04 .time span{width:124px;}
.forecast .broken .day05 .time span{width:124px;}
.forecast .broken .day06 .time span{width:124px;}
.forecast .broken .day07 .time span{width:124px;}
.forecast .broken .day04 .manner span{width:124px;} 
.forecast .broken .day05 .manner span{width:124px;}
.forecast .broken .day06 .manner span{width:124px;}
.forecast .broken .day07 .manner span{width:124px;}                                 
                                 /*国家站气象要素时序变化图*/
.change{padding-bottom: 30px}
.change .chart{height: 60px;background: #f8f8f8;border-bottom: 1px solid #dbdbdb}
.change .chart .chart-tab{padding-top: 20px}
.change .chart .chart-tab span{display: inline-block;width: 120px;height: 39px;line-height: 39px;text-align: center;font-size: 16px;color: #aaaaaa;background: url(/m2/i/hebei/public/hot-tit-bg.png) no-repeat center;cursor: pointer}
.change .chart .chart-tab span.on{color: #fff;background: url(/m2/i/hebei/public/hot-tit-bg2.png) no-repeat center}
.change .chart-cont .content{height: 556px;display: none;position:relative;overflow: hidden;border:1px solid #dfdfdf;border-top: 0px solid #dfdfdf;}
.change .choice-city{padding-top: 10px;width: 325px}
.change .choice-city select{width: 94px;padding-right: 20px;background:#fff url(/m2/i/hebei/public/select-icon_07.png) no-repeat 94% center;height: 40px;line-height: 40px;font-size: 14px;color: #666;float: left;margin-right: 10px;border-radius: 5px;-webkit-appearance: none;border: none;padding-left: 10px}
.change .choice-city select.city{width: 100px}
.change .choice-city input{width: 84px;height: 40px;background: #0e638c;color: #fff;border: none;border-radius: 5px;float: left;cursor: pointer}

.change .choice-city #submit{text-align:center;width: 84px;height: 40px;line-height:40px;background: #0e638c;color: #fff;border: none;border-radius: 5px;float: left;cursor: pointer}
.change .choice-city #submitCmp{text-align:center;width: 84px;height: 40px;line-height:40px;background: #0e638c;color: #fff;border: none;border-radius: 5px;float: left;cursor: pointer}
/*天气演变趋势*/
.evolution{padding-bottom: 30px}
.evolution .evolutionL,.evolution .evolutionR{width: 482px}
.evolution .evolutionL .tab span,.evolution .evolutionR .tab span{display: inline-block;width: 120px;height: 39px;line-height: 39px;text-align: center;font-size: 16px;color: #aaaaaa;background: url(/m2/i/hebei/public/hot-tit-bg.png) no-repeat center;cursor: pointer}
.evolution .evolutionL .tab span.on,.evolution .evolutionR .tab span.on{color: #fff;background: url(/m2/i/hebei/public/hot-tit-bg2.png) no-repeat center}
.evolution .evolutionL .tab-cont .cont,.evolution .evolutionR .tab-cont .cont{display: none;width: 480px;height: 464px}
.tab-cont .cont{border:1px solid #dfdfdf;overflow:hidden;}
/*气候概况*/
.climate{padding-bottom: 30px}
/*网友视频图片*/

.video-pic ul{padding-top: 20px;width: 1050px}
.video-pic ul li{width: 178px;height: 229px;float: left;margin-right: 79px;position: relative;transition: all .5s}
.video-pic ul li:hover img.play{display: block;opacity: 1}
.video-pic ul li a{display: block;width: 178px;height: 259px;}
.video-pic ul li img.pic{display: block;width: 229px;height: 171px;margin: -1px 0 0 -1px}
.video-pic ul li img.play{display: none;width: 226px;height:170px;position: absolute;left: 0;top: 0;opacity: 0}
.video-pic ul li h5{width: 260px;margin: 0 auto;line-height: 35px;padding-top: 6px;font-size: 16px;color: #0e638c}
.video-pic ul li p{width: 260px;margin: 0 auto;font-size: 12px;color: #999999;line-height: 16px}
.dayWeather{
	width: 1000px;
	height: 460px;
	background: #f8f8f8;
	position: relative;
}
.dayWeatherHover{
	width: 1000px;
	height: 396px;
	position: absolute;
	top: 163px;
}
.dayWeather .dayWeahterLi{
	width: 140.85px;
	border: 1px solid #fff;
	height:460px;
	float: left;
}
.dayWeatherHover .dayWeahterLi{
	width: 140.85px;
	border: 1px solid #fff;
	height:396px;
	float: left;
}
.dayWeatherHover .dayWeahterLi:hover{
	cursor: pointer;
	border: 1px solid #DBDBDB;
}
.dayWeatherHover .curDayWeahterLi{
	border: 1px solid #DBDBDB;
}
.dayWeather .dayWeahterLi .dayDate{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	text-align: center;
	background: #eef7fd;
}
.dayWeather .dayWeahterLi .weekDate{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	text-align: center;
	background: #eef7fd;
}
.dayWeather .dayWeahterLi .weatherType{
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #999;
	text-align: center;
	border-top: 2px solid #0e638c;
}
.dayWeather .dayWeahterLi>i{
	width: 40px;
	height: 40px;
	margin: 0 50px;
	display: block;
}
.dayWeather .dayWeahterLi>i.bottomImg{
	margin-top: 200px;
}
.dayWeather .dayWeahterLi .wind{
	width: 100%;
    display:none;
	height: 50px;
}
.dayWeather .dayWeahterLi .wind i{
	margin-left: 49px;
	float: left;
	margin-top: 26px;
}
.dayWeather .dayWeahterLi .wind i.windIconR{
	margin-left: 0px;
}
.dayWeather .dayWeahterLi .windName{
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #999;
	text-align: center;
}
.dayWeather .curDayWeahterLi{
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
}
.dayWeather .curDayWeahterLi .dayDate{
	background: #E1F3FF;
	color: #333;
}
.dayWeather .curDayWeahterLi .weekDate{
	background: #E1F3FF;
	color: #407D9C;
}

.dayWeather .curDayWeahterLi .weatherType{
	color: #333;
	border-top: 2px solid #ffbe00;
}
.dayWeather .curDayWeahterLi .windName{
	color: #333;
}
.dayWeather .dayWeahterLi:hover{
	cursor: pointer;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
}
.dayWeather .dayWeahterLi:hover .dayDate{
	background: #E1F3FF;
	color: #333;
}
.dayWeather .dayWeahterLi:hover .weekDate{
	background: #E1F3FF;
	color: #407D9C;
}
.dayWeather .dayWeahterLi:hover .weatherType{
	color: #333;
	border-top: 2px solid #ffbe00;
}
.dayWeather .dayWeahterLi:hover .windName{
	color: #333;
}
.minMaxTemp{
	width: 1000px;
	height: 180px;
	position: absolute;
	top: 150px;
}
.minMaxTemp .maxTemp{
	width: 100%;
	height: 90px;
}
.minMaxTemp .minTemp{
	width: 100%;
	height: 90px;
}
.change .chart-cont .content h2{
	width: 100%;
	height: 90px;
	line-height: 90px;
	text-align: center;
	position: absolute;
	top: 0px;
	font-size: 20px;
	color: #043567;
}
.change .chart-cont .content .hoursCharts{
	width: 1000px;
	height: 450px;
	margin-top: 30px;
}
.climate #historyRainTemp{
	width: 1000px;
	height: 316px;
	border:1px solid #dfdfdf;
    overflow:hidden;
	padding-top: 30px;
}
.map{
	width: 1000px;
	height: 660px;
}
 .ly{
	width: 345px;
	height: 235px;
	background: #fff;

	overflow:hidden;

	

	z-index: 99;
}
.zh{
	width: 345px;
	
	position: absolute;
  -moz-box-shadow: 0px 0px 8px #888888;
box-shadow: 0px 0px 8px #888888;
	top: 55px;
	right: 15px;
	z-index: 99;
  overflow:hidden;
   border-radius: 8px;
}
.mapShowBox{
	width: 345px;
	background: #fff;


	

	cursor: move;
	z-index: 99;
}
                    
.mapShowBox .cityName{
	width: 100%;
	height: 33px;
	background: #19386c;
	text-align: center;
	line-height: 33px;
	font-size: 16px;
	color: #fff;
}
.mapShowBox .skWeather{
	width: 170px;
	height: 167px;
	float: left;
	margin-top: 10px;
	text-align: center;
	border-right: 1px solid #dfdfdf;
}
.mapShowBox .skWeather p{
	font-size: 14px;
	color: #666666;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
.mapShowBox .fcsWeather p.updateTime{
	font-size: 14px;
	color: #999999;
	width: 90%;
	text-align: center;
	margin-left: 5%;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	height: 30px;
	line-height: 30px;
}
.mapShowBox .skWeather p i{
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
	margin-left: 20px;
}
.mapShowBox .skWeather p.wind i{
	background: url(/m2/i/hebei/public/wind.png) no-repeat center center;
}
.mapShowBox .skWeather p.humidity i{
	background: url(/m2/i/hebei/public/humidity.png) no-repeat center center;
}
.mapShowBox .skWeather p span{
	display: block;
	float: left;
}
.mapShowBox .skWeather .temp{
	font-size: 48px;
	color: #333333;
	position: relative;
}
.mapShowBox .skWeather .temp .util{
	position: relative;
	font-size: 16px;
	font-style: normal;
	top: 0px;
}
.mapShowBox .fcsWeather{
	width: 100%;
	float: left;
	text-align: center;
	float: left;
	background: #fff;
}
.mapShowBox .fcsWeather p{
	font-size: 14px;
	color: #666666;
    clear:both;
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
}
.mapShowBox .fcsWeather p.mMTemp{
	float:left;
	font-size: 32px;
	color: #333;
}
.mapShowBox .fcsWeather p i{
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
	margin-left: 20px;
}
.mapShowBox .fcsWeather .weatherIcon{
	width: 50%;
	height: 56px;
  overflow:hidden;
	float: left;
	margin-left: 25%;
}
.mapShowBox .fcsWeather .windTemp{
	width: 100%;
	float: left;
}
.mapShowBox .fcsWeather .weatherIcon .dayIcon{
	width: 45px;
	height: 45px;
	margin: 0px 20px;
	float: left;
}
.mapShowBox .fcsWeather p.mMTemp i{
	background: url(/m2/i/hebei/public/minMaxTemp.png) no-repeat center center;
}
.mapShowBox .fcsWeather p.windFcs i{
	background: url(/m2/i/hebei/public/wind.png) no-repeat center center;
}
                    
                    /*首页天气地图*/
.cityMapDiv{
	width:100%;
	position: relative;
}
.cityMap01{
	width: 135px;
	height: 120px;
	line-height: 120px;
	
	top: 209px;
	left: 136px;
 
}
.cityMap02{
	width: 120px;
	height: 102px;
	line-height: 102px;
	
	top: 274px;
	left: 240px;

}
.cityMap03{
	width: 175px;
	height: 168px;
	line-height: 168px;

	top: 16px;
	left: 225px;

}
.cityMap04{
	width: 115px;
	height: 67px;
	line-height: 67px;
	
	top: 414px;
	left: 134px;
  
}
.cityMap05{
	width: 70px;
	height: 91px;
	line-height: 91px;

	top: 315px;
	left: 220px;
 
}
.cityMap06{
	width: 58px;
	height: 116px;
	line-height: 81px;

	top: 188px;
	left: 253px;
 
}
.cityMap07{
	width: 72px;
	height: 81px;
	line-height: 81px;

	top: 140px;
	left: 371px;
  
}
.cityMap08{
	width: 107px;
	height: 92px;
	line-height: 92px;
	
	top: 298px;
	left: 126px;

}
.cityMap09{
	width: 107px;
	height: 106px;
	line-height: 106px;
	
	top: 158px;
	left: 319px;
 
}
.cityMap10{
	width: 114px;
	height: 73px;
	line-height: 73px;
	
	top: 358px;
	left: 147px;

}
.cityMap11{
	width: 138px;
	height: 180px;
	line-height: 180px;
	
	top: 65px;
	left: 125px;

}
                    
                    
.cityMap001{
	
	background: url(/m2/i/hebei/public/cityMap01.png)no-repeat center center;
	
}
.cityMap002{

	background: url(/m2/i/hebei/public/cityMap02.png)no-repeat center center;

}
.cityMap003{
	
	background: url(/m2/i/hebei/public/cityMap03.png)no-repeat center center;
	
}
.cityMap004{

	background: url(/m2/i/hebei/public/cityMap04.png)no-repeat center center;
	
}
.cityMap005{

	background: url(/m2/i/hebei/public/cityMap05.png)no-repeat center center;
	
}
.cityMap006{

	background: url(/m2/i/hebei/public/cityMap06.png)no-repeat center center;
	
}
.cityMap007{

	background: url(/m2/i/hebei/public/cityMap07.png)no-repeat center center;
	
}
.cityMap008{
	
	background: url(/m2/i/hebei/public/cityMap08.png)no-repeat center center;
	
}
.cityMap009{

	background: url(/m2/i/hebei/public/cityMap09.png)no-repeat center center;
	
}
.cityMap010{
	
	background: url(/m2/i/hebei/public/cityMap10.png)no-repeat center center;

}
.cityMap011{

	background: url(/m2/i/hebei/public/cityMap11.png)no-repeat center center;

}
.cityMap{
	position: absolute;
	text-align: center;
	font-size: 12px;
	color: #547EAC;
	z-index: 9;
}
.cityMap span{
	position: relative;
}
.cityMap06 span{
	top: 30px;
}
.cityMap07 span{
	left: 8px;
}
.cityMap:hover{
	z-index: 10;
	color: #fff;
	cursor: pointer;
} 
                    /*搜索样式TOP*/  
.gef-search{ float: left;}
.gef-search-text{ width:300px; height:22px; background:#1a4a1a; color:#677c67; border:none; padding-left:6px; line-height:22px;}
.gef-search-btn{ margin-left:6px; height:22px; width:51px; text-align:center; line-height:22px; background:#4d724d; color:#003500; border:none;}

.gef-search{ position:relative; width:300px; height:40px;margin-left: 8px;}
.gef-search input{ width:290px; height:30px; background:none;color:#a3c0e2; line-height:30px; padding-left:10px; border-radius:40px;border:1px solid rgba(255, 255, 255, 0.3);margin-top: 5px;}
.gef-search img{ position:absolute; top:7px; right:10px; cursor:pointer;}
#append{
        border:solid #dfdfdf 2px;
    
        display:none;
          background: #fff;
    max-height: 200px;
    overflow-x: hidden;
    position: absolute;
    top: 40px;
    z-index: 999;
    left:0px;
    width: 350px;
    margin-left: 0px;
    }
.gef-header-right {
    float: right;
    margin-top: 35px;
    position: relative;
}
#append .item{
        padding:3px 5px;
        cursor:pointer;
    }
#append .item a{
    color: #333;
    display: block;
    width: 100%;
}
#append .addbg{
        background:#0064c8;
    }
#append .addbg a{
    color: #fff;
    }

/*搜索样式END*/ 
                                                                        
.fbtime{
    position:absolute;
    left:10px;
    top:0px;
 display: block;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;} 
.content i{
float: right;
    margin-right: 50px;
    margin-top: 26px;} 
.broken .broken-list{
height:260px;} 
.cityMap08{color:#fff;} 

.climate h2{ width: 100%;
height: 60px;
line-height: 60px;
position: absolute;
top: 40px;
text-align: center; } 
 .cityMapDiv .div{
  background: #ccc;
    border-radius: 10px;
    display: block;
    font-size: 14px;
    font-weight: bold;
   position: absolute;
    text-align: center;
      width: 64px;
 }
 .cityMapDiv .baoding{          

 left: 211px;
    top: 480px;
 
 }
 .cityMapDiv .cangzhou{          
left: 334px;
    top: 546px;
 
 }           
.cityMapDiv .zhangjiakou{            
   left: 159px;
    top: 248px;   
}
.cityMapDiv .xintai {
         left: 117px;
    top: 687px;
}
.cityMapDiv .tangshan{         
        left: 458px;
    top: 391px;}
.cityMapDiv .shijiazhuang{           
        left: 97px;
    top: 573px;}
 .cityMapDiv .qinhuangdao{          
           left: 588px;
    top: 356px;}
             .cityMapDiv .xiongan{          
           left: 269px;
    top: 450px;}
 .cityMapDiv .chengde{          
          left: 435px;
    top: 228px;}           
.cityMapDiv .langfang {           
            left: 323px;
    top: 403px;}
.cityMapDiv .hengshui{
left: 228px;
    top: 612px;  }   
.cityMapDiv .handan{
 left: 116px;
    top: 739px;   } 
    
    .cityMapDiv .saihanba{
   left: 345px;
    top: 64px;
    } 
           
           
           
           
           
.banner{
	width:100%;
	min-width: 1000px;
	height: 300px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	/*width: 100%;*/
	height: 100%;
}
.hdImages{
	width:100%;
	min-width: 1000px;
	/* height: 550px;	*/
}
.hdleft{
	width: 660px;
	float: left;
}
.hdTitle{
	width:100%;
	border-top: 3px solid #043567;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	color: #043567;
	float: left;
	margin-top: 20px;
}
.hdTitle span{
	float: left;
	margin-left: 2px;
}
.hdTitle a{
	float: right;
	margin-right: 2px;
	color: #043567;
}
.bigImg{
	width: 310px;
	height: 285px;
	float: left;
	position: relative;
}
.bigImg img{
	width: 660px;
	height: 390px;
}
.wordBg{
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0px;
	background: rgba(0,0,0,0.4);
	overflow: hidden; 
	text-overflow:ellipsis; 
	white-space: nowrap;
}
.hdImg{
	width: 335px;
	height: 285px;
	float: right;
}
.hdImg li{
	width: 160px;
	height: 138px;
	float: left;
	position: relative;
}
.hdImg li.bottom{
	margin-bottom: 10px;
}
.hdImg li.right{
	margin-right: 15px;
}

.hdImg li img{
	width: 100%;
	height: 100%;
}
.hdWeather{
	width: 660px;
	height: 105px;
	float: left;
}
.hdWeather li{
	width: 160px;
	height: 105px;
	float: left;
	margin-right:6px;
	position: relative;
}
.hdWeather li:last-child{
	margin-right: 0;
}
.hdWeather li img{
	width:100%;
	height: 100%;
}
.hdRight{
	width: 320px;
	float: right;
}
.hdRight li{
	width: 100%;
	height: 212px;
	margin-top: 20px;
}
.hdRight li img{
	width: 100%;
	height: 100%;
} 
           
           
           
           //20181029高清滚动图
.tjtq{padding-bottom: 30px}
.tjtq ul{padding-top: 20px;width: 1050px;}
.tjtq ul li{width: 298px;height: 318px;border: 1px solid #aaaaaa;float: left;margin-right: 50px;position: relative;transition: all .5s}
.tjtq ul li:hover img.play{display: block;opacity: 1}
.tjtq ul li a{display: block;width: 280px;height: 318px;}
.tjtq ul li img.pic{display: block;width: 300px;height: 200px;margin: -1px 0 0 -1px}
.tjtq ul li img.play{display: none;width: 300px;height: 200px;position: absolute;left: 0;top: 0;opacity: 0}
.tjtq ul li h5{width: 260px;margin: 0 auto;line-height: 35px;padding-top: 6px;font-size: 16px;color: #0e638c}
.tjtq ul li p{width: 260px;margin: 0 auto;font-size: 12px;color: #999999;line-height: 16px;margin-top: 10px;}           
           
           
           
 #scrollPic { height: 390px; overflow: hidden; position: relative; width: 300px; z-index: 0; }
#scrollPic ul.bigImg { width: 660px; position:absolute; }
#scrollPic ul.bigImg li { float: left; }
#scrollPic ul.botIcon { left: 0; position: absolute; top: 185px; width: 110px; }
#scrollPic ul.botIcon li { cursor:pointer; background:url(http://i.tq121.com.cn/i/weather2014/city/bot1.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i.tq121.com.cn/i/weather2014/city/bot1.png");
float: left; margin-right: 5px; width: 20px; height: 4px; font:0; }
#scrollPic ul.botIcon li.on { background:url(http://i.tq121.com.cn/i/weather2014/city/bot2.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i.tq121.com.cn/i/weather2014/city/bot2.png");
}
#scrollPic p, #scrollPic .bottomBg { bottom: 0px; height: 30px; left: 0px; line-height: 30px; position: absolute; width: 100%; }
#scrollPic p { color: #ffffff; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; z-index: 1; }
#scrollPic .bottomBg { background: none repeat scroll 0% 0% #000000; opacity: 0.6; filter:alpha(opacity=60); }
#scrollPic .rollLeft, #scrollPic .rollRight { background-repeat: no-repeat; cursor: pointer; height: 58px; position: absolute; top: 89px; width: 30px; opacity:0.3; filter:alpha(opacity=30); }
#scrollPic .rollLeft { background-image: url("http://i.tq121.com.cn/i/weather2014/index_neweather/forward_1.png"); left: 0px; }
#scrollPic .rollRight { background-image: url("http://i.tq121.com.cn/i/weather2014/index_neweather/back_1.png"); right: 0px; }
           #scrollPic {
    height: 390px;
    overflow: hidden;
    position: relative;
    width: 660px;
}
#scrollPic ul p{ line-height:60px390px}
#scrollPic ul { width:660px;height:390px;}
#scrollPic ul li{ width:660px;height:390px;}
#scrollPic ul li .xd_tu{ display:block;width:660px;height:390px;}
#scrollPic ul li .xd_tu img{ width:100%;height:100%;}
#scrollPic ul.botIcon {
    left: 0;
    position: absolute;
    top: 485px;
    width: 100%;
}
#scrollPic ul li { position:relative;}
#scrollPic ul li span{ display:block; position:absolute; left:0; bottom:0;width:100%;font-size:24px; line-height:60px; text-align:center; color:#fff;background-image: url("/i/photo/tou_min.png");background-repeat: repeat;}
#scrollPic .rollLeft, #scrollPic .rollRight{ top:175px;}
#scrollPic .rollLeft, #scrollPic .rollRight{ top:175px;}
#scrollPic ul.botIcon {
    margin-left: 400px;
    position: absolute;
    top: 465px;
    }
 

#scrollPic ul.botIcon li {
    background: url("i.tq121.com.cn/i/photo/hei_dian.png");  
    cursor: pointer;
    float: left;
    height: 16px;
    margin-right: 15px;
    width: 18px;
   background-repeat:no-repeat;
}

#scrollPic ul.botIcon li.on {
    background: url("i.tq121.com.cn/i/photo/bai_dian.png") ;
} 
  #scrollPic ul li span a{ height:60px;display:block; color:#fff;}
#scrollPic ul li span{ height:60px;} 



/* jr draw */
#jr_chart {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
}
.preBtn {
    background: rgba(0, 0, 0, 0) url("/m2/i/hebei/public/weather.png") no-repeat scroll 0 center / 50px auto;
    cursor: pointer;
    height: 190px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6%;
    z-index: 9;
    opacity: 0.3; -khtml-opacity:0.3;-moz-opacity:0.3; filter:alpha(opacity=30);
}
.preBtn:hover{
    opacity: 1; -khtml-opacity:1;-moz-opacity:1; filter:alpha(opacity=100);
}
.nextBtn {
    background: rgba(0, 0, 0, 0) url("/m2/i/hebei/public/weather.png") no-repeat scroll -26px center / 50px auto;
    cursor: pointer;
    height: 190px;
    position: absolute;
    right: 2px;
    top: 0;
    width: 6%;
    z-index: 9;
    opacity: 0.3; -khtml-opacity:0.3;-moz-opacity:0.3; filter:alpha(opacity=30);
}
.nextBtn:hover{
    opacity: 1; -khtml-opacity:1;-moz-opacity:1; filter:alpha(opacity=100);
}
.chartScroll {
    width: 100%;
     height: 150px; 
    overflow: hidden;
}
.charts {
     height: 125px; 
     position: relative; 
     width: 290%; 
     left: 0px;
}
.chartScroll ul{
	width: 54px;
	height: 10px;
	float: left;
	position: relative;
	left: 50%;
	margin-left: -27px;
}
.chartScroll ul li{
	width: 8px;
	height: 8px;
	background: #ccc;
	border-radius: 5px;
	float: left;
	margin: 0 5px;
	cursor:pointer;
}
.chartScroll ul li.cur{
	background: #00CCFF;
}
#holder {
    color: #35404d;
    font-size: 12px;
    height: 100%;
    /* position: relative; */
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
#holder .weather {
    left: 0;
    /* position: absolute; */
    /* top: 110px; */
}
#holder .weather span {
    line-height: 20px;
    height: 20px;
    color: #252525;
    text-align: center;
    display: inline-block;
    float: left;
    font-size: 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#holder .weather span i {
    font-style: normal;
}
#holder .x {
    /* left: 0; */
    /* position: absolute; */
    /* top: 130px; */
}
#holder .x span {
    background: url(http://i.tq121.com.cn/i/temp/xLi.png)no-repeat center top;
    line-height: 20px;
    height: 20px;
    color: #252525;
    text-align: center;
    display: inline-block;
    float: left;
    font-size: 12px;
} 
#jr_chart h3{ 
	font-size: 14px;
	color: #999999;
	width: 90%;
	text-align: center;
	margin-left: 5%;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	height: 30px;
	line-height: 30px;
}