/* CSS Document */
.content{margin:55px 0 0 0;}
.content .inner{margin:60px 0 0;}

.content .inner .right-bar {float:right;width:calc(37.5% - 20px);height:auto;margin:0 10px;}
 
.r-news .p-tlt-b{width:100%;line-height:38px;background:#005064;font-size:16px;font-weight:300;text-align:center;color:#fff;margin:80px 0 16px 0;letter-spacing:3px;}
.r-news .n-inner .pic{height:auto;}
.r-news .n-inner .pic img{width:calc(30% - 16px);margin:11px 5px;padding:2px;border: 1px solid #ececec ;float:left;} 
.r-news .n-inner .n-con{width:calc(70% - 0px);margin:10px 0px;float:left;}
.r-news .n-inner  .n-con h4{line-height:18px;height:18px;overflow:hidden;}
.r-news .n-inner  .n-con h4 a{font-size:14px;font-weight:500;color:#333;}
.r-news .n-inner  .n-con .desc{font-size:12px;color:#b7b7b7;line-height:16px;height:32px;overflow:hidden;text-indent:2em;}
.r-news .n-inner  .n-con .more{width:90px;height:20px;line-height:20px;background:#e4263b;border: 1px solid #e4263b ;padding:0 5px;margin:5px 15px 5px 0;float:right;text-align:center;transition: ease-in-out .5s; }
.r-news .n-inner  .n-con .more:hover{background:#fff;}
.r-news .n-inner  .n-con .more a{font-size:12px;color:#fff;padding-left:2px;transition: ease-in-out .5s; }
 .r-news .n-inner  .n-con .more:hover a{color:#e4263b;}

.content .inner .con{float:left;width:calc(62.5% - 40px);height:auto;margin:20px;}
.content .inner .con .h1-tlt-b{font-size:24px;text-align:center;color:#333;line-height:48px;}
.content .inner .con img{width:calc(100% - 86px);height:auto;margin:20px 40px;padding:2px;border: 1px solid #ececec ;}
.content .inner .con p{color:#333;font-size:14px;line-height:24px;text-indent:2em;margin:15px 0;}
.content .inner .con .abstract{width:calc(100% - 180px);font-size:14px;line-height:20px;height:20px;overflow:hidden;color:#005064;background:#dbdbdb;border-radius:16px;padding:5px 20px;margin:10px 70px;    text-indent: 0em;} 

.commend{padding:55px 0;background:#eaeaea;}

.commend li{float:left;width:calc(25% - 24px);height:auto;margin:35px 12px;    position: relative;
}
.commend li img{width:100%;height:auto;}
.commend li h3{height:90px;line-height:90px;overflow:hidden;width:100%;text-align:center;background:#fff;}
.commend li h3 a{font-size:18px;color:#333;}
.commend li .pro-bg{display:none;position: absolute;width:100%;height:calc(100% - 90px);background:url(../images/pro-bg.png) repeat left top;transition: ease-in-out .5s; }
.commend li:hover .pro-bg{display:block;left: 0;bottom: 90px;transition: ease-in-out .5s; }
.commend li .pro-bg p{padding:10% 30px 0;color:#fff;font-size:18px;line-height:32px;height:96px;overflow:hidden;}
.commend li .pro-bg .more{width:100px;height:36px;line-height:36px;padding:0 30px;border: 1px solid #fff ;margin:20px calc(50% - 81px);}
.commend li .pro-bg .more a{font-size:12px;color:#fff;padding-left:10px;}
.commend li .pro-bg .more span{margin:9px;width: 16px;height: 16px; line-height:14px;float: left;border-radius: 50%;border: 1px solid #fff ;color:#fff;font-size:16px;padding-left:1px;text-align:center; }

@media screen and (max-width: 768px) {
.content .inner .right-bar{float:none;width:calc(100% - 20px);}
.content .inner .con{float:none;width:calc(100% - 20px);margin:20px 10px;}
.t4-art{font-size:16px;line-height:32px;}
.t5-art{font-size:14px;}
.t6-art{font-size:12px;}
.commend{padding:30px 0;}
.commend li{width:calc(100% - 100px);height:auto;margin:20px 50px;}
.commend .con .h2-tlt{height:30px;line-height:30px;font-size:20px;}
.commend .con h6{font-size:14px;line-height:22px;}
.commend li h3{height:40px;line-height:40px;}
.commend li h3 a{font-size:12px;}
}