@charset "utf-8"; /* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局 */ /* Css Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0; padding:0;} table{border-spacing:0; border-collapse:collapse;} fieldset,img{vertical-align:top; border:0;} address,caption,cite,code,dfn,em,th,var,i{font-weight:normal; font-style:normal;} ol,ul,li{list-style:none;} div,dl,dt,dd,ol,ul,li{zoom:1;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;} pre{font-family:'Microsoft YaHei', SimSun, Arial, Helvetica, Tahoma, sans-serif; font-size:16px; line-height:1.8; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;} article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{display:block; zoom:1; margin:0; padding:0;} /* Public */ body{font-family:'Microsoft YaHei', SimSun, Arial, Helvetica, Tahoma, sans-serif; font-size:14px; line-height:30px; text-align:center; color:#333; -webkit-text-size-adjust:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;} a{text-decoration:none; color:#333; outline:none;} a:hover{text-decoration:underline;color:#e20500; } .clearbox{font-size:0; line-height:0; visibility:hidden;clear:both; height:0; margin-top:-1px !important; border:none; border-top:1px solid transparent !important; } .blank{font-size:0; line-height:0; display:block; clear:both;overflow:hidden; height:10px; } .clearfix:after{display:block; visibility:hidden;clear:both; height:0; line-height: 0; content:'.'; } * html .clearfix{height:1%;} * + html .clearfix{min-height:1%;} .fl{float:left !important;} .fr{float:right !important;} .hide{display:none;} input[type=button],input[type=submit],input[type=file],button{cursor:pointer; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;-webkit-appearance:none; } /* frame */ body{min-width:1200px;text-align:center; } .wrap{background-color: white;} .wrap:after{display:block; visibility:hidden;clear:both; height:0; line-height: 0; content:'.'; } .siteWidth{position:relative; max-width:1200px; margin:0 auto; _width:1200px; } #header{position: relative; z-index: 3; height:100px;} #content{position:relative; z-index:1; clear:both; width:1200px; min-height:300px; margin:0 auto; padding: 20px 0; text-align:left; } #content:after{display:block; visibility:hidden;clear:both; height:0; content:'.'; } /*header S -----*/ /* logo */ #logo,#logo2{float:left; margin-top:22px;} #logo img,#logo2 img{max-width:100%;} /*顶部-链接*/ .topLinks{width: auto; float: right; margin: 36px 0 0;} .topLinks dl{position:relative; z-index: 3; float:left; margin-left: 10px;} .topLinks s{line-height:30px; float:left; overflow:hidden; width:5px; text-align:center;text-decoration:none; } .topLinks dt{position:relative; z-index:10; width: 30px; height:30px; float:left; padding-bottom: 6px; color: white; } .topLinks dt a{display: block; width: 28px; height: 28px; color: white; overflow: hidden; text-indent: -9999px; border: 1px solid #e6e6e6; background: url(../images/headerIcon.png) center 6px no-repeat; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s; } .topLinks .phone dt a{background-position: center -34px;} .topLinks .site dt{width: auto;} .topLinks .site dt a{display: block; width: 86px; padding: 0; text-align: left; line-height: 28px; font-size: 12px; text-indent: 26px; color: #333; background-position: 6px -69px;} .topLinks .on dt a, .topLinks .on dt a:hover, .topLinks dt a:hover{background-color: #0068af; border-color: #0068af; color: white; text-decoration: none; background-image: url(../images/headerHoverIcon.png);} .topLinks dd{position:absolute; top:36px; right:50%; display:none; clear:both; margin-right:-54px; padding:7px 7px 3px; background:#fff; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 3px rgba(0, 0, 0, .3);} .topLinks dd img{width:100px; height:100px;} .topLinks dd i{font-size:0; line-height:0; position:absolute; z-index:8; top:-10px; left:50%; display:block; width:0;margin-left:-3px; border-width:5px; border-style:dashed; border-color:transparent; border-bottom-style:solid; border-bottom-color:#fff; } .topLinks .on dd{display:block;} /* 顶部-搜索框 */ .topLinks .search dd{width: 240px; height: 32px; margin-right: -20px; padding-right: 30px; margin-top:30px;} .topLinks .search dd i{left: 90%;} .s-form{ vertical-align:top; } .s-form .input-box{float:left;} .s-form .input-box input{font-size:14px; line-height:30px; width:180px; height:30px; padding:0 5px; vertical-align:top; border:1px solid #ccc; border-right:0; outline:none;} .s-form .btn-box{float:left;} .s-form .btn-box input{line-height:100px; overflow:hidden; width:40px; height:32px; border: 1px solid #ccc; border-left: none; outline:none; background: url(../images/sideSearchBtn.png) center center no-repeat;} .s-form .btn-box input:active{background-color:#fafafa;} .s-form .link-box{font-size:14px;text-align:center; } .s-form .select-box{display: none; position:relative;float:left; width:100px; height:38px; border:none; border:1px solid #ccc; border-right:none; background:#fff; } .s-form .select-box ul{line-height:1.8; position:absolute; top:39px; left:-1px; display:none; width:301px; padding:5px 10px;border:1px solid #ccc; border-top:0; border-top:0; background:#f7f7f7; } .s-form .select-box ul li{font-size:14px; float:left; width:90px; padding:4px 5px; cursor:pointer; text-align:left;} .s-form .select-box ul li:hover{color:#e20500; background:#f1f1f1;} .s-form .select-box .s-option{line-height:38px; position:absolute; top:0; display:inline-block; width:80px; height:38px; text-align:center;} .s-form .select-box a:hover{text-decoration:none;} .s-form .select-box .arrow-dn{font-size:0; position:absolute; top:16px; top:18px; right:10px; display:inline-block; overflow:hidden; width:0; height:0; -webkit-transition:-webkit-transform .1s ease-in-out; -moz-transition:-moz-transform .2s ease-in-out; transition:-webkit-transform .1s ease-in-out; -webkit-transform:translate3d(0, 0, 999px); -moz-transform:translate3d(0, 0, 999px); transform:translate3d(0, 0, 999px); border:5px solid transparent; border-color:#666 transparent transparent; backface-visibility:visible; -webkit-backface-visibility:visible; -moz-backface-visibility:visible;} .s-form .select-box .arrow-hover{top:11px;border-color:transparent transparent #666 transparent; } .topLinks .search .closeBtn{position: absolute; z-index: 1; right: 7px; top: 7px; width: 22px; height: 32px; float: right; cursor: pointer; background: url(../images/closeBtnBlue.png) center center no-repeat;} /* 顶部-主导航 */ .topNav{position:relative; z-index: 2; width: auto; float: right; margin-right:10px;} .mainNav{position: relative; z-index: 1;} .mainNav .li1{float:left;} .mainNav .a1{display: block; padding:36px 10px 0; height: 64px; line-height: 30px; font-size: 17px; color: #666;} .mainNav .a1:hover, .mainNav .on1 .a1{color:#0068af; text-decoration: none; } .mainNav #li-home{display: none;} .topNav .icon{position: absolute; z-index: 1; left: 0; bottom: 0; width: 0; height: 0; float: left; margin-left: -8px; overflow: hidden; border-width: 8px; border-style: solid; border-color: transparent transparent #0068af transparent; -webkit-transition:all 1s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;} /*二级菜单*/ #subNav{position:absolute; z-index: 2; visibility:hidden; top:100px;height:0px; left:0; width:100%; z-index:998 min-width:1200px; text-align: center; transition: .5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1);overflow:hidden; border-top: 2px solid #0068af; border-bottom: 2px solid #0068af;} #subNav.hover{ top:100px; height:200px; visibility:visible; background-color: #fff;} #subNav .itemSub{position: absolute; z-index: 2; left: 50%; top: 45px; width: 1200px; float: left; margin-left: -600px; text-align: left; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;} #subNav .itemSub.hover{z-index: 3; top: 25px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} /*二级菜单-关于兴泸*/ .subNodeList{position: relative; z-index: 1; width: 342px; float: left; column-count: 2; overflow: hidden; margin-right: 65px;} .subNodeList::after{position: absolute; z-index: 1; right: 0; top: 0; content: ""; width: 1px; height: 100%; float: left; background-color: #dfdfdf;} .subNodeList li{display: inline-block; *display: inline; padding-left: 35px; width: 135px; height: 30px; line-height: 30px; border-right: 1px solid #dfdfdf;} .subNodeList li a{padding-left: 11px; font-size: 14px; color: #555; background: url(../img/dot02.png) left center no-repeat;} .subNodeList li a:hover{text-decoration: none; color: #0068af;} .subAbout{padding-top: 8px; overflow: hidden;} .subAbout .pic{width: auto; float: left; margin-right: 30px;} .subAbout .intro{margin-bottom: 10px; line-height: 28px; color: #999; text-align: justify;} /*二级菜单-经营发展*/ .subBusinessList{float: left; overflow: hidden; margin:30px 64px 0 0; padding:0 45px; border-right: 1px solid #dfdfdf;} .subBusinessList li{width: 164px; float: left;} .subBusinessList li a, .subVideoLinks a{position: relative; z-index: 1; display: block; padding-top: 70px; text-align: center; font-size: 15px; height: 20px; line-height: 20px; color: #555;} .subBusinessList li a:hover, .subVideoLinks a:hover{color: #0068af; text-decoration: none;} .subBusinessList li a::before, .subVideoLinks a::before{position: absolute; z-index: 1; left: 0; top: 0; content: ""; width: 100%; height: 44px; height: 44px; float: left; overflow: hidden; background: url(../img/subBusinessIcon.png) center top no-repeat; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; } .subBusinessList li a:hover::before, .subVideoLinks a:hover::before{ -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform:rotateY(360deg); } .subBusinessList li.li2 a::before{background-position: center -50px;} .subBusinessList li.li3 a::before{background-position: center -100px;} .subBusinessList li.li4 a::before{background-position: center -150px;} .subBusinessList li.li5 a::before{background-position: center -200px;} .subVideoLinks{margin-top: 30px; width: 164px; float: left;} .subVideoLinks a{color: #0068af;} .subVideoLinks a:before{background-position: center -250px;} /*二级菜单-新闻中心*/ #sub-news .subNodeList{width: 171px; min-height: 135px; column-count: 1;} .subNews{overflow: hidden;} .subNews .hd{height: 20px; line-height: 20px; padding-left: 16px; font-size: 18px; color: #0068af; border-left: 2px solid #0068af;} .subNews .hd a{color: #0068af;} .subNews .bd{overflow: hidden; padding-top: 15px;} .subTwList li{width: 442px; float: left;} .subTwList li.last{float: right;} .subTwList li .pic{float:left; margin-right: 20px;} .subTwList li .con{overflow: hidden;} .subTwList li .title{height: 30px; line-height: 30px; overflow: hidden; font-size: 16px;} .subTwList li .intro{margin-top: 8px; line-height: 24px; font-size: 13px; color: #999;} .subTwList li .others{display: none;} /*二级菜单-文化与责任*/ .subCulture{overflow: hidden; height: 166px; position: relative; z-index: 1;} .subCulture a{display: block;} .subCulture a:hover{text-decoration: none;} .subCulture .pic{width: auto; float: left; margin-right: 28px;} .subCulture .pic img{display: block; width: 234px; height: 132px;} .subCulture .title{position: absolute; z-index: 1; left: 0; top: 136px; width: 234px; float: left; overflow: hidden; text-align: center; font-size: 14px; line-height: 30px; color: #555;} .subCulture .intro{text-indent: 2em; font-size: 14px; line-height: 28px; color: #999;} #sub-culture .subNodeList{width: 171px; min-height: 135px; column-count: 1;} /*二级菜单-信息公开*/ .subXxgkList{overflow: hidden; margin: 10px auto 0; text-align: center;} .subXxgkList li{display: inline-block; *display: inline; width: auto; margin: 0 40px;} .subXxgkList li .tit{display: none;} .subXxgkList li .pic:hover img{-webkit-transform:scale(1);transform:scale(1); } /*二级菜单-联系我们*/ .subContact{overflow: hidden;} .subContact .pic{width: auto; float: left; margin: 0 62px 0 130px;} .subContact .info{width: auto; float: left; padding: 0 75px 0 62px; line-height: 30px; color: #666; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;} .subContact .info p{padding-left: 28px; background: url(../images/contactIcon.png) left 7px no-repeat;} .subContact .info p.item2{background-position: left -33px;} .subContact .info p.item3{background-position: left -74px;} .subContact .info p.item4{background-position: left -155px;} .subContact .info p.item5{background-position: left -111px;} .subContact .share{overflow: hidden; text-align: center;} /*更多内容*/ .moreBtn{display: inline-block; *display: inline; width: auto; height: 36px; line-height: 36px; padding: 0 20px; font-size: 13px; color: white; background-color: #0068af;} .moreBtn:hover{background-color: #015a97; color: white; text-decoration: none;} /*顶部-banner*/ .topBanner{position: relative; z-index: 1; height: 300px; overflow: hidden;} .topBanner img{position: absolute; z-index: 1; left: 50%; top: 0; width: 1920px; height: 300px; float: left; margin-left: -960px;} /* 主栏 和 侧栏 */ .mainContent{position:relative; width:830px; float:left; zoom:1;} .side{width: 338px; float: right; overflow: hidden; } /*栏目菜单 & 位置导航 S*/ .menuPath{line-height:56px; height:56px; border-bottom:1px solid #dedede;} /* 位置导航 */ .path{width: auto; float: right; padding-left:26px; color:#999; background: url(../images/pathIcon.png) left center no-repeat; } .path a,.path span{padding:0 3px;} .path a{color: #333;} .path em{display: none;} /* 侧栏-栏目菜单 */ .menuList{position: relative; z-index: 1; height: 56px;} .menuList li{width: auto; float: left; *display: inline; margin-right: 28px; text-align:center; vertical-align:top;} .menuList li a{display: block; height: 55px; line-height: 55px; padding-bottom: 2px; margin-bottom: -1px; font-size: 15px;} .menuList li a:hover, .menuList .on a{padding-bottom: 0; font-weight: bold; color: #2162ab; text-decoration: none;} .menuList li.line{position: absolute; z-index: 1; left: 0; bottom: -1px; display: block; content: ''; width: 0; height: 2px; line-height: 2px; float: left; margin: 0; overflow: hidden; background-color: #2162ab; -webkit-transition:all .6s; -moz-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; transition:all .6s; } .moreVide{float: right; padding-left: 32px; color: #0068af; background: url(../img/moreVideIcon.png) left center no-repeat;} /*footer*/ #footer{position:relative; padding:30px 0 0;text-align:left; background-color: #fafafa; border-top: 3px solid #0068af;} /*底部logo*/ #footerLogo{width: 236px; float: left; padding:40px 36px 0 0; margin: 0 auto; text-align: center;} #footerLogo a{display: inline-block; *display: inline; width: 146px; height: 132px; line-height: 132px; overflow: hidden; float: left; text-indent: -999px; background: url(../images/footerLogo.png) center top no-repeat;} #footerLogo_{width: 236px; float: left; padding:40px 36px 0 0; margin: 0 auto; text-align: center;} #footerLogo_ a{display: inline-block; *display: inline; width: 146px; height: 132px; line-height: 132px; overflow: hidden; float: left; text-indent: -999px; background: url(../images/footerLogo_.png) center top no-repeat;} /*底部-通用框*/ .footerBox{width: auto; float: left;} .footerBox .hd{position: relative; z-index: 1; height: 40px; line-height: 40px; padding-bottom: 20px; font-size: 20px; font-weight: bold; color: #333;} .footerBox .hd::after{position: absolute; z-index: 1; left: 0; bottom: 0; display: block; content: ""; width: 24px; height: 1px; line-height: 1px; float: left; overflow: hidden; background-color: #d5d5d5;} .footerBox .bd{padding: 20px 0 0;} /*联系我们*/ #contact{width: 382px;} #contact .bd{line-height: 30px; color: #666;} #contact .bd p{padding-left: 28px; margin: 10px 0 0; background: url(../images/contactIcon.png) left 7px no-repeat;} #contact .bd p.item2{background-position: left -33px;} #contact .bd p.item3{background-position: left -74px;} #contact .bd p.item4{display: none; background-position: left -155px;} #contact .bd p.item5{background-position: left -111px;} /*友情链接*/ #footerLinks{width: 274px;} /* 友情链接模拟下拉 */ #footerLinks dl{position:relative; display:inline; float:left; width:100%; margin-top: 16px;} #footerLinks dl dt{font-size:14px; line-height:20px; position:relative; overflow:hidden; height:20px; padding: 6px 32px 6px 0; cursor:pointer; color:#666; background:#fff; border: 1px solid #eee;} #footerLinks dl dt h3{padding:0 5px 0 8px;height: 20px; line-height: 20px; border-right: 1px solid #e5e5e5;} #footerLinks dl dt i{font-size:0; line-height:0; position:absolute; top:50%; right:12px; display:block; width:0;margin-top:-2px; content:''; border-width:5px; border-style:dashed; border-color:transparent; border-top-style:solid; border-top-color:#bcbcbc; } #footerLinks dd{position:absolute; bottom:34px; left:0;display:none; width:100%; } #footerLinks dd ul{overflow-y:scroll; max-height:156px; border:1px solid #ccc; background:#fff; } #footerLinks dd li{line-height:18px; padding:8px 10px; cursor:pointer;border-bottom:1px dotted #ccc; } #footerLinks dd li a{display:block;} #footerLinks dd li a:hover{text-decoration:none;} #footerLinks dd li:hover{color:#29343f; background-color:#fff;} #footerLinks dd .last{border-bottom:0;} #footerLinks dl.on{z-index:9;} #footerLinks dl.on dt{background:#fff;} #footerLinks dl.on dt i{border-top-style:none; border-bottom-style:solid;border-bottom-color:#aaa; } #footerLinks dl.on dd{display:block; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2);} #footerLinks dl.on dd ul{border-color:#bbb;} /*友情链接*/ #share{width: 112px; float: right; padding-right: 40px;} #share .bd{text-align: center;} #share .bd .tit{margin-top: 10px;line-height: 30px; font-size: 12px; color: #333;} /*版权信息*/ .copyRight{position: relative; z-index: 1; margin-top: 30px; padding:18px 0; line-height: 28px; text-align: center; font-size: 12px; color: #333; border-top: 1px solid #e2e2e2;} /* mainBox */ .mainBox .mHd{padding-top: 10px;} .mainBox .mHd .nodeEn, .mainBox .mHd h3{position: relative; z-index: 1; padding-left: 24px; font-size: 20px; font-weight: bold; } .mainBox .mHd .nodeEn::after, .mainBox .mHd h3::after{position: absolute; z-index: 1; left: 0; content: ''; width: 3px; float: left; background-color: #2162ab;} .mainBox .mHd .nodeEn::after{height:36px; line-height:36px; bottom: -8px;} .mainBox .mHd h3::after{height: 24px; line-height: 24px; top: 8px;} .mainBox .mHd .nodeEn{height: 34px; line-height: 34px;color: #2162ab; text-transform:uppercase;} .mainBox .mHd h3{height: 40px; line-height: 40px; color: #333;} /* box */ .box{margin-top: 10px; padding: 20px 35px; background-color: #f8f8f8;} .box .hd{height: 40px; line-height: 40px;} .box .hd .more{float: right; margin-top: 8px; padding: 0 16px; height: 24px; line-height: 24px; font-size: 15px; color: #fff; background-color: #e2b700; border-radius: 12px; } .box .hd .more:hover{text-decoration: none; background-color: #2162ab;} .box .hd h3{font-size: 24px; font-weight: bold; color: #2162ab; } .box .hd h3 a{color:#2162ab;} .box .hd h3 a:hover{text-decoration:none;} .box .bd{overflow:hidden; padding: 20px 0 0;} /*侧栏-搜索*/ .sideSearch{overflow: hidden; background: #f8f8f8;} .sideSearch img{display: block; width: 338px !important; height: auto;} .sideSearch .hd{height: 50px; margin-top: 14px; padding: 0 42px; line-height: 50px; font-size: 16px; color: #555;} .sideSearch .bd{overflow: hidden; margin: 0 42px 40px; height: 38px; line-height: 38px; padding-left: 16px; border: 1px solid #e8e8e8; background-color: #fff;} .sideSearch #sidekeyword{width: 185px; height: 38px; line-height: 38px; float: left; font-size: 12px; color:#999; background: none; border: none;} .sideSearch #sideSearch{width: 48px; height: 38px; line-height: 38px; float: left; overflow: hidden; text-indent: -9999px; background: url(../images/sideSearchBtn.png) center center no-repeat; border: none; outline: none;} /*侧栏固定-站群菜单*/ #sideSiteBox{font-size:12px; position:fixed; z-index:9; top:0; right:-390px; width:320px; padding: 0 20px; height: 100%; overflow: hidden; overflow-y: auto; text-align: left; background:#0068af; _position:absolute; transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;} #sideSiteBox .hd{position: relative; z-index: 2; margin-top: 25px; height: 50px; line-height: 50px;border-bottom: 1px solid #00599a;} #sideSiteBox .hd h3{padding-left: 44px; font-size: 21px; font-weight: bold; color: white; background: url(../img/logoIcon.png) left center no-repeat;} #closeBtn{width: 50px;height: 50px;display: block;position:absolute;right:0;top:0;transition: 300ms;-webkit-transition: 300ms;z-index: 100; cursor:pointer} #closeBtn i{background: url(../img/closeBtn.png) no-repeat scroll center center;width: 100%;height: 100%;display: block;transition: 400ms;-webkit-transition: 400ms;} #closeBtn:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);} #sideSiteBox .bd{overflow: hidden; padding: 15px 0 0; border-top: 1px solid #1a77b7;} #sideSiteBox .siteList li{padding-left: 29px; height: 32px; line-height: 32px; font-size: 14px; background: url(../img/linksIcon.png) left center no-repeat;} #sideSiteBox .siteList li a{color: #e3f4ff;} #sideSiteBox .siteList li a:hover{font-weight: bold;} /* 侧栏固定菜单 */ .sideFixed{font-size:12px; position:fixed; z-index:9; top:234px; right:0; width:70px; background:#fff; _position:absolute;} .sideFixed li{position:relative;margin-top:-1px; border:1px solid #ddd; } .sideFixed li a{line-height:30px; display:block; height:30px; padding:34px 0 3px 0; background:url(../img/icons1.png) center 8px no-repeat;} .sideFixed li a:hover{text-decoration:none;} .sideFixed .wx a{background-position:center -137px;} .sideFixed .gt{display:none;} .sideFixed .gt a{background-position:center -284px;} .sideFixed .qr a{background-position:center -2051px;} .sideFixed .pic{display:none; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .3);} .sideFixed .pic img{width:150px; height:150px;} .sideFixed .on .pic{position:absolute; top:-45px; left:-168px; display:block; padding:4px; background:#fff;} .sideFixed .on .pic i{font-size:0; line-height:0; position:absolute; z-index:8; top:50%; right:-10px; display:block; width:0;margin-top:-3px; border-width:5px; border-style:dashed; border-color:transparent; border-left-style:solid; border-left-color:#fff; } /* goTop */ #goTop{position:fixed; z-index:99; right:5px; bottom:60px; display:none; width:50px; width:40px; height:50px; height:40px; margin:5px; cursor:pointer; opacity:.9; border-radius:2px; background:rgba(0, 0, 0, .5);-webkit-box-shadow:0 0 5px #9c9c9c; box-shadow:0 0 5px #9c9c9c; _display:none !important; } #goTop::after{font-size:0; line-height:0; position:absolute; top:50%; left:50%; display:block; display:block; width:0;margin-top:-15px; margin-left:-10px; content:''; border-width:10px; border-style:dashed; border-color:transparent; border-bottom-style:solid; border-bottom-color:#fff; } /* winMark */ #winMark{position:fixed; z-index:1; top:0;left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, .8); } /* boxA */ .boxA{margin-bottom:15px;} .boxA .hd{line-height:39px; position:relative; height:39px; border-bottom:1px solid #e1e1e1; background:#f9f9f9;} .boxA .hd .more{font-size:14px; position:absolute; right:10px; color:#999;} .boxA .hd h3{font-size:18px; line-height:38px; position:absolute; padding:0 20px; color:#0068b7; border:1px solid #e1e1e1; border-top:3px solid #0068b7; border-bottom:0;background:#f9f9f9; } .boxA .hd h3 a{color:#0068b7;} .boxA .hd h3 a:hover{text-decoration:none;} .boxA .hd ul{position:absolute; overflow:hidden;height:40px; } .boxA .hd li{font-size:18px; line-height:39px; float:left; height:39px; background:#f9f9f9;} .boxA .hd li a{display:block; float:left; padding:0 30px;} .boxA .hd li a:hover{text-decoration:none;} .boxA .hd .on{border:1px solid #e1e1e1; border-top:3px solid #0068b7; border-bottom:0;} .boxA .bd{overflow:hidden;padding:5px; } /* boxB */ .boxB{background:#fff;} .boxB .hd{line-height:39px; position:relative; height:39px; border:1px solid #e1e1e1;} .boxB .hd .more{font-size:14px; position:absolute; right:10px; color:#666;} .boxB .hd h3{font-size:18px; line-height:41px; position:absolute; top:-1px;left:-1px; height:41px; padding:0 20px; color:#fff; background:#0068b7; } .boxB .hd h3 a{color:#fff;} .boxB .bd{overflow:hidden; padding:10px; border:1px solid #e9e9e9; border-top:0;} /* 侧栏盒子模型 */ .sideBox{margin-bottom:20px; padding:10px 18px 15px 18px; border:1px solid #ececec; border-top:2px solid #0068b7;background:#fff; } .sideBox .hd{overflow:hidden; padding:0 0 10px 0;} .sideBox .hd .more{float:right;} .sideBox .hd h3{font-size:20px; color:#0068b7;} .sideBox .hd h3 a{color:#fff;} .sideBox .hd h3 a:hover{text-decoration:none;} /*节点归档信息样式*/ .archived-info{float:right;} .archived-info span{margin:0 5px;} /*验证码*/ div.codeinp input[type=text]{float:left; width:100px !important; margin-right:10px;} /* 通用底部按钮 */ .bot{padding:0 0 20px 0;text-align:center; } .bot a,.bot button{font-size:16px; line-height:46px; display:inline-block; height:46px; margin:0 2%; padding:0 5%; cursor:pointer; color:#fff; border:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;background:#0068b7; } .bot a:hover,.bot button:hover{text-decoration:none; background:#077bd4;} /* 依申请、信访、咨询等通用 查询页样色 */ .queryForm{font-size:16px;width:80%; margin:30px auto; padding:3% 0; border:1px solid #e2e2e2; background:#fff; } .queryForm td{padding:8px 0;} .queryForm .tdlab{width:40%; text-align:right;} .queryForm input[type=text]{width:56%;} .queryForm .bot{text-align:left;} .queryForm .bot a{margin:0;} .queryForm .required strong{margin-right:5px;color:#f00; } .queryForm .errorMessage{color:#f00;} .queryForm table{width:100%; border:0;} /* 依申请、信访、咨询等通用 查询结果页样色 */ .queryResult{width:80%; margin:30px auto;} .queryResult .mainBox{margin-bottom:50px;} .queryResult .tit h3{font-size:38px; line-height:2; margin-bottom:30px;text-align:center; } .queryResult .tips{font-size:16px; margin-bottom:50px; padding:50px 0 20px 0;text-align:center; border-top:1px solid #ddd; } .queryResult .number{font-weight:bold; color:#f00;} #ajaxcsrf{display: none;} /*-- 颜色代码 #0068B7 深蓝色标题 #ddd 淡蓝色边框 --*/ /* ===== merged from content/css/module.css ===== */ /* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 所有网站通用模块，可根据自身网站修改 */ /* 通用信息列表 */ .infoList{text-align:left;} .infoList li{line-height:30px; overflow:hidden;height:30px; } .infoList li a{padding-left:12px; background:url(../img/icons.png) -2px -386px no-repeat;} .infoList li .date{font-size:14px; float:right; margin-left:15px; color:#999;} .infoList li .node{margin-right:5px;color:#f00; } /* 通用带图片的信息列表_普通式 */ .picList li{text-align:center;} .picList li .pic img{width:95px; height:125px; padding:4px; border:1px solid #ddd; background:#fff;} .picList li .pic a:hover img{border-color:#aaa;} .picList li .title{padding-top:5px;} /* 通用带图片的信息列表_普通式 - 横排浮动 */ .picListFl{overflow:hidden; zoom:1;margin-right:-2%; } .picListFl li{float:left; *display: inline; overflow:hidden;width:23%; margin-right:2%; text-align:center; } .picListFl li .pic{overflow:hidden;} .picListFl li .pic img{width:100%; height:auto;-webkit-transition:200ms; -moz-transition:200ms; -o-transition:200ms; transition:200ms; } .picListFl li .title{font-size:14px; max-height:56px;padding-top:8px; } .picListFl li:hover .pic img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05); } /* 内容带图片的信息列表_普通式 - 左图片右文字 */ .txtPicList li{overflow:hidden; margin-bottom:10px;padding-bottom:10px; } .txtPicList li .pic{float:left;width:96px; } .txtPicList li .pic img{width:90px; height:90px; padding:2px; border:1px solid #ddd; background:#fff;} .txtPicList li .pic a:hover img{border-color:#aaa;} .txtPicList li .con{float:left; width:230px; padding-left:8px;} .txtPicList li .title{font-size:14px; font-weight:bold;line-height:28px; height:28px; color:#c30000; } .txtPicList li .title a{color:#c30000;} .txtPicList li .intro{line-height:20px;color:#666; } .txtPicList li .intro .more{font-size:12px;color:#c30000; } /* 内容带图片的信息列表_普通式 - 上图片下文字 */ .txtPicListB li .pic img{width:190px; height:120; padding:4px; border:1px solid #ddd; background:#fff;} .txtPicListB li .pic a:hover img{border-color:#aaa;} .txtPicListB li .title{font-weight:bold;line-height:28px; height:28px; } .txtPicListB li .title a{color:#9b770a;} .txtPicListB li .intro{color:#666;} .txtPicListB li .intro .more{color:#f60;} /* 头条图文信息列表_普通式 */ .topicList .t{overflow: hidden; margin-bottom: 19px; padding-bottom: 34px; border-bottom: 1px solid #dfdfdf;} .topicList .t .pic{width: auto; float: left; margin-right: 20px;} .topicList .t .con{overflow: hidden;} .topicList .t .title{} .topicList .t .date{display: block; margin-bottom: 12px; height: 40px; line-height: 40px; font-size: 30px; color: #2162ab;} .topicList .t .tit{font-size: 16px; font-weight: bold; line-height: 28px;} .topicList .t .tit:hover{text-decoration: none;} .topicList .t .intro{margin-top: 5px; line-height: 24px; color: #999; } .topicList .t .intro .more{color:#c30000;} .topicList .n{line-height: 38px; height: 38px; overflow: hidden; font-size: 15px;} .topicList .n .tit{padding-left:18px; background: url(../images/dot01.png) left center no-repeat;} .topicList .n .date{float:right; margin-left:10px; color:#999; } /* 有图片时追加的类 class="topicList topicHasPic" */ .topicHasPic .t{position:relative; overflow:hidden; zoom:1; border-bottom:1px dashed #ccc;} .topicHasPic .pic{float:left;width:160px; margin-right:20px; } .topicHasPic .pic img{width:100%; /* height: 120px; */} .topicHasPic .pic a:hover img{border-color:#aaa;} .topicHasPic .con{overflow:hidden; zoom:1;} /* 焦点图切换-广告 */ .slideBox{position:relative;overflow:hidden; height:100px; } .slideBox .hd{position:absolute; z-index:1; right:5px; bottom:5px;} .slideBox .hd ul{float:left;overflow:hidden; zoom:1; } .slideBox .hd ul li{font-size:12px; line-height:16px; float:left; width:16px; height:16px; margin-right:2px; cursor:pointer; text-align:center; opacity:.6;color:#fff; background:#000; filter:alpha(opacity=60); } .slideBox .hd ul li.on{opacity:1;background:#f00; filter:alpha(opacity=100); } .slideBox .bd{position:relative; z-index:0;} .slideBox .bd .con{display:none;} /* 焦点图切换-新闻内容 */ .focusBox{position:relative;overflow:hidden; margin-bottom:15px; /* width: 100%; */ } .focusBox .hd{position:absolute; z-index:1; right:4px; bottom:14px;} .focusBox .hd ul{float:left;overflow:hidden; zoom:1; } .focusBox .hd ul li{line-height:9px; float:left; width:9px; height:9px; margin-right:5px; cursor:pointer; text-align:center; color:#fff;background:#fff; } .focusBox .hd ul li.on{color:#fff;background:#ff4f01; } .focusBox .hd ul li span{display:none;} .focusBox .bd{position:relative; overflow:hidden;} .focusBox .bd li{position:relative;} .focusBox .bd .pic{line-height:0;position:relative; z-index:0; } .focusBox .bd .pic img{width:100%; height:260px; border:0;} .focusBox .bd .con{line-height:36px; position:absolute; z-index:1; bottom:0; width:100%; height:36px; text-align:left;} .focusBox .bd .con .title{position:absolute; z-index:1; bottom:0; left:0; overflow:hidden;width:76%; height:100%; } .focusBox .bd .con .title a{padding-left:10px; text-decoration:none;color:#fff; } .focusBox .bd .con .titleBg{position:absolute; z-index:0; bottom:0; left:0; width:100%; height:36px;opacity:.6; background:#000; filter:alpha(opacity=60); } /* url_方块样式分页 */ .page{font-size:0; clear:both; overflow:hidden; padding:35px 0 20px; text-align:center; } .page a,.page span{font-size:14px; line-height:36px; display: inline-block; *display: inline; zoom:1; height:36px; margin:0 8px; padding:0 15px; border:1px solid #eee; background-color: #eee; } .page a:hover,.page span:hover{text-decoration:none; color:#fff; background-color: #2162ab; border:1px solid #2162ab; } .page .current{color:#fff !important; border:1px solid #2162ab; background:#2162ab; } .page select,.page input{margin:0 4px; vertical-align:middle;border:0 solid #e1e1e1; background:#fff; } .page input{padding:0 4px; text-align:center; outline:none;} .page .disabled{pointer-events:none; opacity:.5;filter:alpha(opacity=50); -moz-opacity:.5; } .page .total, .page .select{display: none;} /*-- 网站地图 --*/ .siteMap{overflow:hidden; zoom:1;padding:15px 10px; } .siteMap .li1{margin-bottom:20px;} .siteMap .h1{line-height:40px; height:40px; border:1px dotted #ccc; background:#fff; background:#f6f6f6;} .siteMap .h1 .a1{font:normal 16px/40px 'Microsoft YaHei'; padding-left:15px;color:#0068b7; _font-weight:bold; } .siteMap .ul1{zoom:1;padding:10px 20px; } .siteMap .li2{display:inline-block; *display:inline; zoom:1; padding-right:50px; padding-bottom:5px;vertical-align:top; } .siteMap .a2{color:#666;} .siteMap .ul2{padding:0 0 20px 0;} .siteMap .li3{line-height:18px; display:inline-block; *display:inline; zoom:1;} .siteMap .a3{margin-right:10px; padding-right:10px; color:#999; border-right:1px solid #ddd;} .siteMap .last3 .a3{border-right:0;} .siteMap #liID41 .li2{display:block;} /* 图片经过效果 */ .pic{overflow:hidden;} .pic img{display:block; -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } .pic:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); } /*-- 颜色代码 #1E72B4 深蓝色标题 #C4DEF8 淡蓝色边框 --*/ /* ===== merged from content/css/animate.css ===== */ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* ===== merged from content/css/fullpage.css ===== */ /*! * fullPage 3.0.7 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only * or Fullpage Commercial License for commercial use * http://alvarotrigo.com/fullPage/pricing/ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */ html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow:hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller{ overflow: hidden; } .iScrollIndicator{ border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); } #fp-nav.fp-right { right: 17px; } #fp-nav.fp-left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0 !important; right: 0; margin: 0 auto !important; } .fp-slidesNav.fp-bottom { bottom: 17px; } .fp-slidesNav.fp-top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -8px; color: white; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; display: block; opacity: 0; width: 0; padding: 0 10px; background-color: #2162ab; border-radius: 6px 0 0 6px; cursor: pointer; } #fp-nav ul li .fp-tooltip::after{ position: absolute; right: -8px; top: 50%; content: ""; width: 0; height: 0; float: left; margin-top: -5px; border-style: solid; border-width: 4px; border-color: transparent transparent transparent #2162ab; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.fp-right { right: 20px; } #fp-nav ul li .fp-tooltip.fp-left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } /*Only display content to screen readers*/ .fp-sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ===== merged from content/css/power.css ===== */ /* 视频播放功能CSS */ video.edui-upload-video { display: none; } div[data-power-ui=advertisement_fixed] .fixedCount { margin-right: 5px; font-size: 5px; position: absolute; right: 0; bottom: 0; width: 100px; text-align: right; line-height: 18px; height: 18px; } div[data-power-ui=advertisement_fixed] .fixedCount a { background-color: #a9a9a9; padding: 0px 10px 0px 10px; font-weight: bold; font-size: 12px; } div[data-power-ui=advertisement_fixed] .fixedCount a.seld { color: #c71585; } /* 漂浮广告 */ .floatPosition { -moz-box-shadow: 0px 0px 4px #333333; -webkit-box-shadow: 0px 0px 4px #333333; box-shadow: 0px 0px 4px #333333; } .floatPosition a.close { display: block; color: #fff; width: 20px; height: 20px; line-height: 20px; position: absolute; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; font-weight: 100; top: 2px; right: 2px; font-size: 20px; text-decoration: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .floatPosition a.close:hover { background: #fff; color: #666; } /*时间选择左右箭头定义*/ .datetimepicker table { line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /*临时处理*/ .datetimepicker table th { font-weight: bold; } .datetimepicker.dropdown-menu i { display: block; width: 20px; height: 20px; } .datetimepicker.dropdown-menu .icon-arrow-left { background: url(../../Base/img/icon.png) -242px -77px no-repeat; } .datetimepicker.dropdown-menu .icon-arrow-right { background: url(../../Base/img/icon.png) -259px -77px no-repeat; } /*编辑器内的表格在前台展示时滚动条的显示*/ .ueditortable { display: block; overflow: auto; border: 1px solid #F8F8F8; } .ueditortable td { border: 1px solid #ddd; } .tablemask { background-color: #000000; position: fixed; z-index: 3000; top: 0px; left: 0px; right: 0px; width: 100%; bottom: 0px; opacity: 0.5; } .ueditortable .expandtable { margin: auto; width: 800px; position: absolute; } .printArea .conTxt .expandtable a { color: black; padding: 5px 15px 7px 15px; background-color: gainsboro; opacity: 0.6; } .ueditortable tbody { background-color: white; } .newueditortable .compresstable { text-align: center; margin: auto; position: fixed; margin-left: 138px; } .newueditortable .compresstable a { color: black; text-decoration: none; padding: 5px 15px 7px 15px; background-color: gainsboro; opacity: 0.6; } .newueditortable { top: 8%; position: fixed; z-index: 5000; overflow: auto; border: 2px solid #F8F8F8; } .newueditortable td { border: solid; } .newueditortable table { background-color: #fff; text-align: center; } .newueditortable .newwindowtable { position: fixed; padding: 0px 15px 1px 15px; background-color: gainsboro; opacity: 0.7; } .newueditortable .newwindowtable a { color: black; text-decoration: none; } .newueditortable .newclass { position: fixed; } /*内容页审核人员昵称样式*/ .auditRecordcss { clear: both; color: #888; float: right; } .auditRecordcss span { margin-left: 20px; } /* 节点归档图标 */ #nodeArchive { font-size: 14px; position: absolute; width: 200px; height: 115px; text-align: center; right: 10px; top: 10px; z-index: 1; background: url(../img/nodeArchive.png) center 5px no-repeat; } #nodeArchive span { font-size: 14px; color: #ff0000; } .subheading { font-size: 16px; } .ct { text-align: center; } /* pdf 分页功能 */ .pdf-page { overflow: hidden; margin: 10px auto; text-align: center; } .pdf-page button, .pdf-page .page-num, .pdf-page .pdf-download { display: inline-block; *display: inline; zoom: 1; padding: 4px 15px; margin: 0 5px; vertical-align: top; font-size: 14px; border: 1px solid #d4d4d4; background: none; outline: none; border-radius: 2px; } .pdf-page .page-num, .pdf-page .pdf-download { height: 19px; line-height: 19px; color: #999; } .pdf-page .pdf-download { color: #333 !important; border-color: #ccc; background-color: #f0f0f0; } .pdf-page button:hover { border: 1px solid #ccc; background-color: #f0f0f0; } .pdf-page .pdf-download:hover { background-color: #ccc; } img[data-uitype='pdf'] { visibility: hidden; } /* ===== merged from template/1/style.css ===== */ /* 通用属性 */ * { margin: 0; padding: 0; list-style: none; font-family: "微软雅黑", "宋体"; } body {font-size: 14px; color: #333; } #main_out { } .float_clear { clear: both; } .float_left { float: left; } .float_right { float: right; } .display_none { display: none; } .red { color: red; } .must_input { font-weight: bold; color: red; } .green { color: green; } .blue { color: blue; } .gray { color: gray; } .purple { color: purple; } .clear { clear: both; } .highlight { color: #FFF; background: red; padding: 1px; } a { color: #333; text-decoration: none; } a:hover { color: #e20500; text-decoration: underline; } p { line-height: 26px; } img { border: none; } /* 前台浮动图片：首页为宣传图，内页为小图标 */ .pc-float-corner { position: fixed; left: 18px; bottom: 90px; z-index: 9999; width: auto; max-width: calc(100vw - 36px); pointer-events: auto; } .pc-float-corner--inner { bottom: 142px; } .pc-float-corner__link { display: block; width: auto; } .pc-float-corner__image { display: block; width: auto !important; height: 200px !important; max-width: calc(100vw - 36px); max-height: 200px !important; object-fit: contain; border-radius: 4px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); } .pc-float-corner--inner .pc-float-corner__image { width: 72px !important; height: 72px !important; max-width: 72px; max-height: 72px !important; border-radius: 50%; } .pc-float-corner__close { position: absolute; right: -9px; top: -9px; z-index: 2; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%; background: #333; color: #fff; font-size: 18px; line-height: 21px; text-align: center; cursor: pointer; } /* 返回顶部按钮：灰色方形底与白色上箭头 */ .site-back-top { position: fixed; right: 20px; bottom: 28px; z-index: 9998; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 2px; background: #898989; color: #fff; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 38px; text-align: center; cursor: pointer; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; } .site-back-top.is-visible { opacity: 1; visibility: visible; } /* 顶部 */ #header_menu { background:#F6F6F6;line-height: 30px; width: 982px; margin: 0 auto; padding:0 10px; border-bottom:#DDDDDD 1px solid;} #header_menu .left { float: left; } #header_menu .right { float: right; } #header { width: 982px; margin: 0 auto; position: relative; background:#FFF; padding:0 10px; } .bg_wrap { background: #FFF; padding: 20px; box-shadow: 0 0 10px #CCC; border-radius: 5px; } /*搜索按钮*/ #search_key { border: 1px solid #3F8AB8; height: 28px; padding: 0 10px; position: absolute;width: 160px; right:80px;} #search_btn { height: 30px; background: #3F8AB8; border:none; color: #FFF; width: 60px; position: absolute; right:50px;} /* 当前位置 */ .current_location { float: right; text-align: right; padding-right: 10px; color: #fff; } .current_location a { color: #fff; } .current_location .current_channel { font-weight: bold; color: #fff; } /* 幻灯 */ .slideshow {margin:0 auto; height: 300px; position: relative;} .slideshow .bd li { height: 300px;} .slideshow .hd ul { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; } .slideshow .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; height:16px; margin:4px; background: #000; overflow:hidden; line-height:9999px; border-radius:25px;} .slideshow .hd ul .on{ background: #FFF; } /* 主体 */ .content_main { background:#FFF;width:1200px;margin: 0 auto;} .content_title { display: none; } .content_body {overflow: hidden; zoom: 1; border:1px solid #DDDDDD; padding:0 10px;} .content_body_ {overflow: hidden; zoom: 1; margin:5px 0;} .content_bottom {} /* 首页 */ .home_left{ width:720px; float:left;} .home_title { height: 35px; line-height: 35px; padding: 0 12px; background:url(../../template/1/images/title_logo.png) no-repeat left; border-bottom:1px solid #dddddd} .home_title h2 { font-size: 14px; color: #333; font-weight:bold; padding-left:35px;} .home_left .p1{ width:300px; float:left; margin:10px;} .home_left .p2{ width:380px; float:left; padding:10px;} .home_right{ width:249px; float:right; border-left:#ddd 1px solid;} .home_body { padding:0 10px; overflow: hidden; zoom: 1; } /* 首页详细 */ .home_left_{ width:300px; float:left;} .home_right_{ width:672px; float:right;} .home_left_2{ width:672px; float:left;} .home_right_2{width:300px; float:right;} .home_title_ { height: 35px; line-height: 35px; padding: 0 12px; background:url(../../template/1/images/title_logo.png) no-repeat left; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;} .home_title_ h2 { font-size: 14px; color: #333; font-weight:bold; padding-left:35px;} /*主体左侧*/ #left { float: left; width: 240px;} #left_h { } #left_b { } #left_f { } .l_title { background: #1C4696; height: 40px; line-height: 40px; padding: 0 10px;} .l_title h2 { font-size: 14px; color: #FFCBB5; } .l_title a { font-size: 12px; color: #FFCBB5; } .l_title h2 a { font-size: 14px; color: #FFCBB5; } .l_title h2 span { font-size: 12px; color: #FFF; font-weight: normal; font-style: italic; margin-left: 10px; } .l_body { padding: 10px; overflow: hidden; zoom: 1; border: 1px solid #DDDCDC; border-top: none; background: #F4F4F4; } .l_bottom { height: 10px; } /*主体右侧*/ #right { float: right; width: 740px; } #right_h { display: none; } #right_b { } #right_f { display: none; } .r_title { background: #4786B6; height: 40px; line-height: 40px; padding: 0 10px; } .r_title h2 { font-size: 14px; color: #fff; } .r_title h2 span { font-size: 12px; color: #FFF; font-weight: normal; font-style: italic; margin-left: 10px; } .r_body { padding: 10px; overflow: hidden; zoom: 1;} .r_bottom { height: 10px; } /*宽屏内容块*/ #wide{} .w_title { background: #4786B6; height: 40px; line-height: 40px; padding: 0 10px; } .w_title h2 { font-size: 14px; color: #fff; } .w_title h2 span { font-size: 12px; color: #000; font-weight: normal; margin-left: 10px; } .w_body { padding: 10px 0; overflow: hidden; zoom: 1; } .w_bottom { height: 10px; } /*通用内容块*/ .c_title { background: #383838; height: 40px; line-height: 40px; padding: 0 10px;} .c_title h2 { font-size: 14px; color: #FE5214; } .c_title a { font-size: 12px; color: #FE5214; } .c_title h2 a { font-size: 14px; color: #FE5214; } .c_title h2 span { font-size: 12px; color: #FFF; font-weight: normal; font-style: italic; margin-left: 10px; } .c_body { padding: 10px; overflow: hidden; zoom: 1; border: 1px solid #DDDCDC; border-top: none; background: #F4F4F4; } .c_bottom { height: 10px; } /* 友情链接 */ #link_pic { overflow:hidden; border-bottom:1px solid #DDDCDC; border-top:1px solid #DDDCDC; padding:5px 0;} #link_pic ul { overflow:hidden; zoom:1; } #link_pic ul li { float: left; display:inline; width: 125px; margin:0 10px 0 0; padding: 3px; text-align: center;} #link_pic ul li:hover { } #link_pic ul li a{ color: #333; } #link_pic ul li img {width: 125px; height: 40px; border:1px solid #DDDCDC; padding:2px;} #link_text { overflow:hidden;} #link_text ul li { float: left; display:inline; padding: 5px 10px; margin:0 10px 10px 0; background: #B4B4B4; text-align: center;} #link_text ul li:hover { background: #E74C3C;} #link_text ul li a{ color: #FFF; } /* 版权信息 */ #copyright_main { } #bottom_navigation { width: 1002px; background:#3F8AB8;margin: 0 auto; height: 26px; line-height: 26px; color: #FFF; } #bottom_navigation a { color: #FFF; } #copyright { width: 982px; margin: 0 auto; color: #FFF;background:#3F8AB8; padding:10px;} #copyright a { color: #FFF; } /* 留言 */ .guestbook_main { padding: 10px; border: 1px solid #CCC; margin-bottom: 10px; } .guestbook_title { color: #227BAD; line-height: 30px; font-weight: bold; border-bottom: 1px dashed #227BAD; } .guestbook_intro { line-height: 30px; text-align: right; } .guestbook_content { padding: 5px; border: 1px dashed #CCC; margin-bottom: 10px; } .guestbook_answer { padding: 5px; border: 1px solid #CCC; } .guestbook_answer h2 { color: red; line-height: 20px; font-size: 12px; } /*图片列表[简约]*/ .picture_list_s { overflow:hidden;} .picture_list_s ul { overflow:hidden; width: 100%; zoom:1; margin-top: 20px; } .picture_list_s ul li { float: left; display:inline; width: 280px; margin:0 20px 20px 0; background: #383838; text-align: center;} .picture_list_s ul li:hover { background: #E74C3C;} .picture_list_s ul li a{ color: #FFF; } .picture_list_s ul li img {width: 280px; height: 180px; } .picture_list_w { overflow:hidden;} .picture_list_w ul { overflow:hidden; width: 1260px; zoom:1; } .picture_list_w ul li { float: left; display:inline; width: 300px; margin:5px 20px 0 0; background: #D6D6D6; text-align: center;} .picture_list_w ul li:hover {} .picture_list_w ul li a{ color: #333; } .picture_list_w ul li img {width: 300px; height: 125px; } .picture_list_d { margin-bottom: 10px; } .picture_list_d .left { width: 210px; float: left; } .picture_list_d .right { width: 750px; float: right; } .picture_list_d .img_wrap img {border: 1px solid #CCC; width: 208px; height: 155px; } .picture_list_d .img_wrap:hover img { border: 1px solid #F00; } .picture_list_d .title { line-height: 32px; border-bottom: 1px dashed #999; background: url(../../template/1/images/picture_list.gif) left no-repeat; padding-left: 15px; font-size: 14px; } .picture_list_d .content { padding: 5px; } .picture_list_d .intro { text-align: right; color: #999; border-top: 1px dashed #999; line-height: 26px; } .picture_list_d .intro a { color: #999; } /*文章列表*/ .article_list_c li { line-height: 30px; padding-left: 10px; background: url(../../template/1/images/article_list_c.gif) left no-repeat; } .article_list_s li { line-height: 40px; border-bottom: 1px dashed #999; padding-left: 15px; background: url(../../template/1/images/article_list_s.gif) left no-repeat; } .article_list_d { } .article_list_d .title { font-size: 12px; line-height: 32px; border-bottom: 1px dashed #999; padding-left: 15px; background: url(../../template/1/images/article_list_d.gif) left no-repeat; font-size: 14px; } .article_list_d .content { color: #666; } .article_list_d .intro { text-align: right; color: #999; border-top: 1px dashed #999; line-height: 26px; } .article_list_d .intro a { color: #999; } /*评论列表*/ .commentlist { } .commentlist dt { line-height: 22px; border: 1px dashed #CCC; padding: 0 10px; background: #F5F5F5; } .commentlist dd { padding: 10px; border: 1px dashed #CCC; border-top: none; margin-bottom: 5px; } .searchlist li { line-height: 30px; border-bottom: 1px dashed #999; } /*频道列表 - 无限级分类*/ .channel_list_d { } .channel_list_d li { line-height: 32px; padding: 2px; border-bottom: 1px solid #D7D7D7; } .channel_list_d li a { display: block; padding: 0 10px; line-height:32px; } .channel_list_d li a:hover { background: #4786B6; text-decoration: none; color: #FFF; } .channel_list_d .current_channel a { background: #4786B6; color: #0F56A8; font-weight: bold; color: #FFF; } .channel_level1 { font-size: 12px; font-weight: bold; } .channel_level2 { font-size: 12px; } .channel_level3 { font-size: 12px; } /*频道列表 - 递推一级分类*/ .channel_list_s {position: relative; z-index: 1; height: 56px;} .channel_list_s li{width: auto; float: left; *display: inline; margin-right: 28px; text-align:center; vertical-align:top;} .channel_list_s li a{display: block; height: 55px; line-height: 55px; padding-bottom: 2px; margin-bottom: -1px; font-size: 15px;} .channel_list_s li a:hover, .channel_list_s .current_channel a {padding-bottom: 0; font-weight: bold; color: #2162ab; text-decoration: none;} .channel_list_s li .current {padding-bottom: 0; font-weight: bold; color: #2162ab; border-bottom:#2162ab 2px solid;} .channel_list_s li.line{position: absolute; z-index: 1; left: 0; bottom: -1px; display: block; content: ''; width: 0; height: 2px; line-height: 2px; float: left; margin: 0; overflow: hidden; background-color: #2162ab; -webkit-transition:all .6s; -moz-transition:all .6s; -ms-transition:all .6s; -o-transition:all .6s; transition:all .6s; } /*频道列表 - 宽屏*/ .channel_list_w { overflow: auto; zoom: 1; } .channel_list_w li { float: left; margin:0 10px 10px 0;} .channel_list_w li a { display: block; padding: 5px 10px; line-height: 24px; font-size:14px; background: #CECECE; } .channel_list_w li a:hover { background: #383838; font-weight: bold; color: #FFF; text-decoration:none; } .channel_list_w .current_channel a { background: #383838; font-weight: bold; color: #FFF; } /*信息详情页*/ #info_name { font-size: 28px; font-weight: normal; text-align: center; padding: 20px 0; color:#06468e; } #info_intro { text-align: center; color: #999; border: 1px solid #E4DDB4; line-height: 30px; background: #F6F1E3; } #info_intro a { color: #999; } #info_picture { text-align: center; margin: 20px auto; } #info_picture img { padding: 5px; border: 1px solid #CCC; max-width:640px; } #info_video { text-align: center; margin: 20px auto; } #info_slideshow { text-align: center; margin: 20px auto; overflow: auto; zoom: 1; } .info_slideshow_show img { padding: 5px; border: 1px solid #CCC; max-width: 600px; max-height:500px; } #info_slideshow_nav { overflow: auto; zoom: 1; margin-top: 10px; } #info_slideshow_nav li { float: left; padding: 2px; } #info_slideshow_nav li img { width: 50px; height: 50px; border: 1px solid #CCC; padding: 1px; cursor: pointer; } #info_attach { margin: 20px auto; text-align: center; } #info_scontent { padding: 10px; background: #EFF3D9; border: 1px solid #A6CC93; margin-top: 10px; } #info_content { padding: 20px 0; font-size: 14px; } #info_bcontent { padding: 10px 0; font-size: 14px; } #info_extra { padding: 10px 0; } #info_pic { width: 240px; } #info_bpic { padding: 10px; text-align: center; } #info_bpic img { max-width: 600px; padding: 5px; border: 1px solid #CCC; } #info_around { padding: 5px; background: #EFF3D9; border: 1px solid #A6CC93; } #info_comment {} #info_comment a { float: right; background: #383838; display: block; height: 40px; width: auto; padding: 0 10px; line-height: 40px; text-align: center; color: #FFF; margin-top: 20px; } #info_comment a:hover { background: #E74C3C; text-decoration: none; } /*无缝滚动*/ #products_scroll { overflow: auto; width: 100%; } /*滑动门*/ #tab_menu { overflow: auto; zoom: 1; } #tab_menu li { float: left; line-height: 28px; padding: 0 10px; text-align: center; font-size: 12px; color: #2362ED; font-weight: bold; cursor: pointer; color: #225D98; } #tab_menu .tab_menu_in { background: #225D98; color: #FFF; } #sitemap li { padding: 1px; } #sitemap li a { background: #EFF3D9; line-height: 26px; display: block; padding: 0 20px; border: 1px solid #A6CC93; } #sitemap li a:hover { text-decoration: none; background: #FFF; } /*表单相关*/ input { font-size: 12px; } .form_text { font-size: 12px; border: 1px solid #CCC; height: 26px; line-height: 26px; padding: 0 5px; width: 400px; } .form_text_verifycode { font-size: 12px; border: 1px solid #CCC; height: 26px; line-height: 26px; padding: 0 5px; width: 50px; } .form_select { font-size: 12px; border: 1px solid #CCC; } .form_textarea { font-size: 12px; width: 400px; height: 80px; padding: 5px; border: 1px solid #CCC; } .form_checkbox { } .form_submit { background: #E74C3C; width: 90px; height: 30px; border: none; color: #FFF; font-size: 14px; cursor: pointer; } .form_submit:hover { background: #383838; } .form_file { font-size: 12px; padding: 3px 5px; border: 1px solid #CCC; background: #FFF; } .common_form { } .common_form li { padding: 10px 0; overflow: auto; zoom: 1; border-bottom: 1px dashed #CCCCCC; } .common_form label { float: left; text-align: right; padding-right: 10px; width: 100px; display: block; height: 28px; line-height: 28px; font-size: 14px; } /*表格*/ .layout_table { border-collapse: collapse; width: 100%; } .common_table { border-collapse: collapse; width: 100%; } .common_table td { padding: 5px; border: 1px solid #DBDBDB; } .common_table th { text-align: center; border: 1px solid #DBDBDB; } /* 漂浮的客服 */ #online_support_main { z-index: 9999; position: fixed; display: block; overflow: hidden; width: 163px; zoom: 1; border: 1px solid #E2E2E2; } #online_support_title { height: 34px; line-height: 34px; background: #383838; cursor: pointer; color: #FFF; text-align: center; font-size: 14px; } #online_support_body { min-height: 100px; border: 1px solid #383838; padding: 10px; text-align: center; background: #FFF; } #online_support_bottom { height: 20px;} /*分页样式*/ .page_turner { padding: 4px 0px 0px 1px; float: right; clear: both; } .page_turner a, .page_turner span { float: left; display: block; border: 1px solid #2162ab; padding: 2px 15px; margin-left: 4px; line-height: 26px; } .page_turner a:link, .page_turner a:visited { text-decoration: none; } .page_turner a:hover, .page_turner a.c { background: #2162ab; color: #FFF; } #total { color: red; } #gotop { position: fixed; width: 70px; height: 70px; bottom: 80px; right:80px; cursor: pointer; display: none; background: url(../../template/1/images/gotop.png) no-repeat; } /*首页*/ #index_can .body { background: #FFF; padding: 10px; min-height:230px;} #index_contact{ float: left; width:400px; } #index_about{ float: left; width:400px; padding: 0 20px; } #index_news{ float: left; width:400px;} #index_contact .title { background: url(../../template/1/images/contact_title.png) left center no-repeat; height: 80px; line-height: 80px; padding-left: 80px;} #index_about .title { background: url(../../template/1/images/about_title.png) left center no-repeat; height: 80px; line-height: 80px; padding-left: 80px;} #index_news .title { background: url(../../template/1/images/news_title.png) left center no-repeat; height: 80px; line-height: 80px; padding-left: 80px;} #index_products .title { font-size: 20px; text-align: center; line-height: 80px; background: url(../../template/1/images/c.png) bottom repeat-x;} #index_products .body { margin: 20px 0;} /*=========mF_liuzg ========*/ .mychgPic{width:300px; height:240px; padding:2px; border:1px solid #999; margin:0 auto} .mF_liuzg{ position:relative; width:300px; height:240px; overflow:hidden; font:12px/1.5 Verdana,Geneva; background:#fff;} .mF_liuzg .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:90px;}/*载入画面*/ .mF_liuzg .pic li{width:300px;position:relative;overflow:hidden;*margin-top:-2px;list-style:none;} .mF_liuzg .pic li p{width:300px;position:absolute;} .mF_liuzg .pic li p a{display:block;}/*图片和焦点图框架一样大小*/ .mF_liuzg .pic li p img{width:300px;height:240px;} .mF_liuzg .txt li{ text-align:left;position:absolute;z-index:2;bottom:0;width:300px;height:36px;line-height:34px;overflow:hidden;display:none;list-style:none;} .mF_liuzg .txt li a{display:block;color:#fff;padding:2px 0 0 16px;font-size:14px;font-weight:bold;text-decoration:none;list-style:none;}/*标题样式*/ .mF_liuzg .txt-bg{position:absolute;bottom:0;z-index:1;width:450px;height:36px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;}/*标题背景*/ .mF_liuzg .num{position:absolute;z-index:3;bottom:8px;right:8px;color:#333;}/*按钮样式*/ .mF_liuzg .num li{ float:left; width:22px; height:18px; position:relative; border:1px solid #FFF; line-height:18px; text-align:center; margin-right:3px; cursor:pointer; background:#000; filter:alpha(opacity=90); opacity:0.9; color: #FFF; } .mF_liuzg .num li.current,.mF_liuzg .num li.hover{ background:#A61814; color:#fff; font-weight:bold;} .page_show { margin: 20px 0; } .page_show a { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #FFFFFF; margin-right: 5px; border:1px solid #dddddd; } .page_show a:hover, .page_show a.page_current { background: #2386ee; color: #FFF; }