#banner{position: relative;}
#banner img{}
.scroll{position: absolute;bottom:0;right:0;}
.scroll a{border:2px solid #fff;background: rgba(0,0,0,.5);color:#fff;font-size:12px;display: block; line-height: 53px;border-radius: 30px;padding: 0 35px;margin-top: 8px;}
.scroll a:hover{background: #fff;transition: all .3s ease-in-out;color:#333;border:2px solid #000;}
#honor{padding:60px 0 60px 0;}
.common-title{}
.common-title h3{font-size: 26px; color:rgba(53,53,53,1); text-align:center; position: relative;padding-bottom: 20px;}
.common-title h3::after{content:"";position: absolute;bottom:0;left:50%;width:50px;height: 1px;background:#1f87e8;transform: translateX(-50%);}
.common-title h4{color:#777;line-height: 28px; text-align:center; font-size:14px;margin-top: 20px;}

.honor-body{max-width: 800px; text-align: center;margin:0 auto;}
.honor-body img{max-width: 100%;}
.por-pop-item{padding:13px; overflow: hidden;margin-bottom: 30px;}
.por-pop-item:hover{box-shadow: 3px 3px 10px #ccc;transition: all .3s ease 0s;border-radius: 5px;}
.por-pop-item:hover a .title{color:#ffbc00}
.por-pop-body{overflow: hidden}
.por-pop-body a{display: block;}

.por-pop-body .thumb{width:273px; height: 183px;overflow: hidden;}
.por-pop-body .thumb img{width: 100%; height: auto;}
.por-pop-body .title{margin-top: 20px;color:#333;font-size: 16px;font-weight: 400;}
.por-pop-body .description{word-wrap: break-word;display: -webkit-box;margin-top: 18px;color:#666;font-size: 14px;line-height: 1.7;word-wrap: break-word;ext-overflow: ellipsis;white-space: normal;}
.por-pop-body .tip{position: relative;width:100%; height: 40px;}
.por-pop-body .tip-click{width:40px; height: 28px;position:absolute;right:0;background:url("../images/vbg01.png") no-repeat -23px -324px;opacity: 1;visibility: visible;transition: all .3s ease 0s;}
.por-pop-body .tip-click2{width:40px; height: 28px;position:absolute;right:40px;background:url("../images/vbg01.png") no-repeat -23px -324px;opacity:0;visibility: hidden;transition: all .3s ease 0s;}
.por-pop-item:hover .tip-click{opacity: 0;visibility: hidden;right: -100%;}
.por-pop-item:hover .tip-click2{opacity: 1;visibility: visible;right: 0;}
.loadMore{width:100%; text-align: center;}
.loadMore a{display: inline-block;color:#333;border:1px solid #e9e9e9;padding:10px 55px;border-radius: 3px;transition:all .3s ease 0s;}
.loadMore a svg{width:16px;margin-left:4px;}
.loadMore a:hover{background:#ffbc00;color:#fff;border: 1px solid #ffbc00;transition:all .3s ease 0s;}

/*qual*/
#qual{margin-top: 80px;}
.que-item{padding:30px; overflow: hidden;border-bottom:1px solid #e9e9e9;}
.que-item-body{}
.que-item:hover{box-shadow: 0px 0px 22px #ccc;transition: all .3s ease 0s;border-radius: 5px;}
.que-item-body .title span{float:right;color:#999;}
.que-item-body .description {color:#666;font-size: 14px;margin-top: 18px;}
.que-item-body a{display: block;}
.que-item:hover .title{color:#ffbc00;}

/*company news*/
#company{padding-top:30px;}
.news-item .media .media-left{margin-right: 30px;overflow: hidden}
/*.news-item .media .media-left img{width:365px; height: 215px;}*/
.news-item a{display: block;border-bottom:1px solid #ececec;padding:20px;transition: all .3s ease 0s;box-sizing: border-box;}
.news-item .media-left img{transform:scale(1);transition: all .3s ease 0s;}
.news-item a:hover .media-left img{transform:scale(1.1);transition: all .3s ease 0s;}
.news-item a:hover{box-shadow: 0px 0px 13px #ccc;border-radius: 5px;}
.news-item a:hover h4{color:rgba(255,188,0)}
.news-item h4{font-size:16px;margin-bottom: 18px;}
.news-item p{font-size: 14px;color:#666; line-height: 2; text-align: justify}
.news-item .tag{margin-top: 20px;}
.news-item .tag span{margin-right: 13px;border:1px solid #e5e5e5;color:#999;padding:5px 10px;border-radius: 3px;font-size: 12px;}



/*industry news*/
#industry{margin-top: 80px;}
.news-word-item a{display: block;padding:20px;box-sizing: border-box;height: 295px;}
.news-word-item a:hover{box-shadow: 0px 0px 13px #ccc;border-radius: 5px;}
.news-word-item a:hover .news-w-title span.title{color:rgba(255,188,0);}
.news-w-title{display: flex;justify-content: space-around}

.news-w-title span{line-height: 1.5;font-size: 16px;color:#5a5a5a;}
.news-w-title span.timer{color:#999;font-size: 14px;padding-left:20px;}
p.news-w-info{color:#666;font-size: 14px;line-height: 1.7;margin-top: 18px;}


#recutment{margin-top: 80px;}
.recut{padding:10px;}



/*公司介绍*/
.common-title-fff h3{font-size: 22px; color:#fff; text-align:center; position: relative;padding-bottom: 10px;}
.common-title-fff h3::after{content:"";position: absolute;bottom:0;left:50%;width:50px;height: 1px;background:#fff;transform: translateX(-50%);}
.common-title-fff h4{color:#fff;line-height: 28px; text-align:center; font-size:14px;margin-top: 10px;}

#companyInfo{background:url("../images/teambg.png") no-repeat center top / cover;padding:120px 0px 100px 0;width:100%;overflow: hidden}
.company-body-content{width:600px;color:#fff;font-size: 12px; line-height: 3;margin:0 auto;}

/*公司环境*/
#envir{padding-top: 80px;}
.envir-body-content img{max-width: 100%;}


/*设计团队*/
#team{margin-top: 80px;}
.team-body-content img{max-width: 100%;}

#engteam{margin-top: 80px;}

.engteam-body-content img{max-width: 100%;}

#companyEvents{padding-top: 80px;}

#partenrs{padding-top: 80px;}

.partner-content img{max-width: 100%;}

.company-active img{max-width: 100%;}


@media (max-width:996px){
    .scroll a{padding:0px 10px; line-height: 30px;margin-top: 2px}
    .company-body-content{padding:10px;width:100%;box-sizing: border-box}
}