
.mainHead{position:relative;width:100%;height:170px;margin-top:147px;text-align:center;}
.mainHead .title{line-height:52px;color:#434343;font-size:30px;padding-top: 40px;}
.mainHead .tag{color:#434343;font-size:16px;line-height:30px; display:inline; padding:0 10px}

.main{text-align:center;}
.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{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;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; }
.mainFootBtn{ background:url(../images/www.png) no-repeat center center; background-size:100% 100%;}
.mainFoot .mainFootBtn:hover{ background:url(../images/eee.png) no-repeat center center; background-size:100% 100%;color:#fff;}


.work{text-align:center;background:#fff;}
.work .content{padding-top:40px;width:100%;height:auto;width:100%; padding-bottom:25px;}
.work .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.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:#df1020;}
.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;}


.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;width:215px;height:50px;line-height:50px;width:45%;}

.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;}

.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:215px;height:50px;line-height:50px;width:45%;}


.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 .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:215px;height:50px;line-height:50px;}

.work .content{padding-top:40px;width:100%;height:auto;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 .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:215px;height:50px;line-height:50px;}


.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 .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:215px;height:50px;line-height:50px;}


.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 .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:215px;height:50px;line-height:50px;}

.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;}
}



