.mainHead{position:relative;width:100%;height:170px;margin-top:147px;text-align:center;border-bottom:1px solid #949494;} .mainHead .title{line-height:52px;color:#434343;font-size:30px;padding-top: 40px;} .mainHead .tag{color:#434343;font-size:16px;line-height:30px;} .main{padding:40px 0;text-align:center;border-bottom:1px solid #949494;} .main p{color:#656565;font-size:16px;line-height:24px;text-align:left;padding:12px 0;} .main img{max-width:100%;height: auto !important;} .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 #bddc3d;color:#bddc3d;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:#bddc3d;color:#fff;} .mainFoot .mainFootBtn:hover{background:#bddc3d;color:#fff;} .mainFoot .mainFootBtn.on:hover{border:2px solid #bddc3d;color:#bddc3d;background:#fff;} .work{padding:70px 0px 0px 0px;text-align:center;background:#fff;} .work .content{padding-top:40px;width:100%;height:auto;width:100%;} .work .containers{width: 1200px;margin:0 auto;} .work .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;} .work .content .child{position:relative;float:left;width:25%;} .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:#bddc3d;} .work .content .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;} .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:24px;font-family:'MyriadPro-LightCond';font-size:24px;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;} .work .content .child .childContent .title{width:50%;font-size:21px;color:#fff;margin:0 auto;} .work .content .child .childContent .info{color:#fff;font-size:16px;margin-top:10px;} .work .linkBtn{margin:80px auto 0px auto;} @media (max-width: 479px) { .mainHead{height:auto;margin-top:74px;padding:0 0 10px 0;} .mainHead .title{line-height:36px;font-size:18px;padding-top:20px;} .mainHead .tag{font-size:12px;line-height:12px;padding-bottom: 14px;} .main{padding:10px 0;} .main .container{width:93.75%;} .main p{font-size:12px;line-height:18px;padding:5px 0;} .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 #bddc3d;line-height:42px;width:45%;} .mainFoot .mainFootBtn.on:hover{border:1px solid #bddc3d;} .work{padding:20px 0px;} .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 .childContent .info{display:none;} } @media (min-width: 480px) and (max-width: 639px) { .mainHead{height:auto;margin-top:74px;padding:0 0 10px 0;} .mainHead .title{line-height:36px;font-size:18px;padding-top:20px;} .mainHead .tag{font-size:12px;line-height:12px;padding-bottom: 14px;} .main{padding:10px 0;} .main .container{width:93.75%;} .main p{font-size:12px;line-height:18px;padding:5px 0;} .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 #bddc3d;line-height:42px;width:45%;} .mainFoot .mainFootBtn.on:hover{border:1px solid #bddc3d;} .work{padding:20px 0px 0 0;} .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 .childContent .info{display:none;} } @media (min-width: 640px) and (max-width:1023px ) { .mainHead{height:122px;margin-top:74px;} .mainHead .title{line-height:44px;font-size:26px;padding-top:26px;} .mainHead .tag{font-size:14px;line-height:26px;} .main{padding:34px 0;} .main .container{width:93.75%;} .main p{font-size:14px;line-height:20px;padding:10px 0;} .mainFoot{height:110px;line-height:110px;} .mainFoot .mainFootBtn{margin:0 6px;font-size:18px;width:182px;height:42px;border:2px solid #bddc3d;line-height:42px;} .mainFoot .mainFootBtn.on:hover{border:2px solid #bddc3d;} .work{padding:40px 0px 0 0;} .work .content{padding-top:40px;width:100%;height:auto;width:100%;} .work .container{width:100%;} .work .content .child{width:50%;} .work .content .child .childContent .info{display:none;} } @media (min-width: 1024px) and (max-width:1199px ) { .mainHead{height:120px;margin-top:56px;} .mainHead .title{line-height:36px;font-size:21px;} .mainHead .tag{font-size:12px;line-height:21px;} .main{padding:28px 0;} .main .container{width:796px;} .main p{font-size:12px;line-height:16px;padding:8px 0;} .mainFoot{height:94px;line-height:94px;} .mainFoot .container{width:796px;} .mainFoot .mainFootBtn{margin:0 5px;font-size:15px;width:151px;height:34px;border:1px solid #bddc3d;line-height:34px;} .mainFoot .mainFootBtn.on:hover{border:1px solid #bddc3d;} .work{padding:58px 0px 0px 0px;} .work .content{padding-top:33px;} .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:2px;margin:6px 0px;} .work .content .child .childContent{height:33px;margin-top:-16px;} .work .content .child .childContent .title{font-size:13px;} .work .content .child .childContent .info{font-size:12px;margin-top:5px;} .work .linkBtn{margin:50px auto 0px auto;} } @media (min-width: 1200px) and (max-width:1439px ) { .mainHead{height:120px;margin-top:56px;} .mainHead .title{line-height:36px;font-size:21px;} .mainHead .tag{font-size:12px;line-height:21px;} .main{padding:28px 0;} .main .container{width:796px;} .main p{font-size:12px;line-height:16px;padding:8px 0;} .mainFoot{height:94px;line-height:94px;} .mainFoot .container{width:796px;} .mainFoot .mainFootBtn{margin:0 5px;font-size:15px;width:151px;height:34px;border:1px solid #bddc3d;line-height:34px;} .mainFoot .mainFootBtn.on:hover{border:1px solid #bddc3d;} .work{padding:58px 0px 0px 0px;} .work .content{padding-top:33px;} .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:2px;margin:6px 0px;} .work .content .child .childContent{height:33px;margin-top:-16px;} .work .content .child .childContent .title{font-size:13px;} .work .content .child .childContent .info{font-size:12px;margin-top:5px;} .work .linkBtn{margin:50px auto 0px auto;} } @media (min-width: 1440px) and (max-width:1920px ) { .mainHead{height:144px;margin-top:82px;} .mainHead .title{line-height:44px;font-size:26px;} .mainHead .tag{font-size:14px;line-height:26px;} .main{padding:34px 0;} .main .container{width:960px;} .main p{font-size:14px;line-height:20px;padding:10px 0;} .mainFoot{height:114px;line-height:114px;} .mainFoot .container{width:960px;} .mainFoot .mainFootBtn{margin:0 6px;font-size:18px;width:182px;height:42px;border:2px solid #bddc3d;line-height:42px;} .mainFoot .mainFootBtn.on:hover{border:2px solid #bddc3d;} .work{padding:70px 0px 0px 0px;} .work .content{padding-top:40px;} .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;} }