@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #fff; font-size: 12px;min-width: 1100px!important;font-family: "Source Han Sans CN";color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.sections{ padding-top: 1.2rem;}
.sections .title{ margin-bottom: .5rem;}
.title h2{font-size: .34rem; color: #2c3845;}
.title h2 span{color: #ff6119; font-weight: bold;}
.title i{width: 0.83rem; height: 0.03rem; background-color: #ff6119; display: inline-block; margin-top: 0.3rem;}
.pub-a{width: 2.94rem; height: 0.65rem; line-height: 0.65rem; background-color: #583f9e; border-radius: .32rem; display: inline-block; box-shadow: 0 10px 30px #583f9e54; transition: .5s all; margin-top: 0.5rem;}
.pub-a span{font-size: .17rem; color: #fff; margin-right: 0.18rem; display: inline-block; vertical-align: middle;}
.pub-a i{width: 0.2rem;height: 0.2rem;background: url(../images/btn_i.png) no-repeat top / 100%;display: inline-block; vertical-align: middle;}
.pub-a:hover{transform: scale(1.05);}

/*banner*/
.banner-box{width: 100%;height: 1014px;position: relative;font-size: 0;}
.banner-box .wrap{position: absolute; left: 50%; margin-left: -500px; height: 100%; text-align: left;}
.banner-box .wrap a{width: 0.85rem;height: 0.84rem; position: absolute;top: 0.9rem;left: 0;z-index: 9;}
.banner-box .wrap a img{width: 100%; height: 100%;}
/* .banner-box .bd ul li.li01 a{width: 1.84rem;height: 0.39rem; left: -0.65rem; top: 1.26rem;} */
.banner-box .bd ul li{width: 100%; height:1014px; position: relative;}
.banner-box .bd ul li.li01{background: url(../images/banner_bg.jpg) no-repeat;}
.banner-box .bd ul li.li02{background: url(../images/banner_bg02.jpg) no-repeat;}
.banner-box .hd{ position: absolute; left: 50%; bottom:2.94rem; margin-left: -50px;}
.banner-box .hd ul li{width: .47rem;height: .06rem;background: #dadada;margin: 0 .05rem;border-radius: .03rem; display: inline-block;transition: all .8s; cursor: pointer;}
.banner-box .hd ul li.on{background: #feb832;}

/*sec01*/
.sec01{padding-top: 0; margin-top: -2.2rem; position: relative;}
.sec01-bg{position: absolute; left: 0; top: -2rem;}
.sec01-l{width: 5.08rem; height: 5.08rem; background: url(../images/s1_lbg.png) no-repeat top / 100%; display: inline-block; vertical-align: middle; margin-right: 0.9rem; position: relative;}
.sec01-l h3{font-size: .25rem; color: #f38036; line-height: 4.7rem; font-weight: 600;}
.sec01-l img{position: absolute;}
.sec01-l img.sec01-i03{top: 47px;left: 61px;animation: zhuan 10s infinite linear;}
.sec01-l img.sec01-i02{top: 49px;left: 62px;}
.sec01-r{display: inline-block; vertical-align: middle;}
@keyframes zhuan{
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg)}
}

/*sec02*/
.sec02{position: relative;z-index: 1}
.sec02-bg{position: absolute; right: -.8rem;top: -2.6rem;}
.sec02-main{position: relative;}
.sec02-item{width: 4.59rem; height: 3.65rem; background: url(../images/s2_ibg.png) no-repeat bottom center; position: relative;}
.sec02-item i{width: 0.36rem; height: 1.1rem; font-size: .18rem; color: #fff; background-color: #ffc244; display: inline-block; border-radius: .18rem; padding-top: 0.06rem; box-sizing: border-box; position: absolute; right: .58rem;}
.sec02-r i{background-color: #fe7c74;}
.container{width: 2.7rem; height: 2.28rem !important; margin: 0 auto; perspective:1000;transform-style:preserve-3d; overflow:inherit !important;}
.flip{position:relative;transition:0.6s;transform-style:preserve-3d;}
.container:hover .flip{transform:rotateY(180deg);}
.sec02 .item{width: 2.7rem; height: 2.28rem; position: absolute; top: 0; left: 0; backface-visibility:hidden;}
.item-show{ text-align: center; z-index:2; margin: 0 auto;}
.item-show img{display: inline-block;}
.item-hide{background: linear-gradient(to right, #ffc52f , #ffa737); padding: .6rem .18rem; box-sizing: border-box; transform:rotateY(-180deg); box-shadow: 0 10px 20px #ff611920;}
.item-hide p{font-size: .17rem; color: #fff; line-height: 0.26rem;}
.sec02-m{position: absolute; left: 50%; top: 1.33rem; margin-left: -45.5px;}
@keyframes flipInX2{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
.flipInX2{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX2;animation-name:flipInX2}

/*sec03*/
.sec03{position: relative; z-index: 9;}
.sec03 .title{margin-bottom: 0.9rem;}
.sec03-l{width: 4.66rem;}
.sec03-l ul li{ width: 2.15rem; height: 2.68rem; background: linear-gradient(to bottom, #ffc72e , #ffa238); padding: .42rem .35rem; box-sizing: border-box; float: left; text-align: left; cursor: pointer; margin-right: 0.36rem; margin-bottom: 0.36rem;}
.sec03-l ul li:nth-child(2){margin-right: 0; position: relative; top: 1.45rem;}
.sec03-l ul li i{width: 0.59rem; height: 0.59rem; background: url(../images/s3_li01.png) no-repeat top / 100%; display: block;}
.sec03-l ul li p{font-size: .2rem; color: #fff; line-height: 0.26rem; margin-top: 0.12rem;}
.sec03-l ul li:hover{box-shadow: 0 15px 30px #ffc72e40;}
.sec03-l ul li:nth-child(1).on i{ background: url(../images/s3_li01_h.png) no-repeat top / 100%;} 
.sec03-l ul li:nth-child(2).on i{ background: url(../images/s3_li02_h.png) no-repeat top / 100%;} 
.sec03-l ul li:nth-child(3).on i{ background: url(../images/s3_li03_h.png) no-repeat top / 100%;}
.sec03-r{width: 5.02rem; text-align: left; margin-top: 0.6rem;}
.sec03-r i.sec03-yuan{width: 0.54rem; height: 0.08rem; background: url(../images/s3_yuan.png) no-repeat top / 100%; display: block; margin-bottom: 0.26rem;}
.sec03-r p{height: 1.4rem; font-size: .17rem; color: #000000; line-height: 0.26rem;}
.sec03-r a{width: 2.6rem; height: 0.51rem; line-height: 0.51rem; margin: 0 auto; display: block; text-align: center; margin-top: 0.7rem;}
.sec03-r ul li{display: none;}
.sec03-r ul li.on{display: block;}

/*sec04*/
.sec04{position: relative;}
.sec04-bg{position: absolute; left: 0; top: -4rem;}
.sec04-l{margin-top: 0.5rem;}
.sec04-l form input[type=text]{width: 4.3rem;height: 0.65rem;font-size: .19rem; color: #515151; border: 1px solid #ff6119; padding-left: 0.7rem; background: none; box-sizing: border-box; display: block;}
.sec04-l form input[name=clueUsername]{background: url(../images/s4_user.png) no-repeat left .2rem center; margin-bottom: 0.44rem;}
.sec04-l form input[name=clueMobile]{background: url(../images/s4_phone.png) no-repeat left .2rem center;}
.sec04-l form a{width: 2.6rem;height: 0.51rem; line-height: 0.51rem;}

/*sec05*/
.sec05-main{background: url(../images/s5_jt.png) no-repeat; height: 790px;}
.sec05-main ul li{display: inline-block; vertical-align: top; position: relative;}
.sec05-main ul li:nth-child(1){margin-top: 2.28rem; margin-right: 0;}
.sec05-main ul li:nth-child(2){margin-top: 2.35rem; margin-right:2rem; margin-left: 3rem;}
.sec05-main ul li:nth-child(3){margin-top: .4rem; margin-right: 0;}
.sec05-main ul li:nth-child(4){margin-top: .45rem; margin-right: 0;}
.sec05-main ul li i{font-size: .18rem; color: #ff6119; display: block; text-align: left;}
.sec05-main ul li:nth-child(1) i{ padding-left: 0.2rem;}
.sec05-main ul li:nth-child(2) i{ padding-left: 0.07rem;}
.sec05-main ul li:nth-child(3) i{ margin-left: -0.1rem;}
.sec05-main ul li:nth-child(4) i{ margin-left: -0.1rem;}
.sec05-main ul li:nth-child(2n) i{ color: #583f9e;}
.sec05-main ul li h3{width: 1.29rem; height: 1.42rem; font-weight: 600; box-sizing: border-box;  margin-top: 0.08rem; cursor: pointer; position: relative; }
.sec05-main ul li:nth-child(2) h3{width: 1.29rem; height: 1.4rem;}
.sec05-main ul li:nth-child(3) h3{width: 1.28rem; height: 1.34rem;}
.sec05-main ul li:nth-child(4) h3{width: 1.29rem; height: 1.34rem;}
.sec05-main ul li h3 b{color: #ff6119;font-size: .24rem;line-height: 0.26rem;position: absolute;top: 0.4rem;left: 0.39rem;z-index: 9;text-align: center; transition: all .1s;}
.sec05-main ul li h3 span{width: 1.29rem;height: 1.34rem; background: url(../images/s5_lbg04.png) no-repeat top / 100%; position: absolute; left: 0; top: 0; z-index: 0; transition: all 1s;}
.sec05-main ul li:nth-child(1) span{ transform: rotate(40deg);}
.sec05-main ul li:nth-child(2) span{ transform: rotate(10deg);}
.sec05-main ul li:nth-child(1).on h3 span{transform: rotate(-150deg);}
.sec05-main ul li:nth-child(2).on h3 span{transform: rotate(-160deg);}
.sec05-main ul li:nth-child(3).on h3 span{transform: rotate(-150deg);}
.sec05-main ul li:nth-child(4).on h3 span{transform: rotate(-150deg);}
.sec05-main ul li:nth-child(1) h3 span{height: 1.42rem; background: url(../images/s5_lbg03.png) no-repeat top / 100%;}
.sec05-main ul li:nth-child(2) h3 span{height: 1.4rem;}
.sec05-main ul li:nth-child(3) h3 span{height: 1.35rem; background: url(../images/s5_lbg03.png) no-repeat top / 100%;}
.sec05-main ul li:nth-child(2n) h3 b{ color: #583f9e;}
.sec05-hide{position: absolute; left: 0.12rem; z-index: 9; background-color: #fff; opacity: 0; transition: all 1s;}
.cur{ transform: translateY(20px); opacity: 1;}
.sec05-main ul li h4{font-size: .22rem; color: #ff6119;margin-bottom: 0.02rem; }
.sec05-main ul li p{font-size: .17rem; color: #242424; line-height: 0.28rem; margin-bottom: 0.1rem;}
.sec05-main ul li:nth-child(2n) h4{color: #583f9e;}
@keyframes zhuan2{
    0%{transform: rotate(0);}
    100%{transform: rotate(-160deg);}
}
@keyframes zhuan3{
    0%{transform: rotate(0);}
    100%{transform: rotate(-150deg);}
}
/*sec06*/
.sec06{position: relative;}
.sec06-bg{position: absolute; right: -1.17rem; top: -2.64rem;}
.sec06-main{position: relative;}
.sec06-l{width: 4.82rem; height: 4.11rem; position: relative; display: inline-block; vertical-align: top; margin-right: 1.04rem;}
.sec06-l img{ margin-left: 0.4rem;}
.sec06-l p{width: 1.95rem; height: 0.62rem; line-height: 0.62rem; background-color: #efb83a; box-shadow: 0 16px 24px #efb83a30; border-radius: .05rem; position: absolute;}
.sec06-l p:nth-child(2){ top: 0.26rem; right: 0;}
.sec06-l p:nth-child(3){ top: 0.9rem; left: 0;}
.sec06-l p:nth-child(4){ top: 2.68rem; left: 0.3rem;}
.sec06-l p:nth-child(5) {
    top: 2.18rem;
    right: -.8rem;
}
.sec06-l p i{width: 0.14rem; height: 0.14rem; background-color: #fff; border: 1px solid #fc631a; border-radius: .26rem; display: inline-block; margin-right: 0.09rem;}
.sec06-main ul li:nth-child(2) .sec06-l p{background-color: #4e8ac0; box-shadow: 0 16px 24px #4e8ac030;}
.sec06-main ul li:nth-child(3) .sec06-l p{background-color: #8fb454; box-shadow: 0 16px 24px #8fb45430;}
.sec06-l p span{font-size: .22rem; color: #fff;}
.sec06-r{display: inline-block; vertical-align: top; margin-top: 1.7rem;}
.sec06-r h3{font-size: .3rem; color: #efb83a; font-weight: bold;}
.sec06-main ul li:nth-child(2) h3{color: #4e8ac0;}
.sec06-main ul li:nth-child(3) h3{color: #8fb454;}
.sec06-main .hd{position: absolute; right: 2.06rem;bottom: 2.18rem;}
.sec06-main .jt{width: 0.33rem;height: 0.35rem; display: inline-block; margin: 0 .08rem;}
.sec06-main .prev{background: url(../images/prev.png) no-repeat center / 100%; right: .72rem;}
.sec06-main .prev:hover{background: url(../images/prev_h.png) no-repeat center / 100%; box-shadow: 0 5px 20px #ff611930; border-radius: 50px;}
.sec06-main .next{background: url(../images/next.png) no-repeat center / 100%;}
.sec06-main .next:hover{background: url(../images/next_h.png) no-repeat center / 100%; box-shadow: 0 5px 20px #ff611930; border-radius: 50px;}
.sec06 a{width: 2.75rem; height: 0.51rem; line-height: 0.51rem; margin-left: 0.8rem;}

/*sec07*/
.sec07{font-size: 0;}
.kkfx{margin-bottom: 0.34rem;}
.kkfx h3{font-size: .24rem; color: #ff6119; font-weight: bold; display: inline-block; vertical-align: top;}
.kkfx p{font-size: .18rem; color: #252525; display: inline-block; vertical-align: top; text-align: left; line-height: 0.31rem;}
.kkfx b{font-weight: 600;}
.sec07-table .hd tr th{height: 0.82rem; line-height: 0.82rem; font-size: .26rem; color: #fff; font-weight: 600; background-color: #ff6119; border-right: 1px solid #fff; display: inline-block; margin-bottom: 0.2rem; box-sizing: border-box;}
.sec07-table .hd tr th:last-child{border-right: 0;width: 15%;}
.sec07-table .hd tr th:nth-child(1){width: 11%;}
.sec07-table .hd tr th:nth-child(2){width: 13%;}
.sec07-table .hd tr th:nth-child(3){width: 15%;}
.sec07-table .hd tr th:nth-child(4){width: 46%;}
.sec07 .item{display: inline-block;}
.item01{
	width: 11%;
	border-collapse: separate;
	border-spacing: 0;
	border-bottom-left-radius: 25px;
}
.item02{width: 13%}
.item03{width: 15%;}
.item04{width: 46%;}
.item05{width: 15;}
.item05{border-right: none;}
.item06{
	border-collapse: separate;
	border-spacing: 0;
	border-bottom-right-radius: 25px;
}
.poster-main{position: relative;}
.poster-main ul li{ margin-bottom: 0.2rem;}
.poster-item { width: 100%; box-shadow: 0 0 20px #0000000d;border-radius: 25px;text-align: center;font-size: 18px;background: #fff;
transition: all 0.5s;}
.poster-item table tr td{ border-right: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.poster-item table tr .item04{border-bottom: 1px solid #d6d6d6;text-align: left;padding:.2rem .2rem; width: 38%;border-right: 1px solid #d6d6d6!important;}
.poster-item table tr td:last-child{border-right: none;}
.poster-item table tr .item05{padding: .2rem 0; border-bottom: 1px solid #d6d6d6;width: 8%;}
.poster-item h3{font-size: .2rem; color: #343434; font-weight: bold; margin-bottom: .2rem;}
.poster-item h3 a {width: 1.03rem; height: .36rem; line-height: .36rem; font-size: .16rem; color: #fff; background-color: #583f9e; border-radius: .2rem; margin: 0 auto; margin-top: .2rem; display: block;}
.poster-item p{ font-size: .17rem; color: #343434; line-height: .31rem;}
.poster-item p b{font-weight: bold;}
.hd-clone{width: 1100px; position: fixed; top: 0; left: 50%; margin-left: -5.5rem; z-index: 999; display: none;}
.sec07 .tips{font-size: .14rem; color: #666; margin-top: 0.3rem;}
.tips2{font-size: .16rem; color: #888; text-align: right; margin-top: .3rem;}
.tips3{margin-top: .05rem;}
.poster-item table tr:last-child .item04{border-bottom: none;border-bottom: 1px solid #d6d6d6;}
.poster-item table tr:last-child .item05{border-bottom: none;border-bottom: 1px solid #d6d6d6;}
/*sec08*/
.sec08 .wrap{width: 1202px;}
.sec08-main{ background: linear-gradient(to bottom, #ffc72e , #fda33a); padding: .4rem 0;}
.sec08-main ul li{width: 2.41rem; height: 3.18rem; background-color: #fff; box-shadow: 0 16px 30px #93939330; display: inline-block; vertical-align: top; padding-top: 0.52rem; box-sizing: border-box; margin: 0 .42rem;}
.sec08-main ul li h3{font-size: .2rem; color: #3e3e3e; font-weight: bold; margin-top: 0.2rem; margin-bottom: 0.15rem;}
.sec08-main ul li p{font-size: .17rem; color: #3e3e3e; line-height: 0.28rem;}
.sec08 a{width: 2.75rem; height: 0.51rem; line-height: 0.51rem;}
.poster-item table{
	border-collapse: separate;
	border-spacing: 0;
}
/* 底部通用 */
.sec17{width: 100%; display: block; clear: both; padding-bottom: 0;}
.s14-cont{ background: #1459c1; width: 100%;}
.s14-cont ul{width: 825px; margin: 0 auto;}
.s14-cont ul li{width: 275px; float:left; display: block; position: relative; height: 451px;}
.s14-cont ul li.item1{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img02.png) no-repeat center;}
.s14-cont ul li.item2{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img03.png) no-repeat center;}
.s14-cont ul li.item3{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img04.png) no-repeat center;}
.s14-cont ul li .item-show{width: 100%; padding: 60% 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.s14-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s14-cont .item-img img{display: block;margin: auto;}
.s14-cont .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }
.s14-cont .info {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(0) rotate(-180deg);-moz-transform: scale(0) rotate(-180deg);-ms-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg);}
.s14-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase;
padding-top: 42%;text-align: justify; height: 150px;}
.s14-cont .info a {width: 70%; display: block; margin: 20% auto 0; font: 24px/50px "微软雅黑"; color: #fff; border: 1px solid #fff; text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.s14-cont .info a:hover {background: #fff; color: #e72d1b;}
.s14-cont ul li:hover .item-show {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-delay: 0;-moz-transition-delay: 0;transition-delay: 0;}
.s14-cont ul li:hover .info {visibility: visible; opacity: 1;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}
.s6Ts{display: inline-block;width: 100%;font-size: 18px;text-align: right;color: #333;}


/*侧边导航*/
.lfNav{position: fixed;width: 141px;height: 428px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:99999;}
.lfNav .close{position:absolute;top:0; right:0; height:32px; width:32px; }
.mt185{margin-top: 110px;}
.nav-bg{width: 161px;height: 35px;display: block;float:left;clear:both;margin-left: -19px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 36px;display: block;margin:auto;font: 15px/34px "微软雅黑";color: #fff;text-align: center;/* border-bottom: 1px solid #0d1026; */}
.left_top{width:150px; height:110px;display: block;float:left;margin-left:0;}

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.hvr-grow-shadow2{
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow2:hover, .hvr-grow-shadow2:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}