/*container*/
.container {width: 13.6rem; margin: 0 auto; padding: .2rem 0; }
.container .left-inner{ width: 3.4rem; min-height:2rem; display: inline-block; overflow: hidden; float: left;}
.container .left-inner .company-activity{width: 2.6rem; height: 0.9rem;margin-bottom: .16rem; line-height: 1.4rem; padding: .25rem .4rem; color: #0084CC; font-size: .3rem; background: rgb(228, 233, 237);}
.container .left-inner .company-activity p {height: .45rem; line-height: .45rem;}
.container .left-inner .company-activity p:first-child {text-align: left;}
.container .left-inner .company-activity p:last-child {text-align: right;}
.container .left-inner .list{ margin-bottom: .2rem;}
.container .left-inner .list ul {width: 100%;}
.container .left-inner .list ul li {display: block; height: .54rem; line-height: .54rem; text-align: center; font-size: .16rem; color: #333333; cursor: pointer;}
.container .left-inner .list ul li a{display: block; width: 100%; height: 100%; cursor: pointer;}
.container .left-inner .list ul li.active {background: #87BCD9; }
.container .left-inner .list ul li.active a{color: #FFFFFF; }
.container .left-inner .contact {padding: .35rem; background: url("../../images/contact.png"); background-size: 100% 100%;}
.container .left-inner .contact .title{width: 100%; margin-bottom: .2rem;}
.container .left-inner .contact .title p:first-child{font-size: .36rem; color: #0084CC; height: .45rem; line-height: .45rem;}
.container .left-inner .contact .title p:last-child {font-size: .24rem; height: .45rem; line-height: .45rem; color: #0084CC;}
.container .left-inner .contact .info p{font-size: .16rem; line-height: .36rem;}

.container .right-inner { width: 9.8rem;min-height: 2rem; margin-left: .4rem; display: inline-block;}
.container .right-inner .head {height:.44rem; border-bottom: 1px solid #CCCCCC; padding: 0 .2rem;}
.container .right-inner .head .index ul{float: right}
.container .right-inner .head .index ul li{display: inline; height: .44rem; line-height: .44rem; font-size: .16rem; color: #8A8A8A; text-align: right;}
.container .right-inner .head .index ul li.active{color: #0084CC;}

#table{ width: 100%; min-height: 9rem; padding-bottom: 1rem; margin-top: 13px; position: relative;}
#table .list-item{position: relative; padding: 2px; width: 3rem; height: 3.4rem; display: inline-block; margin-left: .2rem;margin-bottom: .2rem;    }
#table .list-item div{position: absolute; width: 3rem; height: 3rem; top: 0; overflow: hidden; border: 1px solid #CCCCCC; background: rgb(248, 248, 248);}
#table .list-item div img{position:absolute; left: 50%; transform: translate(-50%); height: 100%; max-width: 100%;}
#table .list-item p{position: absolute; height: .4rem; line-height: .4rem; text-align: center; font-size: 16px; color: #666666; width: 2.8rem;  bottom: 0; padding: 0 .1rem; }

.container .right-inner .page-control{position: absolute; width: 100%; bottom:0;transform: translate(-50% 0); margin: .6rem 0 .4rem 0; text-align: center; line-height: .3rem; height: .3rem;}
.container .right-inner .page-control li{display: inline-block; width: 25px; height: 25px; margin-right: 20px; background: #FFFFFF; cursor: pointer;}
.container .right-inner .page-control li.active {background: #0084CC; color: #FFFFFF;}
.container .right-inner .page-control {color: #0084CC; cursor: pointer;}