@charset "utf-8";
* {word-wrap:break-word;word-break:break-all;box-sizing:border-box;outline: none;}
html{
    font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    font-size:20px;
}
body {
    padding:0;margin:0 auto;
    text-align: center;vertical-align:middle;
    font-family:'Microsoft Yahei','宋体','黑体',"Helvetica Neue",Helvetica,Tahoma,Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;
    font-size:16px;color:#262626;line-height:25px;
}

/*	防止复制代码
body {-moz-user-select: none;-webkit-user-select: none;}
*/
*{transition: all .2s;}
header, section, footer, aside, nav, main, article, figure {
    display: block;margin:0;padding:0;border:0;
}
img,p,form {margin:0;padding:0;border:0;}
ul,li{list-style:none;padding:0;margin:0;}
h1,h2,h3 {margin:5px 0;padding:5px 0;}
input,textarea,button {font-family:'Microsoft Yahei',"Helvetica Neue",Helvetica,Tahoma,Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;}

a{transition: all .5s;}
.l {float:left;}
.r {float:right;}
.al {left: 0;}
.ar {right: 0;}

.hidden{display: none;}
.block{display: block;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}
.xs-hide{display: block;}

/*	链接样式	*/
a {color:#262626;}
a:hover {text-decoration: none;color: #ea644a;}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:#ffffff;}
a.nav-link:hover {text-decoration:none; color:#8b2205;}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link {color:#fff;}
a.white-link:hover {text-decoration:none; color:#f0ab49;}
a.white-link:link,a.white-link:visited,a.white-link:active {text-decoration:none;}

a.red-link{color: #a80000;}
a.red-link:hover {text-decoration:none;color:#484848; }
a.red-link:link,a.red-link:visited,a.red-link:active {text-decoration:none;}

a.blue-link {color:#1d6dc5;}
a.blue-link:hover {text-decoration:none;color:#f90; }
a.blue-link:link,a.blue-link:visited,a.blue-link:active {text-decoration:none;}

a.green-link{color:#155f50;}
a.green-link:hover {text-decoration:none;color:#444444; }
a.green-link:link,a.he-link:visited,a.he-link:active {text-decoration:none;}

a.yellow-link{color:#F1A325;}
a.yellow-link:hover {text-decoration:none;color:#353535; }
a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;}


/*	字体颜色	 */

.text-white {color: #ffffff;}
.text-black {color: #000;}
.text-dark {color: #353535;}

.text-gray {color:#808080;}
.text-gray-darker {color: #222222;}
.text-gray-darke {color: #333333;}
.text-gray-light {color: #DDDDDD;}
.text-gray-lighter {color: #E5E5E5;}
.text-gray-pale {color: #F1F1F1;}

.text-danger {color: #EA644A;}
.text-warning {color: #F1A325;}
.text-success{color: #38B03F;}
.text-info{color: #03B8CF;}
.text-important{color:#BD7B46;}
.text-special{color: #8666B8}

.text-danger-pale{color: #FFE5E0;}
.text-warning-pale{color: #FFF0D5;}
.text-succes-pale {color: #DDF4DF;}
.text-info-pale {color: #DDF3F5;}
.text-important-pale{color: #F7EBE1;}
.text-special-pale{color: #F5EEFF;}

.text-lan {color:#005bac;}
.text-hong{color: #d44a25;}
.text-hui{color: #9d9d9d;}

.overflow-visible {white-space: initial;}
.overflow-clip {text-overflow: clip;}
.overflow-ellipsis {text-overflow: ellipsis;}

.pad-wrap{padding-left:30px;padding-right: 30px;}
.pad-item{padding-left:30px;padding-right: 30px;}
.mar-wrap{margin-left:30px;margin-right: 30px;}
.mar-item{margin-left:30px;margin-right: 30px;}

.mar-l-3{margin-left: 60px;}
.btn {padding:10px 20px;border-radius:2px;border:0px; cursor: pointer; overflow: hidden;}
.btn-danger{background:#EA644A; color: #fff;}

/* 内页顶部标题 */
.page-title-wrap{float: left;width: 100%;text-align: center;padding-top:40px;padding-bottom:40px;overflow: hidden;}
.page-title-wrap .name{position: relative;font-size:40px;line-height:40px;color:#1d50a3;}
.page-title-wrap .name:before{content: '';width: 10px;height: 10px;background-color: #00c07a;position: absolute;left:-40px;top:50%;margin-top:-5px;display: block; }
.page-title-wrap .name:after{content: '';width: 10px;height: 10px;background-color: #00c07a;position: absolute;right:-40px;top:50%;margin-top:-5px;display: block; }
.page-title-wrap:hover .name:before{left: -60px;}
.page-title-wrap:hover .name:after{right: -60px;}

.page-main{float: left;margin-bottom:40px;width: 100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:stretch;overflow: hidden;}
.page-main img{max-width: 100%;}

/* 内页左侧 */
.page-main-left {flex: none;width: 300px;background-color: #f1f1f1;overflow: hidden;}
.page-main-left .page-left-title{float: left;width: 100%;padding:40px 20px;background-color: #1d50a3;color: #ffffff;text-align: center;overflow: hidden;}
.page-main-left .page-left-title b{float:left;width:100%;font-size:30px;padding:10px 0;font-weight:normal;overflow: hidden;}
.page-main-left .page-left-category{float: left;width: 100%;padding:5px 0;overflow: hidden;}
.page-main-left .page-left-category ul li{float: left;width: 100%;line-height:30px;padding:10px;border-bottom:1px solid #efefef;overflow: hidden;}
.page-main-left .page-left-category ul li:hover{background-color: rgba(29,80,163,.5);}
.page-main-left .page-left-category ul li:hover a{color: #ffffff;}
.page-main-left .page-left-category .selected{}

/* 内页右侧 */
.page-main-right {flex: auto;width: 100%;background-color:#fafafa;overflow: hidden;}
.page-main-right .main,
.page-main-right .list{float: left;width: 100%;margin-bottom:40px;overflow: hidden;}
.page-main-right .main .title{float: left;width: 100%;margin-top:40px;margin-bottom:40px;padding:20px 0;
    font-size:40px;line-height: 30px;text-align: left;overflow: hidden;}
.page-main-right .main .demo{float: left;width: 100%;margin-bottom:40px;padding:20px;font-size:16px;line-height: 30px;text-align: justify;background-color:#ffffff;color:#969696;overflow: hidden;}
.page-main-right .main .content{float: left;width: 100%;margin-bottom:40px;font-size:16px;line-height: 30px;text-align: justify;overflow: hidden;}

.page-main-right .main .page-per-next{float: left;width: 100%;padding:40px;margin-top:40px;border-top:1px dashed #dbdbdb;overflow: hidden;}
.page-main-right .main .page-per-next ul li{float: left;width: 100%;padding:5px 0;line-height:30px;text-align: left;overflow: hidden;}

/* 文字列表 */
.page-main-right .li-text{float: left;width: 100%;margin:0 0;padding:20px 0;border-bottom:1px dotted #dbdbdb;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;overflow: hidden;}
.page-main-right .li-text .date{flex:none;margin-right:40px;width:120px;height:120px;background-color: #ffffff;padding:10px;overflow: hidden;}
.page-main-right .li-text .date b{float: left;width: 100%;text-align: center;height:60px;line-height: 60px;font-size:44px;overflow: hidden; }
.page-main-right .li-text .date span{float: left;width: 100%;text-align: center;height:40px;line-height:40px;font-size:16px;overflow: hidden; }
.page-main-right .li-text .info{flex: auto;width: 100%;overflow: hidden;}
.page-main-right .li-text .info .name{float: left;margin-bottom:5px;width: 100%;font-size:24px;padding:5px 0;text-align: left;overflow: hidden;}
.page-main-right .li-text .info .demo{float: left;width: 100%;font-size:16px;text-align: justify;color:#484848;overflow: hidden;}
.page-main-right .li-text .info .more{float: right;margin-top:10px;border:1px solid #ffffff;background-color:#00c07a;color:#ffffff;font-size:12px;line-height:30px;padding:0 20px;overflow: hidden;}
.page-main-right .li-text .info .more:hover{border-radius: 20px;}
.page-main-right .li-text:hover .date{background-color: #ea644a;color: #ffffff;}

/* 图片列表 */
.page-main-right .li-image{float: left;width: 100%;margin:0 0;padding:20px 0;border-bottom:1px dotted #dbdbdb;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;overflow: hidden;}
.page-main-right .li-image .image{flex:none;float: left;width:280px;margin-right:40px;overflow: hidden;}
.page-main-right .li-image .image img{float: left;width: 100%;}
.page-main-right .li-image .info .date{float:left;width:100%;text-align:left;font-size:12px;color:#bbbbbb;overflow: hidden;}
.page-main-right .li-image:hover .date{color: #484848;}
.page-main-right .li-image .info{flex: auto;width: 100%;overflow: hidden;}
.page-main-right .li-image .info .name{float: left;width: 100%;font-size:24px;padding:5px 0;text-align: left;overflow: hidden;}
.page-main-right .li-image .info .demo{float: left;width: 100%;font-size:16px;text-align: justify;color:#484848;overflow: hidden;}
.page-main-right .li-image .info .more{float: right;margin-top:10px;border:1px solid #ffffff;background-color:#00c07a;color:#ffffff;font-size:12px;line-height:30px;padding:0 20px;overflow: hidden;}
.page-main-right .li-image .info .more:hover{border-radius: 20px;}

/* 没有数据 */
.page-main-right .empty{float: left;width: 100%;margin:100px 0;display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;overflow: hidden}
.page-main-right .empty .image{flex:auto;padding:20px;text-align: center;margin-bottom: 20px;}
.page-main-right .empty .image img{max-width: 60%;}
.page-main-right .empty .name{flex:auto;font-size:30px;line-height:40px;color: #8a8a8a;}

/* 分页 */
.page{float: left;width: 100%;margin: 20px 0;overflow: hidden;}
.page .pagination{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;}
.page ul li{cursor:pointer;background-color:#1d50a3;color:#ffffff;font-size:14px;height: 30px;line-height: 30px;margin:5px;overflow: hidden;}
.page ul li:hover{background-color: #00c07a;color: #ffffff;}
.page ul li a{float:left;width:100%;color: #ffffff;padding:0 10px;}
.page ul li span{padding:0 10px;}
.page .disabled{background-color: #484848;color: #ffffff;}
.page .active{background-color: #ea644a;color: #ffffff;}

/* 顶部 */
.header{width: 100%;height: 110px;}
.header .header-main{float:left;width:100%;height: 110px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: center;}
.header .header-main .logo{flex:none;float: left;width: 317px;height: 110px;background: url(../images/logo.png) no-repeat left center;background-size: contain;overflow: hidden;}
.header .header-main .logo a{float: left;width: 100%;height: 110px;display: block;}
.header .nav{flex:auto;margin-left:100px;float: right;width: 100%;max-width:1100px;height: 110px;}
.header .nav ul{float: left;width: 100%;display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: center;}
.header .nav ul li{flex:auto;padding:0 10px;text-align: center;height: 110px;position: relative;overflow: hidden;}
.header .nav .nav-li .name{float: left;width: 100%;height: 110px;line-height:110px;font-size:18px;color:#383f46;text-align: center;}
.header .nav .nav-li:before{content:'';position: absolute;width:0;left:0;bottom:0;height: 5px;background-color:#185766;transition: all .2s; }
.header .nav .nav-li:hover:before{content:'';width:100%;}

.header .nav .nav-li:hover .name{color:#00cad7;transform: scale(1.2);position: relative;}
.header .nav .nav-li:hover .name:before{}

.header .nav .nav-li-sel:before{content:'';position: absolute;left:0;width:100%;bottom:0;height: 5px;background-color:#185766;transition: all .2s; }
.header .nav .nav-li-sel .name{color:#00cad7;transform: scale(1.2);}
.header .nav .nav-li-sel .name:hover{color: #ea644a;}

/* 移动端菜单 */
.mobile-nav-btn{display:none;flex:none;width:80px;height:80px;line-height:80px;font-size:40px;text-align: center;overflow: hidden;}

.banner{float: left;width: 100%;margin-bottom:30px;overflow: hidden;}
.banner-video{float: left;width: 100%;position:relative;overflow: hidden;}
.banner-video video{float: left;width: 100%;height: auto;}
.banner-video .banner-main{position: absolute;width: 100%;top:0;left:0;bottom:0;z-index: 1;padding:0 10%;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;overflow: hidden;}
.banner-video .banner-main .name{width:100%;font-size:60px;line-height:70px;text-align: left;padding:20px 40% 20px 0;font-weight: normal;overflow: hidden;}
.banner-video .banner-main .name a{color: rgba(255,255,255,1);}
.banner-video .banner-main .name a:hover{color: #ffffff;}
.banner-video .banner-main .name:hover {padding-left: 20px;}
.banner-video .banner-main .demo{width:100%;color: rgba(255,255,255,.5);font-size:20px;text-align: justify;padding-right:40%; line-height:40px;}

.page-banner{float: left;width: 100%;overflow: hidden;}
.page-banner img{float: left;width: 100%;margin-bottom:0;}


/* 推荐案例 */
.recommend-case{float:left;margin-bottom:30px;width: 100%;overflow: hidden;}
.recommend-case .item{
    float: left;width: 100%;
    overflow: hidden;
}
.recommend-case .item .image{float:left;width: 40%;overflow: hidden;}
.recommend-case .item .image img{float:left;width: 100%;}
.recommend-case .item .image img:hover{transform: scale(1.2);}

.recommend-case .item .text{float:right;width: 60%;padding-left:80px;overflow:hidden;}
.recommend-case .item .text .item-logo{float: left;height:60px;width: 100%;margin-bottom: 20px;overflow: hidden;}
.recommend-case .item .text .item-logo img{float: left;height:100%; }
.recommend-case .item .text .item-logo img:hover{margin-left: 10px;}
.recommend-case .item .text .item-name {float:left;width: 100%;padding:10px 0;text-align:left;font-weight:bold;font-size:40px;margin-bottom: 20px;overflow: hidden;}

.recommend-case .item .text .item-demo{float: left;width: 100%;line-height:30px;height:120px;margin-bottom:20px;text-align:justify;color:#97765b;font-size:18px;overflow: hidden;}
.recommend-case .item .text .item-btn{float: right;padding:0 20px;height:40px;line-height:38px;border:1px solid #3f7c95;font-size:16px;color:#6d9dc1;overflow: hidden;}
.recommend-case .item .text .item-btn:hover{background-color:#3f7c95;color: #ffffff; }

/* 核心服务 */
.index-core-services{float: left;width: 100%;padding-top:20px; padding-bottom:20px;background-color: #f7f7f7;overflow: hidden;}
.index-core-services .more{cursor:pointer;float: left;margin-bottom:20px;width: 20%;margin-left: 40%;padding:10px 0;text-align: center;background-color: #ffffff;color:#0a3c98;overflow: hidden;}
.index-core-services .more:hover{background-color: #ea644a;color: #ffffff;}

.index-core-services ul{margin:50px 0;display: flex;flex-wrap:nowrap;justify-content: space-between;align-items: center;align-content: center;}
.index-core-services .item{flex: auto;width:10%;margin-top:70px;background-color: #ffffff;padding-top:85px;position: relative;}
.index-core-services .item .image{position: absolute;z-index:1;top:-50px;left:50%;margin-left:-50px;border-radius: 50%;width:100px;height:100px;border:10px solid #c9e3ff;background-color: #378fea;color: #ffffff;overflow:hidden;}
.index-core-services .item .image img{float:left;width:80px;height:80px;border-radius: 50%;}
.index-core-services .item .name{float: left;width: 100%;height:60px;line-height:30px;color: #414141;margin-bottom:40px;padding:0 30px;font-size:24px;text-align: center;overflow: hidden;}
.index-core-services .item .demo{float: left;width: 100%;height:150px;line-height:25px;color: #898989;margin-bottom:40px;padding:0 30px;font-size:16px;text-align: center;overflow: hidden;}
.index-core-services .item .link{width:100%;height:50px;line-height:50px;color:#ffffff;font-size:16px;background-color:#0a3c98;text-align: center;overflow: hidden;}

.index-core-services .item:hover{transform: scale(1.2);}
.index-core-services .item:hover .link{background-color: #ea644a;}
.index-core-services .item a .name{color: #414141;}
.index-core-services .item a .demo{color: #898989;}
.index-core-services .item:hover .link{background-color: #ea644a;}

.index-solution{float: left;width: 100%;overflow:hidden;}
.index-solution ul{display: flex;flex-direction:row;flex-wrap:wrap;justify-content: space-between;align-items: stretch;overflow: hidden;}
.index-solution ul li{flex:none;float: left;width: 50%;background-color:#1d4ca3;position:relative;overflow: hidden;}
.index-solution ul li .keys-1{position: absolute;right:0;bottom:0;z-index: 1;font-size:44px;background-color: #ffffff;color: #285e74;width: 65px;height: 65px;line-height:65px;text-align:center;overflow: hidden;}
.index-solution ul li .keys-2{position: absolute;left:0;bottom:0;z-index: 1;font-size:44px;background-color: #1d4ca3;color: #ffffff;width: 65px;height: 65px;line-height:65px;text-align:center;overflow: hidden;}
.index-solution ul li .keys-3{position: absolute;right:0;top:0;z-index: 1;font-size:44px;background-color: #1d4ca3;color: #ffffff;width: 65px;height: 65px;line-height:65px;text-align:center;overflow: hidden;}
.index-solution ul li .keys-4{position: absolute;left:0;top:0;z-index: 1;font-size:44px;background-color: #ffffff;color: #285e74;width: 65px;height: 65px;line-height:65px;text-align:center;overflow: hidden;}
.index-solution ul li .info{
    position: absolute;left:0;right:0;top:0;bottom:0;float: left;width: 100%;padding:20px 20px;color: #ffffff;
    background-color: rgba(0,0,0,.1);
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;
    overflow: hidden;}
.index-solution ul li .info .name{font-size:30px;font-weight:normal;position: relative;padding:0 20px;line-height: 40px;}
.index-solution ul li .info .name:before{content: '';width: 10px;height: 10px;background-color: #ffffff;position: absolute;left:0;top:50%;margin-top: -5px;overflow: hidden;}
.index-solution ul li .info .name:after{content: '';width: 10px;height: 10px;background-color: #ffffff;position: absolute;right:0;top:50%;margin-top: -5px;overflow: hidden;}
.index-solution ul li .info .demo {color: rgba(255,255,255,.8);font-size:16px;padding:50px 30px;text-align: center;overflow: hidden;}
.index-solution ul li .info .more {border:1px solid #ffffff;padding:10px 20px;color:#ffffff;overflow: hidden;}
.index-solution ul li .info .more:hover{background-color: #ffffff;color:#1d4ca3;}
.index-solution ul li .image img{float: left;width: 100%;}
.index-solution .item-1 .image,
.index-solution .item-4 .image{display: none;}
/*
.index-solution .item-2 .info,
.index-solution .item-3 .info{display: none;}
*/

.title-wrap{float: left;width: 100%;margin:50px 0;height:150px;line-height:150px;text-align:center;background-repeat:no-repeat;background-position:center center;overflow: hidden;}
.title-wrap b{text-align: center;color: #394863;font-size:40px;font-weight: normal;}
.title-case {background-image: url(../images/title-case.png);}
.title-about {background-image: url(../images/title-about.png);}
.title-news {background-image: url(../images/title-news.png);}

.index-case{float: left;width: 100%;padding:0 0;overflow: hidden;}
.index-case .category{float: left;width: 100%;background-color: #f5f5f5;overflow: hidden;}
.index-case .category ul{display:flex;flex-flow: row nowrap;justify-content: center;}
.index-case .category ul li{flex:auto;padding:0 20px;height:100px;line-height:100px;font-size:20px;}
.index-case .category ul li a{float: left;width: 100%;}
.index-case .category ul .selected {background-color:#1d4ca3;color: #ffffff; }
.index-case .category ul .selected a{color:#ffffff;}
.index-case .category ul li:hover{background-color:#1d4ca3;color: #ffffff; }
.index-case .category ul li:hover a{color:#ffffff;}

.index-case .main{float: left;width: 100%;padding:0;background-color: #f5f5f5;overflow: hidden;}
.index-case .main ul{display: flex;flex-flow: row wrap;justify-content: flex-start;align-content: stretch;align-items: stretch;}
.index-case .main ul li{flex: 0 1 auto;width: 33.33%;position:relative;padding:0;overflow: hidden;}
.index-case .main ul li .info{
    position: absolute;z-index: 1;top:0;right:0;left:0;bottom:0;
    background-color: rgba(0,0,0,.6);opacity: 0;
    display: flex;flex-flow: column nowrap;justify-content: center;
    align-items: center;align-content: center;overflow: hidden;
}
.index-case .main ul li .info .logo{flex:auto;text-align: center;}
.index-case .main ul li .info img{width: auto;height:140px;}
.index-case .main ul li .info .name{flex:none;font-weight:normal;margin-top:20px;height:40px;line-height:40px;font-size:20px;color: #ffffff;}
.index-case .main ul li:hover .info {opacity: 1}
.index-case .main ul li .image{float: left;width: 100%;overflow: hidden;}
.index-case .main ul li .image img{float: left;width: 100%;}

.index-about{float: left;width: 100%;overflow: hidden;}
.index-about .image{float: left;width: 40%;overflow: hidden;}
.index-about .image img{float: left;width: 100%;}
.index-about .info{float: left;width: 60%;text-align: left;overflow: hidden;}
.index-about .info .text{float: left;width: 100%;font-size:20px;overflow:hidden;}
.index-about .info .more{float: left;margin-top:20px;border:1px solid #4d829a;color:#4d829a;height: 42px;line-height: 40px;padding:0 20px;overflow: hidden;}
.index-about .info .more:hover{background-color:#4d829a;color: #ffffff; }

.index-news{float: left;width: 100%;overflow: hidden;}
.index-news ul{display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;align-items: center;}
.index-news ul li{flex: auto;position:relative;width: 25%;margin-bottom:20px;text-align: justify;overflow: hidden;}
.index-news ul li b{float: left;width: 100%;height:30px;line-height:30px;margin-bottom:20px;font-size:20px;color:#4b4b4b;overflow: hidden;}
.index-news ul li span{float: left;width: 100%;height:30px;line-height:30px;margin-bottom:20px;font-size:16px;color:#c4c4c4;overflow: hidden;}
.index-news ul li p{float: left;width: 100%;height:60px;line-height:30px;margin-bottom:20px;font-size:16px;color:#7b7b7b;overflow: hidden;}
.index-news ul li p:after{content: '';position:absolute;left:0;bottom:0;width: 20%;height: 5px;background-color: #cecece;overflow: hidden;}
.index-news ul li:hover p:after{
    animation: move-left-right 2s 1 forwards;
    /*
    animation-name:move-left-right;animation-duration:2s;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    */
}

.bottom{float: left;width: 100%;padding-top:20px;background: url(../images/bottom-bg.jpg) no-repeat center center;background-size: cover;color:#ffffff;overflow: hidden;}
.bottom .bottom-main{float: left;width: 100%;overflow:hidden;}
.bottom .bottom-left{float: left;width: 40%;text-align: left;font-size:18px;line-height:40px;overflow: hidden;}
.bottom .bottom-right{float: left;width: 60%;text-align: right;overflow: hidden;}
.bottom .bottom-right .bottom-nav{float: left;width: 100%;text-align: right;overflow: hidden;}
.bottom .bottom-right .bottom-nav ul li{float: right;padding:0 10px;}
.bottom .bottom-right .bottom-nav a{color: #ffffff;}
.bottom .bottom-right .bottom-qrcode{float: left;margin-top:20px;width: 100%;text-align: right;overflow: hidden;}
.bottom .bottom-right .bottom-qrcode ul li{float: right;margin-right:10px;width: 100px;height: 100px;overflow: hidden;}
.bottom .bottom-right .bottom-qrcode ul li .image{float: left;width: 100%;background-color: rgba(255,255,255,.5);padding:5px;overflow: hidden;}
.bottom .bottom-right .bottom-qrcode ul li .image img{float: left;width: 100%;}

.bottom .bottom-line{float: left;margin-top:20px;width: 100%;padding:15px 20px;background-color: rgba(49,56,81,.5);color: #ffffff;text-align: center;overflow: hidden;}
.bottom .bottom-line a{color: #ffffff;}
.gotop{position: fixed;z-index: 5;right:10px;bottom:10px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size:20px;background-color: rgba(0,0,0,.5);color: #ffffff;cursor:pointer;overflow: hidden;}

.mobile-nav-mark{background-color: rgba(0,192,122,.9);position: fixed;left:-100%;top:0;bottom:0;z-index: 10;width:30%;}
.mobile-nav{background-color: rgba(29,80,163,1);position: fixed;right:-100%;top:0;bottom:0;z-index: 10;width:70%;padding:20px;color: #ffffff;overflow-x: hidden;overflow-y: auto;}
.mobile-nav ul{float:left;margin-bottom:40px;}
.mobile-nav ul li{float: left;width: 100%;}
.mobile-nav ul li a{float: left;width: 100%;}
.mobile-nav .close-mobile-nav{float: left;width: 100%;overflow: hidden;}
.mobile-nav .close-mobile-nav i{float: right;width: 80px;height: 80px;line-height: 80px;text-align: center;font-size:40px;color: #ffffff;overflow: hidden;}
.mobile-nav .nav-li{float: left;width: 100%;padding:10px 20px;text-align: left;background-color:rgba(255,255,255,.2);margin-bottom:5px;overflow:hidden;}
.mobile-nav .nav-li a{color: #ffffff;font-size:16px;}

.case-image-view{
    float: left;width: 100%;position: relative;height:800px;
    background-size: cover;background-attachment: fixed;background-position: top center;
    display: flex;flex-flow: column nowrap;justify-content: center;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.case-image-view .logo{flex:auto;display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;overflow: hidden;}
.case-image-view .logo img{max-height:200px;}
.case-image-view .case-image-view-info{
    flex:none;float:left;width:100%;
    /*position: absolute;left:0;bottom:0;*/
    background-color: rgba(40,41,54,.8);
    overflow: hidden;}
.case-image-view .case-image-view-info .case-image-main{
    margin: 0 auto;width: 100%;max-width: 1400px;
    display:flex;flex-flow: row nowrap;justify-content: space-between;align-items: stretch;align-content: center;
    overflow: hidden;
}
.case-image-view .case-image-view-info .current{float: left;width: 100%;height:30px;line-height:30px;font-size:14px;color:#aaaaaa;text-align: left;overflow: hidden; }
.case-image-view .case-image-view-info .current a{color: #aaaaaa;}
.case-image-view .case-image-view-info .current a:hover{color: #ffffff;}
.case-image-view .case-image-view-info .case-image-view-title{float: left;width: 100%;padding:10px 0;overflow: hidden;}
.case-image-view .case-image-view-info .case-image-view-title b{float: left;line-height:60px;height:60px;font-weight:normal;font-size:36px;color: #ffffff;overflow: hidden;}
.case-image-view .case-image-view-info .case-image-view-title a{float: left;margin-left:20px;margin-top:16px;height: 30px;line-height: 30px;font-size:14px;background-color: #ffffff;padding:0 20px;border-radius:15px;overflow: hidden;}
.case-image-view .case-image-view-info .case-image-view-title a:hover{background-color: #f0ab49;color: #ffffff;}
.case-image-view .case-image-view-info .case-demo{float: left;width: 60%;padding:20px;overflow: hidden;}
.case-image-view .case-image-view-info .case-demo .case-demo-content{
    float: left;width: 100%;margin-bottom:20px;color: #fafafa;text-align:justify;max-height:90px;line-height: 30px;
    padding-right: 20px;font-size:15px;
    overflow-x: hidden;overflow-y: auto;}

.case-image-view .case-image-view-info .case-demo .case-demo-content::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: rgba(240, 240, 240, 1);
}

/*定义滚动条轨道 内阴影+圆角*/
.case-image-view .case-image-view-info .case-demo .case-demo-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    border-radius: 10px;
    background-color: rgba(255,255,255, .8);
}

/*定义滑块 内阴影+圆角*/
.case-image-view .case-image-view-info .case-demo .case-demo-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    background-color: rgba(0, 192,122, .9);
}

.case-image-view .case-image-view-info .case-label{float: left;border-left: 1px dashed #aaaaaa;width: 40%;padding:20px;overflow: hidden;}
.case-image-view .case-image-view-info .case-label .case-label-list{float: left;width: 100%;overflow: hidden;}
.case-image-view .case-image-view-info .case-label .case-label-list ul li{
    float: left;height: 30px;line-height: 30px;margin-right: 20px;margin-bottom: 20px;
    background-color: #ffffff;padding:0 20px;border-radius:15px;font-size:14px;
    overflow: hidden;}
.case-image-view .case-image-view-info .case-label .case-label-list ul li i{color: #00c07a;}
.case-image-view .case-image-view-info .case-label .case-label-list ul li:hover{background-color: #00c07a;color:#ffffff;}
.case-image-view .case-image-view-info .case-label .case-label-list ul li:hover i{color: #ffffff;}

.case-wrap{float: left;width: 100%;padding-top:20px;padding-bottom:20px;overflow:hidden;}
.case-wrap img{max-width: 100%;}


.pay-online {
    width: 100%;
    padding: 20px;
    overflow: hidden;
}
.pay-online .top {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
    margin-bottom: 20px;
    overflow: hidden;
}
.pay-online .top .image{
    flex:none;
    width: 20%;
    border: 1px solid #dbdbdb;
    overflow: hidden;
}
.pay-online .top .image img{float: left;width: 100%;}
.pay-online .top .info{
    margin-left: 20px;
    flex:auto;
    width: 100%;
    text-align: left;
    display: inline-flex;
    flex-flow: column;
    overflow: hidden;
}
.pay-online .top .info .pay-name{
    width: 100%;font-size:30px;padding: 20px 0;
    overflow: hidden;
}
.pay-online .top .info .pay-remark{
    width: 100%;font-size:16px;padding: 20px 0;
    overflow: hidden;
}
.pay-online .top .info .pay-price{
    width: 100%;padding: 20px 0;
    overflow: hidden;
}
.pay-online .top .info .pay-price b{
    font-size:40px;color:#ea644a;
}
.pay-online .top .info .pay-price span{
    font-size:16px;color:#999;
}

.pay-online .top .pay-button{
    width: 100%;font-size:16px;padding: 20px 0;
    overflow: hidden;
}
.pay-online .top .pay-button button{
    color:#ffffff;cursor: pointer;font-size:20px;
    padding: 10px 20px; border:1px solid rgb(196, 86.4, 86.4);background-color: #F56C6C;border-radius: 4px;overflow: hidden;
}
.pay-online .pay-content{
    float:left;width: 100%;line-height: 30px;border: 1px solid #dbdbdb;background-color: #ffffff;padding: 20px;
    text-align: justify;font-size:18px;overflow: hidden;
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    .pad-wrap{padding-left:10px;padding-right: 10px;}
    .pad-item{padding-left:10px;padding-right: 10px;}
    .mar-wrap{margin-left:10px;margin-right: 10px;}
    .mar-item{margin-left:10px;margin-right: 10px;}
    .header{height: 80px;}
    .header .header-main{height: 80px;}
    .header .header-main .logo{width: 200px;height: 80px;background-size: contain;}
    .header .header-main .logo a{height: 80px;}
    .header .nav{display: none;}
    .mobile-nav-btn{display: block;}
    .mobile-nav{display: block;}
    /* 视频 */

    .banner-video .banner-main .name{font-size:30px;line-height:30px;padding-right:30%;}
    .banner-video .banner-main .demo{font-size:16px;line-height:30px;height:90px;padding-right:20%;overflow: hidden;}

    /*推荐案例*/

    .recommend-case .item .image{width: 100%;margin-bottom: 20px;}
    .recommend-case .item .text{width: 100%;padding-left:0;}

    .recommend-case .item .text .item-logo{height:40px}
    .recommend-case .item .text .item-name {font-size:30px;margin-bottom: 10px;}
    .recommend-case .item .text .item-demo{line-height:24px;height:72px;font-size:14px;}
    .recommend-case .item .text .item-btn{float: left;}

    /* 核心业务 */
    .index-core-services ul{flex-flow:row wrap;margin-top: 20px;}
    .index-core-services .item{width:100%;}

    /*解决方案*/


    .index-solution ul{display: block;}
    .index-solution ul li{float: left;width: 100%;background-color:#1d4ca3;position:relative;overflow: hidden;}
    .index-solution ul li .keys-1{position: absolute;right:0;bottom:0;z-index: 1;font-size:44px;background-color: #ffffff;color: #285e74;width: 65px;height: 65px;line-height:65px;text-align:center;overflow: hidden;}
    .index-solution ul li .keys-2{position: absolute;left:0;bottom:0;z-index: 1;font-size:44px;background-color: #1d4ca3;color: #ffffff;width: 65px;height: 65px;line-height:65px;text-align:center;overflow: hidden;}
    .index-solution ul li .keys-3{position: absolute;right:0;top:0;z-index: 1;font-size:44px;background-color: #1d4ca3;color: #ffffff;width: 65px;height: 65px;line-height:65px;text-align:center;overflow: hidden;}
    .index-solution ul li .keys-4{position: absolute;left:0;top:0;z-index: 1;font-size:44px;background-color: #ffffff;color: #285e74;width: 65px;height: 65px;line-height:65px;text-align:center;overflow: hidden;}
    .index-solution ul li .info{position: relative;}

    .index-solution ul li .info .name {margin-bottom: 20px;}
    .index-solution ul li .info .demo {padding:20px;}
    .index-solution ul li .info .more {padding:10px 20px;font-size:14px;}

    /*标题*/
    .title-wrap{margin:50px 0;height:70px;line-height:70px;background-size:contain;}

    /*案例展示*/
    .index-case .category ul{flex-flow: row wrap;}
    .index-case .category ul li{height:60px;line-height:60px;font-size:16px;}
    .index-case .main ul li{width: 100%;}

    /*关于我们*/
    .index-about .image{width: 100%;}
    .index-about .image img{float: left;width: 100%;margin-bottom: 20px;}
    .index-about .info{width: 100%;}
    .index-about .info .text{line-height:30px;font-size:16px;}

    /*新闻*/
    .index-news ul li{width: 100%;}

    /*底部*/
    .bottom .bottom-left{width: 100%;font-size:16px;line-height:24px;}
    .bottom .bottom-right{width: 100%;}
    .bottom .bottom-right .bottom-nav{display:none;}
    .bottom .bottom-right .bottom-qrcode ul li{float: left;width: 33.33%;height:auto;padding:0 10px 10px 0;overflow: hidden;}

    .page-main-right .main .title{font-size:24px;margin:20px 0;padding:10px 0;text-align: center;}
    .page-main-left{display: none;}

    /* 文字列表 */
    .page-main-right .li-text .date{margin-right:20px;width:80px;height:80px;}
    .page-main-right .li-text .date b{height:40px;line-height:40px;font-size:36px;}
    .page-main-right .li-text .date span{height:20px;line-height: 20px;font-size:12px;}

    /* 图片列表 */
    .page-main-right .li-image{display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: center;align-content: center;}
    .page-main-right .li-image .image{width:100%;margin-bottom:20px;margin-right:0;}

    /* 内页顶部标题 */
    .page-title-wrap{padding-top:30px;padding-bottom:30px;}
    .page-title-wrap .name{font-size:32px;line-height:40px;}

    /* 案例详情 */
    .case-image-view{height:600px;}
    .case-image-view .case-image-view-info .case-demo{width: 100%;}
    .case-image-view .case-image-view-info .case-label{display:none;}

    /* 页码 */
    .page ul li{display: none;}
    .page ul li:first-of-type{display: block;}
    .page ul li:last-child{display: block;}

    /**
    费用支付
     */
    .pay-online .top{flex-flow: column nowrap;}
    .pay-online .top .image {width: 100%;}
    .pay-online .top .info{margin-left: 0;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

    .pad-wrap{padding-left:10px;padding-right: 10px;}
    .pad-item{padding-left:10px;padding-right: 10px;}
    .mar-wrap{margin-left:10px;margin-right: 10px;}
    .mar-item{margin-left:10px;margin-right: 10px;}
    .header{height: 80px;}
    .header .header-main{height: 80px;}
    .header .header-main .logo{width: 200px;height: 80px;}
    .header .header-main .logo a{height: 60px;}
    .header .nav{display: none;}
    .mobile-nav-btn{display: block;}

    /* 视频 */
    .banner-video .banner-main .name{font-size:50px;line-height:50px;padding-right:30%;}
    .banner-video .banner-main .demo{font-size:20px;line-height:30px;height:120px;padding-right:20%;overflow: hidden;}

    /*推荐案例*/
    .recommend-case .item .text .item-logo{height:40px}
    .recommend-case .item .text .item-name {font-size:30px;margin-bottom: 10px;}
    .recommend-case .item .text .item-btn{display: none;}
    .recommend-case .item .text .item-demo{line-height:24px;height:72px;font-size:14px;}

    /* 核心业务 */
    .index-core-services ul{flex-flow:row wrap;margin-top: 20px;}
    .index-core-services .item{width:40%;}

    /*解决方案*/
    .index-solution ul li .info .name {margin-bottom: 20px;}
    .index-solution ul li .info .demo {display: none;}
    .index-solution ul li .info .more {padding:10px 20px;font-size:14px;}

    /*标题*/
    .title-wrap{margin:50px 0;height:70px;line-height:70px;background-size:contain;}

    /*案例展示*/
    .index-case .category ul{flex-flow: row wrap;}
    .index-case .category ul li{height:60px;line-height:60px;font-size:16px;}
    .index-case .main ul li{width: 50%;}

    /*关于我们*/
    .index-about .image{width: 50%;}
    .index-about .image img{float: left;width: 100%;}
    .index-about .info{width: 50%;}
    .index-about .info .text{line-height:30px;height:180px;font-size:16px;}

    /*新闻*/
    .index-news ul li{width: 40%;}

    /*底部*/
    .bottom .bottom-left{width: 60%;}
    .bottom .bottom-right{width: 40%;}
    .bottom .bottom-right .bottom-nav{display:none;}

    .page-main-right .main .title{font-size:24px;margin:20px 0;padding:10px 0;}
    .page-main-left{display: none;}

    /* 案例详情 */
    .case-image-view{height:600px;}
    .case-image-view .case-image-view-info .case-demo{width: 100%;}
    .case-image-view .case-image-view-info .case-label{display:none;}

    /**
    费用支付
     */
    .pay-online .top{flex-flow: column nowrap;}
    .pay-online .top .image {width: 100%;}
    .pay-online .top .info{margin-left: 0;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

    .pad-wrap{padding-left:10px;padding-right: 10px;}
    .pad-item{padding-left:10px;padding-right: 10px;}
    .mar-wrap{margin-left:10px;margin-right: 10px;}
    .mar-item{margin-left:10px;margin-right: 10px;}

    .header .header-main .logo{width: 300px;height: 100px;}
    .header .header-main .logo a{height: 100px;}
    .header .nav{display: none;}
    .mobile-nav-btn{display: block;}

    /* 视频 */
    .banner-video .banner-main .name{font-size:50px;line-height:50px;padding-right:30%;}
    .banner-video .banner-main .demo{font-size:20px;line-height:30px;height:120px;padding-right:20%;overflow: hidden;}

    /*推荐案例*/
    .recommend-case .item .text .item-logo{height:40px}
    .recommend-case .item .text .item-name {font-size:30px;margin-bottom: 10px;}
    .recommend-case .item .text .item-btn{display: none;}
    .recommend-case .item .text .item-demo{line-height:24px;height:72px;font-size:14px;}

    /* 核心业务 */
    .index-core-services ul{flex-flow:row wrap;margin-top: 20px;}
    .index-core-services .item{width:40%;}

    /*解决方案*/
    .index-solution ul li .info .name {margin-bottom: 20px;}
    .index-solution ul li .info .demo {display: none;}
    .index-solution ul li .info .more {padding:10px 20px;font-size:14px;}

    /*标题*/
    .title-wrap{margin:50px 0;height:70px;line-height:70px;background-size:contain;}

    /*案例展示*/
    .index-case .category ul{flex-flow: row wrap;}
    .index-case .category ul li{height:60px;line-height:60px;font-size:16px;}
    .index-case .main ul li{width: 50%;}

    /*关于我们*/
    .index-about .image{width: 50%;}
    .index-about .image img{float: left;width: 100%;}
    .index-about .info{width: 50%;}
    .index-about .info .text{line-height:30px;height:180px;font-size:16px;}

    /*新闻*/
    .index-news ul li{width: 40%;}

    /*底部*/
    .bottom .bottom-left{width: 60%;}
    .bottom .bottom-right{width: 40%;}
    .bottom .bottom-right .bottom-nav{display:none;}

    .page-main-right .main .title{font-size:24px;margin:20px 0;padding:10px 0;}
    .page-main-left{display: none;}


    /* 案例详情 */
    .case-image-view .case-image-view-info .case-demo{width: 100%;}
    .case-image-view .case-image-view-info .case-label{display:none;}

    /**
    费用支付
     */
    .pay-online .top .image {width: 50%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.99px) {

    .pad-wrap{padding-left:10px;padding-right: 10px;}
    .pad-item{padding-left:10px;padding-right: 10px;}
    .mar-wrap{margin-left:10px;margin-right: 10px;}
    .mar-item{margin-left:10px;margin-right: 10px;}

    .header .header-main .logo{width: 200px;height: 100px;}
    .header .header-main .logo a{height: 100px;}
    .header .nav{margin-left:60px;height: 100px;}
    .header .nav ul li{height: 100px;}
    .header .nav .nav-li .name{height: 100px;line-height:100px;font-size:16px;}

    /* 视频 */
    .banner-video .banner-main .name{font-size:50px;line-height:50px;padding-right:30%;}
    .banner-video .banner-main .demo{font-size:20px;line-height:30px;height:120px;padding-right:20%;overflow: hidden;}
    /*推荐案例*/
    .recommend-case .item .text .item-btn{display: none;}

    /* 核心业务 */
    .index-core-services ul{flex-flow:row wrap;}
    .index-core-services .item{width:30%;}

    /*解决方案*/
    .index-solution ul li .info .demo {margin:20px 0;padding:0 20px;line-height:24px;height:72px;overflow: hidden;}
    .index-solution ul li .info .more {padding:10px 20px;font-size:14px;}

    /*标题*/
    .title-wrap{margin:50px 0;height:110px;line-height:110px;background-size:contain;}

    /*案例展示*/
    .index-case .category ul{flex-flow: row wrap;}
    .index-case .category ul li{height:60px;line-height:60px;font-size:16px;}
    .index-case .main ul li{width: 50%;}

    /*关于我们*/
    .index-about .image{width: 50%;}
    .index-about .image img{float: left;width: 100%;}
    .index-about .info{width: 50%;}
    .index-about .info .text{line-height:30px;height:180px;font-size:16px;}
    .index-about .info .more{float: left;margin-top:20px;border:1px solid #4d829a;color:#4d829a;height: 42px;line-height: 40px;padding:0 20px;overflow: hidden;}
    .index-about .info .more:hover{background-color:#4d829a;color: #ffffff; }

    /**
    费用支付
     */
    .pay-online .top .image {width: 50%;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1440px) {
    /*
    .pad-wrap{padding-left:20px;padding-right: 20px;}
    .pad-item{padding-left:20px;padding-right: 20px;}
    .mar-wrap{margin-left:20px;margin-right: 20px;}
    .mar-item{margin-left:20px;margin-right: 20px;}
*/
    .pad-wrap{padding-left:10px;padding-right: 10px;}
    .pad-item{padding-left:10px;padding-right: 10px;}
    .mar-wrap{margin-left:10px;margin-right: 10px;}
    .mar-item{margin-left:10px;margin-right: 10px;}
    /* 核心业务 */
    .index-core-services ul{flex-flow:row wrap;}
    .index-core-services .item{width:30%;}
    /*
    .index-core-services ul{margin:50px 0;display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;align-content: center;}
    .index-core-services .item{width:30%;}
    */
}


.image-scale:hover{transform: scale(1.2);}
@-webkit-keyframes move-left-right{
    from{ left:0;}
    to{ left:80%;background-color: #ea644a;}
}

/*
@-webkit-keyframes rotate{
    from{ -webkit-transform:rotateY(360deg);}
    to{ -webkit-transform:rotateY(0deg);}
}
@keyframes rotate{
    from{ -webkit-transform:rotateY(360deg);}
    to{ -webkit-transform:rotateY(0deg);}
}

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

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

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

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

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
*/