@charset "utf-8";

#banner a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

#Index{ margin-top: 0px;}
#Index .about{ width: 48%;float: left;border: 1px solid #dddddd;}
#Index .item_tit{ height: 46px;line-height: 46px;border-bottom: 1px solid #dddddd;padding: 0 20px;}
#Index .item_tit a{ font-size: 1.1em;font-weight: bold;color: #31833e;}
#Index .item_con{ height: 150px;line-height: 30px;overflow: hidden;padding: 10px 15px 0;}
#Index .item_con ul li{  overflow: hidden; height: 29px;line-height: 29px;background:  url(../images/home/article_icon.gif) left center no-repeat;padding-left: 15px;border-bottom: 1px dotted #f1f1f1;}
#Index .item_con ul li span{ float: right;}
#Index .news{ width: 48%;float: right;border: 1px solid #dddddd;}

@font-face
{ font-family: SourceHanSans;src: url('../font/SourceHanSans-Normal.otf');}

/*手机端导航*/
.nav_s_icon{
    display:none;
    position:fixed;
    right:15px;
    top:46px;
    width: 32px;
    cursor: pointer;
  }
.nav_sim{
  display:none;
  position:fixed;
  left:-450px;
  top:0px;
  width:440px;
  height:100%;
  background-color:#333;
  box-shadow: 0 0 15px rgba(0,0,0,.5);
  
}
.nav_sim.no{
  left:-450px;
  animation:myfirst 1s;
  -webkit-animation:myfirst 1s; /* Safari and Chrome */
}
.nav_sim.on{
  left:0px;
  animation:myfirston 1s;
  -webkit-animation:myfirston 1s; /* Safari and Chrome */
}
.nav_sim .list_one{
  padding:20px 0;
}
.nav_sim .list_one > li{
  line-height:43px;
  padding:0 20px;
}
.nav_sim .list_one > li > a{
  color: rgba(255,255,255,.6);
  display:block;
  font-size: 14px;
  font-family: 'SourceHanSans';
  background:url(../images/home/nav_rt.png) right center no-repeat;
  background-size: 20px;
}
.nav_sim .list_one > li > a.inactives{
  background:url(../images/home/nav_bot.png) right center no-repeat;
  background-size: 20px;
}

.nav_sim .list_one > li ul{
  display:none;
}
.nav_sim .list_one > li ul li{
  line-height:43px;
  padding:0 20px;
}
.nav_sim .list_one > li ul li a{
  color: rgba(255,255,255,.6);
  display:block;
  font-size: 12px;
  font-family: 'SourceHanSans';
}

