@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }
.float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:14px;}
.float > .f-navlist > ul > li:hover{ background-color:#000;}
.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}
/**/
.header{ width:100%; height:auto; box-sizing:border-box; background-color:rgba(255,255,255,1); position:relative; /*left:0; top:0; */ z-index:800;  transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }

.hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; position: relative; z-index: 900; }
.logo{ display:block; width:300px; padding-top:5px; padding-bottom:5px; flex-shrink: 0;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.logo img{ width:100%;}
.hd-center{ align-self: center; width:100%; box-sizing: border-box; height: 36px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center;}
.hd-center > .hdcItem{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin-right: 10px; position: relative; padding-right: 10px;}
.hd-center > .hdcItem:nth-last-of-type(1){ padding-right: 0; margin-right: 0; }
.hd-center > .hdcItem::after{ content: ' '; width:1px; height: 16px; background-color: #DDD; position: absolute; right:0; top:50%; margin-top: -8px; }
.hd-center > .hdcItem:nth-last-of-type(1)::after{ display: none; }
.hdcItem > p{ width: 32px; height: 32px; background-color: #333; border-radius: 50%;overflow: hidden; flex-shrink: 0; margin-right: 10px; }
.hdcItem > p > img{ width:100%; height:100%; }
.hdcItem > h3{ line-height: 2; font-size: 16px; color: #333 !important; font-weight: normal;}


.menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center;}
.menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:20px; color: #464451; }
.menu > h3 > i{ font-size:20px;}

.header-blank{ background-color:transparent; height:151px;}


/*滚动后导航*/
.scrolltop{ background-color:rgba(255,255,255,0.96); border-bottom:1px solid rgba(120,120,120,0.2);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*主体*/
.main{   height:auto; }

/*底部*/
.foot-blank{ height:auto; width:100%; }
.footer{ box-sizing:border-box; background-color: #FFF; border-top: 2px solid #eb0100; height: auto; margin-top: 2%;}
.footer > .c-con{ box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; /**/ }
.footer > .service,.footer > .other{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-self: stretch;}
.footer > .service{ padding-bottom: 0; }
.servLogo{ width:300px; height: auto; display: block; overflow: hidden; flex-shrink: 0; margin-right: 2%; }
.servLogo img{ width:100%; }
.servRight{ width:100%; height:auto; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end;}
.srNav{ width:100%; line-height: 2; font-size: 14px; text-align: right; }
.srChat{ width:36px; height: 36px; position: relative; margin-top: 6px; cursor: pointer;}
.srChat > p{ width:100%; height: 100%;  background-image: url(../images/icon-chat.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.srChat:hover > p{ background-image: url(../images/icon-chat2.png); }
.srChat .hcImg{ display: none; width:100px; height:100px; box-sizing: border-box; padding:10px; background-color: #FFF; /*border:1px solid #DDD;*/ position: absolute; right:48px; top:0; border-radius: 6px;  z-index: 960; filter: drop-shadow(0 5px 5px rgba(0,0,0,0.5));}
.srChat .hcImg > img{ width:100%; height:100%; }
.srChat:hover .hcImg{ display: block; animation: fadeInLeft 0.5s ease-in-out; -webkit-animation: fadeInLeft 0.5s ease-in-out; }
.srChat .hcImg::after{ content: ' '; width:0; height:0; border-left: 10px solid #FFF; border-top:8px solid transparent; border-bottom: 8px solid transparent; position: absolute; right:-10px; top:10px; }
.links{ height: auto; line-height: 2; text-align: left; font-size: 14px; }
.footer > .other{ border-top:1px solid #DDD; }
.copyright{ width:100%; line-height: 1.8; font-size: 14px; color: #333; text-align: left; }
.copyright a{ color: #333 !important; }
.copyright a:hover{ color:rgba(0,0,0,1) !important; }
.safe{ line-height: 1.8; flex-shrink: 0; margin-left:2%; font-size: 14px; }

/*首页*/
/*焦点图*/
.nav{ background-color: #42424e; position: relative; min-width: 320px; border-bottom:1px solid #42424e; box-sizing: border-box; }
.nav .c-con{ height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:  flex-end; align-items: center; position: relative; }
.navlist{  width:100% }
.navlist > ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items:center; justify-content: flex-end;}
.navlist > ul > li{ width: 100px; float: left; }
.navlist > ul > li > .nlItem{ width: 100%;}
.navlist > ul > li > .nlItem > a{ width: 100%;height: 60px;text-align: center; line-height: 60px; font-size: 16px; display: block;  color: #FFF !important;  }
.navlist > ul > li > .subNav{ width:100%; box-sizing: border-box; padding:1.2% 3%; position: absolute; left:0; top:60px; display: none; height: auto; font-size: 14px; z-index: 100; animation: fadeInDown 0.8s ease-in-out; -webkit-animation: fadeInDown 0.8s ease-in-out; text-align: left; box-sizing: border-box; background-color: #FFF; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;filter: drop-shadow(0 5px 5px rgba(255,255,255,0.5));}
.navlist > ul > li > .subNav > .nsItem{ width:18.4%; overflow: hidden; margin-right: 2%;}
.navlist > ul > li > .subNav > .nsItem:nth-last-of-type(1){ margin-right: 0;}
.nsItem > h3{ width:100%; height:auto; line-height: 2.2;  font-weight: 550; text-align: left; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.nsItem > p{ width:100%; height: auto;  }
.nsItem > p > a{ display: block; width:100%; height:auto; line-height: 2.2; font-size: 14px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; color: #999;}
.nsItem > p > a:hover{color: #eb0100  !important;}
.nsiImg{ width:100%; height:auto; margin-top: 6px; background-color: #000; box-sizing: border-box;}
.nsiImg img{ width:100%; }
.navlist > ul > li:hover,.navlist > ul > li.active{ display: block; background-color: #eb0100; }
.navlist > ul > li:hover > .subNav{ display: flex; }


.search{ width: 40px; height: auto; box-sizing: border-box; border:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; z-index: 120;  flex-shrink: 0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; margin-left:2%; position: relative; cursor: pointer;}
.search > h3{ width:40px; height:60px; background-image: url(../images/btn-search.png); background-repeat: no-repeat; background-position: center center; background-size: 36px 36px;}
.search > .searchForm{ width: 200px; height: 38px; display: flex; border-radius: 0; box-sizing: border-box; border:1px solid #ececec; overflow: hidden; display: none; position: absolute; right:0; top:60px; background-color: #FFF;animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.search:hover > .searchForm{ display: flex; }
.search > .searchForm > p:nth-of-type(1){ width:100%; height: 36px;  }
.search > .searchForm > p:nth-of-type(1) > input{ width: 100%; height: 36px; line-height: 26px; border:0px solid #666; box-sizing: border-box; padding:0 0 0 10px; font-size: 14px; background-color: transparent; }
.search > .searchForm > p:nth-of-type(2){ width: 40px; height: 36px; overflow: hidden; flex-shrink: 0; margin-left:4px;}
.search > .searchForm > p:nth-of-type(2) > input{ width: 40px; height: 36px; line-height: 36px; background-color: #FFF; padding:0; border:0; color:#FFF; font-size: 14px;text-align: center; background-image: url(../images/btn-search2.png); background-repeat: no-repeat; background-position: center center; background-size: 36px 36px;}
/*.hd-right > .hdr-tools > .hdrTool-search:hover > .search{ display: block; }*/


.flash{ width:100%; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:14px; height:14px; border-radius:50%; box-sizing:border-box; background-color: rgba(255,255,255,1); }
.swiper1 .swiper-pagination-bullet-active{background-color: rgba(219,8,0,1);}
.swiper1 .swiper-slide{ position:relative; overflow: hidden;}
.swiper1 .swiper-slide > a{ display: block; width: 100%; position: relative;}
.swiper1 .swiper-slide > a > img{ width:100%; transform: scale(1.12); -webkit-transform: scale(1.12);}
.swiper1 .swiper-slide-active > a > img{ width:100%;animation: kuoda 6s linear 0.5s 1; animation-fill-mode: forwards;}
.swiper1 .swiper-slide > a > .swiperAbout{ width:1200px; height: 100%; position: absolute; left:50%; top:0; margin-left:-600px; display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}
.swiper1 .swiper-slide > a > .swiperAbout > h3,.swiper1 .swiper-slide > a > .swiperAbout > p{ width:100%; height:auto; line-height: 1.5; text-align: left; color: #FFF; font-weight: 550; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 46px; }
.swiper1 .swiper-slide > a > .swiperAbout > h3{ padding-bottom: 2%; margin-bottom: 1.5%; position: relative; }
.swiper1 .swiper-slide > a > .swiperAbout > h3::after{ content: ' '; width:10%; height:6px; background-color: #db0800; position: absolute; left:0; bottom:0; }
.swiper1 .swiper-slide > a > .swiperAbout > p{ font-weight: normal; font-size: 22px; }
.swiper1 .swiper-slide-active > a > .swiperAbout > h3{animation: fadeInDown 0.8s ease-in-out; -webkit-animation: fadeInDown 0.8s ease-in-out;}
.swiper1 .swiper-slide-active > a > .swiperAbout > p{ animation: fadeInUp 0.8s ease-in-out; -webkit-animation: fadeInUp 0.8s ease-in-out; }

.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; display: none; } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.0rem; }
.swiper1 .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important; }
.swiper1 .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}


/*****/
.busi{ width:100%; height:auto; box-sizing: border-box; padding:2.5% 0;}
.busi > ul{ width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;  }
.busi > ul > li{ width:23.5%; height:auto; }
.busi > ul > li > a{ display: block; width:100%; height:0; padding-top: 40%; position: relative; }
.busi > ul > li:nth-of-type(1) > a{  background-color: #FFF; }
.busi > ul > li:nth-of-type(2) > a{  background-color: #426fdb; }
.busi > ul > li:nth-of-type(3) > a{  background-color: #0cb452; }
.busi > ul > li:nth-of-type(4) > a{  background-color: #f8b026; }
.busi > ul > li > a > .buisItem{ width:100%; height:100%; position: absolute; left:0;top:0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding:10px 10px 10px 20px; }
.busi > ul > li > a > .buisItem > .biIcon{ width:30%; overflow: hidden; flex-shrink: 0; margin-left:10px;}
.busi > ul > li > a > .buisItem > .biIcon > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.busi > ul > li > a > .buisItem > .biTitle{ width:100%; }
.busi > ul > li > a > .buisItem > .biTitle > h3,.busi > ul > li > a > .buisItem > .biTitle > p{ width:100%; font-weight: normal; color: #FFF; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; font-size: 20px;}
.busi > ul > li > a > .buisItem > .biTitle > p,.busi > ul > li:nth-of-type(1) > a > .buisItem > .biTitle > p{ font-size: 16px; text-transform: capitalize; }
.busi > ul > li:nth-of-type(1) > a > .buisItem > .biTitle > h3,.busi > ul > li:nth-of-type(1) > a > .buisItem > .biTitle > p{ width:100%; font-weight: normal; color: #333; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.busi > ul > li:nth-of-type(1) > a > .buisItem{ padding:10px 0; }
.busi > ul > li:nth-of-type(1) > a > .buisItem > .biTitle{ align-self: flex-start; }
.busi > ul > li:nth-of-type(1) > a > .buisItem > .biTitle > h3{ font-weight: 550; font-size: 24px; }
.busi > ul > li:nth-of-type(1) > a > .buisItem > .biTitle > p{ font-size: 16px; color: #999;}
.busi > ul > li > a:hover > .buisItem > .biIcon > img{ transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
.busi > ul > li > a:hover > .buisItem > .biTitle > p{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.busi > ul > li > a:hover > .buisItem > .biTitle > h3{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }
.busi > ul > li:nth-of-type(1) > a:hover > .buisItem > .biTitle > p{ animation: none; -webkit-animation: none;}
.busi > ul > li:nth-of-type(1) > a:hover > .buisItem > .biTitle > h3{ animation: none; } 

/*****/
.f2{width: 100%; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; padding-bottom: 2%; }
.f2Flash{ width: 32%; height: auto; flex-shrink: 0; position: relative; box-sizing: border-box; padding:10px; border:1px solid #DDD;}
.swiper2{ width: 100%; }
.swiper2 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:14px; left:auto; text-align:right; padding-right:10px; box-sizing:border-box; display: none;}
.swiper2 .swiper-pagination-bullet{opacity:1; margin:0 3px!important; width:10px; height:10px; border-radius:50%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: rgba(255,255,255,1); }
.swiper2 .swiper-pagination-bullet-active{background-color:#2da339;}
.swiper2 .swiper-slide{ position:relative; overflow: hidden; position: relative;}
.swiper2 .swiper-slide p{ width: 100%; overflow: hidden; }
.swiper2 .swiper-slide p img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper2 .swiper-slide:hover p img{ transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); }
.swiper2 .swiper-slide h3,.swiper2 .swiper-slide h4,.swiper2 .swiper-slide h5,.swiper2 .swiper-slide h6{ width: 100%; height: auto; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-weight:normal; font-size: 14px; margin-top: 5px;}
.swiper2 .swiper-slide h3{ font-size: 18px; margin-top: 8px; }
.swiper2 .swiper-slide h5{ color: #999; }
.swiper2 .swiper-slide h6{ color: #426fdb; }
.swiper2 .swiper-slide h6 i{ font-size: 14px; }
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ color:rgba(255,255,255,0.9); background-color:rgba(0,0,0,0.6); border-radius:0%; height:48px; width:40px; line-height:48px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; box-sizing:border-box; top:auto; bottom:0; display: none;} 
.swiper2 .swiper-button-next{ right: 0;}
.swiper2 .swiper-button-next::after{ content: ' '; width:1px; height: 20px; background-color: #FFF; position: absolute; left:0; top:50%; margin-top: -10px; }
.swiper2 .swiper-button-prev{ left:auto; right:40px; }
.swiper2 .swiper-button-prev::after{ content: ' '; width:1px; height: 100%; background-color: #FFF; position: absolute; left:0; top:0; }
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{ color:rgba(255,255,255,1) !important; background-color:rgba(0,0,0,0.8); } 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:1.6rem; }
.news{ width:100%; box-sizing: border-box; padding-right:2%; padding-right: 2%; display: flex; flex-direction: column; flex-wrap: nowrap; }
.newsTab{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-bottom: 2%; position: relative; border-bottom:1px solid #EEE; background-color: #FFF; flex-shrink: 0;}
.newsTab > p{ padding:0 10px; height: 48px; line-height: 48px; font-size: 18px; position: relative; margin-right: 10px; cursor: pointer; }
.newsTab > p.on{ font-weight: 550; color: #eb0100; }
.newsTab > p.on::after{ content: ' '; width:100%; height: 2px; background-color: #eb0100; position: absolute; left:0; bottom:0; }
.newsTab > a{ display: none; height: 32px; line-height: 30px; font-size: 14px; padding:0 15px; position: absolute; right:0; top:50%; margin-top: -16px; background-color: #FFF; color: #426fdb !important;}
.newsTab > a i{ font-size: 14px; }
.newsTab > a:hover{ border:1px solid #7dc62d; background-color: #ce0314; color: #FFF !important; }
.newsTab > a:hover{ background-color: #FFF; color: #0b3480 !important; }
.newsTab > a:nth-of-type(1){ display: block; }
.newsTab > a:nth-of-type(2){ display: none; }
.newsTab > a:nth-of-type(3){ display: none; }
.newsItem{ width:100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; display: none}
.newslist{ width: 100%; height: 100%; }
.newslist > ul{ width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.newslist > ul > li{ width: 100%; font-size: 16px; overflow: hidden; flex:1; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding-left:13px; position: relative; border-bottom:1px dashed #EEE; }
.newslist > ul > li::after,.introList > ul > li::after{ content: ' '; width: 4px; height: 4px; background-color: #999; border-radius: 50%; position: absolute; left:0; top:50%; margin-top: -2px; }
.newslist > ul > li > span{ display: inline-block; padding-left:10px; flex-shrink: 0;color: #999; }
.newslist > ul > li > a{ display: block; width: 100%; overflow: hidden; text-align: left; height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
/*******/
.card{ width:100%; height:auto; min-width: 320px;}
.card > ul{ width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.card > ul > li{ width: 25%; height:auto; position: relative;}
.card > ul > li > a{ display: block; width: 100%; }
.card > ul > li > a > .cardImg{ width:100%; height:0; padding-top:52%; position: relative; overflow: hidden;}
.card > ul > li > a > .cardImg > img{ width: 100%; height:100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.card > ul > li > a > .cardTitle{ width:100%; height:100%; position: absolute; left:0; top:0; box-sizing: border-box; padding:8%; display: flex; flex-direction: column; flex-wrap: nowrap; }
.card > ul > li > a > .cardTitle > h3,.card > ul > li > a > .cardTitle > p{ width:100%; height:auto; line-height: 1.6; text-align: left; font-weight: normal; text-align: left; font-size: 18px;color:#FFF; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.card > ul > li > a > .cardTitle > h3{ text-transform: uppercase; }
.card > ul > li > a:hover > .cardImg > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }
.card > ul > li > a:hover > .cardTitle > p{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.card > ul > li > a:hover > .cardTitle > h3{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }