/*首页关于我们*/

.index_menu{padding: 0px 0;}
.index_menu .container{width: 1200px;}
.index_menu ul{width: 1224px;margin-left: -24px;}
.index_menu ul li{width: 282px;text-align: left;position: relative;padding: 24px 0 87px 0;overflow: hidden;float: left;margin-left: 24px;}
.index_menu ul li img{margin: 0 auto;display: block;}
.index_menu ul li h3{font-size: 18px;color: #5fc2c7;font-weight: normal;line-height: 30px;padding-top: 20px; padding-left: 20px;}
.index_menu ul li p{text-transform: uppercase;font-size: 14px;color: #999;line-height: 25px; padding-left: 20px; padding-bottom: 20px;}
.index_menu .index_menuimg{ width: 282px; height:320px ; overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_menu .index_menunav{ background: #fff; position:absolute; bottom: 0; z-index: 99; width: 100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_menu .index_menunav i{ float: right; width: 18px; height: 10px; background: url(../indaboutcssjs/jiantou.png) no-repeat; position: absolute; background-position: -50px -15px; top: 0px; right: 20px;opacity: 0;}
.index_menu ul li:hover .index_menuimg img{transform: scale(1.1, 1.1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;}
.index_menu ul li:hover .index_menunav{ background: #5fc2c7; color: #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; bottom: 20px;}
.index_menu ul li:hover h3{ color: #fff;}
.index_menu ul li:hover p{ color: #fff;}
.index_menu ul li:hover .index_menunav i{ right: 20px; top:30px; opacity: 1;}






/*首页新闻*/
.exnews{width: 1224px;margin-left: -22px; margin-top: -50px;}
.exnews li{width:383px;float: left;margin-left:22px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;background: #ffffff;padding-bottom: 15px;border: 1px #ececec solid;}
.exnews li a{display: block; width: 100%; height: 100%;}
.exnews li .news_img{width: 100%; height: 210px;position: relative;overflow: hidden;}
.exnews li .news_boxs{width: 100%; height: 210px;background-size: cover;background-position: center;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.exnews li:hover .news_boxs{ transform: scale(1.1, 1.1);}
.exnews li:hover{background: #5fc2c7;box-shadow: 0 2px 5px rgba(0, 0, 0, .1); }
.exnews li:hover h3,.exnews li:hover p,.exnews li:hover span{ color: #fff; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;}
.exnews li h3{line-height: 45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;color: #000;font-size: 15px;padding: 10px 25px 0 25px;}
.exnews li p{overflow: hidden;line-height: 21px;color: #7d7d7a;font-size: 14px;height: 44px;padding: 0 25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
   }
.exnews li span{padding: 5px 25px 10px 25px; font-size: 12px; margin-top: 5px;  display: block;}