/* reset */
body{line-height: 1.8; background: url(fao-bg.jpg) 50% bottom no-repeat fixed;}
body, input, textarea, select{font-family: SimSun, arial, sans-serif; font-size: 12px;}
body, h1, h2, h3, p, ul, ol, dl, dd, form{margin: 0;}
em, i{font-style: normal;}
ul, ol{padding-left: 0; list-style-type: none;}
img{border: 0;}
a{text-decoration: none; color: #6d6d6d;}
a:hover{text-decoration: underline; color: #c00;}
/* common */
.region, .mod, .mhd, .mbd{display: block; clear: both; overflow: hidden; height: auto; content: '.'; *zoom: 1;}
.l{float: left;}
.r{float: right;}
.cl{clear: both;}
.auto{margin-right: auto; margin-left: auto;}
.ovh{overflow: hidden;}
.fw{font-family: Microsoft YaHei;}
.f0{font-size: 0;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f26{font-size: 26px;}
.b{font-weight: bold;}
.tc{text-align: center;}
.tit-m{position: absolute; display: block; overflow: hidden; background-color: rgba(000, 000, 000, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);}
.dot .item{padding-left: 10px; background: url(fao-dot.png) 0 50% no-repeat;}
.dot2 .item{line-height: 38px; padding-left: 20px; border-bottom: 1px solid #d1d1d1; background: url(fao-dot2.png) 5px 50% no-repeat;}
.dot3 .item{padding-left: 10px; background: url(fao-dot3.png) 0 50% no-repeat;}
/* layout */
.layout{clear: both; width: 1000px; margin-right: auto; margin-left: auto;}
.lay-a, .lay-b, .lay-c, .lay-d, .lay-e, .lay-f, .lay-g{display: inline; float: left;}
.lay-a{width: 177px; margin-right: 21px; margin-left: 13px;}
.lay-b{width: 537px; margin-right: 21px;}
.lay-c{width: 218px; margin-right: 13px;}
.lay-d{width: 218px; margin-right: 25px; margin-left: 13px;}
.lay-e{width: 693px; margin-right: 25px; padding-left: 25px;}
.lay-f{width: 693px; padding-right: 25px; padding-left: 25px;}
.lay-g{width: 218px; margin-right: 13px; padding-left: 25px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.ml15{margin-left: 15px;}
.mt15{margin-top: 15px;}
.mt25{margin-top: 25px;}
.mt20{margin-top: 20px;}
.mb25{margin-bottom: 25px;}
.p10{padding: 10px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.pt10{padding-top: 10px;}
.lh30{line-height: 30px;}
.lh25{line-height: 25px;}
.lh24{line-height: 24px;}
.h758{height: 758px;}

/* color */
.c1{color: #fff;}
.c2{color: #57b4e5;}
.c3{color: #5e9bdd;}
.c4{color: #434343;}
.c5{color: #ad0000;}
.c6{color: #6d6d6d;}
.g1{background: #f4f4f4;}
/* header */
.logo{position: absolute; margin: 20px 0 0 10px;}
.top-bar{height: 108px;}
.top-search{position: absolute; height: 26px; margin: 50px 0 0 590px; border: 1px solid #77aada;}
.top-search .txt{line-height: 24px; width: 260px; height: 24px; padding-left: 10px; vertical-align: middle; border: 0; background: #fff;}
.top-search .sub{width: 30px; height: 26px; cursor: pointer; vertical-align: middle; border: 0; background: #77aada url(fao-ico-s.png) 50% 50% no-repeat;}
.top-about{line-height: 28px; position: absolute; width: 65px; height: 28px; margin: 50px 0 0 900px; padding-left: 35px; background: #77aada url(fao-ico-u.png) 10px 50% no-repeat;}
.weather{position: absolute; margin: 7px 0 0 750px;}
.top-date{position: absolute; margin: 20px 0 0 752px;}
.top-pic{height: 278px;}
#ft{overflow: hidden; width: 1000px; height: 278px;}
.nav{height: 56px; padding-right: 12px; padding-left: 12px; background: url(fao-nav.png) 0 0 no-repeat;}
.nav-menu{position: relative; margin-left: 128px;}
.nav-menu .item{float: left;}
.nav-menu .cat{line-height: 45px; display: block; width: 124px;}
.nav-menu .cat a{font-size: 18px; display: block; text-decoration: none; color: #fff;}
.nav-menu .item:hover{transition: background .3s ease-out; background: #65baea;}
.nav-menu .sub{position: absolute; top: 45px; left: -128px; overflow: hidden; width: 1000px; height: 0; background: #65baea;}
.nav-menu .on{z-index: 100; height: auto;}
.nav-menu .sub li{display: inline-block; margin: 5px;}
.nav-menu .sub a{font-size: 14px; padding: 2px 5px; text-decoration: none; color: #fff;}
.nav-menu .sub a:hover{color: #252525; background: #f2f2f2;}
/* wrapper */
.wrapper{padding-top: 10px; padding-bottom: 20px; background: #fff;}
.bdb2{border-bottom: 2px solid #57b4e5;}
.bdt2{border-top: 2px solid #4c649e;}
.bdt1{border-top: 1px solid #dfdfdf;}
.bdl1{border-left: 1px solid #dfdfdf;}
.bdr1{border-right: 1px solid #dfdfdf;}
.focus-pic .pan, .focus-pic .item{overflow: hidden; width: 537px; height: 350px; position:relative;}
.focus-pic .tit-m{line-height: 38px; width: 537px; height: 38px; margin-top: 312px; text-indent: 1em;}
.focus-pic .tabs{position: absolute; z-index: 2; margin-top: 326px; margin-left: 420px;}
.focus-pic .tab{display: inline-block; width: 10px; height: 10px; margin-right: 8px; border-radius: 5px; background: #c1c1c1;}
.focus-pic .on{background: #fc8c15;}
.news{height: 75px; border: 1px solid #ddd; border-top: 0;}
.news .item{float: left; width: 247px;}
.news .more{position: absolute; width: 64px; margin:103px 0 0 450px; text-align: center; background: #9cb1b7;}
.mod1{height: 250px; background: url(fao-mod1.png) 0 0 no-repeat;}
.mod1 .l{width: 50%;}
.vedio{overflow: hidden; width: 240px; height: 190px; background: #000;}
.service{height: 307px; padding-top: 90px; padding-left: 70px; background: url(fao-service.png) 0 0 no-repeat;}
.service .item{line-height: 42px; display: block; margin-bottom: 9px; color: #67c3d7;}
.service .item:hover{transition: all .3s ease-out; text-decoration: none; text-indent: 10px; color: #c00;}
.project .item{line-height: 41px; display: block; padding-left: 10px; border-bottom: 1px solid #fff; background: #57b4e5 url(.ico-p.png) 0 0 no-repeat;}
.follow .mbd{border-top: 2px solid #535353;}
.follow .item{line-height: 18px; display: block; padding: 10px; color: #535353; border: 1px solid #d1d1d1; border-top: 0; background: #f4f4f4;}
.travel .mhd{line-height: 40px; overflow: hidden; height: 36px;}
.travel .ico{width: 63px; height: 36px; margin-left: 15px; background: url(fao-ico-travel.png) 0 0 no-repeat;}
.travel .ico:hover{opacity: .5; filter: alpha(opacity=50);}
.travel .ico-2{background-position: 0 -36px;}
.travel .ico-3{background-position: 0 -72px;}
.travel .ico-4{background-position: 0 -108px;}
.travel .ico-5{background-position: 0 -144px;}
.t-photo{padding: 10px; border: 1px solid #d8d8d8; border-top: 0; background: #f5f5f5;}
.t-photo .view{position: relative; overflow: hidden; width: 517px; height: 146px;}
.t-photo .pan{position: absolute; top: 0; left: 0; width: 1206px;}
.t-photo .scroll2{left: 1206px;}
.t-photo .item{position: relative; float: left; overflow: hidden; width: 193px; margin-right: 8px;}
.t-photo .tit-m{display: table; width: 193px; height: 146px; margin-top: 146px;}
.t-photo .item:hover .tit-m{margin-top: 0; transition: margin-top .3s ease-out;}
.t-photo .c1{display: table-cell; vertical-align: middle;}
/* footer */
.footer{padding: 20px 0; background: #4c649e;}
.footer a{margin: 0 10px; color: #fff;}
.flink .item{width: 240px; margin: 10px; padding: 5px; color: #676767;}
/*fao-list.html*/
.lm .item a{line-height: 46px; display: block; margin-bottom: 1px; padding-left: 30px; color: #fff; background: #5e9bdd url(./ico-lm.png) 95% 50% no-repeat;}
.lm .item a:hover, .lm .on{text-decoration: none; color: #fff; background-color: #9ccbff;}
.lm .sub a{font-size: 16px; line-height: 36px; text-indent: 5px; background: #9ccbff;}
.lm .sub a:hover{transition: all .5s ease-out; text-indent: 10px; color: #f00;}
.pic218{width: 218px; height: 138px;}
.pic218 .tit-m{line-height: 1.4; width: 198px; height: 36px; margin-top: 96px; padding: 3px 10px; color: #fff;}
.list .mbd{padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #dfdfdf;}
.list .mbd:hover{background: #f4f4f4;}
.list .tit{height: 40px;}
.list .detial{height: 50px; color: #646464;}
.list .info{color: #999;}
.list .time, .list .from{padding-left: 20px; background: url(ico-l.png) 0 0 no-repeat;}
.list .from{background-position: 0 -30px;}
.loca{line-height: 34px;}
.page a, .page em{display: inline-block; padding: 2px 10px; color: #000; border: 1px solid #cfcfcf; background: #cfcfcf;}
.page em{color: #fff; background: #4c649e;}
.page a:hover{text-decoration: none; background: #fff;}
/*fao-view.html*/
.article{padding: 30px 15px;}
.article .tit{font-family: Microsoft YaHei, SimHei; font-size: 22px; text-align: center;}
.article .from{font-size: 14px; line-height: 40px; text-align: center; color: #707070;}
.article .cont{font-size: 14px; line-height: 30px;}
.related .item{float: left; width: 45%; margin-left: 10px;}
.pic93{width: 218px;}
.pic93 .item{float: left; width: 93px; height: 120px; margin: 10px 0 0 10px;}
/*fao-subject.html*/
.focus-pic2{margin-left: 25px;}
.focus-pic2 .pan, .focus-pic2 .item{overflow: hidden; width: 712px; height: 360px;}
.focus-pic2 .tit-m{line-height: 38px; width: 712px; height: 38px; margin-top: 322px; text-indent: 1em;}
.focus-pic2 .tabs{position: absolute; z-index: 2; margin-top: 336px; margin-left: 630px;}
.focus-pic2 .tab{display: inline-block; width: 10px; height: 10px; margin-right: 8px; border-radius: 5px; background: #fff;}
.focus-pic2 .on{background: #4a79cb;}
.subject{overflow: hidden; width: 250px; height: 360px; margin-right: 13px;}
.subject .mbd{margin: 25px;}
/*fao-paper.html*/
.paper{padding: 60px 120px;}
.paper .mhd{height: 34px; background: url(fao-ico-paper.png) 0 0 repeat;}
.paper .tit{font: 32px/36px Microsoft YaHei; display: inline-block; padding-right: 10px; padding-left: 10px;}
.pic177{width: 840px;}
.pic177 .item{float: left; width: 200px; margin-top: 50px; margin-right: 80px;}
.pic177 img{border: 1px solid #433e3f; box-shadow: 4px 4px 8px #a3a1a2;}
/*fao-paper2.html*/
.pic220{width: 720px;}
.pic220 .item{float: left; width: 235px; margin-top: 20px;}
.pic220 img{border: 1px solid #c5c7c2; box-shadow: 4px 4px 8px #a3a1a2;}
.list-p{margin: 10px 25px; padding-bottom: 10px; border-bottom: 1px dashed #9f9f9f;}
/*2015-06-11 lzf 外侨网调整*/
.pr5{padding-right: 5px;}
.dot3 .item{ float: left;}
.dot3 .item a{float: left; width: 175px;}
.dot2 .item{line-height: 24px;}
.Minfo{margin-top: 5px;}
.Minfo .dot .item{float: left;width: 250px;padding-right: 8px; height: 25px;overflow:hidden;}
.news .item{ height: 25px;overflow:hidden;}

/*2016-07-19 lzf*/
.h758{height: 780px;}
.news{ height:125px;}