/*全站页面样式重置开始*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time { padding:0; margin:0; font-family:Arial,SimSun; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
caption, th, td { font-weight:normal; text-align:left; }
table { border-collapse:separate; border-spacing:0; }
input, button, select { vertical-align:middle; }
fieldset, img, abbr, acronym { border:0; }
textarea { resize:none; overflow:auto; }
ul, ol { list-style:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html, body { width:100%; height:100%; font-size:12px; line-height:normal; -webkit-text-size-adjust:none; }
html { overflow-y:auto; *overflow-y:scroll; }
:focus { outline:0; }
a,a:visited,a:active { background:none; /*color:#000;*/ text-decoration:none; }
a:hover { text-decoration:underline; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{ display:block; }
/*全站页面样式重置结束*/

/*全站通用样式开始*/
.none { display:none!important; }
.block { display:block!important; }
.nmt { margin-top:0!important; }
.nmr { margin-right:0!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.nmb { margin-bottom:0!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.nml { margin-left:0!important; }
.npd { padding:0!important; }
.npt { padding-top:0!important; }
.npr { padding-right:0!important; }
.npb { padding-bottom:0!important; }
.npl { padding-left:0!important; }
.nbd { border:0!important; }
.nbg { background:none!important; }
.fwn { font-weight:normal!important; }
.fwb { font-weight:bold!important; }
.tal { text-align:left!important; }
.tac { text-align:center!important; }
.tar { text-align:right!important; }
.spriteBase { overflow:hidden!important; background:url(sprite.png) no-repeat!important; text-indent:-9999px!important; }
/*全站通用样式结束*/

/*全站通用清楚浮动样式开始*/
.clearFix { *zoom:1; }
.clear{ clear:both; overflow:hidden;zoom:1}
.clearFix:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }
/*全站通用清楚浮动样式结束*/


/*导航开始*/
.navpan{background: url(navbg.png) repeat-x; height:62px;line-height: 62px;position: absolute;top: 0;left: 0;width: 100%;z-index: 9999}
.logo{float: left;margin-left: 30px}

.navpan .nav{float: left;margin-left: 20px}
.navpan .nav li{float:left;height: 62px}
.navpan .nav li a{padding:0 18px;display: block;text-decoration: none; text-align: center; font-family: "微软雅黑";font-size: 14px;color: #000;height: 50px;line-height: 20px; padding-top: 10px}
.navpan .nav li a span{display: block;line-height: 20px;text-align: center; font-family:Verdana, Geneva, sans-serif;font-size: 10px;color: #999}
.navpan .nav li a:hover{background-color: #2D5598;color: #fff;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;}

.navpan .nav li.down{ position:relative}
.navpan .nav li.down ul{ position:absolute;top:58px; left:0; background-color:#fff;width:133px; display:none}
.navpan .nav li.down ul li{ padding:0; float:none; height:30px;}
.navpan .nav li.down ul li a{ padding:0; height:30px; line-height:30px;}
.navpan .nav li.down.w99 ul{width:99px}

.navpan .slide_tab{float: right;}
.navpan .slide_tab li{float: left;width: 128px;text-align: center;cursor: pointer; height: 58px; background: url(down.png) 105px center no-repeat;}
.navpan .slide_tab li.red,.navpan .slide_tab li.red .info{background-color: #990000;}
.navpan .slide_tab li.blue,.navpan .slide_tab li.blue .info{background-color: #223B82;}
.navpan .slide_tab li.green,.navpan .slide_tab li.green .info{background-color: #266972}
.navpan .slide_tab li .tab_title{font-family: "微软雅黑";font-size: 16px;color: #fff;height: 59px;}
.navpan .slide_tab li .tab_title a{font-family: "微软雅黑";font-size: 16px;color: #fff;height: 59px;}
.navpan .slide_tab li.blue .tab_title a:hover{ text-decoration:none}
.navpan .slide_tab li.red .tab_title{color: #FFFF00; background: url(ico-1.png) 8px center no-repeat #990000;position: relative;z-index: 9999}
.navpan .slide_tab li.blue .tab_title{background: url(ico-2.png) 8px center no-repeat #223B82;position: relative;z-index: 9999}
.navpan .slide_tab li.green .tab_title{background: url(ico-3.png) 8px center no-repeat #266972;position: relative;z-index: 9999}

.navpan .slide_tab li{position: relative;}
.navpan .slide_tab li .info{position: absolute;top: -280px;left: 0;width: 200px;/*height: 180px;*/padding-top: 10px;text-align: left}
.navpan .slide_tab li .cover{height: 90px;text-align: center;padding-top: 10px}
.navpan .slide_tab li .info p{padding-top: 0;margin-top: 0;/*height: 40px;*/line-height: 22px;padding:0 10px;}
.navpan .slide_tab li .info p a{line-height: 24px;/*height: 20px;*/display: block;text-align: left;color: #fff}
.navpan .slide_tab li .info p time{height: 18px;line-height: 18px;text-align: left;color: #999}

.navpan .slide_tab li.green .info{height: 230px}
.navpan .slide_tab li.blue .info{height:auto; padding-bottom:5px}
.navpan .slide_tab li.red .info p{height: 25px;line-height: 32px;padding-top: 5px}
.navpan .slide_tab li.red .info  a{ margin:0; padding:0; height:auto}
.navpan .slide_tab li.red .info{ padding-top:0; height:160px}
.navpan .slide_tab li.red .info img{ margin:0; padding:0}

.navpan .slide_tab li.blue .info p a{ line-height:20px; height:auto;}

.navpan .slide_tab li.green .info{left: -72px}
.navpan .slide_tab li.green .cover{height: 120px}
.navpan .slide_tab li.green .wb{background-color: #fff;margin:10px;}
/*导航结束*/

/*图片*/
.showpan{width: 100%;height: 100%;position: relative;overflow: hidden;zoom:1;}
.show li img{ display:none}
.slideCont li{background-position:center center; background-repeat:no-repeat;height: 100%;width: 100%;position: absolute;top: 0;left: 0}
.siderbox{ position:absolute; left:40%; bottom:70px;width:300px;height:250px; z-index:999}
.siderbox .btn span{ width:50px; height:6px; border:1px solid #FAFAFA; float:left; margin-right:10px; cursor:pointer;background:#999999;}
.siderbox .btn{ z-index:100;position:absolute; left:10px; bottom:20px;}
.siderbox .btn span.on{background:#A92133;}

/*底部开始*/
.footerpan{width: 100%;position: absolute;bottom: 0;left: 0;background-color: #515151;}
.footer{background-color: #515151;height: 25px;line-height: 25px;color: #fff}

.newspan{background-color: #000;height: 45px;padding: 0 60px;overflow: hidden;zoom:1;display: block;}
.footerpan .indexNewsTitle{float: left;overflow: hidden;width: 55px;font-size: 14px;line-height: 45px;color: #FFF;}
.indexNewsListWrap {float: left;overflow: hidden;position: relative;width: 400px; margin-right: 50px}
.indexNewsListWrap ul li {color: #fff; line-height: 45px}
.indexNewsListWrap ul li a{color: #fff;line-height: 45px}
.indexNewsListWrap ul li time{float: right;line-height: 45px}

.indexNewsControl {float: left;overflow: hidden;}
.indexNewsControl a, .indexInfo .indexNews .indexNewsControl a:visited, .indexInfo .indexNews .indexNewsControl a:hover, .indexInfo .indexNews .indexNewsControl a:active {
display: block;float: left;overflow: hidden;width: 10px;height: 10px;margin: 20px 5px 0 0;background: url(menu.png) -600px -400px no-repeat;
}
.indexNews .indexNewsControl .selected,.indexNews .indexNewsControl .selected:active {background-position: -620px -400px;}
.indexWeather{float: left; line-height: 45px;padding-top: 10px;margin-left: 20px}
.indexWeather *{line-height: 45px}
.ftel{float: right;color:#FFCC00;font-size: 16px;font-family: "微软雅黑";line-height: 45px}

.copyright{padding-left: 60px}
.flink{padding-left: 20px}
.flink a,.copyright a{color: #fff}
.olnly{float: right;padding-right: 60px}
/*底部结束*/

/*子页*/
.info-bg .navpan,.wenhua-bg .navpan{position: fixed;}
.wrap{width:1200px;margin: 0 auto;/*overflow: hidden;zoom:1;*/}
.navpan .wrap .nav li a{padding-left: 18px;padding-right: 18px}
.info-bg{background:url(bg2.jpg) center top no-repeat #040000;height: 100%;position: relative;}
.main{margin: 0 auto;padding-top: 60px;padding-bottom:10px;position: relative;z-index: 20;width:100%; overflow:hidden;zoom:1;}
.tit{width: 221px;height: 80px;background: url(tit-bg.png) no-repeat;position: absolute;top: -55px;left:15px;text-align: center;}
.tit h3{color: #fff;text-align: center;font-family: "微软雅黑";font-size: 24px;line-height: 35px;padding-top: 10px}
.tit span{color: #fff;font-family: "Arial";font-style: 14px}
.mainbox{padding:30px;padding-bottom:50px;width: 1140px;margin:0 auto;background-color: #005CA3;position: relative;z-index: 20}

.main_tit{overflow: hidden;zoom:1;margin-bottom: 0px; padding-top:10px}
.main_tit ul li{float: left;line-height: 40px;margin-right: 1px;line-height: 40px}
.main_tit ul li a{background: #224071;display:block;padding:0 20px;text-align: center;line-height: 40px;font-family: "微软雅黑";font-size: 18px;color: #fff;}
.main_tit ul li a{text-decoration: none;}
.main .main_tit ul li.on a,.main .main_tit ul li.on a:hover{background: url(tabbg-on.png) no-repeat;color: #000;height: 46px}
.main_tit ul li a:hover{background: #294D88;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;}

.position{float: right;color: #fff}
.position a{color: #fff;line-height: 30px}

.main_c,.main_body{padding: 30px;background-color: #00487D;min-height: 550px;width: 1080px;overflow: hidden;zoom:1;}
.main_c *,.main_c,.main_body *,.main_body{line-height: 25px;color: #fff;text-align: justify; font-size:14px; font-family:"微软雅黑"; line-height:30px}
.main_c p,.main_body p{margin-bottom: 10px}
.art img{max-width: 1080px;height:auto;width:expression(this.width > 1080 ? "1080px" : this.width); }
.main_body .iw_poi_content,.main_body .iw_poi_content *{ color:#000}

.lrpan{padding-top: 260px;}
.lrpan .main_c,.main_body{padding: 30px;min-height: 550px;overflow: hidden;zoom:1; background:#fff;width:auto}
.lrpan .mainbox{padding:30px;padding-bottom:50px;width: 1140px;margin:0 auto;background:url(white-bg.png) repeat;position: relative;z-index: 20;}

.lrpan .tit-box{ background:url(tit-right.png) right center no-repeat #9d9a97; float:left; height:52px; padding-right:10px}
.lrpan .tit-box h3{ display:block; background:url(white-logo.png) 10px center no-repeat #9d9a97; height:52px; line-height:52px;color:#fff;font-family: "微软雅黑";font-size: 16px; padding:0 20px 0 50px}
.lrpan .main_c *,.main_c,.main_body *,.main_body{line-height: 25px;color: #333;text-align: justify; font-size:14px; font-family:"微软雅黑"; line-height:30px}
.lrpan .art img{max-width: 820px;height:auto;width:expression(this.width > 820 ? "1080px" : this.width); }
.lrpan .main_body .iw_poi_content,.main_body .iw_poi_content *{ color:#000}

.lrpan .position{float: right;color: #666}
.lrpan .position a{color: #666;line-height: 30px}

.leftpan{ float:left;width:240px; position:relative; top:-60px}
.rightpan{ float:right;width:880px; }


.itempan .tit2 h3{color: #fff;text-align: left;font-family: "微软雅黑";font-size: 24px;line-height: 35px;padding-top: 10px;}
.itempan .tit2 span{color: #fff;font-family: "Arial";font-style: 14px; text-align:left}
.itempan{ margin-bottom:20px}
.itempan .tit2{height:76px;background: url(pan-titlebg.png) right center no-repeat #9d9a97;text-align: left; padding-left:20px}
.itempan ul li{background:#fff; line-height:40px; height:40px; margin-bottom:1px; padding:0 20px}
.itempan ul li a{ display:block; line-height:40px; height:40px; background:url(mlogo-ico.png) left center no-repeat; padding-left:35px;font-family: "微软雅黑";font-size: 16px; color:#333;}
.itempan ul li a:hover{ text-decoration:none; color:#005CA2}

.newpan{ background:url(newpan-bottom-bg.png) center bottom no-repeat; padding-bottom:12px}
.newpan .tit2{ background:url(white-logo.png) 10px center no-repeat #9d9a97; height:50px; line-height:50px; padding-left:50px}
.newpan .tit2 h3{ color:#fff; line-height:50px;font-family: "微软雅黑";font-size: 24px;}
.newpan ul{ background:#fff; padding:10px 20px}
.newpan ul li{ line-height:25px; background:url(arrow.jpg) left 12px no-repeat; padding-left:15px}
.newpan ul li a{ line-height:25px; color:#333;font-family: "微软雅黑";font-size: 12px;}
.newpan ul li a:hover{ text-decoration:none; color:#005CA2}


.footerbg{background: url(fbg.jpg) no-repeat;width:100%;height: 718px;z-index: 10;position: absolute;left: 0;bottom: 0}
.footerc{margin:0 auto;position: absolute;bottom:0;z-index: 30;width:100%;/*background: url(fbg.png) center center no-repeat;*/height: 410px;width:100%; overflow:hidden;zoom:1}
.shan1{background: url(fbg1.png) no-repeat;width: 616px;height: 306px;position: absolute;bottom: 0px;left: 0px;z-index: 50;}
.shan2{background: url(fbg2.png) no-repeat;width: 547px;height: 406px;position: absolute;;bottom: 0px;right: -130px;z-index: 50}
.footer-txt{width:100%; display:block;background-color: #515151;height: 30px;line-height: 30px;}
.footer-content{width: 1200px;margin: 0 auto;line-height: 30px}
.footer-content *{line-height: 30px;color: #fff}

.list_img{width: 1180px;overflow: hidden;zoom:1;}
.list_img dl{background-color: #005CA3;border: 1px solid #0072C6;padding-top:5px;width: 260px;text-align: center;float: left;margin-right: 12px;margin-bottom: 20px}
.list_img dl *{text-align: center;}
.list_img dl dd a{font-size: 14px;font-family: "微软雅黑";line-height: 30px;color: #fff}
.list_img dl dd a:hover{text-decoration: none;}
.list_img dl dt{height: 160px}
.list_img dl:hover{background: #D2EDF0;color: #000;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;}
.list_img dl:hover a{color: #000}

.lrpan .list_img{width: 840px;}
.lrpan .list_img dl{ text-align:center;background-color: #fff;border: 1px solid #eee;padding-top:5px;width: 260px;text-align: center;float: left;margin-right: 17px;margin-bottom: 20px}
.lrpan .list_img dl:hover{background: #eee;color: #000;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;}
.lrpan .list_img *{ text-align:center}

.lrpan .guide_info,.lrpan .guide_info *{ text-align:left}

.lrpan .list_guide{width:1150px}
.lrpan .list_guide dl{ margin-right:10px}
.list_guide dl dt{height: 300px}
.att_list dl{ height:192px}
.att_list dl dt{height:160px}

.list_news{width: 1180px;overflow: hidden;zoom:1;}
.list_news dl{background-color: #005CA3;padding:10px;width: 190px;float: left;width: 510px;height: 125px;overflow: hidden;zoom:1;margin-right: 20px;margin-bottom: 20px;}
.list_news dl dt img,.list_news dl dt {width: 190px;height: 125px;}
.list_news dl dt{float: left;}
.list_news dd{width: 310px;float: left;padding-left: 10px}
.list_news dd .time{margin-bottom: 0;color: #78A9CE;font-size: 11px;line-height: 20px}
.list_news dd h3 a{font-size: 14px;font-family: "微软雅黑";line-height: 20px}
.list_news dd h3{line-height: 18px;width: 310px;overflow: hidden;zoom:1;}
.list_news dd p{line-height: 21px;margin-bottom: 0; color:#A8CEE4;}
.list_news dd{overflow: hidden;zoom:1;height: 130px;}

.lrpan .list_news dl{background-color: #fff;padding:10px;width:790px;float: left;height: 125px;overflow: hidden;zoom:1;margin-right: 20px;margin-bottom: 20px; border-bottom:1px dotted #ddd; padding-bottom:20px;}
.lrpan .list_news dd{width: 590px;float: left;padding-left: 10px}
.lrpan .list_news dd p{line-height: 25px;}
.lrpan .book .orange{color:#F60}

.i_border {border: 1px solid #DDDBDA;width: 130px; color:#000; padding:0 5px}
.book .date {background: url(date.jpg) right center no-repeat #fff;padding-left: 10px;width: 130px;}
.del{ text-decoration:line-through}
.book .orange{ color:#FC0}
.book textarea{ color:#000}
.book .ming-t {background: url(line-tabbg.png) no-repeat;width: 250px;height: 42px;line-height: 42px;padding-left: 40px;color: #00335A;font-size: 22px;font-family: "微软雅黑";margin-bottom: 20px;}
.mbtn{ background:#711D75; padding:5px 20px; border:none; cursor:pointer;}

.lrpan .book .date{ line-height:22px}
.lrpan .book  .mbtn{ color:#fff}

.book-body{ margin-bottom:30px; font-size:14px; line-height:30px}
/*分页*/
.lrpan .dede_pages,.lrpan .dede_pages *{ text-align:center}
.dede_pages{ overflow:hidden;zoom:1; clear:both;text-align: center;z-index: 100;position: relative; z-index: 300}
.dede_pages ul{	padding:12px 0px 12px 16px;text-align: center;}
.dede_pages ul li{display: inline-block;font-family:Tahoma;	line-height:22px;	margin-right:6px;text-align: center;}
.dede_pages ul li a{display: inline-block;	padding:0px 8px 0px;color:#fff; border:1px solid #ddd;line-height:17px;position: relative;z-index: 300;text-align: center;}
.dede_pages ul li a:hover,.dede_pages ul li.thisclass{color:#fff;text-decoration:none;padding:0px 8px 0px; background:#001755; border:1px solid #001755}
.dede_pages ul li.thisclass{padding:2px 8px 2px; line-height:25px;}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{	color:#fff;	padding:2px 6px 2px; background:#FFAE00;font-weight:bold;}
.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#333;}
.dede_pages .pageinfo strong{color:#333;font-weight:normal;	margin:0px 2px;}

.flink a{margin-right: 10px}

.dede_pages{position: relative;}

.wenhua-bg{background: url(wenhua-bg.jpg) center top no-repeat #00345B; padding-top:62px;}
.way-wrap{width:1200px; margin:0 auto; position:relative}

.wenhua-01{ margin-left:450px;left:50%; margin-top:190px}
.wenhua-02{ margin-left:540px;left:50%; margin-top:-60px}
.wenhua-03{ margin-left:560px;left:50%; }

.wenhua-04{ text-align:center; margin:20px auto}

.way-wrap .bigtitle{ color:#fff; font-size:30px; font-family:"微软雅黑"; text-align:center; line-height:30px; margin-bottom:10px; margin-top:20px}
.way-wrap p.txt{ color:#ABBBC9;font-size:14px;font-family:"微软雅黑";  line-height:30px; text-align:center; margin-bottom:20px}
.way-wrap p.txt18{ color:#fff;font-family:"微软雅黑"; font-size:18px; text-align:center}

.c1,.c2,.c3,.c4,.c5,.c6{margin: 0 1px; margin-bottom:20px; line-height:46px; display:inline-block; padding:0 10px; }
.c1{ background-color:#266972;}
.c2{ background:#8A6F0F}
.c3{ background:#711D75;}
.way-wrap p.c4{ background:#005CA2;font-size:16px;}
.way-wrap p.c5{ background:#1B3B7F; }
.way-wrap p.c6{ background:#1B3B7F;  }

.text-center,.text-center *{ text-align:center}
.wenhua-05{ margin-top:-50px;}
.wenhua-09{ margin-top:0px;}

.ming-01{ margin-top:160px;}
.ming-02{ margin-top:-70px;}
.ming-03{ margin-left:60px; }
.mingbg{ background:url(line.png) -5px repeat-y; padding-top:60px; margin-top:30px; margin-bottom:60px}
.mingtxt{ position:absolute; top:122px; left:320px;color:#FFCC00;font-size:24px;font-family:"微软雅黑"; float:left}

.ming-top{ position:relative;}
.ming-top .ming-02{ position:absolute;left:0;}

.mingbox{ position:relative}
.mingbox .ming-t{ background:url(line-tabbg.png) no-repeat;width:250px; height:42px; line-height:42px; padding-left:50px; color:#00335A; font-size:22px; font-family:"微软雅黑"; margin-left:40px; margin-bottom:20px;}

.mingbox{ overflow:hidden;zoom:1;padding-top:120px}
.mingbox dl{ margin-left:73px;  overflow:hidden;zoom:1;}
.mingbox dl dt{ float:left;width:322px; background:#004A82; text-align:center; height:210px; padding-top:10px;}
.mingbox dl dd h3{font-size:24px;color:#fff;font-family:"微软雅黑"; margin-bottom:10px}
.mingbox dl dd{ float:left; color:#fff; padding-left:20px;width:780px}
.mingbox dl dd p,.mingbox dl dd p *{ line-height:30px; color:#ABBCC9;font-size:14px}

.list_ming{ clear:both; padding-top:0px;width:840px; margin:0 auto;}
.list_ming dl{width:265px; float:left; margin-bottom:10px; margin-right:10px; margin-left:0; height:220px;text-align:center}
.list_ming dl dd{width:265px; float:none; margin:0; padding:0}
.list_ming dl dt{width:265px; height:170px; float:none; background:#eee; text-align:center; display:block}
.list_ming dl dt a{ text-align:center; display:block}
.list_ming dl dt a img{ text-align:center;width:250px; height:160px}
.list_ming dl dd h3{ font-size:14px; line-height:25px}
.lrpan .main_c .list_ming dl dt a,.lrpan .main_c .list_ming dl dt a img,.lrpan .main_c .list_ming dl dt,.lrpan .main_c .list_ming dl dd,.lrpan .main_c .list_ming dl dd h3{ text-align:center;}
.list_ming dt:hover{ background:#00345B}
.mbook{ margin: 60px 0; background:url(book.png) no-repeat;display:block;width:300px; margin-left:60px; padding-left:30px; height:58px; line-height:58px; color:#FFCC00;font-family:"微软雅黑"; font-size:24px;}
.mbook:hover{ text-decoration:none}


.guide_info{ float:left;width:780px; padding-left:20px;font-family:"微软雅黑"; font-size:14px;}
.guide_info,.guide_info *{ line-height:25px;font-family:"微软雅黑"; font-size:14px;}
.guide_info h1{font-family:"微软雅黑"; font-size:16px;}

.head-gold-w a{ line-height:14px}

.big-title{font-family:"微软雅黑"; font-size:24px; text-align:center; margin-bottom: 10px}
.small small{font-style: normal;;font-size: 12px;line-height: 22px;text-align: center;}
.small{text-align: center;color: #fff;margin-bottom: 30px}
.small a{color: #fff}
.small a:hover{ text-decoration:underline}
.main_c *{font-family: "微软雅黑"}

.mo{ float:right;background:url(mo.png) 10px center no-repeat; display:inline-block; padding-left:20px; line-height:25px; color:#000;font-family: "微软雅黑"; line-height:58px; padding:0 20px 0 30px;}
.mo:hover{ text-decoration:none; color:#990000; background:url(mo.png) 10px center no-repeat #EFEFEF;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear; }

.m-bg{ background:url(mbg.jpg) center center no-repeat;background-attachment:fixed;background-size:cover;-ms-behavior: url(backgroundsize.min.htc);behavior: url(backgroundsize.min.htc);_behavior:none}

.mainbox .dhpan{display:block;width:84px;z-index:99; position:fixed; top:160px; left:50%; margin-left:610px;}
.indexdhpan{ position:fixed; bottom:150px; right:0;width:84px;z-index:99;display:block;}
.dhpan a{ display:block; text-align:center; color:#fff; height:30px;}
.dhpan a.mp{ background:url(ico-1.png) center 10px no-repeat #990000; padding-top:40px}
.dhpan a.hd{ background:url(ico-2.png) center 10px no-repeat #223B82; padding-top:40px}
.dhpan a:hover{ text-decoration:none;}
.dhpan a.mp:hover{ background:url(ico-1.png) center 10px no-repeat #D00000}
.dhpan a.hd:hover{ background:url(ico-2.png) center 10px no-repeat #29479D; }
/*lightbox*/
#jquery-overlay {position: absolute;top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display:inline; }			
#lightbox-secNav-btnClose {	width: 66px; float: right;padding-bottom: 0.7em;}

#gallery{ padding-top:20px}
#gallery li{ float:left; margin-right:20px}
#gallery li img{width:120px; height:150px; padding:3px; background:#fff; border:1px solid #ddd}

/*ant-left-to-right-h1*/
.way-block.animation-play .ant-top-to-down {
-webkit-animation: ant-move-top-to-dwon-h1-show 1s ease-in-out forwards;
-moz-animation: ant-move-top-to-dwon-h1-show 1s ease-in-out forwards;
-ms-animation: ant-move-top-to-dwon-h1-show 1s ease-in-out forwards;
-o-animation: ant-move-top-to-dwon-h1-show 1s ease-in-out forwards;
animation: ant-move-top-to-dwon-h1-show 1s ease-in-out forwards;
}
.way-block .ant-top-to-down {
-webkit-animation: ant-move-top-to-dwon-h1-hide 1s ease-in-out forwards;
-moz-animation: ant-move-top-to-dwon-h1-hide 1s ease-in-out forwards;
-ms-animation: ant-move-top-to-dwon-h1-hide 1s ease-in-out forwards;
-o-animation: ant-move-top-to-dwon-h1-hide 1s ease-in-out forwards;
animation: ant-move-top-to-dwon-h1-hide 1s ease-in-out forwards;
}

/*ant-left-to-right-h3*/
.way-block.animation-play .ant-left-to-right-h3{
	-webkit-animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
	-moz-animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
	-ms-animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
	-o-animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
	animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
}
.way-block .ant-left-to-right-h3{
	-webkit-animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
	-moz-animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
	-ms-animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
	-o-animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
	animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
}

/*.way-block.animation-play .ant-left-to-right-h3{
	-webkit-animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
	-moz-animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
	-ms-animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
	-o-animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
	animation: ant-move-left-to-right-h3-show 1s ease-in-out forwards;
}
.way-block .ant-left-to-right-h3 {
	-webkit-animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
	-moz-animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
	-ms-animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
	-o-animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
	animation: ant-move-left-to-right-h3-hide 1s ease-in-out forwards;
}*/


/*ant-left-to-right-p*/
.way-block.animation-play .ant-left-to-right-p{
-webkit-animation: ant-move-left-to-right-p-show 1s ease-in-out forwards;
-moz-animation: ant-move-left-to-right-p-show 1s ease-in-out forwards;
-ms-animation: ant-move-left-to-right-p-show 1s ease-in-out forwards;
-o-animation: ant-move-left-to-right-p-show 1s ease-in-out forwards;
animation: ant-move-left-to-right-p-show 1s ease-in-out forwards;
}
.way-block .ant-left-to-right-p{
-webkit-animation: ant-move-left-to-right-p-hide 1s ease-in-out forwards;
-moz-animation: ant-move-left-to-right-p-hide 1s ease-in-out forwards;
-ms-animation: ant-move-left-to-right-p-hide 1s ease-in-out forwards;
-o-animation: ant-move-left-to-right-p-hide 1s ease-in-out forwards;
animation: ant-move-left-to-right-p-hide 1s ease-in-out forwards;
}

/*ant-right-to-left-img*/
.way-block.animation-play .ant-right-to-left-img{
-webkit-animation: ant-move-right-to-left-img-show 1s ease-in-out forwards;
-moz-animation: ant-move-right-to-left-img-show 1s ease-in-out forwards;
-ms-animation: ant-move-right-to-left-img-show 1s ease-in-out forwards;
-o-animation: ant-move-right-to-left-img-show 1s ease-in-out forwards;
animation: ant-move-right-to-left-img-show 1s ease-in-out forwards;
}
.way-block .ant-right-to-left-img{
-webkit-animation: ant-move-right-to-left-img-hide 1s ease-in-out forwards;
-moz-animation: ant-move-right-to-left-img-hide 1s ease-in-out forwards;
-ms-animation: ant-move-right-to-left-img-hide 1s ease-in-out forwards;
-o-animation: ant-move-right-to-left-img-hide 1s ease-in-out forwards;
animation: ant-move-right-to-left-img-hide 1s ease-in-out forwards;
}

/*ant-down-to-top*/
.way-block.animation-play .ant-down-to-top{
-webkit-animation: ant-move-down-to-top-show 1s ease-in-out forwards;
-moz-animation: ant-move-down-to-top-show 1s ease-in-out forwards;
-ms-animation: ant-move-down-to-top-show 1s ease-in-out forwards;
-o-animation: ant-move-down-to-top-show 1s ease-in-out forwards;
animation: ant-move-down-to-top-show 1s ease-in-out forwards;
}
.way-block .ant-down-to-top{
-webkit-animation: ant-move-down-to-top-hide 1s ease-in-out forwards;
-moz-animation: ant-move-down-to-top-hide 1s ease-in-out forwards;
-ms-animation: ant-move-down-to-top-hide 1s ease-in-out forwards;
-o-animation: ant-move-down-to-top-hide 1s ease-in-out forwards;
animation: ant-move-down-to-top-hide 1s ease-in-out forwards;
}

/*down-to-top img*/
.way-block.animation-play .ant-down-to-top-img{
-webkit-animation: ant-move-down-to-top-img-show 1s ease-in-out forwards;
-moz-animation: ant-move-down-to-top-img-show 1s ease-in-out forwards;
-ms-animation: ant-move-down-to-top-img-show 1s ease-in-out forwards;
-o-animation: ant-move-down-to-top-img-show 1s ease-in-out forwards;
animation: ant-move-down-to-top-img-show 1s ease-in-out forwards;
}
.way-block .ant-down-to-top-img{
-webkit-animation: ant-move-down-to-top-img-hide 1s ease-in-out forwards;
-moz-animation: ant-move-down-to-top-img-hide 1s ease-in-out forwards;
-ms-animation: ant-move-down-to-top-img-hide 1s ease-in-out forwards;
-o-animation: ant-move-down-to-top-img-hide 1s ease-in-out forwards;
animation: ant-move-down-to-top-img-hide 1s ease-in-out forwards;
}

/*top-to-down img*/
.way-block.animation-play .ant-top-to-down-img{
-webkit-animation: ant-move-top-to-down-img-show 1s ease-in-out forwards;
-moz-animation: ant-move-top-to-down-img-show 1s ease-in-out forwards;
-ms-animation: ant-move-top-to-down-img-show 1s ease-in-out forwards;
-o-animation: ant-move-top-to-down-img-show 1s ease-in-out forwards;
animation: ant-move-top-to-down-img-show 1s ease-in-out forwards;
}
.way-block .ant-top-to-down-img{
-webkit-animation: ant-move-top-to-down-img-hide 1s ease-in-out forwards;
-moz-animation: ant-move-top-to-down-img-hide 1s ease-in-out forwards;
-ms-animation: ant-move-top-to-down-img-hide 1s ease-in-out forwards;
-o-animation: ant-move-top-to-down-img-hide 1s ease-in-out forwards;
animation: ant-move-top-to-down-img-hide 1s ease-in-out forwards;
}


/*============大标题===============*/
/*ant-move-top-to-down-show */
@-webkit-keyframes ant-move-top-to-dwon-h1-show {
  0% {
    -webkit-transform: translate(0, -200px);
    transform: translate(0, -200px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes ant-move-top-to-dwon-h1-show {
  0% {
    -o-transform: translate(0, -200px);
    transform: translate(0, -200px);
    opacity: 0;
  }
  50% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes ant-move-top-to-dwon-h1-show {
  0% {
    -ms-transform: translate(0, -200px);
    transform: translate(0, -200px);
    opacity: 0;
  }
  50% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes ant-move-top-to-dwon-h1-show {
  0% {
    transform: translate(0, -200px);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/* Firefox */
@-moz-keyframes ant-move-top-to-dwon-h1-hide {
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, -200px);
    transform: translate(0, -200px);
    opacity: 0;
  }
}
/* Safari 和 Chrome */
@-webkit-keyframes ant-move-top-to-dwon-h1-hide {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -200px);
    transform: translate(0, -200px);
    opacity: 0;
  }
}
/* Opera */
@-o-keyframes ant-move-top-to-dwon-h1-hide {
  0% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0, -200px);
    transform: translate(0, -200px);
    opacity: 0;
  }
}

@-ms-keyframes ant-move-top-to-dwon-h1-hide {
  0% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0, -200px);
    transform: translate(0, -200px);
    opacity: 0;
  }
}

@keyframes ant-move-top-to-dwon-h1-hide {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, -200px);
    opacity: 0;
  }
}
/*============大标题===============*/


/*============大标题2===============*/
/*ant-move-down-to-top-show */
@-webkit-keyframes ant-move-down-to-top-show {
  0% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes ant-move-down-to-top-show {
  0% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes ant-move-down-to-top-show {
  0% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes ant-move-down-to-top-show {
  0% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

/* Firefox */
@-moz-keyframes ant-move-down-to-top-hide {
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
}
/* Safari 和 Chrome */
@-webkit-keyframes ant-move-down-to-top-hide {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
}
/* Opera */
@-o-keyframes ant-move-down-to-top-hide {
  0% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
}

@-ms-keyframes ant-move-down-to-top-hide {
  0% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
}

@keyframes ant-move-down-to-top-hide {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
    transform: translate(0, 200px);
    opacity: 0;
  }
}
/*============大标题2===============*/


/*============副标题===============*/
/*ant-move-lef-to-right-h3-show*/
@-webkit-keyframes ant-move-left-to-right-h3-show{
  0% {
    opacity: 0;
  }
  40% {
    -webkit-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes ant-move-left-to-right-h3-show{
  0% {
    opacity: 0;
  }
  40% {
  	-moz-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes ant-move-left-to-right-h3-show{
  0% {
    opacity: 0;
  }
  40% {
  	-o-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes ant-move-left-to-right-h3-show{
  0% {
    opacity: 0;
  }
  40% {
    -ms-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes ant-move-left-to-right-h3-show{
  0% {
    opacity: 0;
  }
  40% {
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*ant-move-lef-to-right-hide*/
@-webkit-keyframes ant-move-left-to-right-h3-hide{
  0% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-webkit-transform: translate(-300px, 0);
    transform: translate(-300px,0);
    opacity: 0;
  }
}
@-moz-keyframes ant-move-left-to-right-h3-hide{
  0% {
    opacity: 1;
  }
  40% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-moz-transform: translate(-300px, 0);
    transform: translate(-300px,0);
    opacity: 0;
  }
}
@-o-keyframes ant-move-left-to-right-h3-hide{
  0% {
    opacity: 1;
  }
  40% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-o-transform: translate(-300px, 0);
    transform: translate(-300px,0);
    opacity: 0;
  }
}

@-ms-keyframes ant-move-left-to-right-h3-hide{
  0% {
    opacity: 1;
  }
  40% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	 -ms-transform: translate(-300px, 0);
    transform: translate(-300px,0);
    opacity: 0;
  }
}

@keyframes ant-move-left-to-right-h3-hide{
   0% {
    opacity: 1;
  }
  40% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-300px,0);
    opacity: 0;
  }
}
/*============end副标题===============*/


/*============段落===============*/
/*ant-move-lef-to-right-p-show*/
@-webkit-keyframes ant-move-left-to-right-p-show{
  0% {
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes ant-move-left-to-right-p-show{
  0% {
    opacity: 0;
  }
  50% {
  	-moz-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
  	-moz-transform: translate(-300px, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes ant-move-left-to-right-p-show{
  0% {
    opacity: 0;
  }
  50% {
  	-o-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes ant-move-left-to-right-p-show{
  0% {
    opacity: 0;
  }
  50% {
    -ms-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes ant-move-left-to-right-p-show{
  0% {
    opacity: 0;
  }
  50% {
    transform: translate(-300px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*ant-move-lef-to-right-hide*/
@-webkit-keyframes ant-move-left-to-right-p-hide{
  0% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-webkit-transform: translate(-300px, 0);
    transform: translate(-300px,0);
    opacity: 0;
  }
}
@-moz-keyframes ant-move-left-to-right-p-hide{
  0% {
    opacity: 1;
  }
  50% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-moz-transform: translate(-300px, 0);
    transform: translate(-300px,0);
    opacity: 0;
  }
}
@-o-keyframes ant-move-left-to-right-p-hide{
  0% {
    opacity: 1;
  }
  50% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-o-transform: translate(-300px, 0);
    transform: translate(-300px,0);
    opacity: 0;
  }
}

@-ms-keyframes ant-move-left-to-right-p-hide{
  0% {
    opacity: 1;
  }
  50% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	 -ms-transform: translate(-300px, 0);
    transform: translate(-300px,0);
    opacity: 0;
  }
}

@keyframes ant-move-left-to-right-p-hide{
   0% {
    opacity: 1;
  }
  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-300px,0);
    opacity: 0;
  }
}
/*============end 段落===============*/


/*ant-move-right-to-left-h3-show*/
@-webkit-keyframes ant-move-right-to-left-h3-show{
  0% {
    -webkit-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
  }
  40% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes ant-move-right-to-left-h3-show{
  0% {
  	-moz-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
  }
  40% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes ant-move-right-to-left-h3-show{
  0% {
    -o-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
  }
  40% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes ant-move-right-to-left-h3-show{
  0% {
    -ms-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
  }
  40% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes ant-move-right-to-left-h3-show{
  0% {
    transform: translate(300px,0);
    opacity: 0;
  }
  40% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*ant-move-right-to-left-hide*/
@-webkit-keyframes ant-move-right-to-left-h3-hide{
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 300px);
    transform: translate(0, 300px);
    opacity: 0;
  }
}
@-moz-keyframes ant-move-right-to-left-h3-hide{
  0% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  40% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
  	-moz-transform: translate(0, 300px);
    transform: translate(0, 300px);
    opacity: 0;
  }
}
@-o-keyframes ant-move-right-to-left-h3-hide{
  0% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  40% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
  	-o-transform: translate(0, 300px);
    transform: translate(0, 300px);
    opacity: 0;
  }
}

@-ms-keyframes ant-move-right-to-left-h3-hide{
  0% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  40% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
  	-ms-transform: translate(0, 300px);
    transform: translate(0, 300px);
    opacity: 0;
  }
}

@keyframes ant-move-right-to-left-h3-hide{
   0% {
    transform: translate(0, 0);
    opacity: 1;
    
  }
  40% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 300px);
    opacity: 0;
  }
}

/*ant-move-right-to-left-p-show*/
@-webkit-keyframes ant-move-right-to-left-p-show{
  0% {
    -webkit-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes ant-move-right-to-left-p-show{
  0% {
  	-moz-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
  }
  50% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes ant-move-right-to-left-p-show{
  0% {
  	-o-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
  }
  50% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes ant-move-right-to-left-p-show{
  0% {
    -ms-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
  }
  50% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes ant-move-right-to-left-p-show{
  0% {
    transform: translate(300px,0);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*ant-move-right-to-left-hide*/
@-webkit-keyframes ant-move-right-to-left-p-hide{
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 300px);
    transform: translate(0, 300px);
    opacity: 0;
  }
}
@-moz-keyframes ant-move-right-to-left-p-hide{
  0% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
  	-moz-transform: translate(0, 300px);
    transform: translate(0, 300px);
    opacity: 0;
  }
}
@-o-keyframes ant-move-right-to-left-p-hide{
  0% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
  	-o-transform: translate(0, 300px);
    transform: translate(0, 300px);
    opacity: 0;
  }
}

@-ms-keyframes ant-move-right-to-left-p-hide{
  0% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -ms-transform: translate(0, 300px);
    transform: translate(0, 300px);
    opacity: 0;
  }
}

@keyframes ant-move-right-to-left-p-hide{
   0% {
    transform: translate(0, 0);
    opacity: 1;
    
  }
  50% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 300px);
    opacity: 0;
  }
}


/*====图片附件====*/
@-webkit-keyframes ant-move-right-to-left-img-show{
  0% {
    -webkit-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes ant-move-right-to-left-img-show{
  0% {
  	-moz-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 0;
  }
  100% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes ant-move-right-to-left-img-show{
  0% {
  	-o-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 0;
  }
  100% {
  	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-ms-keyframes ant-move-right-to-left-img-show{
  0% {
    -ms-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 0;
  }
  100% {
  	-ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes ant-move-right-to-left-img-show{
  0% {
    transform: translate(600px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}



@-webkit-keyframes ant-move-right-to-left-img-hide{
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
  	-webkit-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 0;
  }
}
@-moz-keyframes ant-move-right-to-left-img-hide{
  0% {
  	-moz-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 1;
  }
  100% {
  	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-o-keyframes ant-move-right-to-left-img-hide{
  0% {
	  -o-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 1;
  }
  100% {
	  -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
}
@-ms-keyframes ant-move-right-to-left-img-hide{
  0% {
    -ms-transform: translate(600px, 0);
    transform: translate(600px, 0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes ant-move-right-to-left-img-hide{
  0% {
    transform: translate(600px, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
  }
}


/*====img-dwon-to-top 600px====*/
@-webkit-keyframes ant-move-down-to-top-img-show{
  0% {
    -webkit-transform: translate(0,600px);
    transform: translate(0,600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes ant-move-down-to-top-img-show{
  0% {
	  -moz-transform: translate(0,600px);
    transform: translate(0,600px);
    opacity: 0;
  }
  100% {
	 -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes ant-move-down-to-top-img-show{
  0% {
	  -o-transform: translate(0,600px);
    transform: translate(0,600px);
    opacity: 0;
  }
  100% {
	  -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-ms-keyframes ant-move-down-to-top-img-show{
  0% {
    -ms-transform: translate(0,600px);
    transform: translate(0,600px);
    opacity: 0;
  }
  100% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes ant-move-down-to-top-img-show{
  0% {
    transform: translate(0,600px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}



@-webkit-keyframes ant-move-down-to-top-img-hide{
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	  -webkit-transform: translate(0,600px);
    transform: translate(0,600px);
    opacity: 0;
  }
}
@-moz-keyframes ant-move-down-to-top-img-hide{
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	-moz-transform: translate(0,600px);
    transform: translate(0,600px);
    opacity: 0;
  }
}
@-o-keyframes ant-move-down-to-top-img-hide{
  0% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	-o-transform: translate(0,600px);
    transform: translate(0,600px);
    opacity: 0;
  }
}
@-ms-keyframes ant-move-down-to-top-img-hide{
  0% {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0,600px);
    transform: translate(0,600px);
    opacity: 0;
  }
}
@keyframes ant-move-down-to-top-img-hide{
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0,600px);
    opacity: 0;
  }
}






/*====img-dwon-to-top 600px====*/
@-webkit-keyframes ant-move-top-to-down-img-show{
  0% {
    -webkit-transform: translate(0,-600px);
    transform: translate(0,-600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes ant-move-top-to-down-img-show{
  0% {
	-moz-transform: translate(0,-600px);
    transform: translate(0,-600px);
    opacity: 0;
  }
  100% {
	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes ant-move-top-to-down-img-show{
  0% {
	-o-transform: translate(0,-600px);
    transform: translate(0,-600px);
    opacity: 0;
  }
  100% {
	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-ms-keyframes ant-move-top-to-down-img-show{
  0% {
	-ms-transform: translate(0,-600px);
    transform: translate(0,-600px);
    opacity: 0;
  }
  100% {
	-ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes ant-move-top-to-down-img-show{
  0% {
    transform: translate(0,-600px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}



@-webkit-keyframes ant-move-top-to-down-img-hide{
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	-webkit-transform: translate(0,-600px);
    transform: translate(0,-600px);
    opacity: 0;
  }
}
@-moz-keyframes ant-move-top-to-down-img-hide{
  0% {
	-moz-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	-moz-transform: translate(0,-600px);
    transform: translate(0,-600px);
    opacity: 0;
  }
}
@-o-keyframes ant-move-top-to-down-img-hide{
  0% {
	-o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	-o-transform: translate(0,-600px);
    transform: translate(0,-600px);
    opacity: 0;
  }
}
@-ms-keyframes ant-move-top-to-down-img-hide{
  0% {
    -ms-transform: translate(0,-600px);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
	-ms-transform: translate(0,-600px);
    transform: translate(0,-600px);
    opacity: 0;
  }
}
@keyframes ant-move-top-to-down-img-hide{
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0,-600px);
    opacity: 0;
  }
}