.banner{position:relative;width:100%;height:318px;overflow:hidden;margin-top:59px;}
.banner .bannerBtn{position:absolute;top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:2;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .contents{position:absolute;top:0px;width:2560px; height:318px;left:50%;margin-left:-1280px;;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;}
.banner .content img{ width:2560px; height:318px;}
.banner .contentInfo{position:absolute;top:50%;left:0px;width:100%;height:300px;margin-top:-150px;z-index:1;}
.banner .bannerNav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;cursor:pointer;}
.banner .bannerBg{width:100%;height:318px;vertical-align:middle;}

.main{padding:0px 0px 80px 0px;text-align:center;background:#fff;border-bottom:1px solid #949494;}
.main .mainNav{padding:72px 0;text-align:center;}
.main .mainNav .child{cursor:pointer;position:relative;color:#808080;font-size:16px;text-align:center;width:222px;height:46px;line-height:46px;border:2px solid #B9B8B8;margin:0 8px;display:inline-block;*display:inline;*zoom:1;}
.main .mainNav .child.on{background:#e60012;border:2px solid #e60012;color:#fff;}
.main .mainNav .child.childList{text-align:left; background-image:url(../images/work/navPointer.png);background-position:186px center;background-repeat:no-repeat;}
.main .mainNav .child.childList span{margin-left:18px;}
.main .mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:-2px;border:2px solid #B9B8B8;z-index:2;}
.main .mainNav .child.childList ul li{color:#808080;padding-left:18px;width:204px;height:46px;line-height:46px;}
.main .mainNav .child.childList ul li:hover{background:#eee;}
.main .content{width:95%;height:auto; margin:0 auto;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .child{position:relative;float:left;width:33.333333%;}
.main .content .child .childImg{width:100%;height:auto; vertical-align:middle;}
.main .content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(226,16,32,0.8);}
.main .content .child .childPointer{position:absolute;bottom:17px;right:42%;width:71px;}
.main .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;}
.main .content .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}
.main .content .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;}
.main .content .child .childContent .title{width:50%;font-size:21px;color:#fff;margin:0 auto;}
.main .content .child .childContent .info{color:#fff;font-size:16px;margin-top:10px;}
.main .linkBtn{margin:80px auto 0px auto; cursor: pointer;}
@media  (max-width: 479px) {
.banner{margin-top:50px; height:260px;}
.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .contents{position:absolute;top:0px;width:1095px; height:260px;left:50%;margin-left:-547px;;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;}
.banner .content img{ width:1095px; height:260px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}

.main{padding:0 0 20px 0px;}
.main .mainNav{padding:23px 0;}
.main .mainNav .child{font-size:12px;width:140px;height:34px;line-height:34px;margin:0 4px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:114px center;margin-top:10px;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:34px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:12px;width:127px;height:34px;line-height:34px;}
.main .content .child{width:100%;}
.main .content .child .childPointer{width:40px;bottom:10px;right:42%;}
.main .content .child .childTag{font-size:12px;}
.main .content .child .childTag .childSub{margin:3px 0;}
.main .content .child .childContent .title{font-size:14px;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:20px auto 0px auto;}
}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:74px;}
.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .content{background-size:auto 450px;background-position:center 74px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:17px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}

.main{padding:0 0 30px 0px;}
.main .mainNav{padding:34px 0;}
.main .mainNav .child{font-size:16px;width:210px;height:50px;line-height:50px;margin:0 6px;border-width:1px;}
.main .mainNav .child.childList{background-position:170px center;margin-top:15px;}
.main .mainNav .child.childList span{margin-left:18px;}
.main .mainNav .child.childList ul{top:50px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:18px;width:192px;height:50px;line-height:50px;}
.main .content .child{width:100%;}
.main .content .child .childPointer{width:40px;bottom:10px;right:42%;}
.main .content .child .childTag{font-size:12px;}
.main .content .child .childTag .childSub{margin:3px 0;}
.main .content .child .childContent .title{font-size:14px;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:30px auto 0px auto;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:53px; height:450px;}
.banner .contents{ width:1895px; height:450px; margin-left:-948px;}
.banner .content img{ height:450px; width:1895px;}
.banner .bannerBtn{height:74px;margin-top:-37px;}
.banner .bannerBtn.leftBtn{left:10px !important;}
.banner .bannerBtn.rightBtn{right:10px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .content{background-size:auto 600px;background-position:center 74px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:6px 24px 8px 24px;font-size:18px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:600px;}


.main{padding:0 0 40px 0px;}
.main .mainNav{padding:46px 0;}
.main .mainNav .child{font-size:12px;width:140px;height:34px;line-height:34px;margin:0 4px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:114px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:34px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:12px;width:127px;height:34px;line-height:34px;}
.main .content{width:100%;height:auto;width:100%;}
.main .content .child{width:50%;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:40px auto 0px auto;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner{margin-top:50px;}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:180px;margin-top:-90px;}
.banner .content{background-position:left 68px;}
.banner .content .title1{font-size:30px;padding-top:22px;}
.banner .content .title2{ font-size:52px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:100px;height:3px;margin:0px 3px;}


.main{padding:0px 0px 66px 0px;}
.main .mainNav{padding:60px 0;}
.main .mainNav .child{font-size:12px;width:156px;height:33px;line-height:33px;margin:0 5px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:131px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:33px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:12px;width:143px;height:33px;line-height:33px;}
.main .content .child .childPointer{bottom:10px;right:42%;width:44px;}
.main .content .child .childTag{font-size:15px;}
.main .content .child .childTag .childSub{width:13px;height:2px;margin:6px 0px;}
.main .content .child .childContent{height:33px;margin-top:-30px;}
.main .content .child .childContent .title{font-size:13px;}
.main .content .child .childContent .info{font-size:12px;margin-top:5px;}
.main .linkBtn{margin:66px auto 0px auto;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner{margin-top:59px; height:318px;}
.banner .contents{width:2560px; height:318px ;left:50%;margin-left:-1280px;}
.banner .content img{width:2560px; height:318px;}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:180px;margin-top:-90px;}
.banner .content{background-position:left 68px;}
.banner .content .title1{font-size:30px;padding-top: 28px;}
.banner .content .title2{ font-size:52px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:60px;height:3px;margin:0px 3px;}


.main{padding:0px 0px 66px 0px;}
.main .mainNav{padding:60px 0;}
.main .mainNav .child{font-size:12px;width:156px;height:33px;line-height:33px;margin:0 5px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:131px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:33px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:12px;width:143px;height:33px;line-height:33px;}
.main .content .child .childPointer{bottom:10px;right:42%;width:44px;}
.main .content .child .childTag{font-size:15px;}
.main .content .child .childTag .childSub{width:13px;height:2px;margin:6px 0px;}
.main .content .child .childContent{height:33px;margin-top:-30px;}
.main .content .child .childContent .title{font-size:13px;}
.main .content .child .childContent .info{font-size:12px;margin-top:5px;}
.main .linkBtn{margin:66px auto 0px auto;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.banner{margin-top:49px;}
.banner .bannerBtn{height:112px;margin-top:-56px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:220px;margin-top:-110px;}
.banner .content{background-position:left 82px;}
.banner .content .title1{font-size:36px;padding-top:36px;}
.banner .content .title2{ font-size:50px;margin-bottom:16px;}
.banner .content .title3{border:3px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}

.main{padding:0px 0px 80px 0px;}
.main .mainNav{padding:72px 0;}
.main .mainNav .child{font-size:14px;width:188px;height:40px;line-height:40px;margin:0 6px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:158px center;}
.main .mainNav .child.childList span{margin-left:15px;}
.main .mainNav .child.childList ul{top:40px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:15px;width:173px;height:40px;line-height:40px;}
.main .content .child .childPointer{bottom:13px;right:42%;width:54px;}
.main .content .child .childTag{font-size:18px;}
.main .content .child .childTag .childSub{width:16px;height:2px;margin:8px 0px;}
.main .content .child .childContent{height:40px;margin-top:-20px;}
.main .content .child .childContent .title{font-size:16px;}
.main .content .child .childContent .info{font-size:12px;margin-top:6px;}
.main .linkBtn{margin:80px auto 0px auto;}
}
@media (min-width: 1921px) {
.banner{margin-top:59px;}
	.work {
    width: 1920px;
    margin: 0 auto;
    padding: 0px 0px 80px 0px;
}
}