@keyframes myfirst
{
  0%   {left:0px;}
  100% {left:-450px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
  0%   {left:0px;}
  100% {left:-450px;}
}
@keyframes myfirston
{
  0%   {left:-450px;}
  100% {left:0px;}
}
@-webkit-keyframes myfirston /* Safari and Chrome */
{
  0%   {left:-450px;}
  100% {left:0px;}
}

@media screen and (max-width: 1240px) {
    #menu{display:none;}
  .nav_s_icon{
    display:block;
  }
  .nav_sim{
  display:block;
  }
}
@media screen and (max-width: 880px) {
    .nav_sim{
    width:50%;
  }
}
/*手机端导航end*/

@media screen and (max-width: 768px) {
    #Index{ margin-top: 0;}
    #Index .about,#Index .news{ width:  auto;float: none;margin-top: 4%;}
    #Index .item_con{ height: auto;}
    #Index .about .item_con{ padding-bottom: 10px;}
    #Index .item_con ul li{ height: 34px;line-height: 34px;}
}

.qyjj{margin-top: 20px;}
.qyjj1{background: #176bc9;opacity: 0.8;padding:20px;}
.qyjj1 p{line-height: 30px;color: #ffffff;}
.qyjj2{height: 430px;}
.qyjj2 img{text-align: center;padding-top: 200px;padding-left: 280px;}
.qywh{margin-top: 20px;}
.qyxw li a img{transition: all .4s;}
.qyxw li a:hover img{
    transform: scale(1.2);
}
.qyxw .layui-font-16{line-height: 40px;font-weight: bold;height: 40px;margin-top: 20px;overflow: hidden;}

.box {
  position: relative;
  max-height: 300px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 
  0 3.3px 4px rgba(0, 0, 0, 0.024),
   0 6.3px 7.5px rgba(0, 0, 0, 0.03), 
   0 5.2px 5.4px rgba(0, 0, 0, 0.036), 
   0 5.9px 5.1px rgba(0, 0, 0, 0.043), 
   0 5px 5px rgba(0, 0, 0, 0.06);
}
.box .hide {
  opacity: 0;
}

.box h2, .box p {
  position: absolute;
  color: #000;
  z-index: 2;
  width: 100%;
  border-radius: 2px;
  height: 50px;
  line-height: 50px;
  transition: opacity 0.2s, transform 0.3s;
  background: #ffffff;
}
.box h3 {
  position: absolute;
  color: #fff;
  z-index: 2;
  width: 100%;
  border-radius: 2px;
 
  transition: opacity 0.2s, transform 0.3s;

}
.box h2,.box h3 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0;
  letter-spacing: 1px;
  border: none;
}
.line
{
    display:inline-block;
    width:30%;
    border-top:1px solid #666666;
    vertical-align:5px;  
}
.box p {
  bottom: 0;
  font-size: 14px;
  letter-spacing: 1px;
}
.box:hover {
  transition: all 0.3s ease-in-out;
}
.box:hover:before {
  transition: all 0.3s ease-in-out;
}
.box img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.box img:hover {
  transition: all 0.3s ease-in-out;
}
.box img:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.box img:hover {
  transition: all 0.3s ease-in-out;
}

.zoom-in h2 {
  top: 80%;
  transform: translatey(-50%);
  text-align: center;
  opacity: 0.7;
  margin: 0 auto;
  


}
.zoom-in p {
  text-align: center;
  top: calc(50% + 40px);
  transition: all 0.3s ease;
  transform: scale(1.8);
  opacity: 0;
}
.zoom-in:hover img {
  transform: scale(1.1);
 
}
.zoom-in:hover p {
  transform: scale(1);
  transition: all 0.3s ease;
  opacity: 1;
}

.postcard h3 {
  top: 50%;
  font-size: 24px;
  text-align: left;
  transform: translate3d(50px, 20px, 0);
}
.postcard p {
  transform: translate3d(40px, 60px, 0);
  font-size: 24px;
  letter-spacing: 1px;
}
.postcard:hover h3 {
  transform: translate3d(20px, 20px, 0);
}
.postcard:hover p {
  opacity: 1;
}
.postcard:hover img {
  filter: opacity(0.7);
  transform: translate3d(-30px, 0, 0);
}


.shzr .p1{font-size:34px;text-align:center;padding-top: 80px;font-weight: bold;color: #ffffff;}
	.shzr p{color: #ffffff;line-height: 30px;text-align: center;padding:30px;font-size: 14px;}
	.qyjj{height:435px;background: url(../images/home/grd-03.jpg) no-repeat right;}
	.qyjj1{margin-top: 100px;}
	.qyxw img{height: 260px;}
	.shzr{height: 364px;background: url(../images/home/grd-06.jpg) no-repeat center;}
	.shzr .p2{font-size:34px;text-align:center;padding-top: 80px;font-weight: bold;color: #ffffff;}
	.shzr p{color: #ffffff;line-height: 30px;text-align: center;padding:30px;font-size: 14px;}

} 


@media screen and (min-width: 768px) and (max-width: 1200px) {

	.qyjj{height:435px;background: url(../images/home/grd-03.jpg) no-repeat right;}
	.qyjj1{margin-top: 80px;}
  .qyjj2 img{text-align: center;padding-top: 200px;}
	.shzr{height: 264px;background: url(../images/home/grd-06.jpg) no-repeat center;}
	.shzr .p1{font-size:34px;text-align:center;padding-top: 30px;font-weight: bold;color: #ffffff;}
	.shzr p{color: #ffffff;line-height: 30px;text-align: center;padding:30px;font-size: 14px;}
    .shzr .p2{font-size:34px;text-align:center;padding-top: 70px;font-weight: bold;color: #ffffff;}
	.qywhimg{ margin: 0 30px;}
    
    .jjfa .bt{font-size: 36px;font-weight: bold;color: #ffffff;margin-top: 90px;}
    .jjfa .ms{margin-top:50px;color: #ffffff;}
}


@media screen and (max-width: 768px) {

	.qyjj{height:605px;background: url(../images/home/grd-03.jpg) no-repeat bottom;}
  .qyjj1{margin-top: 10px;}
  .qyjj2{height: 300px;}
  .qyjj2 img{text-align: center;padding-top: 150px;padding-left:180px; }
	.shzr{height: 264px;background: url(../images/home/grd-06.jpg) no-repeat center;}
	.shzr .p1{font-size:34px;text-align:center;padding-top: 20px;font-weight: bold;color: #ffffff;}
	.shzr p{color: #ffffff;line-height: 30px;text-align: center;padding:20px;font-size: 14px;}
    .shzr .p2{font-size:34px;text-align:center;padding-top: 30px;font-weight: bold;color: #ffffff;}

	.qywhimg{ margin: 0 30px;}
    .jjfa{margin-top: -70px;}
    .jjfa .bt{font-size: 36px;font-weight: bold;color: #ffffff;padding-top: 30px;}
    .jjfa .ms{margin-top:30px;color: #ffffff;}

}

 

.wprt-toggle .toggle-title {
    cursor: pointer;
    font-size: 16px;
    padding: 13px 40px 13px 55px;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: all ease .238s;
    -moz-transition: all ease .238s;
    transition: all ease .238s;
    
}

.wprt-toggle .toggle-title:before, .wprt-toggle .toggle-title:after {
    content: "\f0fe";
    font-family: fontawesome;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.wprt-toggle .toggle-title:before {
    content: "\f107";
    left: auto;
    right: 20px
}
.wprt-toggle.active .toggle-title {
    background-color: #1a6bc7;
    border-color: #1a6bc7
}
.wprt-toggle.active .toggle-title, .wprt-toggle.active .toggle-title a,.wprt-toggle.active .toggle-title:after, .wprt-toggle.active .toggle-title:before {
    color: #fff
}

.wprt-toggle .toggle-content {
    display: none;
    font-size: 14px;
    padding: 20px 20px 35px
}


/*
*  author: AUI
*  home.css
*  http://azenui.com/
*  http://a-ui.cn/
*/


.container:after {
    content: "";
    display: block;
    clear: both;
}

/*解决方案*/
/*.jjfa {height: 665px;background:url(../images/home/grd-02.jpg) no-repeat center;}*/
    .jjfa .bt{font-size: 36px;font-weight: bold;color: #ffffff;margin-top: 90px;}
    .jjfa .ms{margin-top:50px;color: #ffffff;}
    .jjfa .list1{margin-top: 50px;}
    .jjfa .bk{display:block;
        border-radius: 5px;
        width: 70%;
        border:2px solid #ffffff;
        text-align: center;height：50px;
        margin: 20px auto;font-size: 20px;color: #fff;}
    .jjfa .bk p{line-height: 50px;font-size: 18px;color: #ffffff;}
    .jjfa .bk img{float: left;width: 25px;}


.content3 {
  position: relative;
  height: 600px;;
  z-index: 9;
  background-size: cover;
  background-position: center;
  transition: all 0.5s;
}
/*.content3 .innerWrap {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.content3 .left {
  width: 48%;
}
.content3 .left ul {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}
.content3 .left ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  width: 40%;
    height: 200px;
  height: 3.2rem;
  padding: 0 0.4rem;
  border: 1px solid #fff;
margin:10px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.content3 .left ul li.active,
.content3 .left ul li:hover {
  background: rgba(218, 34, 52, 0.9);
  border-color: rgba(218, 34, 52, 0.9) !important;
}
.content3 .left ul li.active .iconfont,
.content3 .left ul li:hover .iconfont {
  display: none;
}
.content3 .left ul li.active .p2,
.content3 .left ul li:hover .p2,
.content3 .left ul li.active .p3,
.content3 .left ul li:hover .p3 {
  display: block;
}
.content3 .left ul li i {
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.content3 .left ul li .p1 {
  font-size: 28px;
}
@media only screen and (max-width: 1440px) {
  .content3 .left ul li .p1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .content3 .left ul li .p1 {
    font-size: 20px;
  }
  
}
@media only screen and (max-width: 767px) {
  .content3 .left ul li .p1 {
    font-size: 18px;
  }

}
.content3 .left ul li .p2 {
  margin-top: 0.1rem;
  margin-bottom: 0.6rem;
}
.content3 .left ul li .p2,
.content3 .left ul li .p3 {
  color: #fff;
  display: none;
}
.content3 .left ul li a {
  color: #fff;
}
.content3 .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 43%;
  padding: 1rem 0;
  color: #fff;
}
.content3 .right h2 {
  font-size: 36px;
}
@media only screen and (max-width: 1440px) {
  .content3 .right h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  .content3 .right h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .content3 .right h2 {
    font-size: 24px;
  }
}
.content3 .right p {
  font-size: 24px;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 1440px) {
  .content3 .right p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .content3 .right p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .content3 .right p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .content3 .right p {
    font-size: 16px;
  }
}
.content3 .right .button {
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid #fff;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-out;
  color: #fff;
}
.content3 .right .button:hover {
  background: #e60111;
  border-color: #e60111;
  color: #fff;
}


*/

.banner .item {
  position: relative;
  font-family: Arial;
}
.banner .item .text {
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.banner.page_banner .item .text {
  transform: translateY(-20%);
  -o-transform: translateY(-20%);
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
}
.banner .text h2 {
  font-size: 56px;
  text-transform: uppercase;
}
.banner .text h2 span {
  color: #00994e;
}
.banner .text p {
  margin-bottom: 25px;
  font-size: 24px;
}
.banner .text label {
  display: block;
  width: 48px;
  height: 48px;
  background: url(../images/home/icon1.png) no-repeat center center;
  margin: 25px auto 0;
}
.owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin: 0 15px;
  opacity: .5;
}
.owl-theme .owl-dots {
  margin-bottom: 40px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #fff;
  opacity: 1;
}

  

.banner_owl {
  position: relative;
}
.owl_cur {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  height: 0;
  left: 5%;
  right: 5%;
  z-index: 10
}
.owl_cur span {
  display: block;
  width: 30px;
  height: 70px;
  background-color: rgba(255,255,255,0.2);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.owl_cur span:hover {
  background-color: rgba(255,255,255,0.5);
}
.owl_cur span.prev {
  background-image: url(../images/home/cur4.png);
  float: left;padding:0;
}
.owl_cur span.next {
  float: right;padding:0;
  background-image: url(../images/home/cur3.png)
}

 @media only screen and (max-width: 1350px) {
.index_team .owl-theme .owl-controls {
  left: -15px;
  right: -15px;
}

}
 
@media only screen and (max-width: 1000px) {

.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
}
}

@media only screen and (max-width: 758px) {
 .banner_owl{padding-top: -85px;}
 .owl_cur span {
  display: block;
  width: 20px;
  height: 40px;
  margin-top: 60px;
  background-color: rgba(255,255,255,0.2);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.owl-theme .owl-dots {
  margin-bottom: 10px;
}

  }




.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn i{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-meau.cndns-right-meau:hover .cndns-right-btn i{color:#ff6800;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}

.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999;font-size: 36px;line-height: 48px;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:38px;padding-right:15px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:10px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;
  position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:right;width:45%;}
.cndns-right-box .box-border .sev-b li i{color:#ff6800}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:23px;
  line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:330px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}

.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}


/*link*/
.linksite{background: #ebeef5;height: auto;margin-bottom: -40px;line-height: 30px;padding: 10px 0;
font-size: 14px;}
.linksite a{margin: 0 10px;}
/*link end*/

.digital{margin-top: 20px;}
.digital sup{font-size: 20px;}
.count-title{font-size: 36px;text-align: center;color: #333333;font-weight:bold;line-height: 50px;height: 60px;}

.count-etitle{text-align: center;font-size: 16px;color: #777777;}

.gsjj{background: url(../images/home/grd-22.jpg) no-repeat center;height: 673px;}
.gsjjdiv{margin-top: 200px;background: #ffffff;
/*opacity: 0.9;
*/  height: 333px;padding: 70px;}
.gsjjtitle{font-size: 28px;}
.gsjjetitle{font-size: 16px;color: #555555;}
.gsjjmore{display: block;border: 1px solid #999999;
  background: #ffffff;color: #333333;text-align: center;width: 150px;
  line-height: 50px;
margin-top: 20px;font-size: 16px;}
.gsjjmore:hover{color: #ffffff;background: #1a6bc7;border: none;}


@media only screen and (max-width: 758px) {
  .gsjjdiv{padding: 40px;margin-top: 80px;height: 513px;}
  .gsjjcontent{line-height: 25px;font-size: 12px;}
  .gsjjmore{font-size: 14px;line-height: 40px;}
  .count-title{font-size: 20px;line-height: 30px;height: 30px;}
  .count-etitle{font-size: 12px; margin: 0 auto;}
  .digital{margin-top: 5px;}
  .digital sup{font-size: 12px;}
  }



  /**
* CARD
**/
.card {
  

/*
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);
*/
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}
.card a {
  color: inherit;
  text-decoration: none;
}

.card:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}


/**
* THUMB
**/
.card__thumb {
  height: 245px;
  overflow: hidden;
  background-color: #000;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.card__thumb img {
  display: block;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
.card:hover .card__thumb {
  height: 130px;
}

.card:hover .card__thumb img {
  opacity: 0.6;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.card li{
  background:#1a6bc7;border-radius:40px;width: 150px;height: 35px;
line-height: 35px;
font-size: 14px;
text-align: center;
margin:  10px 10px 10px 0;
color: #ffffff;
}
.card:hover li {
  display: none;
}

/**
* BODY
**/
.card__body {
/*  position: relative;*/
  height: 185px;
  padding: 20px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.card:hover .card__body {
  height: 300px;
}



.card__title {
  margin: 0;
  padding: 0 0 10px 0;
  color: #000;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;
}

.card__subtitle {
  margin: 0;
  margin-top: 20px;
  padding: 0 0 10px 0;
  font-size: 19px;
  color: coral;
}

.card__description {
/*  position: absolute;*/
  left: 20px;
  right: 20px;
  bottom: 56px;
  margin: 0;
  padding: 0;
  color: #666C74;
  line-height: 27px;
  opacity: 0;
  -webkit-transform: translateY(45px);
          transform: translateY(45px);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.card:hover .card__description {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}