/*全局属性*/
body,html {font-size:12px; }
a {color:#333;}
a:hover {color:#06C; text-decoration:none}
ul,li {list-style:none; margin:0; padding:0;}
.qc{ clear: both}
.kd{ width: 1200px;}
/*体系认证*/
.txrz{
width: 590px; float: left; text-align: left; margin-right: 10px; line-height: 50px; font-size:30px; background: #0267b9; margin-top: 2px; color:#5079cb
}
.tx a{ height:50px; line-height:50px;color:#fff; text-decoration: none; font-size:16px; text-align:left; width: 100%; display : block;}
.tx a:hover{ height:50px; line-height:50px; color:#FFFFFF; background: #f89c19;display : block; text-align: left;width: 100%}
.tx a img{ width: 20px;height: 20px; margin-right: 10px; padding-left: 10px;}
/*认证*/
.jgrz a { width: 173px; height: 200px; float: left;margin-right: 5px; display: block; background: #0267b9; padding: 10px;margin-top: 5px;}
.jgrz a:hover { width: 173px; height: 200px; float: left;margin-right: 5px; display: block; background: #f89c19; padding: 10px;margin-top: 5px;}
.jgrz a:hover .ljzx{ background: #ff0000; color: #ffffff}
.txbd{width: 80px; height: 22px; line-height: 22px; background: #ffffff; float: right;border-radius:5px}
.txzw{clear: both;width: 140px; height:100px; margin-top: 50px; font-size: 18px; color: #ffffff; text-align: left}
.ljzx{width: 110px; line-height: 30px;font-size: 18px; background: #c2d6ff;border-radius:5px}
/*内页*/
.zlmm ul{ width: 800px; float: left; margin-top: -10px; }
.zlmm ul li a{ float: right; padding-left: 20px; height: 30px;line-height: 30px; display: block; font-size: 18px; }
.zlmm ul li a:hover{ float: right; padding-left: 20px; height: 30px;line-height: 30px; display: block; font-size: 18px; background: #E62528; text-align: center; color: #fff }
.ksdh2 a { width: 360px; height: 40px; float: left;margin-right: 5px; display: block; background: #0267b9; padding: 10px;margin-top: 5px;}
.ksdh2 a:hover { width: 360px; height: 40px; float: left;margin-right: 5px; display: block; background: #f89c19; padding: 10px;margin-top: 5px;}
.ksdh2 a:hover .ljzx{ background: #ff0000; color: #ffffff}
.ksdh{width: 360px; height: 40px; margin-left: 10px; line-height: 40px; border-radius:10px;}
.ksdhk{float: left; width: 10px; background: #fff; font-size: 14px; padding: 5px; height: 10px;line-height: 10px; margin-top: 10px;}
.ksdhk1{float: left; width: 3px; background: #fff; border: 2px #0f73c5 solid;font-size: 14px; padding: 2px; height: 3px;line-height: 10px; margin: 20px 10px 0px 10px; }
.ksdhn{ float: left; width: 240px; text-align: left; padding: 10px;font-size: 24px;height: 20px;line-height: 20px; color: #fff}
.ksdhn1{ float: left; width: 70px; background: #fff; font-size: 12px; padding: 3px; height: 22px;line-height: 22px; color: #ff0000; border-radius:5px; margin-top: 5px;}
/*首页栏目横线*/
.dv1 {
width: 1200px;
height: 80px;
position: relative;
margin: 0px auto;
margin-bottom: 10px;
margin-top: 20px;
}
.liner {
width:100%;
height:1px;
background-color: #ccc;
position: relative;
top:50%;
}
.dv2 {
text-align:center;
width:200px;
height:60px;
line-height: 30px;
margin:0 auto;
background-color: #fff;
position: relative;
font-size:28px;
padding-top:20px;
z-index:3;
}
.splm{ font-size: 30px;}
.yw{
color:#999;
font-size:16px;
}
.icon-star {
font-size:22px;
color:red;
margin-right:10px;
}
/*---结束 --*/
/*公共样式*/
.warp {width:960px; margin-left:auto; margin-right:auto;}
.sep10{height:10px; clear:both;}
.sep5{height:5px; clear:both;}
.headtitle { line-height:35px; height:35px; border-bottom:1px solid #496688; margin-right:20px;}
.headtitle h3 { font-weight:bold; font-size:16px;}
.box {}
.box .boxhead {height:25px; line-height:25px; background-color:#ECECEC; padding-left:10px; padding-right:10px}
.box .boxhead h3 { float:left; font-weight: bold; font-size:14px;}
.box .boxhead .more { float:right}
.box .boxpic {margin-top:10px; height:90px; padding:10px;}
.box .boxpic .pic { float:left; width:120px;}
.box .boxpic .info { float:left; width:200px;}
.box .boxpic .info .title { font-weight:bold; line-height:25px; height:25px;}
.box .boxpic .info p { line-height:22px;}
.box .boxlist {padding:10px;}
.box .boxlist ul {}
.box .boxlist ul li { line-height:30px; height:30px;}
.box .boxlist ul li .line { color:#CCC; padding-right:5px; float:left;}
.box .boxlist ul li .num { float:left; margin-right:10px; border:1px solid #ccc; line-height:12px; height:12px; margin-top:6px; padding-left:3px; padding-right:3px;}
.box .boxlist ul li .title{ float:left;}
.box .boxlist ul li .time { float:right; color:#999}
.box .boxcontent { padding:10px; line-height:22px;}
/*主页面框架*/
#central { width:960px; margin-left:auto; margin-right:auto;margin-top:20px; }
#main {width:730px;}
#sidebar {width:230px;}
.mainhead {height: 340px;}
/*头部*/
#head {background-color:#F1F1F1; padding-top:0px;}
#head #logo { background-repeat:no-repeat; width:350px; height:45px;}
#head #logo h1 {text-indent:-2000px;}
#head #logo h1 a {display:block; width:350px; height:45px;}
/*底部*/
#foot { border-top:1px solid #ddd; margin-top:20px; padding-top:10px; padding-bottom:20px;}
#foot .menu {margin-left:auto; margin-right:auto; height:30px; text-align:center}
#foot .menu {color: #999;}
#foot .menu a {color: #999; margin-right:10px; margin-left:10px;}
#foot .menu a:hover {color:#06C;}
#foot #copyright { line-height:30px; text-align:center; color:#999}
/*导航*/
#head #nav {background-color:#0267b9; height:40px; margin-top:0px; position:relative;}
#head #nav ul {}
#head #nav ul li {float:left; width:130px; }
#head #nav ul li .title a {color:#fff; display:block; width:130px; text-align:center; line-height:40px; text-decoration:none; font-size:16px; color:#fff;}
#head #nav ul li .title a:hover { background-color:#475a79;}
#head #nav ul .current .title a { background-color:#496688 !important;}
#head #nav ul li .nav_menu {height:30px; font-size:14px; position:absolute!important; display:none; overflow:hidden}
#head #nav ul li .nav_menu li {float:left !important;line-height:30px; color:#ccc; width:auto !important}
#head #nav ul li .nav_menu li a {padding-left:20px; height:29px; padding-right:20px; text-decoration:none; display:block;}
#head #nav ul li .nav_menu li a:hover {border-bottom:1px solid #475a79; }
#head #nav ul li .nav_menu .line {}
#head #nav ul li .menucur {display:block}
#head #navmenu {height:30px; background-color:#F1F1F1; }
/*搜索*/
#search {background-color:#0267b9;width:365px;height:30px;padding:2px; margin-top:8px; }
#search select { vertical-align:top; border:none; width:90px; margin-top:7px;}
#search .select {width:95px;border:0px; float:left;background-color:#fff; display:block; height:30px; overflow:hidden; padding-left:5px; margin-right:2px;}
#search input { width:195px;height:30px; line-height:30px;border:0px; float:left;}
#search button { width:60px; height:30px; line-height:30px; border:0px;background-color:#0267b9; color:#fff;float:left;}
/*幻灯片*/
.slideshow { width:300px; height:330px; border:1px solid #ccc; overflow: hidden; position: relative; float:left; }
.slideshow h3 { color: #EEE; font-size: 12px; font-weight: 700; line-height: 26px; position: absolute; text-indent: 2%; width: 100%; z-index: 102; margin: 0; }
.slideshow h3 a { color: #FFF; text-decoration: none; }
.slideshow h3 a:hover { color: #F60; text-decoration: underline; }
.slideshow li img { border: 0; vertical-align: top; }
.slideshow ul { list-style-type: none; margin: 0; padding: 0; }
.slideshow .smallslider-btns { position: absolute; z-index: 103; }
.slideshow .smallslider-btns .current-btn { background-color: #3e4e68; border: 1px solid #496688; color: #FFF; font-size: 14px; font-weight: 700; }
.slideshow .smallslider-btns span { background-color: #FFF; border: 1px solid #DCDCDC; color: #496688; cursor: pointer; float: left; font-size: 12px; height: 16px; line-height: 16px; text-align: center; width: 16px; }
.slideshow .smallslider-lay { background-color: #000; height: 26px; position: absolute; width: 100%; z-index: 101; }
/*头条*/
.mainhead .indexhot { margin-left:20px; float:left; width:390px;}
.mainhead .indexhot .hotbox { border-bottom:1px dotted #ccc; padding-bottom:10px;}
.mainhead .indexhot .hotbox h2 { font-size: 16px; font-weight: bold; height: 28px;}
.mainhead .indexhot .hotbox p {line-height: 22px}
.mainhead .hotlist {}
.mainhead .hotlist ul {}
.mainhead .hotlist ul li {float:left; width:50%; line-height:25px; height:25px; color:#CCC}
.mainhead .hotlist ul li span { padding-right:5px;}
/*图片展示*/
.piclist { background-color: #F4F4F4; padding-top: 20px; padding-bottom: 20px; padding-left:10px; padding-right:10px; margin-top:20px; margin-right:20px;}
.piclist ul {}
.piclist ul li { float:left; width:170px;}
.piclist ul li .pic { width:155px; margin-left:auto; margin-right:auto}
.piclist ul li .pic img { width:155px; height:110px; }
.piclist ul li .title { width:155px; line-height:22px; margin-left:auto; margin-right:auto; margin-top:5px; height:25px; overflow:hidden;}
/*栏目列表*/
#classbox { padding-top:10px; margin: 0 auto; width: 1200px; }
#classbox .box { float:left; width:380px; padding:10px; display:inline; height:410px; margin: 0 auto}
/*边栏定义*/
#sidebar .box { border:1px solid #ddd; margin-bottom:20px;}
#sidebar .box .boxhead{height:30px; line-height:30px;}
#sidebar .box .boxlist ul li { line-height:35px; height:35px; border-bottom:1px dotted #ddd}
#sidebar .box .boxlist ul li .num { margin-top:12px;}
/*面包屑导航*/
#pagenav { background-color: #F4F4F4; line-height:30px; hanging-punctuation:30px; padding-left:10px; padding-right:10px; margin-bottom:10px; margin-right:20px;}
/*列表页*/
.pagelist { margin-right:20px; border:1px solid #ddd; }
.pagelist .boxhead{height:30px; line-height:30px;}
.pagelist .boxlist ul { padding-bottom:20px;}
.pagelist .boxlist ul li { line-height:35px !important; height:35px !important; border-bottom:1px dotted #ddd}
.pagelist .boxlist ul li .title{ font-size:14px;}
.pagelist .boxlist ul li .time{}
/*图片列表页*/
.pagepiclist { margin-right:20px; border:1px solid #ddd; }
.pagepiclist .boxhead{height:30px; line-height:30px;}
.pagepiclist .boxlist { padding-right:0px;}
.pagepiclist .boxlist ul { padding-bottom:20px;}
.pagepiclist .boxlist ul li { float:left; height:150px; margin-top:10px; margin-right:9px; width:165px;}
.pagepiclist .boxlist ul li img{ font-size:14px;width:165px;}
.pagepiclist .boxlist ul li .title{ float:none;}
.pagepiclist .boxlist ul li .time{}
/*扩展列表页*/
.pageexpand { margin-right:20px; border:1px solid #ddd; }
.pageexpand .boxhead{height:30px; line-height:30px;}
.pageexpand .boxlist ul li { height:90px; float:none; border-bottom:1px dotted #ddd}
.pageexpand .boxlist ul li .pic { float:left;}
.pageexpand .boxlist ul li .pic img { width:110px; height:80px;}
.pageexpand .boxlist ul li .info { float:left; margin-left:20px;}
.pageexpand .boxlist ul li .info .title { line-height:25px; float:none; font-size:14px; font-weight:bold}
.pageexpand .boxlist ul li .info .description { line-height:25px;}
.pageexpand .boxlist ul li .info .ext{ color: #999; line-height:22px; float:none}
/*内容页*/
.pagecontent {margin-right:20px; }
.pagecontent .boxcontent h1{height:45px; font-size:16px; font-weight:bold; text-align:center}
.pagecontent .boxcontent .info { border-top:1px dotted #ccc; text-align:center}
.pagecontent .boxcontent .content { font-size:14px; line-height:35px; margin-top:10px;}
.pagecontent .boxhead {margin-top:20px;}
.pagecontent .boxhead h3 { font-size:12px; font-weight:normal;}
.pagecontent .boxlist {}
.pagecontent .boxlist li { float:left; width:50%;}
.pagecontent .boxlist li .line { padding-right:10px !important;}
.pagecontent .updown { line-height:25px; height:25px; padding-left:10px; padding-right:10px; color:#666;}
.pagecontent .updown a {color:#666}
.pagecontent .updown .previous { float:left;}
.pagecontent .updown .next { float:right}
/*扩展模型内容页*/
.contentexpand { padding:10px; height:310px;}
.contentexpand .imagebox {float:left; width:330px; border:1px solid #ddd;}
.contentexpand .imagebox .pic { width: 320px;height: 250px;margin-right: auto;margin-left: auto;}
.contentexpand .imagebox .tabs { padding-left:5px;height:75px;}
.contentexpand .imagebox .tabs a { display:block; float:left; margin-right:5px; padding:2px; border:1px solid #ddd}
.contentexpand .imagebox .tabs img { width:70px; height:60px;}
.contentexpand .info {float:left; margin-left:10px; width:340px;}
.contentexpand .info .title { font-size:14px; height:35px; border-bottom:1px dotted #ddd}
.contentexpand .info .title h1 { font-weight:bold}
.contentexpand .info .description { font-size:12px; line-height:22px; padding-top:10px; color:#666;border-bottom:1px dotted #ddd; padding-bottom:10px;}
.contentexpand .info .list {}
.contentexpand .info .list ul {}
.contentexpand .info .list ul li { line-height:35px; height:35px;border-bottom:1px dotted #ddd}
.contentexpand .info .list ul li .name { padding-right:10px; color:#666}
/*分页样式*/
.pagenum {padding:20px; text-align:center}
.pagenum a {border: 1px solid #FFFFFF;color: #999999;margin: 0 3px;padding: 3px 0; }
.pagenum a:hover { color: #3e4e68 !important;}
.pagenum .current {color: #3e4e68 !important;}
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color: #F8F8F8; border: 1px solid #D9D9D9; color: #999999; height: 19px; line-height: 19px; padding: 3px 10px; width: 39px;}
/*404页面*/
.error404 { background-image: url(../images/404bg.jpg); background-repeat: no-repeat; width: 856px; height: 250px; margin-right: auto; margin-left: auto; margin-top: 50px;}
.error404 .taglist { padding-top: 100px; padding-left: 300px;}
.error404 .taglist a{color:#666}
.error404 .home { color:#3e4e68; padding-top: 5px; padding-left: 300px; font-size:14px; font-weight:bold}
.error404 .home a {color:#3e4e68; }
/*留言板*/
.guestbook {padding:20px}
.guestbook .list { border-bottom:1px dotted #ccc; padding-bottom:10px;}
.guestbook .list .content { font-size:14px; line-height:25px; padding-bottom:10px; }
.guestbook .list .content .reply {border:1px solid #ddd; line-height:25px; padding-left:5px; padding-right:5px; margin-top:10px; background-color:#f4f4f4}
.guestbook .list .info{color:#666; line-height:25px;}
.guestbook .formsub { padding:10px;}
.guestbook .formsub h5 { line-height:30px; font-size:14px; font-weight:bold}
.guestbook .formsub .guest_post { padding-top:10px;}
.guestbook .formsub .guest_post .guest_post_hr { line-height:40px; height:40px;}
.guestbook .formsub .guest_post .guest_post_text { border:1px solid #ccc;margin-left:10px; line-height:25px; height:25px; width:250px;}
.guestbook .formsub .guest_post .guest_post_content { border:1px solid #ccc; height:100px; width:100%; margin-top:10px;}
.guestbook .formsub .subdiv { margin-top:10px;}
.guestbook .formsub .subdiv .button { border:1px solid #ddd; width:50px; line-height:27px; height:27px; vertical-align: top}
/* Left & Right alignment */
.line{ line-height:20px;}
.top{ margin-top:10px;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align:center;
font-size:14px;
/* background:url(../images/bj22.jpg)no-repeat top center;*/
}
.clear{ clear:both}
.ttp{ margin-top:10px;}
.k{ width:20px;}
.hz{color: #FF0000; font-size: 16px; }
.db{ border-bottom:1px #666666 dashed}
.lb{ border-left:1px #F65914 solid;border-right:1px #F65914 solid;border-bottom:1px #F65914 solid;}
.menu a{ height:25px; line-height:25px;color:#000; text-decoration: none; font-size:14px; font-weight: bold }
.menu a:hover{ height:25px; line-height:25px; color:#FFFFFF; background:#00BFF5; }
.c a{ height:25px; line-height:25px;color:#000; text-decoration: none; font-size:12px; text-align:center; }
.c a:hover{ height:25px; line-height:25px; color:#FFFFFF; background:#00BFF5; }
.ms a{ height:25px; line-height:25px;color:#fff; text-decoration: none; font-size:14px; display:block; }
.ms a:hover{ height:25px; line-height:25px; color:#000; }
.cms a{ height:50px; line-height:50px;color:#333333; text-decoration: none; font-size:18px; display:block; width:100% }
.cms a:hover{ height:52px; line-height:52px; color:#fff; background:#0267b9 }
.msh a{ height:25px; line-height:25px;color:#333; text-decoration: none; font-size:12px; display:block; }
.msh a:hover{ height:25px; line-height:25px; color:#000; }
.rzxm { width:300px;}
.rzxm span{ width:40px; height:15px; line-height:15px; border:1px #CCC solid; margin:2px; padding:5px; float:left}
.hm a:link{font-size:26px; font-family:'黑体'; font-weight:bold;word-spacing:5px;letter-spacing: 1px; color: #7F0102; text-decoration:none}
.hm a:visited{font-size:26px; font-family:'黑体'; font-weight:bold;word-spacing:5px;letter-spacing: 1px; color: #7F0102;text-decoration:none}
.hm a:hover {font-size:26px; font-family:'黑体'; font-weight:bold;word-spacing:5px;letter-spacing: 1px;text-decoration: underline}
.hm a:active {font-size:26px; font-family:'黑体'; font-weight:bold;word-spacing:5px;letter-spacing: 1px;text-decoration: underline}
.topbg{ width:100%; height:34px; background:url(../images/topbg.jpg);}
.topbg .banr{ width:1200px; line-height:30px; margin:auto;}
.topbg .banr .gg{ width:240px; height:30px; float:left; color:#FE7225}
.topbg .banr .tel{ width:300px; height:30px; float:left; color:#666;}
.topbg .banr .dl{ width:620px; height:30px; float:left; text-align:right;color:#666;}
.logo{ width:1200px; height:105px; margin:auto;}
.logo .lleft{ width:500px; height:105px; float:left; text-align:left; line-height:105px;}
.logo .lright{ width:700px; height:105px; float:left;line-height:105px;text-align:right}
.jdl{ width:1200px; height:369px; margin:auto;}
.jdl .jleft{ width:306px; height:369px; float:left}
.jdl .jleft .jbg{ width:330px; background:#db5808; height:50px; font-size:25px; line-height:50px; color:#FFFFFF}
.jdl .jleft .jnr{ width:320px; height:505px; border-left:0px #ff6600 solid;border-bottom:0px #ff6600 solid;border-right:0px #ff6600 solid}
.jdl .jleft .jnr ul { margin:0px; list-style-type:none; text-align:left;padding:0px; cursor:pointer}
.jdl .jleft .jnr ul li{ width:320px;min-height:50px; line-height:52px; border-bottom:0px #D0CCCB solid }
.jdl .jleft .jnr ul li .span{ width:30px;line-height:52px; float:left; margin-top:16px; margin-left:5px;}
.jdl .jleft .jnr ul li .dz{ width:320px; height:30px;line-height:30px; padding-top:2px; font-size:16px; color:#1366aa; font-weight:bold }
.jdl .jleft .jnr ul li .dz1{ width:320px; font-size:12px; margin-left:10px; color:#666666;height:150px; line-height:18px; }
.jdl .jleft .jnr ul li .dz1 a{ font-size:12px; line-height:18px; float:left; margin-left:10px; height:18px; }
.bg{ background:#E9E5E4}
.jdl .jright{ width:874px; height:369px; float:left; }
.jdl .jright .dh{ width:852px; height:50px; float:left; border-bottom:0px #ff6600 solid; margin-left:22px; }
.jdl .jright .dh ul{ list-style:none; margin:0px; padding:0px;}
.jdl .jright .dh ul li{ width:120px; line-height:50px; height:48px; font-size:16px; float:left}
.jdl .jright .dh ul li a{ color:#fff;font-size:16px;}
.jdl .jright .dh ul li a:hover{ color:#fff; background:#db5808; display:block}
.cl{ color:#FF6600;}
.zw{width:952px; height:330px; float:left; margin-left:22px; margin-top:10px; }
.zw .zleft{ width:628px;float:left}
.zw .zright{ width:302px; margin-left:22px; float:left}
.zw .zright .k{ height:20px; line-height:20px; border:2px #CCCCCC solid; width:100%; text-align:center; color:#666; font-size:12px}
.zw .zright .k1{ width:100%; text-align:left; line-height:25px; font-size:12px}
.zw .zright span{ font-weight:bold; width:40px;}
.zw .zright .k2{ width:324px; border-bottom:1px #CCCCCC solid; height:33px; margin-top:5px;}
.zw .zright .k2 .s1{ width:30px; float:left}
.zw .zright .k2 .s1 div{ width:15px; height:15px; background:#000000; color:#FFFFFF; line-height:15px; font-size:12px}
.zw .zright .k2 .s2{ width:200px; float:left;}
.zw .zright .k2 .s2 .d1{ width:120px; float:left; font-size:14px; text-align:left}
.zw .zright .k2 .s2 .d2{ width:80px; float:left; font-size:14px; text-align:left}
.zw .zright .k2 .s2 .dn{ text-align:left; font-size:12px; color:#737373}
.zw .zright .k2 .s3{ width:80px;; float:left; font-size:12px; margin-left:10px; height:25px;}
.mb{ width:1200px; height:105px; margin:auto; margin-top:20px;}
.mb .pi{ float:left;width:400px; height:190px; line-height:190px; }
.mb .m1{ width:605px; height:105px; float:left;}
.mb .m1 .cc1{ width:120px; height:34px; float:left;border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid;border-top:1px #CCCCCC solid; line-height:34px; font-size:12px; color:#FF0000}
.mb .m1 .cc{ width:120px; height:34px; float:left;border-bottom:1px #CCCCCC solid; line-height:34px; background:#F7F6F4; font-size:12px; color:#837C76 }
.mb .m1 .cm{ width:185px; height:64px; margin-top:5px; float:left; margin-left:10px; border-left:1px #CCCCCC solid;border-top:1px #CCCCCC solid;border-right:1px #CCCCCC solid;border-bottom:3px #CCCCCC solid; padding-top:10px;}
.cmw{ color:#FF0000; text-align:left; margin-left:5px;}
.cmw1{ text-align:left; margin-left:5px; margin-top:5px;}
.mb .m2{ width:558px; height:105px; margin-left:15px; float:left; }
.mb .m2 .mt{ width:100%;height:34px; background:#E4E0DF; line-height:34px; padding-left:20px; text-align:left; color:#666465}
.mb .m2 .mt1{ width:100%;height:76px;line-height:34px; padding-left:20px; text-align:left; margin-top:5px;border:1px #CCCCCC solid;}
.mb .m2 .mt1 .cts{ width:250px; height:22px; line-height:22px; float:left; font-size:12px; border-bottom:1px #CCCCCC dashed; margin-right:20px; color:#666}
.ctw{ width:250px; height:105px; float:left}
.ctw1{ width:250px; height:105px; float:left}
.nn{ width:1200px; height:385px; margin:auto; }
.nn .nleft{ width:204px; border:1px #CCCCCC solid; float:left;}
.nn .nright{ width:972px; height:385px; solid; float:left; margin-left:20px;}
.nn .nright .sm1{ width:144px; height:50px; line-height:50px; border-top:2px #ff6600 solid; float:left}
.nn .nright .sm{ width:555px; height:50px; line-height:50px; border-top:2px #CCCCCC solid; float:left; text-align:right; padding-right:20px; background:#F0EEEF}
.nn .nright .ssm{ height:30px; line-height:30px; border-bottom:1px #CCCCCC solid; text-align:left}
.nn .nright .ssm span{ height:30px; line-height:30px; text-align:left; margin-bottom:5px; float:left; margin-left:10px; color:#666666}
.nn .nright .ssm span .pp{ height:30px; line-height:30px; text-align:left; margin-bottom:5px; float:left; margin-left:10px; color:#ff0000}
.nn .nright .ssms{ height:50px; line-height:50px; border-bottom:1px #CCCCCC solid; text-align:left}
.nn .nright .ssms .v1{ width:20px; background:#000000; color:#FFFFFF; line-height:20px; float:left; margin-top:10px;; text-align:center}
.nn .nright .ssms .v2{ width:600px; font-size:16px; line-height:40px; float:left; margin-left:10px;}
.nn .nright .ssms .v3{ width:200px; font-size:16px; line-height:40px; float:left; margin-left:10px;}
.wcs{ color:#0280D4}
.nn .nright .ssms .v4{ width:100px; font-size:16px; line-height:40px; float:left; margin-left:10px; }
.nn .nright .ssms1{ height:40px; line-height:40px; background:#EEEEEE; text-align:center;color:#7295D5}
.xn{ width:1200px; height:585px; margin:auto; }
.xn .xleft{ width:855px; height:585px; float:left}
.xn .xleft .xtop{ width:400px; height:40px; line-height:40px; text-align:left; float:left; border-bottom:2px #CCCCCC solid}
.xn .xleft .xtop .x1{ height:40px; line-height:40px; width:200px; color:#000000; font-size:14px; font-weight:bold; text-align:left; padding-left:10px;}
.xn .xleft .xtop .x2{ margin-left:20px; font-size:12px; }
.xn .xleft .xx .xtop1{ width:90px; height:40px; line-height:40px; text-align:center; float:left; border-bottom:2px #cccccc solid}
.xn .xleft .xx .xtop2{ width:90px; height:40px; line-height:40px; text-align:center; float:left; border-bottom:0px #EA5503 solid; background: url(../images/889.jpg); margin-top:2px;}
.xn .xleft .xtop .x2 .div{ color:#FF0000; font-weight:bold; font-size:16px}
.xn .xleft .mmt{width:855px; height:30px; text-align:left}
.xn .xleft .mmt ul{width:855px; list-style:none; padding:0px; margin:0px;}
.xn .xleft .mmt ul li{ width:60px; height:40px; line-height:30px; text-align:center; float:left}
.zc{ font-size:12px; color:#666}
.xn .xleft .picc{ width:855px; height:490px;}
.xn .xleft .pic1{ width:311px; height:490px; float:left;}
.xn .xleft .pic1 div{ height:30px; line-height:30px; text-align:left; font-size:12px; color:#666666}
.xn .xleft .pic1 .ktxd{ height:30px; line-height:30px; text-align:left; font-size:14px; color:#ff6600}
.xn .xleft .pic2{ width:532px; height:490px; float:left; margin-left:10px;}
.pps{ width:241px; height:252px; float:left; margin-left:24px;}
.pps div{ height:30px; line-height:30px; text-align:left; font-size:12px; color:#666666}
.pps .ktxd{ height:30px; line-height:30px; text-align:left; font-size:14px; color:#ff6600}
.xn .xright{ width:324px; height:585px; float:left; margin-left:20px;}
.xw{ width:323px; height:290px; border:1px #CCCCCC solid; background:#EEEEEE}
.xtopt{ width:323px; height:65px; background:#66CBFF}
.wz{ padding-top:10px; color:#FFFFFF; text-align:right; margin-bottom:5px; font-size:20px}
.wz1{ padding-top:2px; color:#FFFFFF; text-align:right; margin-bottom:10px; font-size:10px; padding-right:10px;}
.xw2{ width:323px; height:270px; border:1px #CCCCCC solid; margin-top:10px;}
.w00{ font-size:16px; text-align:left; padding-top:10px;; padding-left:5px; color:#320000}
.w001{ margin-top:10px;}
.xn1{ width:1200px; height:380px; margin:auto; }
.xn1 .xleft1{ width:855px; height:380px; float:left;}
.xcc{ width:574px; height:380px; float:left ; margin-right:20px;}
.xc{ width:574px; height:35px; border-bottom:1px #CCCCCC solid; text-align:left; line-height:35px;}
.dp1{ color:#000000; font-size:16px; font-weight:bold}
.dpy{ font-size:14px; color:#FF6500;}
.xc1{width:574px; height:35px;}
.xc1 a{ width:45px; height:30px; line-height:35px; float:left; margin-top:5px; font-size:12px }
.xc1 a:hover{ height:35px; line-height:35px; color:#FFFFFF; background:#00BFF5; }
.xc1 .mr{ height:35px; line-height:35px; color:#FFFFFF; background:#00BFF5; font-size:14px; font-weight:bold}
.xcc1{ width:247px; height:465px; float:left}
.spp{ width:1200px; clear:both; margin-top:20px;}
.spp .on{ font-size:18px;width:100px; color:#ff6800; text-align:right;}
.spp a{ height:20px; line-height:20px; float:left; margin-left:19px;padding-right:10px; font-size:15px; text-align:left; border-right:#CCC 1px solid; }
.spp a:hover{ height:20px; line-height:20px; color:#FFFFFF; background:#ffb886; }
.xc2{width:574px; height:50px; text-align:left; margin-top:5px; border-bottom:1px #CCCCCC solid}
.xc21{width:574px; height:120px; text-align:left; margin-top:5px; border-bottom:1px #CCCCCC solid}
.em{ width:20px; height:20px; line-height:20px; background:#000000; color:#FFFFFF; text-align:center; float:left; margin-top:10px;}
.em1{ width:230px; height:50px; line-height:50px; float:left; padding-left:10px;}
.em2{ width:90px; height:25px; float:left; padding-left:10px; margin-top:15px; }
.em3{ width:90px; height:50px; line-height:50px; float:left; padding-left:10px; color:#FF6400}
.em4{ width:574px; height:57px; margin-top:5px; padding-left:30px; text-align:left}
.xccw1{width:247px; height:35px; border-bottom:1px #CCCCCC solid; line-height:35px; text-align:left; font-size:16px; font-weight:bold}
.xc22{width:247px; height:36px; text-align:left; margin-top:5px; border-bottom:1px #CCCCCC solid}
.ems{ width:20px; height:20px; line-height:20px; background:#000000; color:#FFFFFF; text-align:center; float:left; margin-top:10px}
.ems1{ width:120px; height:42px; line-height:42px; float:left; padding-left:10px;}
.ems2{ width:80px; height:42px; line-height:42px; float:left; padding-left:10px;}
.xn1 .xright1{ width:324px; height:380px; float:left; margin-left:20px; background:#EEEEEE}
.da{ line-height:35px; font-size:18px; font-weight:bold; text-align:left; padding-left:20px;}
.b{ width:298px; height:225px; border:1px #CCCCCC solid; padding-top:5px;}
.c{ width:290px; line-height:25px; text-align:left; margin-top:10px; color:#666666}
.ppp{ color:#FFFFFF; font-size:20px}
.plogo{ width:126px; height:120px; float:left; margin-top:12px; margin-left:13px;}
.plogo span{ color:#FE6700; height:20px; line-height:20px;}
.pborder{ border:1px #B5B5B5 solid}
.ccm{ width:285px; height:210px; float:left; margin-top:10px;}
.ddb{ border-bottom:1px #CCCCCC solid}
.mtp{ margin-top:15px;}
.xn2{ width:1200px; height:400px; margin:auto; }
.xn2 .xleft2{ width:1200px; height:400x; float:left; }
.xn2 .xleft2 .xtop .x2 .div{ color:#FF0000; font-weight:bold; font-size:16px}
.xn2 .xleft2 .mmt{width:1200px; height:30px; text-align:left}
.xn2 .xleft2 .mmt ul{width:1200px; list-style:none; padding:0px; margin:0px;}
.xn2 .xleft2 .mmt ul li{ width:60px; height:40px; line-height:30px; text-align:center; float:left}
.xn2 .xleft2 .xtop{ width:400px; height:40px; line-height:40px; text-align:left; float:left; border-bottom:2px #CCCCCC solid}
.xn2 .xleft2 .xtop .x1{ height:40px; line-height:40px; width:200px; color:#000000; font-size:14px; font-weight:bold; text-align:left; padding-left:10px;}
.xn2 .xleft2 .xtop .x2{ margin-left:20px; font-size:12px; }
.xn2 .xleft2 .xx .xtop1{ width:90px; height:40px; line-height:40px; text-align:center; float:left; border-bottom:2px #cccccc solid}
.xn2 .xleft2 .xx .xtop2{ width:90px; height:40px; line-height:40px; text-align:center; float:left; border-bottom:0px #EA5503 solid; background: url(../images/889.jpg); margin-top:2px;}
.xn2 .xright2{ width:324px; height:400px; float:left; margin-left:20px; background:#EEEEEE}
.r{ font-size:20px; font-weight:bold; text-align:left; padding:5px;}
.top88{ width:1200px; margin-top:20px;margin-bottom:10px; line-height:40px; border-bottom:2px #E4E0DF solid; height:40px; text-align:left; padding-left:10px; font-size:20px; font-weight:bold }
.topb{ width:1200px; height:300px; border:1px #EEEEEE solid; }
.topb .xl{ width:200px; height:300px; float:left; background:#EEEEEE}
.topb .xl .yz{ font-size:24px; font-weight:bold; height:60px; line-height:60px;; color:#EA5503; border-left:2px #EA5503 solid; background:#FFFFFF}
.topb .xl .yz1{ font-size:24px; font-weight: bold; height:60px; line-height:60px; color:#1F1E23; border-bottom:1px #CDCBCB dashed}
.topb .xr{ width:980px; height:300px; float:left; margin-left:20px; line-height:30px; text-align:left}
.dt{ margin-top:20px; width:1200px;}
.dt1{ width:1200px; height:160px; background:#EDEDED}
.dt1 .tl{ width:1078px; height:160px; float:left}
.dt1 .tr{ width:120px; height:160px; float:left; border-left:1px #CCCCCC solid}
.dt1 .tl .tts{ width:200px; height:160px; float:left; text-align:left}
.dt1 .tl .tts div{ font-size:12px; line-height:25px;}
.foot{ width:100%; line-height:46px; background:#FF6600; height:46px; margin-top:20px;}
.foot .ff{ width:700px; margin:auto; }
.foot .ff .ft{ width:100px; line-height:46px; height:46px; color:#FFFFFF; font-weight:bold; float:left}
.yl{ width:1200px; margin:auto; height:100px; }
.yl .yxl{ width:120px; height:100px; float:left; margin-top:20px; }
.yl .yxr{ width:1070px; height:100px; float:left;margin-top:20px; }
.yl .yxr div{ float:left; height:25px; line-height:25px; margin-left:15px;}
.lanrenzhijia{ width:605px; height:200px; margin:0px auto; }
.lanrenzhijia .tab{ overflow:hidden; background:#F7F6F4; }
.lanrenzhijia .tab a{ display:block; padding:10px 20px; float:left; width:80px; text-decoration:none; color:#333;border-bottom:1px #CCCCCC solid;font-size:12px}
.lanrenzhijia .tab a:hover{ background:#fff; color:#fff; text-decoration:none;font-size:12px}
.lanrenzhijia .tab a.on{ color:#FF0000; text-decoration:none; border-top:1px #cccccc solid;border-right:1px #cccccc solid;border-left:1px #cccccc solid;border-bottom:1px #fff solid; font-size:12px}
.lanrenzhijia .content{ overflow:hidden; padding:0px;}
.lanrenzhijia .content li{ display:none;}
.lanrenzhijia1{ width:995px; height:200px; margin:0px auto; }
.lanrenzhijia1 .tab1{ overflow:hidden; background:#F0EEEF; float:left}
.lanrenzhijia1 .tab1 a{ display:block; padding:10px 20px; float:left; width:100px; height:30px; line-height:30px; text-decoration:none; color:#333;border-top:2px #CCCCCC solid;font-size:14px}
.lanrenzhijia1 .tab1 a:hover{ background:#fff; color:#fff; text-decoration:none;font-size:12px}
.lanrenzhijia1 .tab1 a.on{ color:#FF0000; text-decoration:none; border-top:2px #FF6600 solid;border-right:0px #cccccc solid;border-left:0px #cccccc solid;border-bottom:0px #fff solid; font-size:14px; background:#FFFFFF; width:97px; }
.lanrenzhijia1 .content1{ overflow:hidden; padding:0px;}
.lanrenzhijia1 .content1 li{ display:none;}
.lanrenzhijia2{ width:855px; height:200px; margin:0px auto; }
.lanrenzhijia2 .tab2{ overflow:hidden; background:#F0EEEF; float:left}
.lanrenzhijia2 .tab2 a{ display:block; padding:10px 20px; float:left; width:50px; height:20px; line-height:20px; text-decoration:none; color:#333;border-bottom:2px #CCCCCC solid;font-size:14px}
.lanrenzhijia2 .tab2 a:hover{ background:#fff; color:#fff; text-decoration:none;font-size:12px}
.lanrenzhijia2 .tab2 a.on{ color:#FF0000; text-decoration:none; border-top:0px #FF6600 solid;border-right:0px #cccccc solid;border-left:0px #cccccc solid;border-bottom:0px #ff0000 solid; font-size:14px; background:#FFFFFF; width:50px; background: url(../images/889.jpg); }
.lanrenzhijia2 .content2{ overflow:hidden; padding:0px; width:855px; }
.lanrenzhijia2 .content2 li{ display:none;}
.lls{ width:60px; height:40px; line-height:30px; text-align:center; float:left}
.lanrenzhijia3{ width:855px; height:200px; margin:0px auto; }
.lanrenzhijia3 .tab3{ overflow:hidden; background:#F0EEEF; float:left}
.lanrenzhijia3 .tab3 a{ display:block; padding:10px 20px; float:left; width:50px; height:20px; line-height:20px; text-decoration:none; color:#333;border-bottom:2px #CCCCCC solid;font-size:14px}
.lanrenzhijia3 .tab3 a:hover{ background:#fff; color:#fff; text-decoration:none;font-size:12px}
.lanrenzhijia3 .tab3 a.on{ color:#FF0000; text-decoration:none; border-top:0px #FF6600 solid;border-right:0px #cccccc solid;border-left:0px #cccccc solid;border-bottom:0px #ff0000 solid; font-size:14px; background:#FFFFFF; width:50px; background: url(../images/889.jpg); }
.lanrenzhijia3 .content3{ overflow:hidden; padding:0px; width:855px; }
.lanrenzhijia3 .content3 li{ display:none;}
.ssmcs{ width:855px; height:137px; }
.ssdiv{ width:380px; height:30px; border-bottom:1px #CCCCCC solid; float:left; line-height:25px; text-align:left; padding-left:5px; margin-right:5px; margin-top:15px;}
.ssdiv1{ width:20px; height:20px; float:left; line-height:20px; padding-top:8px;}
.ssdiv2{ width:70px; height:20px; float:left; line-height:20px; padding-top:2px; text-align:right}
.ssdiv3{ width:280px; height:20px; float:left; line-height:20px; padding-top:2px;}
.lanrenzhijia4{ width:1200px; height:200px; margin:0px auto; }
.lanrenzhijia4 .tab4{ overflow:hidden; background:#EEEEEE; float:left; width:203px; height:313px;}
.lanrenzhijia4 .tab4 a{ display:block; padding:0px 0px; float:left; width:203px; height:58px; line-height:58px; text-decoration:none; color:#333;border-bottom:1px #CCCCCC dashed;font-size:24px;text-align:center; font-weight:bold}
.lanrenzhijia4 .tab4 a:hover{ background:#fff; color:#fff; text-decoration:none;font-size:12px}
.lanrenzhijia4 .tab4 a.on{ color:#FF0000; text-decoration:none; border-top:0px #FF6600 solid;border-right:0px #cccccc solid;border-left:0px #cccccc solid;border-left:2px #EA5503 solid; font-size:24px; background:#FFFFFF; width:203px; height:58px; text-align:center; font-weight:bold }
.lanrenzhijia4 .content4{ overflow:hidden; padding-left:20px; width:970px; float:left ; text-align:left; line-height:25px; }
.lanrenzhijia4 .content4 li{ display:none;}
.tp1{ width:620px; height:328px; border:0px #CCCCCC dashed}
.tpleft{ width:476px; height:328px; float:left}
.pwz{ text-align:left; margin-left:10px; margin-top:20px; font-size:16px; color:#FC6701}
.fl{ width:90px; line-height:40px; height:40px; float:left; font-size:14px; color:#333333}
.tpright{ width:124px; margin-left:20px; height:328px; float:left; background:#F5F6F8}
.tpr{ font-size:24px; color:#FC6701; margin-top:20px; text-align:left; margin-left:10px;}
.rwz{ font-size:14px; text-align:left; margin-left:13px; height:30px; line-height:30px;}
.ppic{ border-top:15px #FFFFFF solid; margin-top:5px;}
.cbm{ width:653px; height:165px;}
.f2{ width:130px; line-height:30px; height:110px; margin-right:70px;float:left; font-size:14px; color:#333333; margin-top:5px; margin-left:16px; text-align:center}
.pwzw{ text-align:left; margin-left:20px; margin-top:10px; font-size:16px; color:#FC6701}
.ppm{ width:600px; height:20px; clear:both}
.ppm1{ width:150px; height:20px; line-height:20px; float:left; border-bottom:2px #FC6701 solid; text-align:left; padding-left:10px; color:#FC6701; font-size:18px}
.ppm2{ width:430px; height:20px; line-height:20px; float:left;border-bottom:2px #AAADB4 solid; text-align:right; padding-right:10px;}
.zzzw{ color:#7CCDEA}
.ssc{ width:600px; position:absoulte;z-index:0; }
.ssc1{ width:600px; position:absoulte;z-index:0; margin-top:10px; }
.ssu{ width:630px; height:334px; border:0px #000000 solid}
.ks{ width:200px; float:left; height:30px; line-height:30px; color:#7C8389; font-size:24px; margin-top:10px;}
.ks1{ width:95px; float:left; height:20px; line-height:20px; margin-top:15px; border-right:1px #CCCCCC solid;color:#7C8389; text-align:center}
.ks2{ width:620px; height:150px; margin-top:10px; background:#0099FF;}
.sssm{ color:#EB5403}
.zzzws{ color:#EA5503; font-size:16px}
.wcm{ margin-bottom:20px;}
.dp{ width:630px; height:334px; }
.dtop{ width:630px; height:100px; border-bottom:1px #CCCCCC solid}
.dleft{ width:460px; height:100px; float:left}
.dtitle{ text-align:left; height:25px; line-height:25px; font-size:18px; font-weight:bold}
.dcont{ text-align:left; font-size:14px; line-height:20px; margin-top:10px;}
.ys{ color:#FF3300}
.dright{ width:160px; height:100px; float:left}
.dx{ width:630px; height:100px; border-bottom:0px #CCCCCC solid; margin-top:10px;}
.ys1{ color:#008CD4; font-size:16px;}
.dbw{ width:630px; height:130px; border-bottom:0px #CCCCCC solid; margin-top:0px;}
.dbw1{ width:200px; height:130px; float:left}
.dbw1{ font-size:14px; font-weight:bold; text-align:left}
.ys3{ font-size:12px; color:#666}
.sst{ margin-top:10px;}
.dbw3{ width:200px; height:80px; margin-top:10px; }
.dbw31{ width:70px; height:80px; float:left}
.dbw32{ width:120px; height:80px; float:left; font-size:12px}
.top3{ margin-top:20px;}
.flexslider{position:relative;height:433px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1; }
.slides li{height:433px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:56px;height:80px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{margin-left:40px;background:url(../images/left.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/right.png) center center no-repeat;}
html{color:#444333;background-color:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;min-width:1200px}
html, body, section, div, p, h1, form, input, textarea, label, ol, ul, li, h1, h2, h3{margin:0;padding:0}
ol li{list-style-position:inside}
ul li{list-style:none}::selection{color:#fff;background-color:rgb(10,77,0)}
.center{display:block;width:1200px;margin:30px auto;position:relative}
/*for-majors*/
.major-list-outer{height:790px; overflow:hidden}
.major-list{margin-right:-32px;margin-bottom:-30px;*margin-bottom:0px}
.major-list li{width:268px;height:233px;margin-right:32px;margin-bottom:32px;float:left;position:relative}
.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.front-face{z-index:2;background:url(../images/majors.png) no-repeat 0 0}
.back-face{z-index:1;background:url(../images/majors_back.jpg) no-repeat 0 0}
.major-list li a{overflow:hidden}
.major-list li:hover a .back-face{z-index:3;}
#dx .front-face, #dx .back-face{background-position:0 0}
#rj .front-face, #rj .back-face{background-position:-300px 0}
#jx .front-face, #jx .back-face{background-position:-620px 0}
#gdz .front-face, #gdz .back-face{background-position:-920px 0}
#jsj .front-face, #jsj .back-face{background-position:0 -234px}
#kz .front-face, #kz .back-face{background-position:-300px -234px}
#jg .front-face, #jg .back-face{background-position:-620px -234px}
#sx .front-face, #sx .back-face{background-position:-920px -234px}
#gl .front-face, #gl .back-face{background-position:-0 -470px}
#ch .front-face, #ch .back-face{background-position:-300px -470px}
#wl .front-face, #wl .back-face{background-position:-620px -470px}
#xw .front-face, #xw .back-face{background-position:-920px -470px}
/*for-majors ending here*/
.btm{ margin:30px auto}
.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-ms-keyframes flipInX {
0% {
-ms-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-ms-transform: perspective(400px) rotateX(-10deg);
}
70% {
-ms-transform: perspective(400px) rotateX(10deg);
}
100% {
-ms-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-ms-backface-visibility: visible !important;
-ms-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-ms-keyframes flipOutX {
0% {
-ms-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-ms-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-ms-animation-name: flipOutX;
-ms-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
height: 100%;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-ms-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-ms-animation-name: fadeOut;
animation-name: fadeOut;
height: 0;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes tada {
0% {-ms-transform: scale(1);}
10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
100% {-ms-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 0;}
25%, 75% {opacity: 1;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 0;}
25%, 75% {opacity: 1;}
}
@-ms-keyframes flash {
0%, 50%, 100% {opacity: 0;}
25%, 75% {opacity: 1;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 0;}
25%, 75% {opacity: 1;}
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-ms-keyframes bounceInUp {
0% {
opacity: 0;
-ms-transform: translateY(2000px);
}
60% {
opacity: 1;
-ms-transform: translateY(-30px);
}
80% {
-ms-transform: translateY(10px);
}
100% {
-ms-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-ms-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-ms-keyframes bounceInDown {
0% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
60% {
opacity: 1;
-ms-transform: translateY(30px);
}
80% {
-ms-transform: translateY(-10px);
}
100% {
-ms-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-ms-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-ms-keyframes bounceInLeft {
0% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
60% {
opacity: 1;
-ms-transform: translateX(30px);
}
80% {
-ms-transform: translateX(-10px);
}
100% {
-ms-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-ms-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-ms-keyframes bounceInRight {
0% {
opacity: 0;
-ms-transform: translateX(2000px);
}
60% {
opacity: 1;
-ms-transform: translateX(-30px);
}
80% {
-ms-transform: translateX(10px);
}
100% {
-ms-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-ms-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-ms-keyframes slideInRight {
0% {
opacity: 0;
-ms-transform: translateX(2000px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes slideOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes slideOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-ms-keyframes slideOutLeft {
0% {
opacity: 1;
-ms-transform: translateX(0);
}
100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
/* Above all are from animate.css by daneden http://daneden.me/animate/ */
.from-top{
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.from-left{
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.from-top, .from-left{
-webkit-animation: enter-clockwise 0.23s ease-out;
-moz-animation: enter-clockwise 0.23s ease-out;
-ms-animation: enter-clockwise 0.23s ease-out;
animation: enter-clockwise 0.23s ease-out;
}
.from-right{
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.from-bottom{
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.from-right, .from-bottom{
-webkit-animation: enter-anti-clockwise 0.23s ease-out;
-moz-animation: enter-anti-clockwise 0.23s ease-out;
-ms-animation: enter-anti-clockwise 0.23s ease-out;
animation: enter-anti-clockwise 0.23s ease-out;
}
.to-top{
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.to-left{
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.to-top, .to-left{
-webkit-animation: leave-anti-clockwise 0.23s ease-out;
-moz-animation: leave-anti-clockwise 0.23s ease-out;
-ms-animation: leave-anti-clockwise 0.23s ease-out;
animation: leave-anti-clockwise 0.23s ease-out;
}
.to-right{
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.to-bottom{
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.to-right, .to-bottom{
-webkit-animation: leave-clockwise 0.23s ease-out;
-moz-animation: leave-clockwise 0.23s ease-out;
-ms-animation: leave-clockwise 0.23s ease-out;
animation: leave-clockwise 0.23s ease-out;
}
@-webkit-keyframes enter-clockwise{
from{
z-index: 3;
-webkit-transform: rotate(-90deg);
}
to{
z-index: 3;
-webkit-transform: rotate(0deg);
}
}@-moz-keyframes enter-clockwise{
from{
z-index: 3;
-moz-transform: rotate(-90deg);
}
to{
z-index: 3;
-moz-transform: rotate(0deg);
}
}@-ms-keyframes enter-clockwise{
from{
z-index: 3;
-ms-transform: rotate(-90deg);
}
to{
z-index: 3;
-ms-transform: rotate(0deg);
}
}@keyframes enter-clockwise{
from{
z-index: 3;
transform: rotate(-90deg);
}
to{
z-index: 3;
transform: rotate(0deg);
}
}
@-webkit-keyframes enter-anti-clockwise{
from{
z-index: 3;
-webkit-transform: rotate(90deg);
}
to{
z-index: 3;
-webkit-transform: rotate(0deg);
}
}@-moz-keyframes enter-anti-clockwise{
from{
z-index: 3;
-moz-transform: rotate(90deg);
}
to{
z-index: 3;
-moz-transform: rotate(0deg);
}
}@-ms-keyframes enter-anti-clockwise{
from{
z-index: 3;
-ms-transform: rotate(90deg);
}
to{
z-index: 3;
-ms-transform: rotate(0deg);
}
}@keyframes enter-anti-clockwise{
from{
z-index: 3;
transform: rotate(90deg);
}
to{
z-index: 3;
transform: rotate(0deg);
}
}
@-webkit-keyframes leave-clockwise{
from{
z-index: 3;
-webkit-transform: rotate(0deg);
}
to{
z-index: 3;
-webkit-transform: rotate(90deg);
}
}@-moz-keyframes leave-clockwise{
from{
z-index: 3;
-moz-transform: rotate(0deg);
}
to{
z-index: 3;
-moz-transform: rotate(90deg);
}
}@-ms-keyframes leave-clockwise{
from{
z-index: 3;
-ms-transform: rotate(0deg);
}
to{
z-index: 3;
-ms-transform: rotate(90deg);
}
}@keyframes leave-clockwise{
from{
z-index: 3;
transform: rotate(0deg);
}
to{
z-index: 3;
transform: rotate(90deg);
}
}
@-webkit-keyframes leave-anti-clockwise{
from{
z-index: 3;
-webkit-transform: rotate(0deg);
}
to{
z-index: 3;
-webkit-transform: rotate(-90deg);
}
}@-moz-keyframes leave-anti-clockwise{
from{
z-index: 3;
-moz-transform: rotate(0deg);
}
to{
z-index: 3;
-moz-transform: rotate(-90deg);
}
}@-ms-keyframes leave-anti-clockwise{
from{
z-index: 3;
-ms-transform: rotate(0deg);
}
to{
z-index: 3;
-ms-transform: rotate(-90deg);
}
}@keyframes leave-anti-clockwise{
from{
z-index: 3;
transform: rotate(0deg);
}
to{
z-index: 3;
transform: rotate(-90deg);
}
}
@-webkit-keyframes slideDown{
from{
-webkit-transform: translateY(-75px);
}
to{
-webkit-transform: translateY(0px);
}
}@-moz-keyframes slideDown{
from{
-moz-transform: translateY(-75px);
}
to{
-moz-transform: translateY(0px);
}
}@-ms-keyframes slideDown{
from{
-ms-transform: translateY(-75px);
}
to{
-ms-transform: translateY(0px);
}
}@keyframes slideDown{
from{
transform: translateY(-75px);
}
to{
transform: translateY(0px);
}
}
@-webkit-keyframes slideUp{
from{
-webkit-transform: translateY(0px);
}
to{
-webkit-transform: translateY(-75px);
}
}@-moz-keyframes slideUp{
from{
-moz-transform: translateY(0px);
}
to{
-moz-transform: translateY(-75px);
}
}@-ms-keyframes slideUp{
from{
-ms-transform: translateY(0px);
}
to{
-ms-transform: translateY(-75px);
}
}@keyframes slideUp{
from{
transform: translateY(0px);
}
to{
transform: translateY(-75px);
}
}
@-webkit-keyframes bounceStrenth {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceStrenth {
0% {
opacity: 0;
-moz-transform: scale(0);
}
60% {
opacity: 1;
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@-ms-keyframes bounceStrenth {
0% {
opacity: 0;
-ms-transform: scale(0);
}
60% {
opacity: 1;
-ms-transform: scale(1.2);
}
100% {
-ms-transform: scale(1);
}
}
@keyframes bounceStrenth {
0% {
opacity: 0;
transform: scale(0);
}
60% {
opacity: 1;
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes bounceBigStrenth {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
60% {
opacity: 1;
-webkit-transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceBigStrenth {
0% {
opacity: 0;
-moz-transform: scale(0);
}
60% {
opacity: 1;
-moz-transform: scale(1.4);
}
100% {
-moz-transform: scale(1);
}
}
@-ms-keyframes bounceBigStrenth {
0% {
opacity: 0;
-ms-transform: scale(0);
}
60% {
opacity: 1;
-ms-transform: scale(1.4);
}
100% {
-ms-transform: scale(1);
}
}
@keyframes bounceBigStrenth {
0% {
opacity: 0;
transform: scale(0);
}
60% {
opacity: 1;
transform: scale(1.4);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}