@charset "gb2312";
/* CSS Document */
body{ background:#9f0f07; text-align:center; font-family:'΢ÈíÑźÚ'; font-size:14px; color:#4c4c4c}
img{ border:0px;}
*{ margin:0; padding:0}
a{ text-decoration:none}
ul{ list-style:none}
.fl{ float:left; text-align:left;}
.fr{ float:right;}
.cl{ clear:both}
#bg{ background:url(images2017spring_01.jpg) top center no-repeat;}
.wrapper{ width:1200px; padding-bottom:30px; margin:0 auto; text-align:left;}
.share_box{ background:url(images2017spring_08.png) no-repeat center; width:1200px; height:58px}
.share_box dl{ line-height:38px; color:#ffffff; font-size:18px; padding-top:10px; margin-right:405px}
.share_box dl dd span{ margin:0px 38px 0px 8px}
.main{ width:1200px; padding:0px 0px 50px 0px}
.news_box,.service,.weather,.forecast,.kit{ background:#f5f5f5; width:883px;  margin:0 auto; padding:20px 19px;}
.img_list{ width:400px; height:240px}
.code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;}
.code pre{ font-family:"Courier New";font-size:14px;}
.code pre code.note{ color:#999}
.code2{border:1px solid #FEB0B0; background:#FFF1F1; margin-top:10px;}
.code2 pre{ margin-left:20px; font-size:12px;}
.info{ font-size:12px; color:#666666; font-family:Verdana; margin:20px 0 50px 0;}
.info p{ margin:0; padding:0; line-height:22px; text-indent:40px;}
h2.title{ margin:0; padding:0; margin-top:50px; font-size:18px}
h2.title span.titleInfo{ font-size:12px; color:#333; margin-left:10px;font-family:Verdana;}
h3.title{ font-size:16px}
.importInfo{ font-family:Verdana; font-size:14px;}
.news_list dl{ width:435px; margin-right:5px; height:120px;}
.news_list dl dt{ background:url(imagesdt_bg.jpg) no-repeat left center; height:32px; line-height:32px; color:#fff; font-size:18px; padding-left:23px; margin-bottom:25px}
.news_list dd{ padding:0px 8px 0px 23px; margin-bottom:14px; color:#999}
.news_list dd a{ color:#333; font-size:16px}
.news_list dd a:hover{ color:#F00; text-decoration:underline;}
.service,.weather,.forecast{ margin-top:30px;}
.service .title_box,.weather .title_box,.forecast_title{ background:url(imagestitle_box.jpg) no-repeat left center; height:32px; line-height:32px; color:#fff; font-size:18px; margin-bottom:20px}
.service .title_box em{ width:250px; display:block; float:left;cursor:pointer; background:url(imagesem_bg.png) no-repeat left center; height:32px; padding-left:30px; color:#ff1c1e}
.service .title_box em,.forecast_title em{ letter-spacing:1px}
.service .title_box em.highlight{ color:#fff; background:url(imagesem_highlight.png) no-repeat left center}
.tal_box ul{ border-bottom:1px solid #e0e0e0; height:40px; line-height:40px}
.tal_box ul li{ float:left; font-size:14px; color:#808080; height:38px; padding:0px 3px; margin-left:9px; cursor:pointer}
.tal_box ul li.first{ margin-left:0px}
.tal_box ul li.highlight{border-bottom: 4px solid #999; position:relative; color:#333}
.tal_box ul li.highlight span {background: url(imageshighlight.gif) no-repeat center bottom;position: absolute;bottom: -14px;display: block;width: 100%;height: 8px; margin:0px; padding:0px}
.tal_box .tal_content,.tal_box .tal_content2{ margin-top:35px; text-align:center}
.weather .title_box{ background:url(imagestitle_box2.jpg) no-repeat left center}
.weather .title_box em{ margin-left:20px}
.weather_top .video{ width:260px; height:180px}
.weather_right{ width:585px; border:1px solid #d6d6d6; height:178px; margin-right:22px; position:relative}
.weather_describe{ width:300px; border-right:1px solid #d6d6d6; height:178px}
.weather_describe dl{ margin:0px 8px}
.weather_describe dl dt{ width:100px; text-align:center; font-size:15px; color:#4c4c4c; margin-top:60px; margin-right:13px}
.weather_describe dl dt span,.weather_area dl dd span{ display:block}
.weather_describe dl dt span.img_ico{ margin-bottom:10px}
.weather_describe dl dt span label{vertical-align: super; width:5px}
.weather_describe dl dd{ width:140px; }
.weather_describe dl dd h2{ font-size:18px; font-weight:normal; color:#000; margin-top:20px}
.weather_describe dl dd p{ font-size:13px; margin-top:15px; line-height:20px; color:#808080}
.weather_describe .time{ background:url(imagestime_bg.gif) no-repeat left center; width:65px; height:38px; color:#fff; padding-left:5px; padding-top:5px; position:absolute; left:-1px; top:-1px}
.weather_area{ width:260px; padding:10px}
.area_title select{ background:url(imagesselect_bg.gif) repeat-x; height:28px; border:1px solid #ccc; width:93px; color:#808080; font-size:13px; padding-left:5px}
.area_title label{ color:#ff1c1e; font-size:13px; margin-left:5px}
.weather_area dl dd{ width:45px; float:left; text-align:center; margin:10px 15px 0px 5px}
.weather_area dl dd img{ width:40px}
.weather_area dl dd span{ margin-top:8px}
.weather_tal{ margin-top:40px}
.weather_tal ul li{ font-size:16px; color:#333; width:67px; float:left; margin:0px 13px}
.weather_tal ul li p{ margin-bottom:15px}
.weather_tal ul li img{ max-width:45px}
.weather_content{ text-align:center; margin-top:15px}
.forecast_title{ background:url(imagesforecast_title.jpg) no-repeat left center}
.search_box p{ font-size:16px; text-align:center; margin-bottom:8px}
.search_box p span{ margin:0px 20px; color:#999; cursor:pointer}
.search_box p span.highlight{ color:#333}
.search{ width:480px; margin:10px auto 25px; overflow:hidden}
.search .input_box{ width:390px; height:34px; line-height:34px; padding-left:8px; border:1px solid #bfbfbf; border-right:none; background:#f5f5f5; color:#bfbfbf; font-size:15px; float:left}
.search .input_box2{ width:172px; border-right:1px solid #bfbfbf}
.search label{ margin:0px 10px}
.search .submit{ background:url(imagessubmit.gif) no-repeat left center; width:80px; height:36px; border:none; text-indent:-99999em; cursor:pointer; float:left}
.search label{ margin-top:8px; color:#bfbfbf}
.forecast_tal ul{ border-bottom:1px solid #e0e0e0; height:55px}
.forecast_tal ul li{ font-size:16px; color:#999; float:left; width:50px; text-align:center; margin:0px 0px 0px 70px; height:54px; padding:0px 5px; cursor:pointer}
.forecast_tal ul li.highlight{ border-bottom:4px solid #999; color:#333; position:relative}
.forecast_tal ul li.highlight span{ background:url(imageshighlight.gif) no-repeat center bottom; position:absolute; bottom:-14px; display:block; width:20px; height:8px; left:18px}
.forecast_conten{ text-align:center}
.kit{ margin-top:30px}
.kit .tweets{ width:360px}
.tweets_content{ border:1px solid #cdcdcd; background:#f5f5f5}
.kit_list{ width:500px}
.kit_list_title{ background:url(imageskit_list_title.jpg) no-repeat left center; height:32px; line-height:32px}
.kit_list_title em{ color:#fff; font-size:18px; margin-left:30px}
.kit_list_tal ul{ border-bottom:1px solid #d9d9d9; line-height:40px; margin:8px 10px 0px 24px}
.kit_list_tal ul li{ float:left; margin:0px 18px; padding:0px 8px; font-size:18px; color:#b2b2b2; cursor:pointer}
.kit_list_tal ul li.highlight{ color:#0d0d0d; border-bottom:4px solid #b3b3b3}
.kit_list_box dl{ padding:0px 35px; color:#b2b2b2; font-size:15px}
.kit_list_box dl dd{ margin-top:15px}
.kit_list_box dl dd a{ color:#4c4c4c}
.kit_list_box dl dd a:hover{ color:#F00; text-decoration:underline;}
.main_bottom{ background:#f5f5f5; padding:20px 0px; width:921px; margin:30px auto 0px;}
.main_bottom_title{ background:url(imagesmain_bottom_title.jpg) no-repeat left center; height:32px; line-height:32px; margin-left:19px}
.main_bottom_title em{ color:#fff; font-size:18px; margin-left:30px}
.main_bottom ul{ margin-left:6px}
.main_bottom ul li{ width:166px; height:218px; float:left; margin:23px 0px 0px 13px}
.main_bottom .img_box{ width:166px; height:110px; position:relative}
.main_bottom .img_box .name_bg{ background:#000; position:absolute; bottom:0px; height:24px; margin-left:-166px; line-height:24px; width:100%;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4;  opacity:0.4}
.main_bottom .img_box .name{ position:absolute; bottom:0px; margin-left:-115px; z-index:99;height:24px; line-height:24px;text-align:center; color:#fff}
.main_bottom .img_box a:hover .name{ color:#F00;}
.main_bottom .title_box{ font-size:17px; color:#000; height:40px; line-height:40px; margin:13px 0px 5px}
.main_bottom .title_box img{ max-height:36px; float:left; margin:0px 8px 0px 15px}
.main_bottom .describe{ font-size:13px; color:#808080; line-height:20px; width:140px; margin:0 auto}
.main_bottom .describe span{ color:#ff1c1e}

.footer{ background:url(images2017spring_06.png) repeat-x; height:235px; margin:0px auto;}
.footer_top{ padding-top:50px; width:1200px; margin:0 auto;}
.footer_top dl{ width:360px; text-align:center; padding-top:25px; font-size:18px; color:#ffffff}
.footer_top dl dt{ margin-bottom:10px}
.footer_top p{ width:350px; font-size:14px; color:#ffffff; line-height:22px; padding-top:10px}
.footer_top p.last_p{ width:400px; padding-top:0px}
.footer_nav{ text-align:center; color:#ffffff; margin-top:16px}
.footer_nav a{ margin:0px 10px; color:#ffffff; font-size:15px}

#erweima{
	position:absolute;
	width:340px;
	height:340px;
	border:1px solid #000;
	z-index:999;
	left:50%; 
    top:50%;
    margin:-190px 0 0 -190px;
	display:none;
	background-color:#FFF;
}

#cityWeather{width:890px;height:563px;}
#cityWeather iframe{ width:883px; height:553px; border:none;}
#gedi{ font-size:15px; color:#FFF; padding-left:25px; padding-top:10px; float:left; width:370px;}
#city a{ font-size:12px; color:#FC6;}
#city a:hover { color:#FFF;}
#tengxun{ padding-left:25px; padding-bottom:7px; float:left;}
#xinlang{ padding-left:25px;padding-bottom:13px; padding-right:100px;}

#wexinma{ float:left; width:65px; height:65px; padding-left:25px;}
#wexinma2{ float:left; width:65px; height:65px; padding-left:25px;}
#wexinma3{ float:left; width:65px; height:65px; padding-left:25px;}
#wexinma4{ float:left; width:65px; height:65px; padding-left:25px; padding-right:30px;}
.erweimatitle{ color:#FFF; font-size:12px; padding-left:45px;; line-height:25px;}
.erweimatitle2{ color:#FFF; font-size:12px; padding-left:45px;}
.erweimatitle3{ color:#FFF; font-size:12px; padding-left:30px;}
.erweimatitle4{ color:#FFF; font-size:12px; padding-left:50px;}
#alarm_tip_id_1{ float:left; width:410px; padding-left:50px}