/*通用样式*/
*{margin:0;padding:0;word-wrap:break-word;}
body{font-size:12px;color:#4C4C4C;font-family:Arial,'microsoft yahei',simsun,sans-serif;color:#444;min-width:1200px;}
a{color:#4C4C4C;text-decoration:none;}
a:hover{color:#FF0000;}
a img{border:none;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input:focus,textarea:focus,select:focus{ outline:none;}
input[type="text"],select{ height:30px; line-height:30px; color:#999; border:1px solid #ddd;}

tr {padding: 0px; margin: 0px;list-style-type: none;}
h2,h3,h4{padding:0px; font-size:14px; font-weight:normal;}
i,em{ font-style:normal;}
.w1015{ width:1015px; overflow:hidden;}
.clear{ height:0px; clear:both; overflow:hidden;}
.blank10{ height:10px !important; overflow:hidden;}
.blank15{ height:15px !important; overflow:hidden;}
.blank20{ height:20px !important; overflow:hidden;}
.clearfloat {clear:both;height:0; overflow:hidden;}
.clearfix{display:block;*zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.mainbox{ width:1180px; margin:0 auto;padding: 0 10px;}
.fl{ float:left;}
.fr{ float:right;}
.bk{border:1px solid red;}
.w1200{ width:1200px; overflow:hidden;margin:auto;}




/*首页样式*/

.indexheader{width:100%;height:233px;background:url(../img/headerbg.jpg) no-repeat center 42px;}

.headerTop{width:100%;height:42px;overflow:hidden;background:#165aa1;}
.headerTop .w1200{}
.headerTop .w1200 .lbox{line-height:42px;color:#fff;font-size:16px;width:600px;}
.headerTop .w1200 .rbox{}

.indexLogo{width:100%;height:145px;display:block;}

.indexBanner{width:100%;height:450px;overflow:hidden;}


/*导航栏*/

.menu_nav{overflow:hidden;background:url(../img/navbg.jpg) repeat-x left top;}
.menu_nav ul{width:1200px;margin:auto;overflow:hidden;height:46px}
.menu_nav ul li{float:left;line-height:46px;height:46px;width:150px;}
.menu_nav ul .li_first{width:220px}
.menu_nav ul .li_first a{width:220px;text-align:center}
.menu_nav ul li a{color:#595959;font-size:16px;font-weight:600;display:block;text-align:center;width:150px;height:46px}
.menu_nav ul li a:hover{background:#165aa1;position:relative;color:#fff}
.menu_nav ul li dl{position:absolute;background:url(../img/navbg.jpg) repeat left top;;width:150px;display:none;z-index:99999}
.menu_nav ul li dl a{background:#165aa1;color:#fff;display:block;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #fff;font-weight:400}
.menu_nav ul li dl dt:last-child a{border-bottom:0}
.menu_nav ul li dl a:hover{background:#fff;color:#165aa1;}

.menu_nav .current{background:#165aa1;}




/*通用标题*/

.indextit{width:100%;height:40px;overflow:hidden;}
.indextit p{float: left;width:auto;height:40px;line-height:40px;overflow:hidden;}
.indextit p i{width:40px;height:40px;display:block;float: left;}
.indextit p span{display:block;float: left;}
.indextit p .s1{font-size:20px;color:#165aa1;font-weight:bolder;}
.indextit p .s2{color:#959494;font-size:16px;margin:2px 0 0 15px;}

.indextit .more{float:right;width:67px;height:24px;margin-top:8px;background:url(../img/hover.png) no-repeat center;}
.indextit .more:hover{background:url(../img/hovera.png) no-repeat center;}

.indexNews i{background:url(../img/ico1.png) no-repeat center;}

.indexNotice .lbox i{background:url(../img/ico6.png) no-repeat center;}
.indexNotice .rbox i{background:url(../img/ico7.png) no-repeat center;}

.indexCont .cont1 i{background:url(../img/ico7.png) no-repeat center;}
.indexCont .cont2 i{background:url(../img/ico2.png) no-repeat center;}
.indexCont .cont3 i{background:url(../img/ico4.png) no-repeat center;}
.indexCont .cont4 i{background:url(../img/ico3.png) no-repeat center;}

.indexLink .indextit i{background:url(../img/ico5.png) no-repeat center;}

/*首页新闻幻灯*/

.indexNews{width:100%;height:460px;overflow:hidden;padding:20px 0;}

.indexNews .lbox{width:500px;height:395px;overflow:hidden;float: left;margin-top:20px;}

.indexNews .rbox{width:670px;height:395px;float:right;margin-top:20px;overflow:hidden;}
.indexNews .rbox ul{overflow:hidden;}
.indexNews .rbox ul li{width:660px;height:40px;line-height:40px;padding-left:10px; background:url(../img/dian.jpg) no-repeat left center;}
.indexNews .rbox ul li a{float: left;width: 550px;font-size: 16px;color:#5c5c5c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexNews .rbox ul li span{float: right;display: block;font-size:14px; width: 90px;text-align: right;}
.indexNews .rbox ul li:hover{color:red;}
.indexNews .rbox ul li:hover a{color:red;}

.indexNews .rbox ul .hot{padding:10px 0;border:1px solid #eee;border-left:0;border-right:0;overflow:hidden;}
.indexNews .rbox ul .hot a{font-size:20px;margin-bottom:8px; font-weight:bolder;color:#e80404;display:block;width:100%;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexNews .rbox ul .hot p{line-height:30px;height:60px;overflow:hidden;font-size:14px;color:#818080;text-indent:2em;}


/*首页通知公告*/

.indexNotice{width:100%;height:310px;padding:20px 0; overflow:hidden;background:url(../img/bg2.png) no-repeat center #f6f5f5;}

.indexNotice .lbox{float: left;overflow:hidden;width:580px;}
.indexNotice .rbox{float:right;overflow:hidden;width:580px;}

.indexNotice ul{overflow:hidden;margin-top:10px;}
.indexNotice ul li{width:570px;height:38px;line-height:38px;padding-left:10px; background:url(../img/dian.jpg) no-repeat left center;}
.indexNotice ul li a{float: left;width:460px;font-size: 15px;color:#5c5c5c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexNotice ul li span{float: right;display: block;font-size:14px; width: 90px;text-align: right;}
.indexNotice ul li:hover{color:red;}
.indexNotice ul li:hover a{color:red;}


/*首页左右广告位*/

.index_banner{width:1200px;margin:30px auto 0;overflow:hidden;height:auto;background:#fff;}
.index_banner .lbox{display:block;width:590px;height:110px;float: left;overflow:hidden;}
.index_banner .rbox{display:block;width:590px;height:110px;float:right;overflow:hidden;}
.index_banner img{width:100%;display:block;}


/*首页广告位下面内容*/

.indexCont{width:100%;height:auto;padding:20px 0;overflow:hidden;background:#fff;}

.indexCont .lbox{float: left;overflow:hidden;width:580px;}
.indexCont .rbox{float:right;overflow:hidden;width:580px;}

.indexCont ul{overflow:hidden;margin-top:10px;}
.indexCont ul li{width:570px;height:38px;line-height:38px;padding-left:10px; background:url(../img/dian.jpg) no-repeat left center;}
.indexCont ul li a{float: left;width:460px;font-size: 15px;color:#5c5c5c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexCont ul li span{float: right;display: block;font-size:14px; width: 90px;text-align: right;}
.indexCont ul li:hover{color:red;}
.indexCont ul li:hover a{color:red;}

.indexCont .lbox ul{background:#efefef;padding:0 20px;}
.indexCont .lbox ul li{width:530px;}
.indexCont .lbox ul li span{display:none;}
.indexCont .lbox ul li a{width:530px;}


/*首页常用链接*/

.indexLink{width:100%;height:auto;overflow:hidden;}

.indexLink .indextit{border-bottom:#165aa1 1px solid; }

.indexLink .lbox{display:block;float: left;overflow:hidden;width:280px;height:120px;margin:20px 0;}
.indexLink .lbox img{width:100%;height:100%;}

.indexLink .rbox{float:right;overflow:hidden;width:900px;height:120px;margin:20px 0;}
.indexLink .rbox a{float:left;width:170px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;margin:0 12.5px 20px 0;}
.indexLink .rbox a:nth-child(1){background:#7d7b7c;}
.indexLink .rbox a:nth-child(2){background:#d19b44;}
.indexLink .rbox a:nth-child(3){background:#417699;}
.indexLink .rbox a:nth-child(4){background:#ac602e;}
.indexLink .rbox a:nth-child(5){background:#ac2e52;margin-right:0;}
.indexLink .rbox a:nth-child(6){background:#c16523;}
.indexLink .rbox a:nth-child(7){background:#a88b61;}
.indexLink .rbox a:nth-child(8){background:#559b7d;}
.indexLink .rbox a:nth-child(9){background:#aa4570;}
.indexLink .rbox a:nth-child(10){background:#9f45aa;margin-right:0;}


/*首页友情链接*/

.indexFdLink{width:100%;height:auto;overflow:hidden;background:#f5f5f5;padding:20px 0; }

.indexFdLink .lbox{width:810px;height:auto;overflow:hidden;float: left;}
.indexFdLink .lbox .tt{border-bottom:1px dashed #b1b1b1;height:36px;line-height:36px;font-size:16px;color:#5c5c5c;}
.indexFdLink .lbox p{width:810px;height:auto;overflow:hidden;margin-top:10px;}
.indexFdLink .lbox p a{display:block;float:left; width:150px;height:36px;line-height:36px;overflow:hidden;margin-right:15px;font-size:14px;color:#5c5c5c;text-overflow: ellipsis;white-space: nowrap;}
.indexFdLink .lbox p a:nth-child(5){margin-right:0;}
.indexFdLink .lbox p a:nth-child(10){margin-right:0;}
.indexFdLink .lbox p a:nth-child(15){margin-right:0;}
.indexFdLink .lbox p a:hover{color:red;}


.indexFdLink .rbox{width:370px;height:auto;overflow:hidden;float:right;margin-top:10px;}
.indexFdLink .rbox p{width:110px;height:auto;overflow:hidden;float:left;}
.indexFdLink .rbox img{width:110px;}
.indexFdLink .rbox span{width:110px;line-height:40px;text-align:center;display:block;}


/*首页底部*/

.footer{width:100%;padding:30px 0;background:#165aa1;}
.footer p{text-align:center;font-size:14px;color:#fff;line-height:36px;}
.footer p a{color:#fff;margin-right:15px;}

.footer p .gaba{background:url(../img/gaba.jpg) no-repeat left center;padding-left:26px;}



















/*导航栏面包屑*/
.navdh{background:#f6f6f6;overflow:hidden;}
.navdh .navigation{height:50px;line-height:50px;width:1200px;margin:auto;background:url(../img/dh.png) no-repeat 250px 13px;padding-left:280px;color:#434343;font-size:14px;overflow: hidden;}
.navdh .navigation a{color:#434343;font-size:14px;margin: 0 5px;}


/*栏目banner*/
.listbanner{overflow:hidden;position:relative;display:none;}

.listbanner p{display:none;position:absolute;z-index:2;font-size:36px;font-weight: bold;color:#fff;line-height:230px;top:0;left:50%;margin-left:-550px;}
.listgg{width:100%;overflow:hidden;position:relative;z-index:1;height:260px;}
.listgg img{width:100%;height:100%;}



/*栏目页-图片文章列表*/

.column_bg{width:100%;background:#eee;}

.column .leftbox .on{border-left: 6px solid #3695dd;}
.column .leftbox .on a{font-weight:600;color:#3695dd !important;}

.column{width:1160px;height:auto;overflow:hidden; margin:auto;position:relative;top:0px;padding:10px 20px 0 20px;background:#fff;z-index:999;}

.column .leftbox{width:240px;height:auto;overflow:hidden;float: left;}
.column .leftbox p{height: 50px;font-size: 24px;line-height: 50px;color: #3695dd;font-weight: bold;border-bottom: 1px solid #e6e6e6;background:url(../img/lmbg.png) no-repeat 120px 18px;}
.column .leftbox ul{border-right: 1px solid #e6e6e6;}
.column .leftbox ul li{border-bottom: 1px solid #e6e6e6;}
.column .leftbox ul li a{font-size: 16px;color: #333333;line-height: 55px;padding-left: 20px;width: 400px;height: 55px;display: block;}
.column .leftbox ul li:hover{font-weight:600;color:#3695dd !important;border-left: 6px solid #3695dd;}   
.column .leftbox ul .on:hover{/*border-left:0;*/}   
.column .leftbox ul li:hover a{color:#3695dd;} 

.column .rightbox{width:900px;height:auto;min-height:500px;overflow:hidden;float:right;}

.column .rightbox .navigation{width:880px;height: 50px;width: 100%;border-bottom: 1px solid #f0f0f0;overflow:hidden;line-height:50px;text-align:right;padding-right:20px;}
.column .rightbox .navigation a{color:#333;font-size:14px;display:block;float:right;}
.column .rightbox .navigation a:hover{color:red;}
.column .rightbox .navigation .sy{background:url(../img/dh.png) no-repeat left center;width:70px;}
.column .rightbox .navigation p{float: left;color: #333;font-size: 20px;line-height: 50px;font-weight:600;}

.column .rightbox .contlist{overflow:hidden;width:100%;padding-bottom: 40px;}
.column .rightbox .contlist ul{width:100%;overflow:hidden;}
.column .rightbox .contlist li{border-bottom:1px dashed #D9D9D9;width: 880px;padding: 20px 10px;overflow:hidden;}
.column .rightbox .contlist li dd{width: 640px;float: right;padding: 0 10px;height: 135px;overflow: hidden;}
.column .rightbox .contlist li img{width: 200px;float: left;height:135px;max-height:135px;}
.column .rightbox .contlist li h2{font-size: 20px;height: 30px;}
.column .rightbox .contlist li h2 a{color: #000;font-size: 16px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;width:90%;}
.column .rightbox .contlist li a:hover{color: red;}
.column .rightbox .contlist li p{padding: 5px 0;line-height: 30px; font-size: 12px;}
.column .rightbox .contlist li p a{color: #016ca4;}
.column .rightbox .contlist li span{font-size: 12px;margin-top: 15px;color: #999;display: block;}
.column .rightbox .contlist li p{}

.column .rightbox .contlist li .bom{height: 30px;line-height: 30px;padding: 0 20px;}
.column .rightbox .contlist li .bom span{margin: 0;}
.column .rightbox .contlist li .more{float: right;display: block;width:80px;height:26px;line-height: 26px;text-align: center;background: #3695dd;margin-top:4px;border-radius: 4px;color:#fff;font-size: 12px;font-weight: bold;}
.column .rightbox .contlist li .more:hover{background:#777;color: #fff;}





/*栏目页-无图片列表*/

.column .nopiclist{overflow:hidden;padding:20px 0;width:100%;min-height:500px;}
.column .nopiclist ul{}
.column .nopiclist ul li{height:46px;line-height:46px; padding-left:15px;background:url(../img/dian.jpg) no-repeat left 20.5px;}
.column .nopiclist ul li a{font-size:16px;float: left;width:700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.column .nopiclist ul li span{float: right;font-size:15px;}
.column .nopiclist ul li:hover a{color:red;}
.column .nopiclist ul li:hover span{color:red;}

.column .nopiclist ul li:nth-child(5){margin-bottom:15px;padding-bottom:15px;border-bottom: 1px dashed #dddddd;}
.column .nopiclist ul li:nth-child(10){margin-bottom:15px;padding-bottom:15px;border-bottom: 1px dashed #dddddd;}
.column .nopiclist ul li:nth-child(15){margin-bottom:15px;padding-bottom:15px;border-bottom: 1px dashed #dddddd;}




/*栏目页-图片文章列表无左边栏目样式*/

.column .midbox{width:1140px;height:auto;min-height:500px;overflow:hidden;margin:auto;}

.column .midbox .navigation{width:880px;height: 50px;width: 100%;border-bottom: 1px solid #f0f0f0;overflow:hidden;line-height:50px;text-align:right;padding-right:20px;}
.column .midbox .navigation a{color:#333;font-size:14px;display:block;float:right;}
.column .midbox .navigation a:hover{color:red;}
.column .midbox .navigation .sy{background:url(../img/dh.png) no-repeat left center;width:70px;}
.column .midbox .navigation p{float: left;color: #333;line-height: 50px;font-size:24px;color: #3695dd;font-weight: bold;}

.column .midbox .contlist{overflow:hidden;width:100%;padding-bottom: 40px;}
.column .midbox .contlist ul{width:100%;overflow:hidden;}
.column .midbox .contlist li{border-bottom:1px dashed #D9D9D9;width:980px;padding: 20px 10px;overflow:hidden;}
.column .midbox .contlist li dd{width: 740px;float: right;padding: 0 10px;height: 135px;overflow: hidden;}
.column .midbox .contlist li img{width: 200px;float: left;height:135px;max-height:135px;}
.column .midbox .contlist li h2{font-size: 20px;height: 30px;}
.column .midbox .contlist li h2 a{color: #000;font-size: 16px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;width:90%;}
.column .midbox .contlist li a:hover{color: red;}
.column .midbox .contlist li p{padding: 5px 0;line-height: 30px; font-size: 12px;}
.column .midbox .contlist li p a{color: #016ca4;}
.column .midbox .contlist li span{font-size: 12px;margin-top: 15px;color: #999;display: block;}
.column .midbox .contlist li p{}

.column .midbox .contlist li .bom{height: 30px;line-height: 30px;padding: 0 20px;}
.column .midbox .contlist li .bom span{margin: 0;}
.column .midbox .contlist li .more{float: right;display: block;width:80px;height:26px;line-height: 26px;text-align: center;background: #3695dd;margin-top:4px;border-radius: 4px;color:#fff;font-size: 12px;font-weight: bold;}
.column .midbox .contlist li .more:hover{background:#777;color: #fff;}    


/*图片栏目列表*/

.column .piclist{padding:20px 0;overflow:hidden;}
.column .piclist li{overflow:hidden;width:285px;height:220px;float:left;margin-bottom:10px;}
.column .piclist li .img{display:block;width:270px;height:180px;overflow:hidden;margin:auto;}
.column .piclist li .img img{
    width:100%;height:100%;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
    transition: transform 1s ease-out;
}
.column .piclist li .img img:hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
}

.column .piclist li .pictit{display:block;width:270px;line-height:40px;font-size:15px;margin:auto;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}


.wvideo {}
.wvideo li{position:relative;}
.wvideo .wsp{display:block;position:absolute;top:70px;left:115px;z-index:999;width:40px;height:40px;opacity:0.6;}
.wvideo .wsp img{width:100%;height:100%;}

.wvideo li:hover .wsp{opacity:1;}



/*单页*/
.danyem{padding:20px !important;overflow:hidden;width:860px !important;}
.danyem p{font-size:16px;margin-bottom:20px;line-height:36px;text-indent:2em;}



.column .listdy{width:880px !important;padding:20px 10px;margin:20px 0;overflow:hidden;}
.column .listdy p{font-size:16px;line-height:190%;margin-bottom:15px;}
.column .listdy span{font-size:16px;line-height:190%;text-indent:2em;}



/*动画*/

@-webkit-keyframes flipInX {from {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}
to {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInX {from {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}
to {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInX {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY {from {-webkit-transform:perspective(400px) rotate3d(0,1,0,45deg);transform:perspective(400px) rotate3d(0,1,0,45deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-10deg);transform:perspective(400px) rotate3d(0,1,0,-10deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,5deg);transform:perspective(400px) rotate3d(0,1,0,5deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-2.5deg);transform:perspective(400px) rotate3d(0,1,0,-2.5deg);}
to {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInY {from {-webkit-transform:perspective(400px) rotate3d(0,1,0,45deg);transform:perspective(400px) rotate3d(0,1,0,45deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-10deg);transform:perspective(400px) rotate3d(0,1,0,-10deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,5deg);transform:perspective(400px) rotate3d(0,1,0,5deg);opacity:1;}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-2.5deg);transform:perspective(400px) rotate3d(0,1,0,-2.5deg);}
to {-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInY {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX {from {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
to {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}
@keyframes flipOutX {from {-webkit-transform:perspective(400px);transform:perspective(400px);}
30% {-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}
to {-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}