﻿.la_main_wrap{position:relative;text-align:center;padding:70px 0 80px 0;border-bottom:1px solid #949494;}
.la_main_wrap .mainNav{padding:0 0 68px 0;border-bottom:1px solid #949494;}
.la_main_wrap .mainNav .child{cursor:pointer;position:relative;color:#808080;font-size:14px;text-align:center;width:222px;height:46px;line-height:46px;border:2px solid #B9B8B8;margin:0 8px;display:inline-block;*display:inline;*zoom:1;}
.la_main_wrap .mainNav .child.on{background:#e60012;border:2px solid #e60012;color:#fff;}
.la_main_wrap .mainNav .child.childList{text-align:left;background-image:url(../images/work/navPointer.png);background-position:186px center;background-repeat:no-repeat;}
.la_main_wrap .mainNav .child.childList span{margin-left:18px;}
.la_main_wrap .mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:-2px;border:2px solid #B9B8B8;z-index:2;}
.la_main_wrap .mainNav .child.childList ul li{color:#808080;padding-left:18px;width:204px;height:46px;line-height:46px;}



.mainHead{position:relative;width:100%;height:140px; text-align:center;border-bottom:1px solid #949494;}
.mainHead .title{line-height:52px;color:#434343;font-size:30px;}
.mainHead .tag{color:#434343;font-size:16px;line-height:30px;}
.la_case_view { width:80%; margin:0 auto; padding:50px 0; line-height:200%; font-size:14px; max-width:955px;}

.work .content{margin-top: 2em;}
.work .content .child{position:relative;float:left;width:20%;}
.work .content .child .childImg{width:100%;height:auto; vertical-align:middle;}
.work .content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(223,16,32,0.9);transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.work .content .child:hover .childHide{display:block;}
.work .content .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;}
.work .content .child .resimga {position:absolute; bottom:-5px; right:50%; z-index:1;}
.work .content .child .childTag{letter-spacing:0.1em;font-weight:100;font-stretch:condensed;padding:6%;position:absolute;top:0px;left:0px;width:88%;*width:60%;font-size:16px;font-family:'MyriadPro-LightCond';color:#fff;text-align:left;}
.work .content .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}
.work .content .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px; text-align:center;}
.work .content .child .childContent .title{font-size:16px;color:#fff;width:100%;margin:0 auto;}
.work .content .child .childContent .info{color:#fff;font-size:12px;margin-top:10px;}
.work .linkBtn{margin:80px auto 0px auto;}

.container{position:relative;width:1107px;margin:0px auto;}
.container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainFoot{border-bottom:1px solid #949494;height:134px;line-height:134px;text-align:center;}
.mainFoot .mainFootBtn{margin:0 8px;display:inline-block;*display:inline;*zoom:1;font-size:22px;width:215px;height:50px;border:2px solid #e50005;color:#e50005;text-align:center;line-height:50px;cursor:pointer;}
.mainFoot .mainFootBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.mainFoot .mainFootBtn.on{background:#e50005;color:#fff;}
.mainFoot .mainFootBtn:hover{background:#e50005;color:#fff;}
.mainFoot .mainFootBtn.on:hover{border:2px solid #e50005;color:#e50005;background:#fff;}

.work{text-align:center; padding:70px 0px 70px 0px; border-bottom: 0px solid #949494;}
.mainTitle{color:#434343;font-size:50px;line-height:60px;font-weight:100;font-stretch:ultra-condensed;width:100%;text-align:center; }
.mainSub{width:37px;height:2px;background:#e60012;margin:30px auto;}
.mainInfo{padding:10px 0px;text-align:center;font-size:24px;color:#434343;border-bottom:1px solid #bfbfbf;}

@media screen and (max-width:1024px){  

}

@media screen and (max-width:768px){

.la_main_wrap { padding:2em 0; }
.la_main_wrap .mainNav { padding:0 0 2em 0; }
#la_project_wrap { width:90%; margin:0 auto; padding:2em 0 1em; }
.la_project_item { width:50%; }

.mainHead { height:auto; padding-bottom:2em; }
.mainHead .title { font-size:1.2em; }
.la_case_view  { width:90%; padding:1.4em 0; }
}
@media (min-width: 1440px) and (max-width:1920px ) {
.work{}
.work .content{}
.work .content .child .childPointer{bottom:13px;right:16px;width:54px;}
.work .content .child .childTag{font-size:18px;}
.work .content .child .childTag .childSub{width:16px;height:2px;margin:8px 0px;}
.work .content .child .childContent{height:40px;margin-top:-20px;}
.work .content .child .childContent .title{font-size:16px;}
.work .content .child .childContent .info{font-size:12px;margin-top:6px;}
.work .linkBtn{margin:60px auto 0px auto;}


}
@media (min-width: 1200px) and (max-width:1439px ) {
.work{}
.work .content{}
.work .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.work .content .child .childTag{font-size:15px;}
.work .content .child .childTag .childSub{width:13px;height:1px;margin:6px 0px;}
.work .content .child .childContent{height:33px;margin-top:-30px;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .childContent .info{font-size:12px;margin-top:5px;}
.work .linkBtn{margin:50px auto 0px auto;}

}
@media (min-width: 1024px) and (max-width:1199px ) {
.work{}
.work .content{}
.work .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.work .content .child .childTag{font-size:15px;}
.work .content .child .childTag .childSub{width:13px;height:1px;margin:6px 0px;}
.work .content .child .childContent{height:33px;margin-top:-30px;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .childContent .info{font-size:12px;margin-top:5px;}
.work .linkBtn{margin:50px auto 0px auto;}

}
@media screen and (max-width:1024px){  
.container{ width:100%;}
}
@media screen and (max-width:1199px){  
.la_case_view img{width:100%;}
｝
@media (min-width: 640px) and (max-width:1023px ) {
.work{}
.work .content{padding-top:40px;width:100%;height:auto;width:100%;}
.work .content .child{width:50%;}
.work .content .child .info{display:none;}

}
@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
.la_main_wrap .mainNav .child.childList{ width:111px; margin-top:10px;}
.work{padding: 5px 0px 70px 0px;}
.la_team_wrap .child { width:300px; float:none; }
.container{width:93.75%;}
.mainFoot{height:auto;line-height:normal;padding:10px 0;}
.mainFoot .container{width:100%;}
.mainFoot .mainFootBtn{margin:2px 6px;font-size:18px;width:100%;height:42px;border:1px solid #e50005;line-height:42px;width:45%;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}

}
@media (min-width: 480px) and (max-width: 639px) {
.work{}
.work .content{padding-top:20px;width:100%;height:auto;width:100%;}
.work .content .child{width:50%;}
.work .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.work .content .child .childTag{font-size:12px;}
.work .content .child .childTag .childSub{margin:3px 0;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .info{display:none;}
.work .linkBtn {margin: 20px auto 0px auto;}

}
@media  (max-width: 479px) {
.work{}
.work .content{padding-top:20px;width:100%;height:auto;width:100%;}
.work .content .child{width:50%;}
.work .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.work .content .child .childTag{font-size:12px;}
.work .content .child .childTag .childSub{margin:3px 0;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .info{display:none;}
.work .linkBtn {margin: 20px auto 0px auto;}

}