/*column*/
.column{overflow: hidden;padding: 80px 0;background: #f5f5f5;}
.column .content{overflow: hidden;}
.column .content .imgBox{width: 340px;height: 420px;float: left;overflow: hidden;}
.column .content .imgBox img{width: 100%;height:auto;overflow: hidden;}
.column .content .txt {overflow: hidden;padding-left: 50px;}
.column .content .txt .name{height: 72px;line-height: 72px;}
.column .content .txt .name .first{margin-right: 20px;}
.column .content .txt .classification em{font-size: 14px;color:#888;line-height: 26px;}
.column .content .txt .classification i{font-size: 14px;color:#444;line-height: 26px;}
.column .content .txt p{font-size: 14px;color:#666;line-height: 22px;padding-top: 20px;}
.column .content .txt p em{color:#444;}
/*work*/
.main .work-title{width: 100%;height: 170px;text-align: center;}
.main .work-title p{font-size: 28px;color:#bf241c;padding-top: 70px;}
.main .work-title span{display: inline-block;width: 60px;height: 1px;background: #bf241c;}
/*work-cont*/
.work-cont .left{width: 590px;height:auto;}


.main1{width: 100%;overflow: hidden;padding-top: 40px;padding-bottom: 106px;background: #f5f5f5;}
.main1 .left{width: 50%;max-width: 586px;height:auto;overflow: hidden;position: relative;float: left;cursor: pointer;text-align: center;}
.main1 .left .one{margin-top: 16px;background: #E4E4E4;}
.main1 .left .has{width: 100%;max-width:586px;height:auto;position: relative;}
.main1 .hoverBox{width: 100%;height: 100%;background: url(../images/index/title-bg.png) repeat;position: absolute;left:0; top:0;display: none;transition-duration: .8s;text-align: left;}
.main1 .iconSearch{width: 19px;height: 19px;position: absolute;left:51px;bottom:30px;}
.main1  .has:hover .hoverBox,.main1 .right .rightTop:hover .hoverBox,.main1 .right .rightBottom:hover .hoverBox,.work ul li:hover .hoverBox{display: block;transition-duration: .8s;}
.main1  .hoverBox p{color:#fff;} 
.main1  .title{padding-top: 60px;font-size: 20px;line-height: 66px;font-weight: bold;}
.main1  .title span{width: 26px;height: 3px;background: #fff;display: block;margin-bottom: 30px;}
.main1   p{padding:0 50px;font-size: 14px;line-height: 24px;}
.main1 .right {width: 48%;max-width: 590px;height:auto;float:left;margin-left: 20px;}
.main1 .right .rightTop{width: 100%;height:auto;overflow: hidden;position: relative;background: #f5f5f5;cursor: pointer;text-align: center;}
.main1 .right .rightBottom{width: 100%;height:auto;overflow: hidden;position: relative;margin-top: 16px;background: #f5f5f5;cursor: pointer;text-align: center;}
.more{
    background: #f5f5f5;
}
.lookMore{
    width: 100%;
    height: 62px;
    line-height: 62px;
    background: #fff;
    box-shadow: 1px 6px 10px #eee;
    text-align: center;
    margin-bottom: 90px;
}  
.lookMore .btns {
    font-size: 16px;color:#666;padding-left: 10px;    cursor: pointer;
} 
@media (max-width:639px) {
.wrap{width: 93.75%;}

.main1 .left{float: none;width: 100%;max-width:586px;margin:0 auto 20px;height:auto;}
.main1 .left img{width: 100%;height:auto;}
.main1 .right{width: 100%;max-width:560px;float: none;margin:0 auto;height:auto;}
.main1 .right .rightTop,.main .right .rightBottom{width: 100%;}
.main1 .right .rightTop img,.main .right .rightBottom img{width: 100%;height:auto;}
.column .content .imgBox{width: 100% !important;float:none;margin:0 auto;text-align: center;}
.column .content .imgBox img{max-width:340px;}

.column .content .txt{float:none;padding-left: 0;}
.main1 .right .rightBottom img{width: 100%;height:auto;}
.main1 .hoverBox{display: block;position:inherit;padding-bottom: 60px;}
.main1 .iconSearch{width:auto !important;}
.main1  .title{padding-top: 20px;line-height: 26px;font-size: 18px;}
.main1   p{padding: 0 20px;}
.main1 .iconSearch{bottom:10px;left:20px;}
}
@media (min-width:640px) and (max-width:1024px) {  
.wrap{width: 93.75%;}

.main1 .left{float: none;width: 100%;max-width:586px;margin:0 auto 20px;}
.main1 .right{width: 100%;max-width:560px;float: none;margin:0 auto;}
.column .content .imgBox{float:none;margin:0 auto;}
.column .content .txt{float:none;}
}
@media (min-width:1024px) and (max-width:1334px) {  
.wrap{width: 93.75%;max-width:1200px;margin:0 auto;}
.main1 .left{width: 49%;max-width:586px;}
.main1 .right{width: 48%;max-width:560px;}

}
@media (max-width: 1800px) and (min-width: 1335px) {    
.wrap{width: 93.75%;max-width:1200px;margin:0 auto;}

}