@charset "utf-8";
*{padding:0px;margin:0px;}
body{padding:0; margin:0 auto; color:#333333; font-size:16px; font-family:Microsoft Yahei;background:#f1f1f1;}
html,body,div,table, ul, ol, li, form, img, h1, h2, h3, h4, h5, h6, label, p, dl, dt, dd, p,a{ border: none;list-style: none;margin: 0; padding: 0;}
li{ list-style:none;}
img{ border:none; border:0;}
i{font-style:normal;}
a{ text-decoration:none; color:#333333;cursor:pointer;}
/*a:focus {outline:none;-moz-outline:none;}*/
a:hover{color:#3188d8;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden; zoom:1;}
input, textarea{font-family:Microsoft Yahei; font-size:14px;}
input:focus { outline: none;}
.h25{height:25px;}
.mr0{margin-right:0px;}
.border01{border: 1px solid #e2e0e0;}



.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.fl{float:left;}
.fr{float:right;}

.w1200{ width:1200px; margin:0 auto; position: relative;}
.container{padding:25px;background:#fff;width:1150px;margin:0px auto;}
.box01{width:560px;}
.list01{padding-top: 10px;  zoom:1;  }
.list01 li{ height:35px; line-height:35px;background:url(link-icon.png) no-repeat 0px 15px;padding-left:10px;}
.list01 li .date{ float:right; color:#999;  }
.title01,.title02{border-bottom:1px solid #e1e1e1;height:35px;font-size: 20px;color:#0197f5;margin-bottom:10px;}
.title01 a,.title02 a{color:#0197f5;padding:0px 20px 0px 40px;display: inline-block;border-bottom:1px solid #0197f5;height:35px;background: url(title01.png) no-repeat 20px 5px;position: relative; font-weight:600;}
.title02 a{background-image:url(title03.png)}
.title01 a i{position:absolute;bottom:-6px;left:49%;background:url(arrow-up.png) no-repeat;width:9px;height:6px;font-weight:normal;}
.title03{border-top:2px solid #038be0;height:45px;line-height: 45px;font-size: 20px;}
.title03 a{display:inline-block;border-top:2px solid #e80000;border-right:3px solid #fff;margin-top:-2px;padding:0px 20px;line-height: 45px;}
.column a{display: inline-block;border:1px solid #0197f5;color:#0197f5;font-size:20px;text-align: center;margin-right: 25px;padding:47px 0px;vertical-align: middle;}
.title04{background:#038be0;height:50px;line-height: 50px;color:#fff;font-size:20px;padding:0px 20px;}
.title04 a{color:#fff;}
.column a:hover{background:#0197f5;color:#fff;}
.column a i{vertical-align: middle;margin-right:5px;}
.column a.mr0{margin-right: 0px;}
.footer{background:#818181;padding:20px 0px;color:#fff;}
.footer a{color:#fff;}
.footer ul li{float:left;text-align: center;padding:0px 30px;}
.footer ul li.w{width:200px;padding:40px 0px 0px;}
.frame{position: fixed;top:36%;background:#fff;padding:15px 15px 5px;left:51%;margin-left:600px;}
.frame .close{position:absolute;right:0px;top:-10px;width:20px;height:20px;border-radius: 50%;background:#fff;text-align: center;font-size:20px;}
.frame ul li{margin-bottom:10px;text-align: center;}
.frame ul li a{color:#000;}
.frame ul li img{display:block;margin-bottom:5px;}


.header{background:#0197f5;height:200px;width:100%;overflow: hidden;}
.header .w1200{height:200px;}
.logo{display: inline-block;padding-top:20px;}
.weather{position:absolute;right:155px;top:70px;color:#fff;}
.banner{position:absolute;right:0px;bottom:-13px;background:url(banner.png) no-repeat;width:668px;height:195px;}
.search{width:315px;height:35px;position: relative;margin-top:28px;padding-left:170px;}
.search-text{border:1px solid #fff;border-radius:3px 0px 0px 3px;line-height: 36px;height:36px;width:217px;padding-left:5px;font-size:16px;}
.search-btn{background:#e80000;border:1px solid #e80000;border-radius: 0px 3px 3px 0px; color:#fff;height:38px;line-height:30px;position: absolute;right: 0px;top:0px;width:91px;font-size:16px;cursor: pointer;vertical-align: middle;}
.search-btn:hover{background:#db0202;}
.search-btn i{font-size:24px;margin-right: 5px;vertical-align: middle;}

.nav{height:50px;background:#038be0;}
.nav li{float:left;width:12.5%;text-align:center;color:#fff;font-size:20px;padding:10px 0px;}
.nav li.on{background:#fff;color:#038be0;}
.nav li.on a{color:#038be0;}
.nav li a{display:inline-block;color:#fff; vertical-align: middle;}
.nav li a i{font-size:28px;margin-right: 5px; vertical-align: middle;}
.nav li a i.w{font-size:24px;}

/**通知公告**/
.notice{background:#fff;height:45px;}
.notice .title{float:left;background:#e80000;color:#fff;font-size:20px;padding:0px 10px;height:45px;line-height: 40px;display:inline-block;vertical-align: middle;}
.notice .title i{font-size:22px;margin-right: 5px;vertical-align: middle;}
.notice-right{ width:1060px;  overflow:hidden; position:relative;height:45px;}
.notice-right .bd{ padding:0px 15px; line-height: 45px;  }
.notice-right .bd ul{ overflow:hidden; zoom:1; }
.notice-right .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; height:45px; }
.position{color:#999999; vertical-align: middle;}
.position i{ vertical-align: middle;margin-right: 5px;font-size: 20px;}
.position a{color:#999999;}

.list-page .fl{width:770px;}
.list-page .fl .title{font-size:20px;border:1px solid #e0e0e0;height:45px;font-weight:500;line-height: 45px;}
.list-page .fl .title span{background:#0197f5;color:#fff;padding:0px 30px;display:inline-block;height:45px;line-height: 45px;float: left;}
.list-page .fl .list01 li{padding:5px 0 5px 10px;background-position-y:20px; }
.list-page .fl .list01 li.line{border-bottom:1px solid #f1f1f1;margin-bottom:15px;padding-bottom:25px;}
.list-page .fr{width:345px;}
.page-number{text-align: right;}
.early-warning{background:#fef1ab;text-align: center;height:92px;padding:20px 10px;line-height: 28px;}
.early-warning i{font-size:18px;font-weight: 500;color: #000;}
.early-warning a{color:#e80000;}
.early-warning a:hover{color:#db0202;}
.early-warning-guide{border-top:1px solid #c0c0c0;margin-top:5px;padding-top:5px;color:#038be0;}
.early-warning-guide a{color:#038be0;}
.weather-images{height:270px;}
.weather-images li{float:left;width:167px;height:101px;margin-right:11px;margin-top:11px;position:relative;}
.weather-images li span{display:block;position:absolute;bottom:0px;left:0px;background:url(black.png) repeat;width:100%;height:35px;line-height: 35px;color:#fff;text-align: center;}
.weather-images li.mr0{margin-right:0px;}
.meteorological-topics{height:287px;}
.meteorological-topics-con{ height:240px; overflow:hidden; position:relative;}
.topics-hd{ height:10px; overflow:hidden; position:absolute; right:38%; bottom:15px; z-index:9; }
.topics-hd ul{ overflow:hidden; zoom:1; float:left;  }
.topics-hd ul li{ float:left; margin-right:5px;  width:10px; height:10px;text-align:center; border-radius: 50%; background:#fff; cursor:pointer; text-indent:-999px;}
.topics-hd ul li.on{ background:#f00; color:#fff; }
.topics-bd{ position:relative; height:330px; z-index:0;   }
.topics-bd li{ zoom:1; vertical-align:middle; position:relative; width:560px; height:330px;}
.topics-bd img{ width:346px; height:240px;display:block;  }
.topics-bd a{display:inline-block;}
.topics-prev,.topics-next{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:20px; height:28px; background:url(black.png) repeat;color:#fff;text-align: center; }
.topics-prev i,.topics-next i{font-size:18px;line-height: 28px;color:#fff;}
.topics-next{ left:auto; right:0px;}
.topics-prevStop{ display:none;  }
.topics-nextStop{ display:none;  }
.video-information{border:1px solid #e0e0e0;}
.article-vido{width:330px;background:#fff;}
.video-information .title{height:45px;line-height: 45px;border-bottom:1px solid #e0e0e0;padding:0px 20px;font-size:20px;}
.video-information ul,.article-vido ul{padding:20px;}
.video-information ul li.first,.article-vido .first{width:301px;height:127px;position: relative;margin-bottom:15px;}
.video-information ul li.first img,.article-vido .first img{width:301px;height:127px;}
.video-information ul li.first a span,.article-vido .first a span{position:absolute;bottom:0px;left:0px;width:100%;display:block;height:30px;background:url(black.png) repeat;text-align:center;color:#fff;line-height: 30px;}
.video-information ul li.first a i,.article-vido .first a i{background:url(video.png) no-repeat;height:42px;width:42px;position:absolute;left:45%;top:30%;}
.video-information ul li .date{float:right;color:#999;}
.article-vido .first{margin:20px 20px 0px 20px;height:183px;width:290px;}
.article-vido .first img{height:183px;width:290px;}
.article-con{padding:20px;border:1px solid #e0e0e0;}
.article-con h1{font-weight:500;font-size:30px;color:#038be0;text-align:center; }
.article-headinfo,.article-bottominfo{padding-bottom:10px;border-bottom:1px dashed #e0e0e0;color:#999;}
.article-headinfo  i{margin-right:10px; }
.article-headinfo a{color:#999;}
.article-headinfo a i{margin-right:5px;}
.article-body p{line-height:30px;text-indent:2em;}
.info-ewm{text-align: center;}
.article-mito{width:850px;background:#fff;}
.article-mito-con{padding:20px 20px 10px;}
.article-mito-con p{width:432px;height:308px;position:relative;}
.article-mito-con p img{width:432px;height:308px;}
.article-mito-con p span,.article-mito-con ul li span{position:absolute;left:0px;bottom:0px;width:100%;height:30px;line-height: 30px;text-align:center;background:url(black.png) repeat;color:#fff;}
.article-mito-con ul li{float:left;width:178px;height:149px;position: relative;margin:0px 0px 10px 10px;}
.article-mito-con ul li img{width:178px;height:149px;}
.tabloid,.party-building-tabloid{ height:330px; overflow:hidden; position:relative;}
.tabloid-hd,.party-building-tabloid-hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:9; }
.tabloid-hd ul,.party-building-tabloid-hd ul{ overflow:hidden; zoom:1; float:left;  }
.tabloid-hd ul li,.party-building-tabloid-hd ul li{ float:left; margin-right:5px;  width:10px; height:10px;text-align:center; border-radius: 50%; background:#fff; cursor:pointer; text-indent:-999px;}
.tabloid-hd ul li.on,.party-building-tabloid-hd ul li.on{ background:#f00; color:#fff; }
.tabloid-bd,.party-building-tabloid-bd{ position:relative; height:330px; z-index:0;   }
.tabloid-bd li,.party-building-tabloid-bd li{ zoom:1; vertical-align:middle; position:relative; width:560px; height:330px;}
.tabloid-bd img,.party-building-tabloid-bd img{ width:560px; height:330px;display:block;  }
.tabloid-bd a,.party-building-tabloid-bd a{display:inline-block;}
.tabloid-bd a p,.party-building-tabloid-bd p{background:url(black.png) repeat;position:absolute;bottom:0px;left:0px;width:540px;height:40px;line-height: 40px;padding:0px 10px;z-index:5;color:#fff;}
.tabloid-prev,.tabloid-next,.party-building-tabloid-prev,.party-building-tabloid-next{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(black.png) repeat;color:#fff;text-align: center; filter:alpha(opacity=0);opacity:0; }
.tabloid-prev i,.tabloid-next i,.party-building-tabloid-prev i,.party-building-tabloid-next i{font-size:28px;line-height: 40px;color:#fff;}
.tabloid-next,.party-building-tabloid-next{ left:auto; right:0px;}
.tabloid:hover .tabloid-prev,.tabloid:hover .tabloid-next,.party-building-tabloid:hover .party-building-tabloid-prev,.party-building-tabloid:hover .party-building-tabloid-next{ filter:alpha(opacity=800);opacity:8;  }
.special{background:#f1f1f1;height:185px;overflow: hidden;}
.special-con{ width:1040px;  overflow:hidden; position:relative; padding:20px;}
.special .title{float:left;width: 20px;padding:40px 15px;font-size: 20px;color:#fff;background:#038be0;}
.special .title a{color:#fff;}
.special-prev,.special-next{position: absolute;background:url(black.png) repeat;width:20px;height:25px;top:45%; z-index: 9;left:20px; vertical-align: middle;text-align: center;}
.special-next{ left:auto;right: 0px;}
.special-prev i,.special-next i{font-size:18px;color:#fff;vertical-align: middle;}
.special-bd{width:1040px;}
.special-bd ul{ overflow:hidden; zoom:1; }
.special-bd ul li{ margin-right:25px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.special-bd ul li img{width:341px;height:141px;}
.information-video ul li,.information-video p{position:relative;margin-top:15px;}
.information-video ul li i{position:absolute;right:10px;background:url(video02.png) no-repeat;width:29px;height:29px;bottom:40px;}
.information-video p i{position:absolute;background:url(video.png) no-repeat;width:42px;height:42px;left:45%;top:40%;}
.information-video ul li span,.information-video p span{position:absolute;bottom:0px;left:0px;display:block;width:100%;background:url(black.png) repeat;height:35px;line-height: 35px;color:#fff;text-align:center;}
.information-video ul.fl li,.information-video ul.fl li img{width:182px;height:125px;}
.information-video p,.information-video p img{width:638px;height:405px;}
.information-video p{margin-left:15px;}
.information-video ul.fr li,.information-video ul.fr li img{width:300px;height:195px;}
.open-government-affairs-page .fl{width:338px;}
.open-government-affairs-page .fr{width:765px;}
.leader{border:1px solid #e2e0e0;height:297px;}
.leader .title04{text-align:center;vertical-align: middle;}
.leader .title04 i{font-size:30px;vertical-align: middle;margin-right:5px;}
.leader ul{padding:0px 50px;}
.leader ul li{margin:20px 0px;}
.leader ul li a span{color:#038be0;font-weight:600;}
.leadership-activities{border:1px solid #e2e0e0;height:247px;}
.leadership-activities .list01{padding:10px;}
a.station-table{background:#038be0;display:block;text-align:center;font-size:20px;color:#fff;padding:20px 0px;vertical-align: middle;}
a.station-table:hover{background:#0197f5;}
a.station-table i{font-size:30px;vertical-align: middle;}
.information-disclosure{height:490px;}
.information-disclosure-column a{display:inline-block;border-radius:3px;background:#038be0;width:110px;margin:20px 16px 10px 0px;color:#fff;font-size:18px;text-align:center;padding:15px 0px;}
.information-disclosure-column a.mr0{margin-right:0px;}
.information-disclosure-column a i{display:block;font-size:40px;}
.subordinate-units{margin-top:20px;}
.subordinate-units-hd{ height:35px; line-height:22px;  border-bottom:1px solid #e0e0e0;  position:relative;font-size:20px; }
.subordinate-units-hd ul li{ float:left; cursor:pointer; padding:0px 20px; }
.subordinate-units-hd ul li.on{ height:32px;  border-bottom:3px solid #0197f5; font-weight: 600;color:#0197f5;}
.subordinate-units-hd ul li.on a{color:#0197f5;}
.list02{margin:15px 0px 0px -13px;}
.list02 a{display:inline-block;margin:10px 0px 0px 13px;border:1px solid #e2e0e0;width:23%;text-align:center;padding:18px 0px;}
.leadership-information-con{padding-top:25px;text-align:center;}
.leadership-information-con span{display:block;color:#0197f5;font-size:18px;line-height:30px;}
.leadership-information-con p{text-align:left;text-indent:2em;margin-top:25px;}
.leadership-activities02{margin-top:50px;}
.result{width:718px;height:586px;border:1px solid #e2e0e0;}
.result-hd{background:#038be0;color:#fff;font-size:20px;height:50px;}
.result-hd li{float:left;line-height: 48px;margin-top:2px;padding:0px 30px;}
.result-hd li a{color:#fff;}
.result-hd li.on{background:#fff;color:#038be0;}
.result-hd li.on a{color:#038be0;}
.result-bd{padding:20px;}
.result-bd table tr th{background:#f7f7f7;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height:60px;color:#0197f5;font-weight: normal;padding:0px 5px;font-size:18px;}
.result-bd table tr td{padding:21px 5px;color:#999;border-bottom:1px solid #e1e1e1;text-align: center;}
.result-bd table tr td a{color:#ff0000;}
.download,.declare{border:1px solid #0197f5;color:#0197f5;border-radius: 3px;padding:5px 10px;background-color:transparent;cursor:pointer;}
.service-bulletin{width:398px;}
a.interactive-communication-column{margin-top:15px;display:block;background:#038be0;color:#fff;text-align:center;font-size:20px;vertical-align: middle;padding:16px 0px;}
.secretary-mail{height:160px;}
.public-message{height:266px;}
a.interactive-communication-column:hover{background:#129ef6;}
a.interactive-communication-column img{vertical-align: middle;margin-right:5px;}
.online-interview{height:360px;}
.online-survey,.interpretation-response,.press-conference{height:230px;}
.online-interview ul li{border-bottom:1px dashed #d8d7d7;padding-bottom: 25px;margin-top:25px;}
.online-interview ul li img{float:left;margin-right: 25px;}
.online-interview ul li p{line-height:30px;}
.online-interview ul li p span{font-weight: 700;}
.micro-blog{height:482px;}
.meteorological-service-page .fl{width:400px;}
.meteorological-service-page .fr{width:720px;}
.meteorological-service-page .early-warning{border:1px solid #fbce01;height:69px; vertical-align: middle;}
.meteorological-service-page .early-warning img{vertical-align: middle;margin-right:5px;}
.meteorological-service-page .early-warning-guide a{font-size:18px;color:#000;}
.weather-map{height:203px;}
.weather-map ul{padding:20px 7px;}
.weather-map li{float:left;margin-left:5px;text-align:center;}
.radarsat-satellite{height:210px;}
.radarsat-satellite ul{padding:20px 0px 20px 15px;}
.radarsat-satellite li{float:left;margin-right:10px;text-align:center;}
.meteorological-index{height:240px;}
.meteorological-index-column{padding:15px;}
.meteorological-index-column a{display:block;line-height:45px;vertical-align: middle;}
.meteorological-index-column i{vertical-align: middle;font-size:20px;color:#038be0;margin-right: 5px;}
.industry-meteorology{height:310px;}
.industry-meteorology ul{margin:0px 15px;}
.industry-meteorology li{padding:20px 0px;border-bottom:1px dashed #8d8d8d;}
.industry-meteorology li.bd0{border-bottom:0px;}
.industry-meteorology li img{margin-right:15px;float:left;}
.industry-meteorology li i{font-size:18px;display:inline-block;padding-bottom:20px;}
.agrometeorology,.weathe-bulletin{height:362px;}
.agrometeorology-hd{background:#038be0;color:#fff;heighr:50px;}
.agrometeorology-hd li{height:48px;float:left;font-size:20px;width:50%;text-align:center;line-height: 48px; margin-top:2px;color:#fff;}
.agrometeorology-hd li a{color:#fff;}
.agrometeorology-hd li.on{background:#fff;color:#038be0;}
.agrometeorology-hd li.on a{color:#038be0;}
.agrometeorology-bd{padding:5px 15px 15px;}
.weathe-bulletin ul{padding:15px;}
.forecast-program-con{ height:302px; padding:15px;overflow:hidden; position:relative;}
.forecast-program-con-hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:9; }
.forecast-program-con-hd ul{ overflow:hidden; zoom:1; float:left;  }
 .forecast-program-con-hd ul li{ float:left; margin-right:5px;  width:10px; height:10px;text-align:center; border-radius: 50%; background:#fff; cursor:pointer; text-indent:-999px;}
.forecast-program-con-hd ul li.on{ background:#f00; color:#fff; }
.forecast-program-con-bd{ position:relative; height:302px; z-index:0;   }
.forecast-program-con-bd li{ zoom:1; vertical-align:middle; position:relative; width:370px; height:302px;}
.forecast-program-con-bd img{ width:370px; height:302px;display:block;  }
.forecast-program-con-bd a{display:inline-block;}
.forecast-program-con-bd a p{background:url(black.png) repeat;position:absolute;bottom:0px;left:0px;width:370px;height:40px;line-height: 40px;padding:0px 10px;z-index:5;color:#fff;text-align:center;}
.forecast-program-con-bd a i{background:url(video.png) no-repeat;width:42px;height:42px;position:absolute;left:43%;top:43%;}
.forecast-program-con-prev,.forecast-program-con-next{ position:absolute; left:15px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(black.png) repeat;color:#fff;text-align: center; }
.forecast-program-con-prev i,.forecast-program-con-next i{font-size:28px;line-height: 40px;color:#fff;}
.forecast-program-con-next{ left:auto; right:13px;}
.forecast-program-con-prevStop{ display:none;  }
.forecast-program-con-nextStop{ display:none;  }
.weathe-search{height:111px;}
.weathe-search-con{margin-top:15px;}
.weather-forecast-con{width:100%;height:542px;margin-top:10px;}
.beibu-gulf-weather{height:195px;}
.beibu-gulf-weather-con{padding-top:10px;}
.beibu-gulf-weather-con img,.domestic-weather-con img{float:left;border:1px solid #e2e0e0;padding:5px;margin-right: 10px;}
.beibu-gulf-weather-con i,.domestic-weather-con i{font-size:18px;display:inline-block;margin:0px 0px 25px 5px;}
.beibu-gulf-weather-con a,.domestic-weather-con a{display:inline-block;border:1px solid #0197f5;margin:5px 0px 0px 1px;width:9.5%;padding:5px 0px;text-align:center;}
.meteorological-encyclopedia{height:232px;}
.meteorological-encyclopedia-con{padding-top:10px;}
.meteorological-encyclopedia img{float:left;border:1px solid #e2e0e0;padding:5px;width:212px;}
.meteorological-encyclopedia .list01{width:470px;padding-top:0px;}
.meteorological-encyclopedia .list01 li{float:left;width:41%;margin-left:30px;}
.ASEAN-weather-con{width:100%;height:542px;margin-top:10px;}
.domestic-weather{height:160px;}
.domestic-weather-con{padding-top:10px;}
.popular-science-video-con{padding-top:10px;}
.popular-science-video-con .fl{background:#f2f2f8;width:552px;}
.popular-science-video-con .fl .img{float:left;width:350px;height:293px;position:absolute;}
.popular-science-video-con .fl .img img{width:350px;height:293px;}
.popular-science-video-con .fl .img i{background:url(video.png) no-repeat;height:42px;width:42px;position:absolute;bottom:10px;right:10px;}
.popular-science-video-con .fl .text{float:right;width:175px;height:263px;padding:15px;position:relative;}
.popular-science-video-con .fl .text i{text-indent:0px;text-align:center;font-weight:normal;font-size:18px;display:block;border-bottom:1px dashed #a2a2a2;padding-bottom:15px;margin-bottom:15px;}
.popular-science-video-con .fl .text span{display:block;text-indent:2em;line-height: 26px;}
.popular-science-video-con .fl .text a{position:absolute;bottom:15px;right:15px;}
.popular-science-video-con .fr{width:135px;}
.popular-science-video-con .fr li{width:135px;height:89px;margin-top:13px;position:relative;}
.popular-science-video-con .fr li.mt0{margin-top:0px;}
.popular-science-video-con .fr li img{width:135px;height:89px;}
.popular-science-video-con .fr li span{background:url(black.png) repeat;height:30px;width:100%;text-align:center;color:#fff;position:absolute;left:0px;bottom:0px;}
.popular-science-video-con .fr li i{background:url(video02.png) no-repeat;width:29px;height:29px;position:absolute;right:5px;bottom:30px;}
.popular-science-video{height:350px;}
.knowledge-con .img{width:218px;padding-top:10px;float:left;text-align:center;}
.knowledge-con ul{float:left;width:130px;padding-left:40px;}
.american-beauty-map-con .left{float:left;width:232px;}
.american-beauty-map-con .left a{display:inline-block;width:232px;height:153px;;position:relative;margin-top:10px;}
.american-beauty-map-con .left a img{width:232px;height:153px;}
.american-beauty-map-con .left a span,.american-beauty-map-con .center a span,.civilization-construction-con .fr a span{background:url(black.png) repeat;height:35px;width:100%;position:absolute;left:0px;bottom:0px;line-height: 30px;color:#fff;text-align:center;}
.american-beauty-map-con .center{float:left;width:600px;height:230px;margin:10px 0px 0px 10px;}
.american-beauty-map-con .center a{display:inline-block;width:600px;height:320px;position:relative;}
.american-beauty-map-con .center img{width:600px;height:320px;}
.american-beauty-map-con .right{float:right;width:257px;height:306px;background:#f1f1f1;padding:8px 20px;margin-top:10px;}
.civilization-construction-con .fr{padding-top:20px;width:500px;}
.civilization-construction-con .fr a{width:235px;height:165px;display:inline-block;position:relative;float: left;margin-left:15px;}
.civilization-construction-con .fr a img{width:235px;height:165px;}