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

*{	
	margin: 0;
	outline: 0;
	padding: 0;
	font-size: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
}
.cursor{ cursor:pointer}
html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width:320px;
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-touch-callout: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-align: stretch;
	position: relative;
}
img {
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
img:not([src*="/"]){display:none;}
.clear{margin: 0px auto;
clear: both;
height: 0px;
font-size: 0px;
overflow: hidden;}

ul,li,dl,dd,dt {
list-style-type: none; margin:0; padding:0;
}
.clear{ clear:both;}
#device{width:100%; max-width:720px; margin:0 auto}
.swiper-wrapper{position:relative}
.swiper-wrapper header{position:absolute;width:100%;top:0; opacity: 0.4;-moz-opacity: 0.4;filter:alpha(opacity=40);background:#000; height:60px}
.swiper-wrapper .logo{ position:absolute; top:0; z-index:2; left:3%;}
.swiper-wrapper .logo img{ height:50px; margin-top:5px}
.swiper-wrapper .bg{z-index:0;top:0;}
.swiper-wrapper .bg img{ width:100%;}

.swiper-wrapper .skwd{padding-left:4%; font-size:60px; position:absolute; top:80px; color:#FFF; width:150px;height:70px;}
.swiper-wrapper .skwd .teicon{vertical-align:super; font-size:40%;}
.swiper-wrapper .skwd span{float:left;}
.swiper-wrapper .skwd img{ width:40px}

.swiper-wrapper ul.yb{ position:absolute;padding-left:5%;top:170px; height:21%;width:96%;}
.swiper-wrapper ul.yb li{  margin-bottom:10px; overflow:hidden}
.swiper-wrapper ul.yb li img{ float:left;}
.swiper-wrapper ul.yb li b{ font-size:18px; color:#ffe400; width:55px; display:inline-block; padding-left:6px;background:url(/design/images/newpda/b.png) no-repeat right center; margin-top:15px}

.swiper-wrapper .dinfobg{position:absolute;width:100%;bottom:0; z-index:1; background:url(/design/images/newpda/dinfo_bg.png); height:80px; color:#fff}
.dinfo dl{ padding-top:8px}
.dinfo dl dt{ margin-left:3%; line-height:25px}
.dinfo dl dt img{ height:20px}
.dinfo dl dt b{ font-size:18px; margin:0px 5px}
.dinfo dd em{ width:33.33%; float:left; color:#fff;font-style:normal; display:inline-block; font-size:18px; line-height:25px}
.dinfo dd{ margin-left:4%}
.dinfo dd.t{ font-size:14px;height:16px;}
.dinfo dd.li{height:25px;}
.dinfo dd em img{ height:20px; margin-right:5px}



/*.swiper-wrapper .dinfobg img{ width:100%;}
.swiper-wrapper .dinfo{position:absolute;width:100%; height:23%;z-index:2; bottom:0; color:#FFF;}
.swiper-wrapper .dinfo dl { height:100%;}
.swiper-wrapper .dinfo dl dt{height:28%; line-height:28%; margin-top:1%;}
.swiper-wrapper .dinfo dl dt b{ font-size:130%;margin-right:1%; display:inline-block; height:100%; line-height:100%;}
.swiper-wrapper .dinfo dl dt img{ height:98%;margin-left:3%; margin-right:1%;}
.swiper-wrapper .dinfo dl dd{margin-left:4%; height:22%}
.swiper-wrapper .dinfo dl dd.t{ margin-bottom:1.8%; margin-top:1.8%}
.swiper-wrapper .dinfo dl dd.t img{ height:100%;}
.swiper-wrapper .dinfo dl dd em{ font-style:normal; display:inline-block; width:33%;}
.swiper-wrapper .dinfo dl dd em img{ margin-right:5%;}
.swiper-wrapper .dinfo dl dd em.icon1 img{ width:14%;}
.swiper-wrapper .dinfo dl dd em.icon2 img{width:9%;}*/
.swiper-wrapper .dinfo .icon3{position:relative;}
.swiper-wrapper .dinfo .icon3 .wingrade{position:absolute; height:25px; width:20px; line-height:25px; text-align:center;  left:0px;font-size:14px;}
.wrapper_main{ background:#fff; margin-top:2px}
.wrapper_main .day ul,.tal_title ul,.wrapper_main dl{display: -webkit-box}
.wrapper_main .day ul li,.tal_title ul li,.wrapper_main dl dd{-webkit-box-flex: 1;text-align: center;-webkit-box-sizing: border-box}
.wrapper_main .time_box{ width:53px; height:30px; line-height:30px; display:block; margin:0 auto;background:#e9e9e9;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; color:#828282; font-size:16px}
.wrapper_main .active .time_box{ color:#fff; background:#00aa6c}
.day{ margin-bottom:0px}
.day ul li{ border-right:1px solid #d7d7d7;width:20%}
.wrapper_main dl.day_bottom dd{border-right:1px solid #d7d7d7;width:20%}
.day ul li:last-child,.wrapper_main dl dd:last-child{ border:none}
.wrapper_main dl dd div{ margin:1px auto}
.wrapper_main dl dd p{ font-size:16px; color:#333}
.wrapper_main dl dd p span{vertical-align: super; font-size:25px}
.day_img{ text-align:center}
.day_img img{ width:96%; margin:0 auto; text-align:center}
.wrapper_bottom{ background:#dcdcdc; padding-bottom:20px; margin-top:2px}
.tal_title ul li{ height:50px; line-height:50px; background:#404040; color:#fff; cursor:pointer; border-right:1px solid #525252}
.tal_title ul li:last-child{ border:none}
.tal_title ul li.tal_on{ background:#00aa6c}
.tal_title ul li.tal_on i{ background:url(/design/images/newpda/i_bg.png) no-repeat center bottom; width:18px; height:8px; display:block; text-align:center; margin:0 auto}
.tal_content{ overflow:hidden; margin-top:10px}
.tal_content dl{ display:none}
.tal_content dl dd{ float:left; width:30%; margin-left:2.5%; background:#fff; margin-top:10px; height:38px; line-height:38px; text-align:center; color:#333}
.tal_content .chosen{ background:#00aa6c; color:#fff}
.arrow_box{ background:url(/design/images/pda/xia.png) no-repeat top; width:40px; height:30px; margin:0px auto 0px; cursor:pointer; position:relative;}
.arrow_box .xx{width:40px; height:17px; color:#777777;position:absolute; top:14px; left:0px; text-align:center;}

.footer{ border-top:1px solid #aaaaaa; padding-bottom:15px; background:#dcdcdc; text-align:center; padding-top:10px}
.footer p{ margin-top:6px; color:#747474; font-size:14px}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.content-slide img{ display:block; width:96%; margin:0 auto 15px auto}
.dinfo dl{ position:relative}
.dinfo .drop_down{ position:absolute; left:20%; top:5px; width:150px}
.dinfo .drop_down h3{ line-height:30px; background:#00aa6c; font-weight:normal; padding-left:10px}
.dinfo .drop_down ul{ background:#d8ddd8; text-align:center; height:75px; padding-top:5px}
.dinfo .drop_down li{ line-height:25px; color:#333; cursor:pointer}
.dinfo .drop_down li.on{ color:#00aa6c}
.location{ background:#ededed; border-bottom:1px solid #dddddd}
.location dl{ background:url(/design/images/newpda/location_dl.gif) no-repeat 10px center; height:100%; position:relative; padding:10px 0px}
.location dd{ padding:0px 50px 0px 55px; margin-top:5px; color:#828282; font-size:13px; line-height:16px}
.location dd span{ color:#000}
.upward_span{ background:url(/design/images/newpda/upward_span.gif) no-repeat right center; width:35px; height:34px; position:absolute; right:5px; top:13px; cursor:pointer}

@media screen and (max-width: 640px) {
.swiper-wrapper header{ height:55px}
.swiper-wrapper .logo img{ height:45px; margin-top:5px} 
.swiper-wrapper .skwd{top:70px;}
.swiper-wrapper .skwd img{ width:35px}
.swiper-wrapper ul.yb{ top:150px}
.swiper-wrapper ul.yb li img{ height:60px}
.swiper-wrapper ul.yb li b{ font-size:15px; margin-top:12px; width:42px; padding-left:4px}


}
@media screen and (max-width: 480px) { 
.swiper-wrapper header{ height:45px}
.swiper-wrapper .logo img{ height:35px; margin-top:5px}
.swiper-wrapper .skwd{top:60px;}
.swiper-wrapper .skwd img{ width:30px}
.swiper-wrapper ul.yb{ top:130px}
.swiper-wrapper ul.yb li img{ height:50px}
.swiper-wrapper ul.yb li b{ font-size:15px; margin-top:8px; width:42px; padding-left:4px}


.dinfo .drop_down{left:25%;}
.dinfo .drop_down h3{ line-height:25px; background:#00aa6c; font-weight:normal; padding-left:10px}
.dinfo .drop_down ul{ background:#d8ddd8; text-align:center; height:67px; padding-top:3px}
.dinfo .drop_down li{ line-height:22px; color:#333; font-size:13px}
}
@media screen and (max-width: 380px) { 
.swiper-wrapper header{ height:45px}
.swiper-wrapper .logo img{ height:35px; margin-top:5px}
.swiper-wrapper .skwd{top:60px;}
.swiper-wrapper .skwd img{ width:25px}
.swiper-wrapper ul.yb{ top:120px}
.swiper-wrapper ul.yb li img{ height:40px}
.swiper-wrapper ul.yb li b{ font-size:15px; margin-top:5px; width:42px; padding-left:4px}


.dinfo .drop_down{left:25%; top:3px}
.dinfo .drop_down h3{ line-height:20px; background:#00aa6c; font-weight:normal; padding-left:10px; font-size:12px}
.dinfo .drop_down ul{ background:#d8ddd8; text-align:center; height:61px; padding-top:1px}
.dinfo .drop_down li{ line-height:20px; color:#333; font-size:12px}
.upward_span{ top:17px}
}

.weathertitle{width:100%;height:40px; background-color:#E6E6E6}	
.weathertitle ul li{border-top-left-radius:2px;border-top-right-radius:2px; position:relative; top:10px; left:5%; float:left; height:30px; font-size:18px; 
	line-height:30px; width:23%; text-align:center; color:#777777}
.weathertitle_inde{width:20%; height:40px; float:right;}
.weathertitle_inde div{ width:5px; height:5px; background-color:#FFF; float:left; margin-top:25px; margin-left:10px;}
.col-swipechange{ width:100%; position:relative; overflow:hidden;}
.col-swipelist{width:100%; overflow:hidden; position:relative;}
.col-wrap{width:100%; float:left; overflow:hidden; position:relative; margin-bottom:10px; font-size:13px; float:left;}
.col-wrap ul{ padding-left:10px}
.col-wrap li{padding-left:20px;margin:7px 0px 0px 10px;float:left;width:39%; background:url(../images/pda/col-li-icon.jpg) 0 0 no-repeat;}
.col-change{  }
.col-change a{color:#777777}




.scoll_block{ width:100%; height:350px; float:left;position:relative; overflow:hidden;}
	.scoll_block_img{width:100%; height:350px; float:left;position:relative; z-index:-2;}
	.scollBg_img{width:100%; height:320px; position:absolute; top:0px;left:0px; z-index:-2;}
	.scoll_div{height:350px; width:100%; overflow:hidden; position:relative;}
	.scollweatherlive{width:100%; height:350px;float:left; overflow:hidden; position:relative;}
	.scoll_div_typelive{width:100%; height:320px;float:left; overflow:hidden; position:relative;}
	.scoll_div_type{width:100%; height:350px;float:left; overflow:hidden; position:relative;}
	.opabctop{ opacity:0.4; background-color:#777777;  width:100%; height:40px; position:absolute; top:0px;}
	.opabc{ opacity:0.4; background-color:#000;  width:100%; height:20px; position:absolute; top:330px;}
	.gzweather{ width:100%; height:40px; line-height:40px; position:absolute;}
	.gzweatherimg{padding-left:10px;width:160px; height:40px; float:left;}
	.gzweatherimg img{width:160px; height:40px;}
	.inde{ width:100%; height:20px; line-height:20px; position:absolute; z-index:-1; top:300px;}
	.overpage{width:30px; height:20px; padding-right:3px; color:#FFF; text-shadow:1px 1px 1px #000; float:right;}
	.state{width:200px; height:20px; padding-left:10px; position:absolute; float:left; color:#FFF}
	.inde ul {width:60px; height:20px;  float:right;}
	.inde ul li{ width:10px; height:20px; padding-top:7px;  float:left; list-style:none; padding-right:2px;}
	.inde ul li div{ width:5px; height:5px; background-color:#FFF; }
	.weatherliveall{ width:180px; height:200px;float:left; padding-top:50px; padding-left:20px;}
	.weatherLive{ width:120px; height:70px;float:left;}
	.twodayforecast{ height:50px; position:absolute;width:150px; padding-top:10px; font-size:12px;text-shadow:1px 1px 1px #000; color:#FFF}
	.title-t{ float:left;margin-bottom:5px; text-shadow:1px 1px 1px #000; color:#FFF}
	.title-du{width:30px; float:left; height:20px; padding-top:10px; font-size:20px;text-shadow:1px 1px 1px #000; color:#FFF}	
	.title-img{width:30px;height:30px; float:left; padding-top:5px;}
	.title-img img{width:30px;height:30px;}
	.point{ height:30px; position:absolute;top:270px; color:#FFF}
	.point img{width:30px; height:30px;float:left}
	.point_ch{float:left; height:30px; line-height:30px; color:#FFF}
	.point span{float:left;height:30px; line-height:30px; padding:0px 5px 0px 5px;}
	.chaddressdiv{width:60px;float:left; height:30px; line-height:30px; position:absolute; top:270px; left:80px; }
	.chaddress{padding-top:5px; display:none}
	.cruposition{width:150px; height:40px; position:absolute; top:260px;right:20px;text-shadow:1px 1px 1px #000; color:#FFF; display:none;}
	.weathertitle{width:100%;height:40px; background-color:#E6E6E6}	
	
	.weathertitle ul li{border-top-left-radius:2px;border-top-right-radius:2px; position:relative; top:10px; left:5%; float:left; height:30px; font-size:18px; 
	line-height:30px; width:23%; text-align:center; color:#777777}
	
	.weathertitle_inde{width:20%; height:40px; float:right;}
	.weathertitle_inde div{ width:5px; height:5px; background-color:#FFF; float:left; margin-top:25px; margin-left:10px;}
	.indicate_inde{width:25%; height:15px; float:right; clear:both; margin-top:-15px;}
	.indicate_inde div{width:5px; height:5px; background-color:#E6E6E6; float:left; margin-top:5px; margin-left:10px;}
	
	.theday{height:30px; width:100%; clear:both; position:relative;};
	.winddirection{text-align:center;font-size:12px; font-weight:bold;}
	.forecast{ width:100%; height:40px; float:left}
	.nightforecast{ width:100%; height:20px; float:left}
	.titlefontcolor{ color:#FFF;}
	.forecasttime,.forecastdayicon,.forecastnighticon{ text-align:center; margin:0px auto; width:100%; height:20px;  float;left}
	.sor,.nearrh,.winds{width:33%; height:30px; font-size:15px; margin-left:5px; float:left; color:#FFF;}
	.sor img,.nearrh img{ width:30px;height:30px; float:left }
	.sor span,.nearrh span,.winds span{height:30px; padding-top:5px;padding-left:5px; float:left; text-shadow:1px 1px 1px #000;}
	.winds img { width:20px;height:20px; padding:5px; float:left }
	.winds div{ width:30px;height:30px; font-size:10px; position:absolute; top:0px; left:0px; text-align:center; line-height:30px;}
	
	
	
	body,h2{margin:0;padding:0;}
	#faqbg{background-color:#666666;position:absolute;z-index:99; width:100%; left:0;top:0;display:none;height:100%;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
	#faqdiv{position:absolute; height:300px;top:50%; width:90%; left:5%; z-index:100;padding:1px;}
	#faqdiv h2{height:25px;font-size:14px;background-color:#2F9DDF;position:relative;padding-left:10px;line-height:25px;}
	#faqdiv h2 a{position:absolute;right:5px;font-size:12px;color:#FF0000;}	
	
	.weatherCol{}
	.messagewrap{ width:100%;height:130px;display:none; float:left; position:relative;}
	.loadd{width:100px; height:20px; margin:auto; padding-top:25px}
	.indicate{width:100%; height:15px; z-index:0;padding-top:2px;}
	.indicate_znav{width:100px;height:15px;margin:0px auto;}
	.indicate_nav{width:40px;height:15px; padding-top:35px; margin:0px auto;}