/* 首页部分开始 */


 
/*友情连接*/
/*.p_l_list{ background-color:#fff; float:left;}*/
.p_l_list li{float:left; width:120px; float:left; margin: 10px;}
.p_l_list li a{display: table-cell;text-align: center;vertical-align: middle;width: 120px;}
.p_l_list li img{ width: 120px; height:60px; display:block;}


 /*width:239px; height:50px;*/
.pimg_banner {

    width: 100%;
    height: auto;
    display: block;

}
/*下载*/
.n_d_list li{ height: 38px;border-bottom: #ccc 1px dotted;}
.n_d_list li a{ float:left; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:14px;}
.n_d_list li span{ float:right; line-height:30px;}
.box img {

    width: 100%;
    height: auto;

}
/*招聘*/
.n_j_list li{ height: 30px;border-bottom: #ccc 1px dotted;}
.n_j_list li a{ float:left; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.n_j_list li span{ float:right; line-height:30px;}

/*新闻*/
.n_n_list li{overflow: hidden;margin-bottom: 40px;}
.n_n_list li img{float:left;width: 200px; height: 120px;}
.n_n_list li .text{width: 75%;  overflow: hidden;  float: right;}
.n_n_list li .text h3{font-size: 18px;  color: #333333;margin-bottom: 10px;}
.n_n_list li .text span{font-size: 13px;color: #999999;}
.n_n_list li .text p{font-size: 14px;  line-height: 24px;  color: #666666;margin-top: 12px;}


/*.n_n_list dl dt a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}*/




.listnew_left{ float:left; }
.listnew_left li{ width:310px; height:190px; border:2px solid #EBEBEB}
.listnew_left li img{ width:285px; height:157px; padding:15px 0 0 13.5px;}
.listnew_right{ width:660px; float:right; margin-top:35px}
.title2{ font-size:14px; color:#E60012; height:25px;}
.title2 a{color:#E60012; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; width:500px;}
.title2 span{ float:right; font-size:12px; background:url(404.png)  no-repeat 75px -2px; padding-right:20px}
.listnews_article{ font-size:12px; line-height:30px; margin-top:10px; height:90px; overflow:hidden;}
.listnews_article span{ color:#E71021}
.listnews_article span a{color:#E71021}
.listnews_our{ margin-bottom:35px; width:1000px; float:left;}
 
 .waterfall{
        -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari 和 Chrome */
        column-count:3;
        -moz-column-gap: 1em;
      -webkit-column-gap: 1em;
      column-gap: 1em;
    }
    /*一个内容层*/
    .item{
     
     
width: 280px;  height: 340px;  overflow: hidden;  margin-bottom: 10px;
    }
    .item img{
        width: 280px; 
height: 280px;
    }




/*视频*/
.p_v_list{}
.p_v_list li{float:left; display:inline-block; width:320px; margin:0 6px 10px 7px;}
.p_v_list li img{width:320px; height:240px;}
.p_v_list li span{ display:block; height:30px; line-height:30px; text-indent:20px; width:320px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:2px solid #d9d7d7; background:url(404.png) no-repeat 3px center;}




/* ---------------结束---------------- */


/* ---------------开始首页内容------------------ */
/* 首页推荐新闻*/
.i_n_list{}
.i_n_list .nlist2 li{line-height:24px; padding-left:8px; width:224px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(404.png) no-repeat 8px 10px; padding-left:15px;}
.i_n_list .nlist2 a{display:block; width:220px; overflow:hidden;float:left;font-size:12px; text-align:left; white-space:nowrap;text-overflow:ellipsis;}
.i_n_list .nlist2 a:hover{ text-decoration:none;}

.i_n_list .i_title li{width:90px;}
.i_n_list .i_title a{float:left; padding-left:13px;font-size:12px; text-align:left;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:none; color:#616161;}
.i_n_list .i_title a:hover{ color:#fff;}

/* 首页推荐产品 */
/* 首页友情链接图片列表式 */
.i_l_list{ display:inline-block;}
.i_l_list a{display:block; display:inline; overflow:hidden; float:left; width:30.5%; margin:5px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;}
.i_l_list img{ display:block;width:96%;height:80px; padding:1px;border:1px solid #C4C4C4;}
.i_l_list a:hover img{border:1px solid #900; }


/* 翻页按钮 */
.navPage{clear:left; padding:15px 0px 10px 0px;font-size:14px;font-family:arial,simsun,sans-serif; text-align:center; width:100%; margin:0 auto;}
.navPage ul{ text-align:center;}
.navPage li{ display:inline-block; margin-right:2px;}
.navPage a{display:block; color:#cccccc;width:26px; height:26px; display:block; border:1px solid #cccccc; line-height:26px; }
.navPage a:hover,a.pagebarCurrent{color:#fff; text-decoration:none; border:1px solid #243a8e; background-color:#243a8e;}
/* ---------------结束栏目列表---------------- */


/*产品分类*/
.sortnavt{ display:block;height: 80px; text-align: center;background: #2b4d7e;position: relative;}
.sortnavt:before{content: ""; position: absolute; width: 35px; height: 50px; border: 5px solid #47bfe5;transform: rotate(270deg); left: 3px; border-bottom: none; border-left: none; top: -13px;}



.sortnavt > *{color: #fff;}
.sortnavt h3{height:35px; line-height:35px;font-size: 26px;}
.sortnavt span{display:block; font-size:14px; line-height:40px;text-transform:capitalize;font-size: 14px;}

.sortnavul li{display:inline-block;position: relative;text-align: center;}
.sortnavul li:after{    width: 8px;
    height: 8px;
    border: 1.45px solid #243a8e;
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    left: 200px;}

.sortnavul li a{display: inline-block;width: 135px;height: 50px;font-size: 16px;line-height: 50px; color: #333333; background: #FFF;text-align: center;border-bottom: #d9d9d9 1px solid;}
.sortnavul li a:hover{color: #243a8e; font-weight: bold;}
.sortnavli:hover .sortnavul li::after{border: 2px solid #FFF;}
.sortnavul li ul{ display:none;}

.sortnavul li:nth-last-child(1) > a{border:none;}

/*.sidebar a{ display:inline-block; width:135px; height: 40px; margin:0 5px; font-size:16px; line-height: 38px; border:1px solid #e5e5e5; border-radius:3px; color: #333333; background: #FFF;}
.sidebar a:hover{border:1px solid #e28b0f;  background: #e28b0f; color: #FFF;}*/


/*单页图文分类*/
.menu_56 .content p{font-size: 16px;line-height: 30px;margin-bottom: 30px; text-indent: 2em;}
.menu_56 .content .title{text-align: right;}
.menu_56 .content .title h3{font-size: 22px;color: #2b4d7e;line-height: 30px;margin-top:20px;position: relative;margin-bottom: 66px;}
.menu_56 .content .title h3:before{content: "";width: 80px; height: 3px; background-color: #2b4d7e; position: absolute;top: 50px;}

.menu_59 .content img{margin-bottom:40px;}
.menu_59 .content ul{margin-left: 25px;  border-left: 2px solid #47bfe5;padding: 30px;}
.menu_59 .content ul li{margin-bottom: 40px;}
.menu_59 .content ul h3{float: left;font-size: 24px;color: #2b4d7e;position: relative;}
.menu_59 .content ul div{width: 80%;  float: right;}
.menu_59 .content ul div p{color: #333333;font-size: 16px;line-height: 30px;}
.menu_59 .content ul li:nth-last-child(1){margin:0;}
.menu_59 .content ul h3:before{content: "";  background: url(../image/yq.png) no-repeat;width: 20px;  height: 20px;  position: absolute;left: -40px;}
.menu_59 .content ul li:after{     content: " ";     display: block;     height: 0;     clear: both;     visibility: hidden; }


.menu_60 .title{text-align: left;background: url(../image/i_gsjjtitle.png) no-repeat left;  height:auto;padding: 22px 0;margin-bottom: 50px;padding-left: 25px;}
.menu_60 .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.menu_60 .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.menu_60 .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;}
.menu_60 .box img{float:left;margin-right: 40px;}
.menu_60 .box li:nth-child(2n+1) img{float:right;margin-left: 40px;margin-right: 0;}
.menu_60 .box li > div{width:45%;}
.menu_60 .box li:nth-child(2n) div{float:right;}

.menu_60 .box li {overflow: hidden;margin-bottom: 40px;}
.menu_60 .box li > div h3{letter-spacing: 2px;  color: #2b4d7e;  font-size: 28px;}
.menu_60 .box li > div h3 > span{letter-spacing: 1px; 	color: #2b4d7e;font-size:14px;}
.menu_60 .box li > div h4{letter-spacing: 1px;  color: #2b4d7e;  margin-top: 12px;position: relative;}
.menu_60 .box li > div h4:before{content:"";width: 60px;  height: 3px;  background-color: #47bfe5;  position: absolute;  top: 50px;}
.menu_60 .box li > div p{text-align: justify;margin-top:47px;color: #333333;  font-size: 14px;  line-height: 28px;}
.menu_60 .content > div > ul li img{float:left}
.menu_60 .content > div > ul li div{width: 45%; float: right;padding: 100px 0;}
.menu_60 .content > div > ul li p{font-size: 28px; letter-spacing: 2px; color: #2b4d7e;margin-bottom: 13px;}
.menu_60 .content > div > ul li span{font-size: 16px; letter-spacing: 1px; color: #2b4d7e;}


.menu_63 .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.menu_63 .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.menu_63 .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.menu_63 .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.menu_63 .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: 150px;} 
.menu_63 .p_container .box{ overflow: hidden;padding: 0 135px 68px 191px;}
.menu_63 .p_container .box .left{float: left;  height: auto;text-align: center;}
.menu_63 .p_container .box .left h4{font-size: 28px;  color: #2b4d7e;margin-top:40px;}
.menu_63 .p_container .box .right{float: right;  overflow: hidden;}
.menu_63 .p_container .box .right li{line-height: 30px;}
.menu_63 .p_container .box .right img{margin-right: 20px;}
.menu_63 .p_container .box .right span{letter-spacing: 1px;  color: #333333;  font-size: 16px;}

#chatframe_1 {
    z-index: 99999;
    position: absolute;
    top: 0px !important;
}
.menu_64 .p_container{width:100%;max-width:100%;}
.cptd .box1, .cptd .box2, .syfw .box, .zygn, .p_cpyl .box, .znxzdjy{width: 1200px; margin: 0 auto;max-width:100%;}
.menu_64 .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.menu_64 .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.menu_64 .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.menu_64 .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -37px;}
.menu_64 .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;} 
.znxzdjy .box{display: flex;  justify-content: space-around;}
.znxzdjy .box > img{max-height: 241px;}
.znxzdjy .box .left li img{float: right;}
.znxzdjy .box .right li img{float: left;}
.znxzdjy .box .left li, .znxzdjy .box .right li{overflow: hidden;margin-bottom: 125px;}
.znxzdjy .box .left li div{float: left;  margin-right: 20px;}
.znxzdjy .box .right li div{float: right;  margin-left: 20px;}
.p_cpyl{text-align: center;background-color: #f2f8ff;padding: 60px 0 90px;}
.p_cpyl p{color: #333333; font-size: 16px; line-height: 30px; padding: 0 65px;margin-bottom: 45px;}
.syfw, .zygn{padding: 60px 0 80px;}
.zygn ul{display: flex; justify-content: space-evenly;}
.zygn ul li{width: 210px;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15); border-radius: 0px 0px 10px;text-align: center;}
.zygn ul li h4{position: relative; padding: 25px 0 28px;}
.zygn ul li h4:before{content: "";position: absolute;width: 30px;height: 3px;background-color: #2b4d7e;left: 43%; top: 60px;}
.zygn ul li p{padding: 0 8px 20px;}
.syfw{background-color: #f2f8ff;width:100%;max-width:100%;}
.syfw .box ul{display: flex;  justify-content: space-between;  flex-wrap: wrap;}
.syfw .box li{width: calc(100%/4);  text-align: center;margin-bottom: 40px;}
.syfw .box li h4{margin-top:20px;font-size: 16px;color:#333;}
.cptd .box1, .cptd .box2{overflow: hidden;}
.cptd .box1 > img, .cptd .box1 .right{float:left;}
.cptd .box1 .right{padding: 53px 0 65px;margin-left: 145px;width: 332px;}
.cptd .box1 .right h3{font-size: 18px;  letter-spacing: 1px;  color: #2c4d7e;}
.cptd .box1 .right span{font-size: 14px;  color: #49c0e6;margin-bottom: 55px;}
.cptd .box1 .right li{width: calc(50%);  float: left;  color: #2c4d7e;  font-size: 16px;  margin-bottom: 20px;list-style-image: url(404.png);}
.cptd .box2 ul{display: flex;  justify-content: space-around;  flex-wrap: wrap;}
.cptd .box2 li{width: calc(100% / 3);margin: 62px 0;}
.cptd .box2 li img, .cptd .box2 li h4{float: left;}
.cptd .box2 li img{margin-right:18px;}
.cptd .box2 li h4{font-size: 16px; letter-spacing: 1px; color: #333333;}
.cptd .box2 li p{font-size: 14px; letter-spacing: 1px; color: #666666;}

.sclyj .box{overflow: hidden; border-bottom: solid 1px rgb(236, 236, 236); padding-bottom: 50px;margin-bottom: 36px;}
.sclyj .box > img{float: left;}
.sclyj .box .right{float: left; padding-left: 115px;}
.sclyj .box .right span{font-size: 12px; letter-spacing: 1px; color: #47bfe5;}
.sclyj .box .right h3{font-size: 24px; letter-spacing: 1px; color: #2b4d7e;margin-bottom: 25px;position: relative;}
.sclyj .box .right h3:before{content: "";position: absolute; width: 30px; height: 2px; background-color: #2b4d7e; top: 12px; left: -46px;}
.sclyj .box .right li{list-style-image: url(404.png);color: #333333; font-size: 16px; padding-left: 15px;margin-bottom: 10px;}


.menu_67 .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.menu_67 .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.menu_67 .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.menu_67 .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.menu_67 .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  right: -35px;;} 
.sclfw .box ul{display: flex;  justify-content: space-around;display: none;}

.sclfw .box li{float: left;position: relative;width: calc((100%/6) - 30px);  margin-right: 30px;text-align: center;  color: #fff;background-color: #2b4d7e; 	border-radius: 6px;height: 230px;
font-size: 16px; letter-spacing: 2px;padding: 0 12px;display: flex; align-items: center;}
.sclfw .box li div{width:100%;}
.sclfw .box li:nth-last-child(1){margin:0;}
.sclfw .box li:before{content: ""; width: 28px; height: 20px; background: url(404.png); position: absolute;top: 90px;  right: -40px;}
.sclfw .box li:nth-last-child(1):before{display:none;}


.menu_68 .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.menu_68 .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.menu_68 .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.menu_68 .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.menu_68 .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px; right: -40px;}
.cssly {width: 830px; margin: 0 auto;max-width: 100%;}
.cssly div{margin-bottom: 50px;}
.cssly > h3{font-size: 14px; line-height: 30px; color: #2b4d7e; margin-bottom: 50px;text-align: center;}
.cssly div h3{font-size: 18px; line-height: 30px; color: #2b4d7e;}
.cssly p{font-size: 16px;  line-height: 30px;  color: #333333;  text-indent: 2em;}
.cssly div:nth-child(4){display: flex; justify-content: space-between;margin-bottom: 20px;}

.menu_69 .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.menu_69 .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.menu_69 .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.menu_69 .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.menu_69 .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;right: -40px;}
.fsclly{width: 900px; margin: 0 auto;max-width: 100%;}
.fsclly p{font-size: 16px; line-height: 30px; color: #333333; text-indent: 2em;margin-bottom: 40px;}
.fsclly div{text-align: center;}
.fsclly div h3{font-size: 14px; line-height: 30px; color: #2b4d7e; margin-top: 20px;}

.menu_70 .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.menu_70 .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.menu_70 .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.menu_70 .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.menu_70 .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px; right:-40px;} 


.menu_71 .title{text-align: left;background: url(../image/i_gsjjtitle.png) no-repeat left;  height:auto;padding: 22px 0;margin-bottom: 50px;padding-left: 25px;}
.menu_71 .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.menu_71 .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.menu_71 .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;}
.hzal ul li{width: calc((100%/5) - 15px); float: left; margin-right: 15px; margin-bottom: 28px; text-align: center;}
.hzal ul li img{background-color: #fafafa; border: solid 1px #cccccc;}
.box1, .box2{overflow: hidden;}







.sortnavbtn{ background: url(404.png) no-repeat scroll 40px 0 transparent; color: #D4D4D4; font-weight: bold;line-height: 32px;}
.sortnavbtn a{background: url(404.png) no-repeat 40px 0;color: #D4D4D4;display: block;font-weight: bold;line-height: 32px;overflow: hidden;padding-bottom: 8px;padding-left: 50px;text-overflow: ellipsis;white-space: nowrap; width: 177px;}
.sortnavbtn a:hover{line-height:32px; background:url(404.png) no-repeat 40px 0px;padding-left:50px; color:#c30708;font-weight:bold; text-decoration:none;}
/*首页产品分类*/
.i_ullist_sortnav{float:left;}
.i_ullist_sortnav li{ border-bottom:1px solid #ffefe1; width:150px;}


/* ---------------开始栏目详细---------------- */

/*产品展示详细*/
.productview{ position:relative;}
.producttitle{text-align: center; font-weight:bold;font-size: 22px; margin-bottom:20px;}
/*默认*/
.productimg{margin:0 auto; text-align:center; padding-bottom:15px; display:block; width:600px;}
.productinfos{ overflow:hidden; display:none; text-align:center; }
.productimg a { }
.productimg a img{margin:0;padding:0;width:600px;}
.productimg a:hover img{}
/*IE6固定大小*/
*html .productimg a img{ width:400px;}
/*展示1*/
.productbigimg{ position:absolute; display:inline; width:100%;text-align:center;}
.productinfoslist{overflow:hidden;padding-left:330px; height:330px;}
.shopping{ padding-left:80px;}
.productinfoslistfos{ margin:20px 0px; float:left; width:340px;}
.productinfoslist ul{width:330px; padding-bottom:20px;}


.productremark{ clear:both;line-height:25px;}
.productremark .title{overflow: hidden; font-weight:bold; line-height:29px; display:none;}

/*内容详细页*/
.p_n_title{text-align: center; font-weight:bold; font-size: 22px;}
.remark{line-height:22px; line-height:25px; margin-top:20px;}
.remark1{ line-height:25px;}
/*下载链接*/
.download_btn{text-align:center;line-height:30px;}
/*新闻详细*/
.p_n_info{line-height:30px; text-align:right;
}
.p_n_video{text-align:center;}
/* 产品/视频详细 */
.product_others{ padding-top: 8px; clear: both; padding-left: 8px; }
.product_others li{	display: block;	clear: both;line-height: 20px;}
.onlinebuy_list .pc01{width:500px;margin:0 auto; text-align:center;}
/*.onlinebuy_list .pc01 img{width:500px;}*/
.onlinebuy_list .pc01 img{border:1px solid #bcbcbc;margin:0;padding:0;max-width:500px;width:expression(this.width>500?"500px":this.width);max-height:500px; height:expression(this.height>500?"500px":this.height);}
.onlinebuy_list .pc01 a:hover img{border:1px solid #900;}
/*IE6固定大小*/
*html .onlinebuy_list .pc01 img{ width:400px;}
.viewproduct_infos{clear:both;padding-left:8px;overflow: hidden;}
/*导航上下记录*/
.prevnext{width:100%;padding:10px 0;line-height:20px;}
.prevrecord,.nextrecord{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;}
.prevrecord a,.nextrecord a{ font-weight:bold;}
/* 留言 */
.gbook_post{height: 40px;}
.gbook_formbtn{padding:4px;}
.gbook_formbtn goback_btn{clear:both;margin-left:150px;background:#888888;color:#FFFFFF;border:solid 1px #666666;font-weight:bold;padding:4px 6px;}
.gbook_formbtn input{background: #2b4d7e none repeat scroll 0 0; color:#fff;
    border: medium none; float:left;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin: 10px 10px 0px 0px; width:100px;
    text-align: center;}
.gbook_indexpost{margin-bottom:8px;}
.gbook_tblist{margin-bottom:4px;}
.gbook_tblist input,.gbook_tblist textarea{ background:#FFF; border:1px solid #eae9e9;}
.p_g_gbook{padding: 0px; }
.p_g_title{font-weight:bold;line-height:30px;text-align:left; padding-left:10px; clear: both;}
.p_g_content{text-align:left;line-height:24px; padding:0 5px; clear: both;}
/* 招聘 */
.p_jv_jobs{ line-height:24px; margin:0px 0px; padding:0px;}
.p_jv_jobs .jobs{height:33px;}
.i_p_list .p_jv_item{ clear:both; width:660px;}
.p_jv_title{float:left;clear:left;text-align:left;font-weight:bold;}
.p_jv_cont{float:left;text-align:left;}
.p_jv_contb{text-align:left;clear:both;padding:0 0 10px 20px;}
/* 网站地图 */
.p_m_div{ margin:auto; clear: both; text-align:left; overflow:hidden; width:100%;}
.p_m_div a{line-height:20px;height:20px; font-size:12px;}
.p_m_div a:hover{line-height:20px;font-size:12px;}
.p_m_ul{margin:0 0 6px 0;	display: table; border-bottom: dashed 1px #d7d7d7;width:100%; padding:0px;}
.p_m_div2 .p_m_ul{margin:0px;float:left;width:auto;border:none; padding-left:10px;}
.p_m_menu{ font-weight: bold; clear: both;}
.i_p_list .p_m_ul li,.menusort_list li{white-space: nowrap; width:653px;}
.p_m_class,.menusort_lists{margin-left: 24px;}
.p_m_div2 {margin:0 10px 0 0;}
/* ----开始网站Rss订阅中心---- */
.onlinerss{width:220px;margin:0 0 10px;padding-bottom:5px;border:solid #dbdbdb 1px;background:#f0f0f0;}
.onlinerss dl {width:214px;height:28px;margin:0 auto; padding-top:6px;background:url(404.png) no-repeat bottom; }
.onlinerss dt { float:left;padding-left:25px;color:#fff; line-height:20px; font-size:14px;}
.onlinerss dt a,.onlinerss dt a:hover{color:#fff;text-decoration:none;}
.onlinerss li{padding-bottom:10px;text-align:center; }
.onlinerss li a.a1{display:block;overflow:hidden;width:200px;height:170px;margin:0 auto;border:1px solid #cbc5bf; }
.onlinerss li a.a1 img{width:200px;}
.onlinerss li a.a2{display:block;overflow:hidden;width:200px;margin:0 auto;;line-height:22px;white-space:nowrap;text-overflow:ellipsis}
.onlinerss .singletxt_main{width:192px;margin:0 auto; padding:10px; border:solid #c8c8c8 1px; border-top:none; background:#fff;  line-height:20px;}
.main_rssxmllist{clear:both;display:block;}
.main_rssxmllist ul{display:block;padding-bottom: 2px; padding:0px; margin:0px;}
.rssmain_topbar{clear:both;display:block;height:24px;line-height:24px;padding:0px 4px;border:solid 1px #d7d7d7;}
.rssmain_toptit{float:left;font-weight:bold;}
.rssmain_topbtn{display:block;float:right;padding-top:2px;}
.rssmain_topbtn .rssxml_url{display:block; margin:4px 15px 0 0;float:left;line-height:20px;}
.rssmain_topbtn .rssxml_btn{display:block;float:left;line-height:20px;}
.rssxml_btn .subscribe_btn{ clear:both;display:block;cursor:pointer;background:url(../image/rss_icon.jpg) no-repeat left center;padding:2px 4px 0px 20px}
.rssxml_btn .subscribe_list{top:22px;right:-5px;z-index:1000;position:absolute;padding:4px;border:solid 1px #DDD;background-color:#FFF;}
.subscribe_list a{clear:both;display:block;padding:4px;}
.viewitem_list{margin:0px;padding:4px 4px 8px;}
.viewitem_list ul{margin:0px;padding:0px;display:table;width:100%;line-height:20px;}
.viewitem_list ul li{ line-height:20px;}
.viewitem_list ul li a{ display:block;float:left; width:600px; white-space:nowrap; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.viewitem_list ul span{float:right; padding-right:0px;}
#com_pmodule_rssonline{text-align:center; margin:0 auto;}
#com_pmodule_rssonline li{padding:3px 0;}
#com_rssonline li{text-align:center; margin:0 auto; padding:5px 0;}

.sidebar .rss1{background: url(404.png) no-repeat scroll 0 0 transparent;height: 29px;width: 194px;}
.sidebar .rss1 span{ color: #fff;font-size: 14px;font-weight: bold;line-height: 32px;padding-left: 34px;}
.sidebar .rss1 span a{  color: #fff;}


/* ------在线调查---- */
.survey_indexshow{margin:0px 0 15px 5px;}
.survey_indexpost{padding-left: 20px;margin-bottom: 8px;}
.survey_post input{ border: 0px;}
.survey_postbtn{line-height: 30px;}
.survey_postbtn input{line-height:20px; margin-right: 8px; cursor: pointer; width: 100px;   background:#ddd; color:#25262b;border:solid 1px;}
/* ---------------结束栏目详细---------------- */


/* ---------------开始扩展区----------------- */

#com_definedkeys_1,#com_definedkeys_2,#com_definedkeys_3,#com_definedkeys_4{ /*margin-bottom:-6px;*/}
.i_u_def1,.i_u_def2,.i_u_def3,.i_u_def4,.p_u_def1,.p_u_def2,.p_u_def3,.p_u_def4{overflow:hidden;}
.move_divouter .content{overflow:hidden;line-height:20px;}
.move_divouter .list{overflow:hidden; }
.move_divouter .title a{ text-decoration:none;}
#index #com_definedkeys_1{display:inline;}


.i_u_def1{margin-bottom: 20px; width:1100px;}
.i_u_def1 .title{ text-align:center;}
.i_u_def1 .title .tt{color: #000;display: block;font-size: 30px;height: 57px;letter-spacing: 15px;line-height: 57px;}
.i_u_def1 .title .tm{ float:right;color:#454545; background:#fff; line-height:80px; height:80px; padding-left:8px; font-size:24px; font-weight:500; display:none;}
.i_u_def1 .content{ line-height: 25px; padding: 20px 10px; width:1080px;}
.i_u_def1 .list{ padding: 20px 10px; width:1080px; overflow:hidden;}
.i_u_def1 .list ul{}
.i_u_def1 .list li{float:left; width:222px; float:left; margin:10px 24px;}
.i_u_def1 .list li a{width: 210px;}
.i_u_def1 .list li img{width: 210px; height:160px; border:6px solid #e5eef5; margin-bottom:10px;}
.i_u_def1 .list li span{ display:block; width:210px; padding:0px 6px; height:36px; background-color:#e5eef5; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


#index #com_definedkeys_2{display:inline;float:left;}
.i_u_def2{width:590px; margin-top:15px;}
.i_u_def2 .content{ line-height:22px; margin-top:5px;}
.i_u_def2 .list{ float:left; margin-top:5px;}
.i_u_def2 .list li{height:31px; background:url(404.png) repeat-x left bottom;}
.i_u_def2 .list li a{ display:block; height:29px; line-height:30px; font-size:12px;}
.i_u_def2 .list li a ins{ display:block; float:left; width:490px; text-decoration:none; text-indent:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_u_def2 .list li a span{ display:block; float:right; width:100px; padding-right:5px; text-align:right;}
.i_u_def2 .list li a:hover{ background:#b50e00; color:#FFF;}





.i_u_def3{width:590px; margin-top:20px;}
.i_u_def3 .content{ line-height:22px; margin-top:5px;}
.i_u_def3 .list{ float:left; margin-top:5px;}
.i_u_def3 .list ul{}
.i_u_def3 .list li{float:left; display:inline-block; width:285px; margin:0 5px 10px 5px;}
.i_u_def3 .list li span{ display:block; height:30px; line-height:30px; text-align:center; width:285px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_u_def3 .list li i{ display:block; width:285px; height:213px; overflow:hidden;}
.i_u_def3 .list li i img{width:285px; height:232px;}
.i_u_def3 .list li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

#com_definedkeys_4{}
.i_u_def4{margin-top: 20px; width:1100px;}
.i_u_def4 .title{ text-align:center;}
.i_u_def4 .title .tt{color: #000;display: block;font-size: 30px;height: 57px;letter-spacing: 15px;line-height: 57px;}
.i_u_def4 .title .tm{ float:right;color:#454545; background:#fff; line-height:80px; height:80px; padding-left:8px; font-size:24px; font-weight:500; display:none;}
.i_u_def4 .content{ line-height: 25px; padding: 20px 10px; width:1080px;}
.i_u_def4 .list{ padding: 20px 10px; width:1080px; overflow:hidden;}
.i_u_def4 .list ul{}
.i_u_def4 .list li{float:left; width:222px; float:left; margin:10px 24px;}
.i_u_def4 .list li a{width: 210px;}
.i_u_def4 .list li img{width: 210px; height:160px; border:6px solid #e5eef5; margin-bottom:10px;}
.i_u_def4 .list li span{ display:block; width:210px; padding:0px 6px; height:36px; background-color:#e5eef5; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}





.p_u_def1{width:1120px; margin-bottom:20px; background-color:#fff;}
.p_u_def1 .content{ line-height:22px; padding:15px;}
.p_u_def1 .list{ padding:15px;}
.p_u_def1 .list ul{}
.p_u_def1 .list li{float:left; display:inline-block; width:265px; margin:0 3px 10px 4px;}
.p_u_def1 .list li img{width:265px; height:170px;}
.p_u_def1 .list li span{ display:block; height:30px; line-height:30px; width:265px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.p_u_def2{width:370px; margin-top:20px; background-color:#fff;}
.p_u_def2 .content{ line-height:22px; padding:15px;}
.p_u_def2 .list{ float:left; padding:15px;}
.p_u_def2 .list li{ height:30px; line-height:30px; font-size:14px; overflow:hidden;}
.p_u_def2 .list li a{display:block; float:left; width:340px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.p_u_def3{width:727px; margin-top:20px; background-color:#fff;}
.p_u_def3 .content{ line-height:22px; padding:15px;}
.p_u_def3 .list{ float:left; padding:15px;}
.p_u_def3 .list ul{}
.p_u_def3 .list li{float:left; display:inline-block; width:225px; margin:0 3px 10px 4px;}
.p_u_def3 .list li img{width:225px; height:145px;}
.p_u_def3 .list li span{ display:block; height:30px; line-height:30px; width:225px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.p_u_def4{width:1120px; margin-top:20px; background-color:#fff;}
.p_u_def4 .content{ line-height:22px; padding:15px;}
.p_u_def4 .list{ padding:15px;}
.p_u_def4 .list ul{}
.p_u_def4 .list li{float:left; display:inline-block; width:265px; margin:0 3px 10px 4px;}
.p_u_def4 .list li img{width:265px; height:170px;}
.p_u_def4 .list li span{ display:block; height:30px; line-height:30px; width:265px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* ---------------开始扩展区----------------- */

/* ---------------开始底部--------------- */
/*.footer{ text-align:center;}
.footer #com_othermenu{padding:15px 0 5px 0;}
.footer #com_copyright{padding:5px 0;}
.footer #com_webcounter{ padding-top:5px;}
/* ---------------结束底部--------------- */



.title01{width:100%; height:40px; line-height: 40px; text-align: center; background:#e28b0f; border-radius:4px 4px 0 0;}
.title01 h3{float:left; font-size:16px; color: #FFF; text-indent: 15px;}

.title02{padding:0 30px 0 20px; height:60px; border-bottom:1px solid #ededed;}
.title02 h3{display: block; float: left; height:60px; line-height: 60px; text-indent: 15px; font-size: 18px; color: #333333; background: url(404.png) no-repeat left center;}
.title02 span{ display: block; float: right; line-height: 60px; font-size:14px; }
.title02 span a{color:#666666; padding: 0 10px;}

.title03{height:34px; color: #333; font-size: 24px; line-height: 34px; text-align: center;}







.roll02{float:right; width: 64px;}
.roll02 a{float:left; display:block; width:32px; height:40px;}
.roll02 a.rol02{ background: url(404.png) no-repeat center center;}
.roll02 a.ror02{border-radius: 0 4px 0 0; background: url(404.png) no-repeat center center;}
.roll02 a:hover{ background-color: #cb7d0d;}

.roll03{float:right; margin-right: 25px; border-right: 1px solid #f2f2f2;}
.roll03 a{float:left; display:block; width:55px; height:60px; border-left: 1px solid #f2f2f2;}
.roll03 a.rol03{background: url(404.png) no-repeat center center;}
.roll03 a.ror03{background: url(404.png) no-repeat center center;}
.roll03 a.rol03:hover{background: url(404.png) no-repeat center center #969696;}
.roll03 a.ror03:hover{background: url(404.png) no-repeat center center #969696;}



.more01{margin-top:30px; width:100%; height:40px; line-height: 40px; text-align:center;}
.more01 a{ display:inline-block; width:126px; height:40px; color:#FFF; border-radius:20px; font-size:14px; background: #e28b0f;}
.more01 a:hover{color:#FFF; background:#2c90cc;}

.more02{ float: left; margin-top:10px; width:100%; height:40px;}
.more02 a{ display:inline-block; width:140px; height:40px; text-align: center; line-height: 38px; color:#999; border:1px solid #bfbfbf; border-radius:20px; font-size:14px; text-transform: uppercase;}
.more02 a:hover{color:#FFF; background-color:#e62129; border:1px solid #e62129;}




/* gotop */
.actGotop {width:40px; height:40px; position:fixed; bottom:10px; right:10px; z-index:9999; display:none; cursor:pointer; background: url(404.png) no-repeat center center  rgb(36, 58, 142);}
.actGotop:hover{ background: url(404.png) no-repeat center center rgba(4, 115, 174, 0.35);}



/* CSS Document 2016.12.1 */
body {font-family:microsoft yahei; margin:0; padding:0; font-size:12px; color:#888888; background:#FFF;}
*{list-style-type:none; margin:0; padding:0; border:0; transition:color 0.2s,background 0.4s; -webkit-transition:color 0.2s,background 0.4s; -moz-transition:color 0.2s,background 0.4s;-moz-box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
img, a img{vertical-align:bottom; max-width:100%;}
input,select,textarea{vertical-align:middle; font-family:microsoft yahei;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* Link */
a{color:#333333; text-decoration:none; }
a:hover {color:#e28b0f; text-decoration:none;}
/* Other */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}
.clear::after{content:"";clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}

/* Font  */
.fb{font-weight:bold;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml30{margin-left:30px;}
.fl{float:left;}
.fr{float:right;}
.ovht{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

@-webkit-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
.fadein-top{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-right{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
.fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-left{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
.fadeout{-webkit-animation-name:a-fadeout;-moz-animation-name:a-fadeout;-ms-animation-name:a-fadeout;animation-name:a-fadeout;}
@-webkit-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-ms-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
.fadeout-top{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}
@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-100px);}}
@-moz-keyframes fadeoutT{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-100px);}}
@-ms-keyframes fadeoutT{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(-100px);}}
@keyframes fadeoutT{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-100px);}}
.fadeout-right{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;}
@-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(100px);}}
@-moz-keyframes fadeoutR{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(100px);}}
@-ms-keyframes fadeoutR{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(100px);}}
@keyframes fadeoutR{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100px);}}
.fadeout-bottom{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}
@-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(100px);}}
@-moz-keyframes fadeoutB{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(100px);}}
@-ms-keyframes fadeoutB{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(100px);}}
@keyframes fadeoutB{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(100px);}}
.fadeout-left{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL;}
@-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-100px);}}
@-moz-keyframes fadeoutL{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-100px);}}
@-ms-keyframes fadeoutL{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(-100px);}}
@keyframes fadeoutL{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-100px);}}
.bounce,.bounce-hover:hover{-webkit-animation-name:a-bounce;-moz-animation-name:a-bounce;-ms-animation-name:a-bounce;animation-name:a-bounce;}
@-webkit-keyframes a-bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-30px);}60%{-webkit-transform:translateY(-15px);}}
@-moz-keyframes a-bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-30px);}60%{-moz-transform:translateY(-15px);}}
@-ms-keyframes a-bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0);}40%{-ms-transform:translateY(-30px);}60%{-ms-transform:translateY(-15px);}}
@keyframes a-bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-30px);}60%{transform:translateY(-15px);}}
.bouncein{-webkit-animation-name:a-bouncein;-moz-animation-name:a-bouncein;-ms-animation-name:a-bouncein;animation-name:a-bouncein;}
@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}}
@-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.3);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}}
@keyframes a-bouncein{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}
.bounceout{-webkit-animation-name:a-bounceout;-moz-animation-name:a-bounceout;-ms-animation-name:a-bounceout;animation-name:a-bounceout;}
@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1);}25%{-webkit-transform:scale(0.95);}50%{opacity:1;-webkit-transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(0.3);}}
@-moz-keyframes a-bounceout{0%{-moz-transform:scale(1);}25%{-moz-transform:scale(0.95);}50%{opacity:1;-moz-transform:scale(1.1);}100%{opacity:0;-moz-transform:scale(0.3);}}
@-ms-keyframes a-bounceout{0%{-ms-transform:scale(1);}25%{-ms-transform:scale(0.95);}50%{opacity:1;-ms-transform:scale(1.1);}100%{opacity:0;-ms-transform:scale(0.3);}}
@keyframes a-bounceout{0%{transform:scale(1);}25%{transform:scale(0.95);}50%{opacity:1;transform:scale(1.1);}100%{opacity:0;transform:scale(0.3);}}
.rotatein{-webkit-animation-name:a-rotatein;-moz-animation-name:a-rotatein;-ms-animation-name:a-rotatein;animation-name:a-rotatein;}
@-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg);}100%{opacity:1;-webkit-transform:rotate(0);}}
@-moz-keyframes a-rotatein{0%{opacity:0;-moz-transform:rotate(-200deg);}100%{opacity:1;-moz-transform:rotate(0);}}
@-ms-keyframes a-rotatein{0%{opacity:0;-ms-transform:rotate(-200deg);}100%{opacity:1;-ms-transform:rotate(0);}}
@keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg);}100%{opacity:1;transform:rotate(0);}}
.rotateout{-webkit-animation-name:a-rotateout;-moz-animation-name:a-rotateout;-ms-animation-name:a-rotateout;animation-name:a-rotateout;}
@-webkit-keyframes a-rotateout{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}}
@-moz-keyframes a-rotateout{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}}
@-ms-keyframes a-rotateout{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}}
@keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}}
.flash,.flash-hover:hover{-webkit-animation-name:a-flash;-moz-animation-name:a-flash;-ms-animation-name:a-flash;animation-name:a-flash;}
@-webkit-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-moz-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-ms-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
.shake,.shake-hover:hover{-webkit-animation-name:a-shake;-moz-animation-name:a-shake;-ms-animation-name:a-shake;animation-name:a-shake;}
@-webkit-keyframes a-shake{0%,100%{-webkit-transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes a-shake{0%,100%{-moz-transform:translateX(0);}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes a-shake{0%,100%{-ms-transform:translateX(0);}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes a-shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}}
.swing,.swing-hover:hover{-webkit-animation-name:a-swing;-moz-animation-name:a-swing;-ms-animation-name:a-swing;animation-name:a-swing;}
@-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);}100%{-webkit-transform:rotate(0);}}
@-moz-keyframes a-swing{20%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}60%{-moz-transform:rotate(5deg);}80%{-moz-transform:rotate(-5deg);}100%{-moz-transform:rotate(0);}}
@-ms-keyframes a-swing{20%{-ms-transform:rotate(15deg);}40%{-ms-transform:rotate(-10deg);}60%{-ms-transform:rotate(5deg);}80%{-ms-transform:rotate(-5deg);}100%{-ms-transform:rotate(0);}}
@keyframes a-swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0);}}
.wobble,.wobble-hover:hover{-webkit-animation-name:a-wobble;-moz-animation-name:a-wobble;-ms-animation-name:a-wobble;animation-name:a-wobble;}
@-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0);}15%{-webkit-transform:translateX(-50px) rotate(-5deg);}30%{-webkit-transform:translateX(40px) rotate(3deg);}45%{-webkit-transform:translateX(-33px) rotate(-3deg);}60%{-webkit-transform:translateX(10px) rotate(2deg);}75%{-webkit-transform:translateX(-10px) rotate(-1deg);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes a-wobble{0%{-moz-transform:translateX(0);}15%{-moz-transform:translateX(-50px) rotate(-5deg);}30%{-moz-transform:translateX(40px) rotate(3deg);}45%{-moz-transform:translateX(-33px) rotate(-3deg);}60%{-moz-transform:translateX(10px) rotate(2deg);}75%{-moz-transform:translateX(-10px) rotate(-1deg);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes a-wobble{0%{-ms-transform:translateX(0);}15%{-ms-transform:translateX(-50px) rotate(-5deg);}30%{-ms-transform:translateX(40px) rotate(3deg);}45%{-ms-transform:translateX(-33px) rotate(-3deg);}60%{-ms-transform:translateX(10px) rotate(2deg);}75%{-ms-transform:translateX(-10px) rotate(-1deg);}100%{-ms-transform:translateX(0);}}
@keyframes a-wobble{0%{transform:translateX(0);}15%{transform:translateX(-50px) rotate(-5deg);}30%{transform:translateX(40px) rotate(3deg);}45%{transform:translateX(-33px) rotate(-3deg);}60%{transform:translateX(10px) rotate(2deg);}75%{transform:translateX(-10px) rotate(-1deg);}100%{transform:translateX(0);}}
.ring,.ring-hover:hover{-webkit-animation-name:a-ring;-moz-animation-name:a-ring;-ms-animation-name:a-ring;animation-name:a-ring;}
@-webkit-keyframes a-ring{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 a-ring{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 a-ring{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 a-ring{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);}}
.rotate,.rotate-hover:hover{-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate;}
@-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}}
@-moz-keyframes a-rotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}}
@-ms-keyframes a-rotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}}
@keyframes a-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}





/* --------鼠标滑过对象后可移动对象的样式--------- */
.edit_box{ position:absolute; border:1px solid #ffa103; /* border:1px solid #00beff; width:192px; height:27px; top:388px; left:10px; */}
.edit_mask{/* cursor: pointer; */ height:100%; background: #ffa103; /* background: #00feff; */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); opacity:0.2;}
.edit_btn_bar{ position:absolute; /* top:4px; right:4px; */ top: 1px; right: 1px;}
.edit_btn_bar img{ cursor:pointer; float:left; margin-left:2px;}
.edit_btn_bar input{ cursor:pointer; float:left; margin-left:2px;}

/* --------鼠标移动对象时可移动对象区域的样式--------- */
.edit_box_bg{border: dashed 1px #ff0000;}

.loadding{ position:absolute; left:45%; top:50%; z-index:1000; width: 200px;}
.loadding div{ background:url(404.png) no-repeat 4px center; padding: 2px 4px 2px 28px; color: #FF6600; font-size: 14px; line-height: 20px;}
 
/* --------在线编辑管理界面的样式加载--------- */
.pop2mask{ position:absolute; width:100%; height:100%; /* background:#000; */ filter:alpha(opacity=40); opacity: 0.4;}
.pop2load{position:absolute; z-index:100; /* top: 20px; */ top: 0px; display: block; width: 100%;}
.pop2load .mainLoad{ /* border: solid 2px #b4ea71; */ border:1px solid #e6f0f6; width:379px; background:#fff; display: block;}
.pop2load .loadHead{ background:url(404.png) repeat-x left bottom #fafafa; height:30px; line-height: 30px; clear: both; display: block; position: relative;}

.pop2load .loadHead .loadTitle{position:absolute; background:none; color: #4f556c; font-weight:bold; top: 0px; left: 0px; padding-left: 10px; _padding-top: 6px; vertical-align: middle;}
.pop2load .loadHead .loadTitle img{ margin-right: 8px; vertical-align: middle; border: none;}
.pop2load .loadHead .close{ background:url(404.png) no-repeat left center; position:absolute; top: 0px; right: 0px; cursor:pointer; padding: 0px 10px 0px 16px; _padding-top: 4px; height: 26px; line-height: 26px; vertical-align: middle;}

.popCloseBtn{ margin: 0px auto; z-index: 2000; position: absolute; text-align: center; line-height: 30px; height: 26px; padding-top: 4px; display:block; width: 100%; border-top: solid 1px #ebcb5a; border-bottom: solid 1px #ebcb5a; background-color:#ffffd1;}
.popCloseBtn a{ width:100px; line-height:22px; height: 22px; _height: 16px; _padding-top: 6px; display: block; margin: 0px auto; color:#4f556c; vertical-align: middle; background:url(404.png) no-repeat center center;}
.popCloseBtn a:hover,.popCloseBtn a:active {color:#e80505; font-weight:bold; text-decoration: none; /* background:url(404.png) no-repeat center center; */}
.popCloseBtn img{ cursor: pointer; vertical-align: middle; padding-right: 4px;}

.DragDragBox {/* FILTER:alpha(opacity=70); z-index: 100; */ overflow: hidden;}

/* ----在线编辑需要引用的样式开始---- */
.edit_nullmodule
{
	display: none;
}
.edit_addmodule
{
	display: block;
	line-height: 20px;
	margin: 2px auto;
	padding: 4px;
	color: #FF0000;
	text-align: center;
	border: solid 1px #dddddd;
	background-color: #eeeeee;
}
.move_divouter
{
	display: table;
	/*
	height: 100%;
	*/
	/* 以下定义为了拖曳功能方便 */
	padding-bottom: 6px;
	/*
	border: solid 1px #FF0000;
	*/
}
/* ----在线编辑需要引用的样式结束---- */



.ddsmoothmenu{font-size:14px;width: 1200px; margin: 0 auto;max-width: 100%;}
.ddsmoothmenu a{text-align:center;}
.ddsmoothmenu ul{
z-index:100;
padding:0;
list-style-type: none;
}

/*.i_nav li{float:left; display:inline-block;}
.i_nav li>a{display:block; padding: 0 30px; height:75px; color:#333333; line-height:75px; font-size:16px;}
.i_nav li>a:hover{ color:#e28b0f;}
.i_nav li>a.on{ color:#e28b0f;}
.i_nav li.hot{ background: url(../images/icon01.png) no-repeat right 20px;}*/


.ddsmoothmenu ul li{position: relative;display: inline;float:left; display:inline; color:#000; text-align:center; height:75px;}
.nava{display:block; line-height:75px; color:#fff; font-family:microsoft yahei; font-size:16px; padding: 0 25px;}
* html .nava{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.nava:hover,.navactive:hover{display:block; line-height:75px; font-family:microsoft yahei; font-size:16px; padding: 0 25px;}
.selected,.navactive{display:block; line-height:75px; font-family:microsoft yahei;color:#fff; font-size:16px; padding: 0 25px;}
.i_nav ul li ul{
position: absolute; 
 /*collapse all sub menus to begin with*/
visibility: hidden;
}
* html .i_nav ul li ul{}
.i_nav ul li ul li{
display: list-item; margin:0 auto;width:100%;
height:35px;line-height:35px; height:100%;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.i_nav ul li ul li ul{ 
top:0;
}
.i_nav ul li ul li a
{
display:block; float:left;
font: normal 14px Verdana;
width:100%;
height:35px; color:#333;
line-height:35px; background-color:#fff; text-align:center; z-index:2001;

margin: 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; cursor:pointer;
}
.navliv{ height:35px; }
.ddsmoothmenu ul li:hover{background: #fff;}
.ddsmoothmenu ul li:hover > a{color:#243a8e;}
.i_nav ul li ul li a:hover{ color:#fff; background-color:#243a8e; text-decoration:none;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


.downarrowclass{
position: absolute;
top: 12px;
right: 15px;
}
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
 filter:alpha(opacity=0);opacity: 0;}


/*------------------------------------------------------*/

/* End */



/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

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

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-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: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 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: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.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: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.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;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-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-transition-timing-function: ease-in;
            transition-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);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-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-transition-timing-function: ease-in;
            transition-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);
  }

  100% {
    -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 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -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 {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    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% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) 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;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    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: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    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: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    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: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    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: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    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: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}




/* CSS Document */

#container{ 
text-align: center;
	margin:0 auto;
	position:relative;
	z-index:0;
}
#example{ 
	position:relative;
}
#ribbon{
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}
#frame{
	position:absolute;
	z-index:0; 
	width:1920px;
	top:-3px;
	left:-80px;
}
#slides{ 
	z-index:100;
}
#slides .rol,#slides .ror{
	position:absolute;
	top:220px;
	width:30px;
	height:52px;
	display:block;
	z-index:101;
}
.slides_container{  
	position:relative;
}
#slides .rol{
	left:360px;
	
}
#slides .ror{
	right:360px;
	
}

.p_banner_box #slides .rol{top:110px;}
.p_banner_box #slides .ror{top:110px;}



.pagination{
	
	display: block;
	position:absolute;
	z-index:20000;
	bottom:15px; width:100%; text-align:center;
	}
.pagination li{
	display:inline-block;
}
.pagination li a{
	display:inline-block; margin:0 15px; width:100px; height:6px; text-align:center; background:#FFF; overflow:hidden;  font-size:0px;}

.pagination li.current a{background:#0473ae;}

/*.i_banner li{width:100%; height:590px;}
.i_banner li a{display:block; width:100%; height:590px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 15px; width:100px; height:6px; overflow:hidden; background:#FFF;}
.i_banner_p a:hover{ background:#0473ae;}
.i_banner_p a.on{ background:#0473ae;}*/



.caption{
	position:absolute;
	bottom:-35px;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:898px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow: 1px 1px 1px #ccc;
	display: none;
}


.mfbox,.intro,.i_news{width:1200px; margin:0 auto;}
.mfbox{width: 100%;}
.logocallbox{width: 1200px; max-width: 100%; margin: 0 auto;overflow: hidden;padding: 10px  0;}
.i_nav{height: 75px; width: 100%; max-width: 100%;background: #2b4d7e;}
.header{height: 75px;}
.logo{float:left; overflow:hidden; display:inline-block;}
.i_toplxwm{float: right;}
.i_toplxwm img{float:left;width: 29px;  max-width: 100%;}
.i_toplxwm h4 {

    float: left;

}
.i_toplxwm div > div{float: left;

font-size: 20px;

color:
#2b4d7e;}
.i_toplxwm div > div h4{color: #666; font-size: 14px;}
.i_toplxwm div > div span{	color: #2b4d7e;font-size:20px;}


.i_banner_box{position:relative; width:100%; z-index:11;}
.i_banner{width:100%; margin:0 auto; overflow:hidden;}
.selected::after,.nava:hover::after, .navactive:hover::after{
    content: "";
    display: block;
    width: 130px;
    height: 4px;
    background-color: #243a8e;
    position: absolute;
    bottom:  10px;
    left: calc(50% - 65px);}
 .i_toplxwm img {

    float: left;
    width: 29px;
    max-width: 100%;

}.i_toplxwm h4 {

   float: left;
font-size: 20px;
color:
#2b4d7e;

}.i_toplxwm div > div {

    float: left;
    font-size: 20px;
    color: 

    #2b4d7e;

}.i_toplxwm div > div span {

    color: 

    #2b4d7e;
    font-size: 20px;

}.i_toplxwm div:nth-child(2) div:nth-child(4) {

    float: right;

}.i_toplxwm div:nth-child(2) div:nth-child(4) img {

    width: 100px;

}
.productT{text-align: center;margin-top: 80px;}
.productM{margin: 60px 0 80px;}
.productT p::after{content: ''; position: absolute; width: 100px; height: 3px;background-color:#243a8e;transform: translate(-174px,40px);}
.productT span{font-size: 26px;font-weight: bold; line-height: 24px;letter-spacing: 2px;color: #243a8e;}
.productT p{font-size: 14px;line-height: 24px;letter-spacing: 3px;color: #243a8e;}

.sort_l{width: 900px;margin: 0 auto;}
.sort_l ul{padding: 0; margin: 0;}
.sort_l ul li{ display: inline-block; width: 168px; height: 40px; line-height: 40px; text-align: center; cursor: pointer;color: #666;font-size: 16px;position: relative;}
.sort_l li a.on{background-color: #243a8e;color: #fff;line-height: 40px;font-size: 16px;padding: 10px;}
.sort_l ul li::after{content: ''; position: absolute;width: 1px;height: 15px;background-color: #999;top: 13px;right: 0;}
.i_pro_l ul li{float: left;width: 280px;margin-right: 26px;}
.i_pro_l ul li:nth-child(4){margin-right: 0;}
.i_pro_l  {width: 1200px;height: 208px; margin: 0 auto;margin-top: 50px;}  
.item_wrapper{height: 50px; background-color: #e6e6e6; line-height: 50px; text-align: center;color: #243a8e;font-size: 16px;} 
.i_pro_l ul li:hover .item_wrapper{color:#fff;background-color: #243a8e;}
a.yang {font-size: 16px;color: #243a8e;position: relative;top: -290px;left: 1100px;}

.i_gsjj{width: 1200px; max-width: 100%; margin: 0 auto;padding: 55px 0 80px 0;overflow: hidden;}
.i_gsjj .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.i_gsjj .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.i_gsjj .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.i_gsjj .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.i_gsjj .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: 150px;} 
.i_gsjj > div img{float: left;padding-right: 61px;}
.i_gsjj > div h4{font-size: 22px;  font-weight: bold;  letter-spacing: 5px;  color: #2b4d7e;position: relative;margin-bottom: 51px;}
.i_gsjj > div h4:before{content:"";width: 40px;  height: 2px;  background-color: #2b4d7e;  position: absolute;  top: 50px;}
.i_gsjj > div p{font-size: 16px;  line-height: 26px;  letter-spacing: 0px;  color: #333333;}
.i_gsjj a{border-radius: 3px;  border: solid 1px #2b4d7e;  padding: 8px 35px;  margin-top: 50px;  display: inline-block;  color: #2b4d7e;  font-size: 16px;}


.i_cxcxzr{width: 100%; padding: 75px 0; max-width: 100%; overflow: hidden;background: url(../image/i_cxcxzr.png);}
.i_cxcxzr .i_cxcxzrb{display: flex; width: 1200px; margin: 0 auto;justify-content: space-between;}
.i_cxcxzrb img{float: left;margin-right: 17px;}
.i_cxcxzrb .title{float: right;color: #fff;}
.i_cxcxzrb .title h3{font-size: 16px;letter-spacing: 2px;line-height: 30px;}
.i_cxcxzrb .title span{font-size: 12px;position: relative;}
.i_cxcxzrb .title span:before{content:"";width: 30px; 	height: 2px;background-color: #fff;position: absolute; top: 30px;}
.i_cxcxzrb .title p{opacity: 0.7;font-size:14px;width: 237px;margin-top: 32px;}

.i_ywfw{width: 1200px; margin: 0 auto;max-width:100%;}
.i_ywfw > .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;}
.i_ywfw >  .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.i_ywfw >  .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.i_ywfw >  .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.i_ywfw >  .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: 150px;} 
.i_ywfw .i_ywfwb{display: flex; justify-content: space-between;}
.i_ywfw .i_ywfwb > div{width: calc((100%/4) - 30px);  margin-right: 40px;text-align: center;padding:18px 10px;border: solid 1px #2b4d7e;}
.i_ywfw .i_ywfwb > div:nth-last-child(1){margin: 0;}
.i_ywfw .i_ywfwb img{margin-bottom: 20px;}
.i_ywfw .i_ywfwb .title h3{font-size: 16px;  letter-spacing: 2px;  color: #2b4d7e;}
.i_ywfw .i_ywfwb .title span{font-size: 12px;  letter-spacing: 1px;  color: #2b4d7e;position: relative;}
.i_ywfw .i_ywfwb .title span:before{content:"";width: 30px; height: 3px; background-color: #47bfe5; position: absolute; top: 27px; left: 42%;}
.i_ywfw .i_ywfwb .title p{font-size: 14px;line-height: 21px; letter-spacing: 0px; 	color: #333333;padding-top: 23px;overflow: hidden; height: 70px;}
.i_ywfw .i_ywfwb > div:hover{background-color: #2b4d7e; box-shadow: 1px 2px 10px 0px rgba(44, 77, 126, 0.3); border-radius: 3px;}
.i_ywfw .i_ywfwb > div:hover .title h3{color:#fff;}
.i_ywfw .i_ywfwb > div:hover .title span{color:#fff;}
.i_ywfw .i_ywfwb > div:hover .title p{color:#fff;}
.i_ywfw .i_ywfwb > div:hover span:before{background-color: #fff;}
.i_ywfw .i_ywfwb > div:hover img{filter: drop-shadow(54px 0px 0px #fff);margin-left: -110px;  }

.i_xhszn{background: url(../image/ixhszn.jpg);margin-top: 80px;overflow: hidden;height: 550px;}
.i_xhszn .i_xhsznb{width: 1200px;  margin: 0 auto;  max-width: 100%;}
.i_xhsznb > *{color: #fff;}
.i_xhszn .i_xhsznb .left{float:left;margin-top: 100px;width: 35%;}
.i_xhszn .i_xhsznb .left h3{font-size: 18px;  letter-spacing: 2px;margin-bottom: 16px;}
.i_xhszn .i_xhsznb .left p{letter-spacing: 2px;  opacity: 0.7;  font-size: 14px;}
.i_xhszn .i_xhsznb .left li{margin-bottom: 46px;padding-left: 100px;background: no-repeat 50px top;}

.i_xhszn .i_xhsznb .left li:nth-child(1){background-image: url(../image/jyrg.png);}
.i_xhszn .i_xhsznb .left li:nth-child(2){background-image: url(../image/ssjc.png);}
.i_xhszn .i_xhsznb .left li:nth-child(3){background-image: url(../image/jzjy.png);}
.i_xhszn .i_xhsznb .left li:nth-child(4){background-image: url(../image/znbb.png);}

.i_xhszn .i_xhsznb .right{float:right;margin-top: 80px;width: 52%;  height: 390px;  max-width: 100%;border: solid 6px #fff;}
.i_xhszn .i_xhsznb .right .righttext{padding: 40px 143px 80px;}
.i_xhszn .i_xhsznb .right .righttext h3{font-size: 32px;  letter-spacing: 4px;  color: #fff;}
.i_xhszn .i_xhsznb .right .righttext span{font-size: 16px; letter-spacing: 0px; color: #fff;margin-top:19px;display: block;  width: 100%;word-break: break-all;}
.i_xhszn .i_xhsznb .right .righttext p{font-size: 16px; letter-spacing: 0px; color: #ffffff; margin-top:50px; line-height: 30px;}
.i_xhszn .i_xhsznb .right .righttext a {font-size: 16px; color: #ffffff; margin-top: 25px; display: block;}



.i_alink{width: 1200px; max-width: 100%;overflow: hidden;margin: 60px auto 80px;display:none;}
.i_alink .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;display:none;}
.i_alink .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;}
.i_alink .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;}
.i_alink .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.i_alink .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: 150px;} 
.i_alink .i_panter_l li{width: calc((100%/5) - 15px);  float: left;  margin-right: 15px;margin-bottom: 28px;background-color: #fafafa;  border: solid 1px #cccccc;  text-align: center;}
.i_alink .i_panter_l li:nth-child(5){margin-right:0;}
.i_alink .i_panter_l li:nth-child(10){margin-right:0;}






.i_news{width: 100%;  max-width: 100%;  background: #f2f8ff;padding: 50px 0 60px;display:none;}
.i_news .title{text-align: center;background: url(../image/i_gsjjtitle.png) no-repeat center;  height:auto;padding: 22px 0;margin-bottom: 50px;display:none;}
.i_news .title h3{font-size: 14px;  font-weight: bold;  color: #47bfe5;  letter-spacing: 7px;line-height: 30px;display:none;}
.i_news .title span{font-size: 28px;  font-weight: bold;  letter-spacing: 7px;  color: #2b4d7e;line-height: 30px;position: relative;display:none;}
.i_news .title span:before{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: -50px;}
.i_news .title span:after{content:"";position: absolute;  width: 30px;  height: 2px;  background-color: #2b4d7e;  top: 22px;  left: 150px;} 
.i_newsB{margin: 0px auto 80px ;width: 1200px;  max-width: 100%;}
.i_newsB .news{width:47%;float:left;position: relative;}
.i_newsB .news:nth-child(1):before{content: "";width: 1px;  height: 80px;  background-color: #2b4d7e;  opacity: 0.2;  position: absolute;right: -31px;  top: 12px;}
.i_newsB div:nth-child(2){float:right;}


.newsT{height: 35px;border-bottom: #243a8e 2px solid;}
.newsL{float: left;}
.newsR{float: right;}
.newsR a{display: inline-block;color: #666;font-size: 14px;margin-top: 5px;}
span.chi{font-size: 20px;color: #243a8e;}
span.eng{font-size: 12px;color: #666;}
.one img{width: 160px;height: 90px;float: left;}
.one_title{width: 390px;float: left;margin-left: 10px;}
.one h3{padding: 5px 0;}
.one a{font-size: 16px;color: #333;} 
.one span{font-size: 14px;line-height: 21px;color: #808080;}
.two ul li{padding: 8px 0;overflow: hidden;}
.two ul li a{font-size: 14px;color: #333;display: inline-block; width: 80%; overflow: hidden; height: 16px;}
.two span{float: right;font-size: 14px;color: #808080;}
.circle{display: inline-block;width: 6px;height: 6px;background-color: #243a8e;border-radius: 100px;margin-right: 6px;}

.footer{background-color:#2b4d7e;}
.footer .mfbox{width: 1200px; max-width: 100%; margin: 0 auto;}

.footer_l{float: left;margin: 10px 0;}
.footer_l .logo{margin-top: 0;}
.footer_r{float: right;text-align: center;margin-top: 28px;}
.footer_nav ul li{float: left;width: auto;margin-left: 30px;}
.footer_nav ul li:nth-child(5){border-right:none;}
.footer_nav ul li a{font-size: 14px; line-height: 24px; color: #fff;}
.copyright{text-align: center;border-top: #fff 1px solid;}
.copyright {color:#fff;}
.copyright {padding: 10px 0;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_container{width: 1200px;margin: 0 auto;padding: 40px 0 80px;max-width: 100%;}
.agentL{float: left;width: 250px; }
.agentR{float: right;width: calc(100% - 300px);}
.sidebar{width:100%; text-align: center;} 
.p_box1{background: #2b4d7e;display: none;}
.p_box1 span{font-size: 26px;line-height: 50px;letter-spacing: 2px;color: #fff;}
.p_box1 p{font-size:14px;color: #fff;opacity: 0.5;}
.box1L {width: 4px;height: 40px;background-color: #fff;float: left;margin: 35px 15px 0 15px;}
.box1R{padding: 10px 0;  text-align: center;}
.p_box3 span{font-size: 22px;letter-spacing: 2px;color: #243a8e;}
	.p_box3 p{font-size:14px;color: #243a8e;opacity: 0.5;}
.box3L {font-family: SimSun;font-size: 25px;font-weight: bold;letter-spacing: 5px;color: #243a8e;float: left;margin-top: 25px;}
.box3R{float: left;margin-top: 15px;}
.sortnavul{border: solid 1px #d9d9d9;}
.i_contact{margin: 30px 0;}
.p_box2{width: 250px;height: 160px;background-color: #ffffff;border: solid 1px #d9d9d9;font-size: 16px;color: #333;padding: 20px;}
.p_box2 img{margin-right: 8px;margin-bottom: 3px;}
.p_box2 p{margin: 10px 24px 20px;}
.waterfall{text-align: center;display: flex; justify-content: space-between; flex-wrap: wrap;}
.waterfall p{padding: 10px 0 30px;font-size: 16px;color: #666;}
.sc_title{margin-top: 45px;font-size: 16px;color: #333;line-height: 24px;}
span.p_pro_title{font-size: 20px;line-height: 24px;color: #243a8e;}
.p_proT{border-bottom: #243a8e 2px solid;height: 35px;margin-bottom: 40px;display: block;}
.zz p{font-size: 16px;color: #333;line-height: 40px;}
.zz h3{font-size: 20px;color: #243a8e;line-height: 50px;margin-left: -30px;}
.zz_title p::before{content: "";
          display: block;
          position: absolute;
          transform: translate(-25px,22px);
          width: 6px;
          height: 6px;
          border-radius: 100%;
          background-color: #243a8e;
}
.zz{height: 258px;margin-bottom: 40px;border-bottom: rgba(136, 136, 136, 0.2) 1px solid;}
.zz img{float: left;}
.zz_title{float: left;margin-left: 60px;}
.Npic1 img{width: 24px;position: relative;top: -20px;left: 870px;}

.ck{width: 140px; height: 36px;border: solid 1px #243a8e;border-radius: 3px;text-align: center;display: inline-block;float: right;}
.ck a{font-size: 16px;font-weight: bold;color: #243a8e;line-height: 36px;}
/*.ck a:visited .ck{background-color: #243a8e}*/
/*.ck a:link{color: #243a8e;background-color: #fff;}
.ck a:visited{color: #FFF;background-color: #243a8e;}*/
.xq{display: none;border-bottom: #243a8e 2px solid;}
.zhaopin span{font-size: 20px;font-weight: bold;color: #333;padding-left: 25px;display: inline-block;}
.zhaopin span::before{content: "";
          display: block;
          position: absolute;
          transform: translate(-20px,10px);
          width: 8px;
          height: 8px;
          border-radius: 100%;
          background-color: #243a8e;}
.zhaopin{border-bottom: rgba(136, 136, 136, 0.2) 1px solid;margin: 40px 0;}  
#zp{margin-top: 0;}
.zp_list{margin: 35px 0 40px 0;}
.zp_list ul li{float: left;width: 175px;font-size: 16px;color: #333;margin-left: 58px;}
.zp_list ul li:first-child{margin-left: 25px;}
.xq{padding-bottom: 45px;}
.xq span{font-size: 18px;font-weight: bold;line-height: 36px;color: #333;}
.xq p{font-size: 16px;line-height: 36px;color: #333;}

span.wm{font-size: 22px;}
.lianxiL{float: left;margin-top: 110px;}
.lianxiR{float: right;margin-top: 90px;}
#lx{border: none;height: auto;}
#lx img{margin-right: 20px;margin-bottom: 3px;}
#lx p{margin: 10px 0 20px 37px;}
.sortnavul li:hover:after{border: 1.45px solid #fff;border-bottom: none;border-left: none;}
/* 内页部分结束 */

/*响应式*/
.navbar-toggle {
    background: rgba(0, 0, 0, 0) url("404.png") no-repeat scroll right top;
    border: 0 none;
    border-radius: 0;
    height: 65px;
    float: right; 
    width: 65px;
    margin-top: 14px; 
    top: 0;
    right: 0;
    display: none;
}
@media screen and (min-width: 1920px){
  a.yang{left: 1400px;}
  span.CK{left: 375px;}
}
@media screen and (max-width: 1024px){
	.mfbox,.i_pro_l,.intro,.i_news,.n_n_list dl dd{width: 100%;}
	.i_pro_l ul li{width: 240px;margin-right: 5px;margin-left: 10px;}
	.intro_title{width: 600px;}
	.introR{width: 420px;}
	.news{width: 500px;padding-left: 10px;margin-right: 0;}
	.agentR{width: 700px;}
	.n_n_list dl dd a{width: 638px;}
	.lianxiR{width: 730px;}
	a.yang{left: 930px;}
.nava{padding:0 13px;}
.nava:hover,.navactive:hover{padding:0 13px;}
.selected,.navactive{padding:0 13px;}
.selected::after, .nava:hover::after, .navactive:hover::after{width: 100%;left: calc(50% - 50%);}
.i_newsB{padding: 0 10px;}
.footer .mfbox{padding:0 8px;}
.i_news{padding: 20px 0 10px;}
.i_alink{margin: 20px auto 30px;padding-left: 15px;}
.i_gsjj{padding: 30px 10px 30px;}
.i_cxcxzr .i_cxcxzrb{justify-content: normal; margin-left: 7%;}
.sidebar{padding-left: 15px;}
.menu_60 .box img{margin-right: 0;}
.n_n_list li .text{width: 68%;}
.menu_60 .content > div > ul li img, .menu_60 .box li img{width: 50%;}
.cptd .box1 .right{margin-left: 25px; width: auto;}
.cptd .box2 li{width: calc((100% / 2) - 60px); margin: 30px 30px;}
.sclyj .box .right{padding-left: 60px;}
.menu_71 .p_container{padding: 40px 15px 80px;}
.menu_63 .p_container .box .left{float: none;padding-bottom: 20px;}
.menu_63 .p_container .box .right{float: left;  padding-left: 22%;}
}
@media screen and (max-width: 768px){
	.i_nav {
    background-color: #243a8e;
    border-radius: 0 0 5px 5px;
    display:block;
    height: auto;
    position: relative;
    right: 0px;
    top: 80px;
    width: 170px;
    z-index: 1000;
left: 0;

} 
.navbar-toggle {
    display: block;
}
.nava{color: #fff;}
.selected, .navactive,.nava{padding: 0 20px;}
.i_pro_l{width: 612px;}
.introR{display: none;}
.introL{padding: 0 20px;}
.news{padding: 0 30px;}
a.yang{top: -450px;left: 465px;}
.mfbox,.intro,.introL,.intro_title,.i_news,.news,.p_container,.agentL,.agentR{width: 100%;}
.i_contact,.p_box1{display: none;}
.agentL{top: 0;}
.agentR{padding: 0 15px;}
.lianxiR{width: 500px;}
.sort_l{width: 550px;}
.ddsmoothmenu ul li{width: 100%;}
.i_gsjj > div img{float: left; padding-right: 11px; width: 520px; height: auto;}
.i_gsjj a{display: block;text-align: center;}
.i_cxcxzrb .title p{width: 160PX;}
.i_xhszn .i_xhsznb .right .righttext{padding: 30px 30px 30px;}
.i_xhszn .i_xhsznb .left{margin-top: 60px;}
.two ul li a{width: 67%; display: inline-block; overflow: hidden; height: 20px;}
.footer_nav ul li{margin-left: 20px;}
.sidebar{padding-left: 0;}
.p_container{padding: 0 0 80px;}
.i_nav ul li ul{position: inherit;width:100% !important;}
.znxzdjy .box > img{max-height: 170px;}
.znxzdjy .box .left li, .znxzdjy .box .right li{margin-bottom: 75px;}
.znxzdjy .box{padding: 0 10px;}
.zygn ul li{width: calc((100% / 4) - 20px);}
.cptd .box1 .right, .cptd .box1 > img{width: 100%;}
.cptd .box1 .right{text-align: center;margin:0;}
.footer_r{float: none; text-align: center; margin-top: 28px; overflow: hidden; padding-top: 10px;}
.fsclly, .cssly{padding: 0 20px;}
.menu_63 .p_container .box .right{padding-left: 7%;}

}
@media screen and (max-width: 480px){
	.sortnavul li::after{display: none;}
	.n_n_list dl dd,.n_n_list dl dd>div{width: 100%;}
	.sortnavul li a{width: auto;padding-left: 0;}
	.sort_l{width: 350px;}
	.i_pro_l{width: 425px;}
	.i_pro_l ul li{width: 190px;margin-right: 3px;margin-left: 17px;}
	.intro_title{height: auto;}
	span.CK{top: -60px;left: 35px;}
	.intro_title p{padding: 30px 32px 30px 16px;}
	a.yang{top: -394px;left: 234px;}
.footer_l .logo, .two span, .i_xhszn .i_xhsznb .left p, .i_gsjj > div h4::before, .i_ywfw .i_ywfwb .title span, .i_ywfw .i_ywfwb .title p{display: none;}
.i_cxcxzr .i_cxcxzrb{margin-left: 1%;max-width: 100%;}
.i_cxcxzrb > div{width: calc(100% / 3);  float: left;}
.i_gsjj > div h4{margin: 5px 0;}
.i_alink .i_panter_l li{width: calc((100%/3) - 15px);}
.i_alink .i_panter_l li:nth-child(5){margin-right: 15px;}
.i_xhszn .i_xhsznb .right .righttext{padding: 10px 5px 0px;}
.i_xhszn .i_xhsznb .right .righttext p{margin-top: 20px;}
.circle{width: 16px; height: 16px;}
.i_newsB .news:nth-child(1)::before{right: 0;}
.footer_r{margin-top: 0;}
.sortnavul li{padding: 0 10px;}
.menu_59 .content ul div{width: 70%;}
.menu_60 .content > div > ul li div, .menu_60 .content > div > ul li img, .menu_60 .box li img, .menu_60 .box li:nth-child(2n+1) img{float: none; margin-left: 0; margin-right: 0; width: 100%;}
.menu_60 .box li > div{width: 100%;padding-top: 15px;}
.n_n_list li .text, .n_n_list li img{width: 100%;}
.n_n_list li img{margin-bottom: 20px;}
.znxzdjy .box > img{display: none;}
.znxzdjy .box .left li img, .znxzdjy .box .right li img{display: none;}
.p_cpyl > .box > img{display:none;}
.zygn ul{flex-wrap: wrap;}
.zygn ul li{width: calc((100% / 2) - 20px);  margin-bottom: 25px;}
.znxzdjy .box{display: block;  justify-content: normal;text-align: center;}
.znxzdjy .box .right li div, .znxzdjy .box .left li div{float: none;}
.znxzdjy .box .left li div, .znxzdjy .box .right li div{margin:0;}
.znxzdjy .box .left li, .znxzdjy .box .right li{margin-bottom: 20px;}
.znxzdjy .box h3{font-size: 22px;  font-weight: bold}
.znxzdjy .box span{font-size: 16px;  padding-top: 10px;  display: inline-block;}
.menu_67 .sclfw .box > img{display:none;}
.sclfw .box ul{display:flex;}
.hzal ul li{width: calc((100%/3) - 15px);}
.menu_63 .p_container .box{padding: 0 0 20px 0;}
.footer_nav ul li{margin-left: 20px;  width: calc((100%/3) - 20px);}
.i_gsjj > div img{float: none; padding-right: 0; width: 100%; height: auto;}
.gbook_post td:nth-child(1){margin-right: 10px;}
.gbook_post{display: flex;padding: 10px;}
.gbook_post textarea{width:330px  !important;}
}



@media screen and (max-width: 414px){
	.i_pro_l{width: 375px;}
	.i_pro_l ul li{width: 165px;margin-right: 3px;margin-left: 13px;}
	a.yang{top: -366px;}
	.i_intro{height: auto;}
	.news{padding: 0 10px;}
	.one_title{width: 100%;}
}

@media screen and (max-width: 375px){
.i_ywfw .i_ywfwb > div{margin: 0 10px 15px;width: calc((100%/2) - 30px);}
.i_cxcxzr{display:none;}
.i_ywfw .i_ywfwb > div:nth-last-child(1){margin: 0 10px 15px;}
.i_ywfw .i_ywfwb{flex-wrap: wrap;}
.i_xhszn .i_xhsznb .left li{margin-bottom: 15px;}
.i_xhszn .i_xhsznb .right .righttext h3{font-size: 18px;}
.i_xhszn .i_xhsznb .right .righttext span{font-size:12px;}
.i_xhszn .i_xhsznb .right .righttext p{font-size:15px;}
.i_alink .i_panter_l li{width: calc((100%/ 2) - 15px);}
.i_xhszn .i_xhsznb .right{width: 60%;}
.i_xhszn .i_xhsznb .left li{background-position: center;}
.menu_59 .content ul h3{font-size: 20px;}
.cptd .box2 li img{margin-right: 0x;}
.menu_66 .p_container{padding:0;}
.sclfw .box li{width: calc((100%/6) - 22px);}
.title span:before, .title span:after{display:none;}
.sclfw .box li::before{right: -29px;}
.hzal ul li{width: calc((100%/2) - 15px);height: 85px;}
.menu_63 .p_container .box .left h4{font-size:26px;}
.menu_63 .p_container .box .right span{font-size: 14px;}
.gbook_post textarea{width:280px  !important;}
.gbook_post td:nth-child(1){width: 17%;}


}