/* 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;}
.content .inner .right-bar .description{width:100%;height:auto;}
.content .inner .right-bar .description .h1-tlt-b{font-size:24px;text-align:center;color:#333;line-height:48px;}
.content .inner .right-bar .description .abstract{font-size:14px;line-height:16px;height:32px;overflow:hidden;color:#2655a7;background:#dbdbdb;border-radius:16px;padding:5px 20px;margin:10px 0;}
.content .inner .right-bar .description p{font-size:16px;font-weight:300;line-height:32px;color:#333;margin:30px 0;text-indent:2.0em;}
.content .inner .right-bar .p-feedback .f-tlt,.right-bar .p-feedback .mbtn{width:100%;line-height:38px;background:#2655a7;font-size:18px;font-weight:500;text-align:center;color:#fff;margin:0 0 16px 0;letter-spacing:3px;}
.content .inner .right-bar .p-feedback .mbtn{border:solid 0px #404040;}
.content .inner .right-bar .p-feedback p{font-size:16px;line-height:20px;color:#333;text-indent:.5em;}
.content .inner .right-bar .p-feedback .mtxt{width:calc(100% - 24px);height:40px;margin:10px 0px 20px;padding:0 10px;}
.content .inner .right-bar .p-feedback .mtxt2{height:120px;padding:0 10px;}

.content .inner .con{float:left;width:calc(62.5% - 40px);height:auto;margin:20px;}
.content .inner .con img{width:90%;height:auto;margin:10px 5%;}
.content .inner .con .art-img img{width:100%;height:auto;}

.content .inner .con .con-one {margin:20px 0;}
.content .inner .con .con-one .h4-art{width:calc(100%-2px);border:solid 1px #c0c0c0;line-height:42px;font-size:20px;color:#333;text-indent:.5em;}
.c-o-txt{width:57%;height:auto;margin:20px 2% 20px 1%;float:left;}
.c-o-txt p{color:#333;}
.c-o-img{width:40%;height:auto;float:left;margin:20px 0;}
.c-o-img img{width:100%;height:auto;}
.t4-art{background:#2655a7;width:100%;color:#fff;font-size:18px;font-weight:500;line-height:42px;text-indent:.5em;}
.t5-art{text-align:center;color:#e4263b;font-size:16px;font-weight:500;line-height:24px;margin:15px 0 2px 0;}
.t6-art{text-align:center;color:#767676;font-size:14px;font-weight:400;line-height:18px;}
.t5-art-line{border-top:solid 1px #e4263b;width:200px;height:2px;margin:5px calc(50% - 100px) 5px;}
.con-two p{color:#333;font-size:14px;line-height:24px;text-indent:2em;margin:15px 0;}
.con-two img{width:calc(100% - 26px);height:auto;margin:10px 13px;}

.r-news .p-tlt-b{width:100%;line-height:38px;background:#005064;font-size:16px;font-weight:300;text-align:center;color:#fff;margin:30px 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;}

.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:35% 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;}
}