.banner {
    position: relative;
    width: 100%;
    height: 510px;
    overflow: hidden;
    margin-top: 120px;
    background-repeat: no-repeat;
}.banner .bannerInfo {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 220px;
    margin-top: -110px;
    text-align: center;
    color: #fff;
}.banner .bannerInfo .title {
    font-family: 'MyriadPro-Bold_0';
    font-size: 55px;
    line-height: 60px;
}.banner .bannerInfo .titleCh {
    position: relative;
    top: 20px;
    border: 3px solid #fff;
    padding: 6px 24px 8px 24px;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}.banner .bannerBg {
    visibility: hidden;
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.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 #1661a2;color:#1661a2;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:#1661a2;color:#fff;}
.mainFoot .mainFootBtn:hover{background:#1661a2;color:#fff;}
.mainFoot .mainFootBtn.on:hover{border:2px solid #1661a2;color:#1661a2;background:#fff;}

.PrevNextBox {
    max-width: 800px;
    width: 100%;
    margin: 2% auto;
}
.InfoPreviousNextWrap {
    padding-top: 2px;
}
.Next{   padding: 10px 0 20px;  float: right;}
.Next a{   color: #1661a2;
    font-size: 14px;}
.Previous{    float: left;   padding: 10px 0 20px;}
.Previous a{    color: #1661a2;
    font-size: 14px;}


.work{padding:70px 0px 0px 0px;text-align:center;background:#fff;}
.work .content{padding-top:40px;width:100%;height:auto;width:100%;}
.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-image:url(/img/timg.jpg);}
.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:35px;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:45px;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) {.banner .bannerBg {
    height: 230px;
}.banner .bannerInfo .titleCh {
    width: auto;
    font-size: 14px;
    padding: 1px 4px 3px 4px;
    border: 1px solid #fff;
    top: 12px;
}.banner .bannerInfo .title {
    font-size: 20px;
    line-height: 20px;
}.banner .bannerInfo {
    height: 80px;
    margin-top: -40px;
}.banner {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0px;
    background-repeat: no-repeat;
}
.mainHead{height:auto;margin-top:0;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 #1661a2;line-height:42px;width:45%;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #1661a2;}
.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:20px;}
.work .content .child .childTag .childSub{margin:3px 0;}
.work .content .child .childContent .title{font-size:24px;}
.work .content .child .childContent .info{display:none;}
}
@media (min-width: 480px) and (max-width: 639px) {.banner .bannerBg {
    height: 340px;
}.banner .bannerInfo .titleCh {
    width: auto;
    font-size: 20px;
    padding: 2px 6px 5px 6px;
    border: 1px solid #fff;
    top: 16px;
}.banner .bannerInfo .title {
    font-size: 30px;
    line-height: 30px;
}.banner .bannerInfo {
    height: 120px;
    margin-top: -60px;
}.banner {
    margin-top: 0px;
    background-position: center 74px;
    background-size: auto 340px;
    height: auto;
}
.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 #1661a2;line-height:42px;width:45%;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #1661a2;}

.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:25px;}
.work .content .child .childTag .childSub{margin:3px 0;}
.work .content .child .childContent .title{font-size:25px;}
.work .content .child .childContent .info{display:none;}

}
@media (min-width: 640px) and (max-width:1023px ) {.banner .bannerBg {
    height: 450px;
}.banner .bannerInfo .titleCh {
    position: relative;
    top: 16px;
    width: auto;
    font-size: 26px;
    padding: 2px 10px 6px 10px;
    border: 2px solid #fff;
}.banner .bannerInfo .title {
    font-size: 40px;
    line-height: 40px;
}.banner .bannerInfo {
    height: 160px;
    margin-top: -80px;
}.banner {
    margin-top: 0px;
    background-position: center 74px;
    background-size: auto 450px;
    height: auto;
}
.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 #1661a2;line-height:42px;}
.mainFoot .mainFootBtn.on:hover{border:2px solid #1661a2;}
.work{padding:40px 0px 0 0;}
.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 ) {.banner .bannerBg {
    height: 300px;
}.banner .bannerInfo .titleCh {
    position: relative;
    top: 16px;
    border: 3px solid #fff;
    padding: 5px 18px 6px 18px;
    font-size: 20px;
}.banner .bannerInfo .title {
    font-size: 46px;
    line-height: 48px;
}.banner .bannerInfo {
    height: 160px;
    margin-top: -80px;
}.banner {
    margin-top: 0px;
    background-position: left 68px;
    background-size: auto 300px;
    height: auto;
}
.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 #1661a2;line-height:34px;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #1661a2;}

.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:20px;}
.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:25px;}
.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 ) {.banner .bannerInfo .titleCh {
    position: relative;
    top: 16px;
    border: 3px solid #fff;
    padding: 5px 18px 6px 18px;
    font-size: 20px;
}.banner .bannerInfo .title {
    font-size: 46px;
    line-height: 48px;
}.banner .bannerInfo {
    transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    -webkit-transform-origin: center;
}.banner .bannerInfo {
    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 .bannerInfo {
    height: 160px;
    margin-top: -40px;
}.banner {
    margin-top: 0;
    background-position: left 68px;
    height: auto;
}
.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 #1661a2;line-height:34px;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #1661a2;}

.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:22px;}
.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:28px;}
.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 ) {.banner .bannerInfo .titleCh {
    position: relative;
    top: 16px;
    border: 3px solid #fff;
    padding: 5px 18px 6px 18px;
    font-size: 24px;
}.banner .bannerInfo .title {
    font-size: 46px;
    line-height: 48px;
}.banner .bannerInfo {
    height: 160px;
    margin-top: -40px;
}.banner {
    margin-top: 0px;
}
.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 #1661a2;line-height:42px;}
.mainFoot .mainFootBtn.on:hover{border:2px solid #1661a2;}
.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:35px;}
.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:38px;}
.work .content .child .childContent .info{font-size:12px;margin-top:6px;}
.work .linkBtn{margin:60px auto 0px auto;}
}