.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:left;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 #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{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%; margin-top:1%;}
.work .content .child .childImg{width:96%;height:auto; vertical-align:middle;}
.work .content .child .childHide{display:none;position:absolute;top:0px;left:2%;width:96%;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;}

.mediamap { position: relative; width: 100%; height: 526px; background-color: #ffffff; background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; }
.mediamap .container { padding-top: 1px; width: 960px; }
.mediamap .mediamapTitle { color: #000000; font-size: 40px; font-family: 'MyriadPro-LightCond'; letter-spacing: 0.04em; font-weight: 100; font-stretch: extra-condensed; }
.mediamap .mediamapInfo { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-size: 18px; font-weight: 100; color: #000000; }
.mediamap .left { position: relative; float: left; width: 45%; }
.mediamap .left .content { position: relative; width: 440px; height: 440px; margin-top: 30px; }
.mediamap .left .content .quan { position: absolute; width: 220px; height: 220px; background: url(../images/index/quan.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 24px; color: #fff; }
.mediamap .left .content .quan .titleEn { letter-spacing: 0.12em; margin-top: 84px; font-family: 'MyriadPro-Cond_0'; font-weight: 100; font-stretch: condensed; }
.mediamap .left .content .quan .titleCh { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-weight: 100; }
#quan1 { top: 0px; left: 90px; }
#quan2 { top: 160px; left: 0px; }
#quan3 { top: 160px; left: 180px; }
#quan4 { top: 0px; left: 0px; width:440px; height:auto; background: none; }
.mediamap .right { float: left; width: 45%; height:526px; margin-left: 10%;}
.mediamap .right .content { padding-top: 30px; }
.mediamap .right .child { margin: 0 0 38px 0; position: relative; width: 100%; }
.mediamap .right .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.mediamap .right .child .childTime { float: left; width: 22.1%; height: 124px; border: 3px solid #e50012; text-align: center; color: #fff; }
.mediamap .right .child .childTime .timeMonth { margin-top: 10px; font-family: 'MyriadPro-Cond_0'; font-size: 24px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childTime .timeDay { font-family: 'MyriadPro-LightCond'; font-size: 72px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childInfo { float: left; width: 71%; margin-left: 5.3%; color: #fff; }
.mediamap .right .child .childInfo .title { font-size: 18px; font-weight: bold; margin-bottom: 20px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mediamap .right .child .childInfo .info { font-size: 14px; color: #cecece; line-height: 20px; }
.mediamap .right .child .no { width: 22.1%; height: 50px; float: left; }
.mediamap .right .child .moreBtn { position: relative; font-size: 16px; padding-left: 10px; margin-left: 6px; width: 157px; height: 40px; line-height: 40px; color: #fff; background: #e50012 url(../images/rightIconOn.png) no-repeat 114px center; background-size: 36px 18px; font-family: '黑体'; }
.mediamap .right .child .moreBtn span { font-size: 16px; }

@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 #e50005;line-height:42px;width:45%;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}
.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;}

.mediamap { position: relative; width: 100%; height: auto; background-color: #ffffff; background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%;  margin-bottom:15px; }
.mediamap .container { padding-top: 1px; width: 93.75%; }
.mediamap .mediamapTitle { color: #000000; font-size: 36px; font-family: 'MyriadPro-LightCond'; letter-spacing: 0.04em; font-weight: 100; font-stretch: extra-condensed; text-align:center; margin-top:15px;}
.mediamap .mediamapInfo { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-size: 16px; font-weight: 100; color: #000000; text-align:center; }
.mediamap .left { position: relative; float: left; width: 100%; }
.mediamap .left .content { position: relative; width: 100%; height:auto; margin-top: 20px; }
.mediamap .left .content .quan { position: absolute; width: 220px; height: 220px; background: url(../images/index/quan.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 24px; color: #fff; }
.mediamap .left .content .quan .titleEn { letter-spacing: 0.12em; margin-top: 84px; font-family: 'MyriadPro-Cond_0'; font-weight: 100; font-stretch: condensed; }
.mediamap .left .content .quan .titleCh { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-weight: 100; }
#quan1 { top: 0px; left: 90px; }
#quan2 { top: 160px; left: 0px; }
#quan3 { top: 160px; left: 180px; }
#quan4 { top: 0px; left: 0px; width:440px; height:auto; background: none; }
.mediamap .right { float: left; width: 100%; height:auto; margin-left: auto;}
.mediamap .right .content { padding-top: 20px; }
.mediamap .right .child { margin: 0 0 38px 0; position: relative; width: 100%; }
.mediamap .right .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.mediamap .right .child .childTime { float: left; width: 22.1%; height: 124px; border: 3px solid #e50012; text-align: center; color: #fff; }
.mediamap .right .child .childTime .timeMonth { margin-top: 10px; font-family: 'MyriadPro-Cond_0'; font-size: 24px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childTime .timeDay { font-family: 'MyriadPro-LightCond'; font-size: 72px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childInfo { float: left; width: 71%; margin-left: 5.3%; color: #fff; }
.mediamap .right .child .childInfo .title { font-size: 18px; font-weight: bold; margin-bottom: 20px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mediamap .right .child .childInfo .info { font-size: 14px; color: #cecece; line-height: 20px; }
.mediamap .right .child .no { width: 22.1%; height: 50px; float: left; }
.mediamap .right .child .moreBtn { position: relative; font-size: 16px; padding-left: 10px; margin-left: 6px; width: 157px; height: 40px; line-height: 40px; color: #fff; background: #e50012 url(../images/rightIconOn.png) no-repeat 114px center; background-size: 36px 18px; font-family: '黑体'; }
.mediamap .right .child .moreBtn span { font-size: 16px; }
}
@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 #e50005;line-height:42px;width:45%;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}

.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;}
.mediamap { position: relative; width: 100%; height: auto; background-color: #ffffff; background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%;  margin-bottom:20px;}
.mediamap .container { padding-top: 1px; width: 93.75%; }
.mediamap .mediamapTitle { color: #000000; font-size: 36px; font-family: 'MyriadPro-LightCond'; letter-spacing: 0.04em; font-weight: 100; font-stretch: extra-condensed; text-align:center; margin-top:20px;}
.mediamap .mediamapInfo { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-size: 16px; font-weight: 100; color: #000000; text-align:center; }
.mediamap .left { position: relative; float: left; width: 100%; }
.mediamap .left .content { position: relative; width: 480px; height:auto; margin-top: 30px; }
.mediamap .left .content .quan { position: absolute; width: 220px; height: 220px; background: url(../images/index/quan.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 24px; color: #fff; }
.mediamap .left .content .quan .titleEn { letter-spacing: 0.12em; margin-top: 84px; font-family: 'MyriadPro-Cond_0'; font-weight: 100; font-stretch: condensed; }
.mediamap .left .content .quan .titleCh { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-weight: 100; }
#quan1 { top: 0px; left: 90px; }
#quan2 { top: 160px; left: 0px; }
#quan3 { top: 160px; left: 180px; }
#quan4 { top: 0px; left: 0px; width:440px; height:auto; background: none; }
.mediamap .right { float: left; width: 100%; height:auto; margin-left: auto;}
.mediamap .right .content { padding-top: 30px; }
.mediamap .right .child { margin: 0 0 38px 0; position: relative; width: 100%; }
.mediamap .right .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.mediamap .right .child .childTime { float: left; width: 22.1%; height: 124px; border: 3px solid #e50012; text-align: center; color: #fff; }
.mediamap .right .child .childTime .timeMonth { margin-top: 10px; font-family: 'MyriadPro-Cond_0'; font-size: 24px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childTime .timeDay { font-family: 'MyriadPro-LightCond'; font-size: 72px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childInfo { float: left; width: 71%; margin-left: 5.3%; color: #fff; }
.mediamap .right .child .childInfo .title { font-size: 18px; font-weight: bold; margin-bottom: 20px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mediamap .right .child .childInfo .info { font-size: 14px; color: #cecece; line-height: 20px; }
.mediamap .right .child .no { width: 22.1%; height: 50px; float: left; }
.mediamap .right .child .moreBtn { position: relative; font-size: 16px; padding-left: 10px; margin-left: 6px; width: 157px; height: 40px; line-height: 40px; color: #fff; background: #e50012 url(../images/rightIconOn.png) no-repeat 114px center; background-size: 36px 18px; font-family: '黑体'; }
.mediamap .right .child .moreBtn span { font-size: 16px; }
}
@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 #e50005;line-height:42px;}
.mainFoot .mainFootBtn.on:hover{border:2px solid #e50005;}
.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;}
.mediamap { position: relative; width: 100%; height: auto; background-color: #ffffff; background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%;  margin-bottom:30px; }
.mediamap .container { padding-top: 1px; width: 93.75%; }
.mediamap .mediamapTitle { color: #000000; font-size: 40px; font-family: 'MyriadPro-LightCond'; letter-spacing: 0.04em; font-weight: 100; font-stretch: extra-condensed; }
.mediamap .mediamapInfo { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-size: 18px; font-weight: 100; color: #000000; }
.mediamap .left { position: relative; float: left; width: 45%; }
.mediamap .left .content { position: relative; width: 100%; height: auto; margin-top: 30px; }
.mediamap .left .content .quan { position: absolute; width: 220px; height: 220px; background: url(../images/index/quan.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 24px; color: #fff; }
.mediamap .left .content .quan .titleEn { letter-spacing: 0.12em; margin-top: 84px; font-family: 'MyriadPro-Cond_0'; font-weight: 100; font-stretch: condensed; }
.mediamap .left .content .quan .titleCh { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-weight: 100; }
#quan1 { top: 0px; left: 90px; }
#quan2 { top: 160px; left: 0px; }
#quan3 { top: 160px; left: 180px; }
#quan4 { top: 0px; left: 0px; width:440px; height:auto; background: none; }
.mediamap .right { float: left; width: 45%; height:auto; margin-left: 10%;}
.mediamap .right .content { padding-top: 30px; }
.mediamap .right .child { margin: 0 0 38px 0; position: relative; width: 100%; }
.mediamap .right .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.mediamap .right .child .childTime { float: left; width: 22.1%; height: 124px; border: 3px solid #e50012; text-align: center; color: #fff; }
.mediamap .right .child .childTime .timeMonth { margin-top: 10px; font-family: 'MyriadPro-Cond_0'; font-size: 24px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childTime .timeDay { font-family: 'MyriadPro-LightCond'; font-size: 72px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childInfo { float: left; width: 71%; margin-left: 5.3%; color: #fff; }
.mediamap .right .child .childInfo .title { font-size: 18px; font-weight: bold; margin-bottom: 20px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mediamap .right .child .childInfo .info { font-size: 14px; color: #cecece; line-height: 20px; }
.mediamap .right .child .no { width: 22.1%; height: 50px; float: left; }
.mediamap .right .child .moreBtn { position: relative; font-size: 16px; padding-left: 10px; margin-left: 6px; width: 157px; height: 40px; line-height: 40px; color: #fff; background: #e50012 url(../images/rightIconOn.png) no-repeat 114px center; background-size: 36px 18px; font-family: '黑体'; }
.mediamap .right .child .moreBtn span { font-size: 16px; }
}
@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 #e50005;line-height:34px;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}

.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;}
.mediamap { position: relative; width: 100%; height: auto; background-color: #ffffff; background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%;  margin-bottom:30px;  }
.mediamap .container { padding-top: 1px; width: 796px; }
.mediamap .mediamapTitle { color: #000000; font-size: 40px; font-family: 'MyriadPro-LightCond'; letter-spacing: 0.04em; font-weight: 100; font-stretch: extra-condensed; }
.mediamap .mediamapInfo { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-size: 18px; font-weight: 100; color: #000000; }
.mediamap .left { position: relative; float: left; width: 45%; }
.mediamap .left .content { position: relative; width: 440px; height: auto; margin-top: 30px; }
.mediamap .left .content .quan { position: absolute; width: 220px; height: 220px; background: url(../images/index/quan.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 24px; color: #fff; }
.mediamap .left .content .quan .titleEn { letter-spacing: 0.12em; margin-top: 84px; font-family: 'MyriadPro-Cond_0'; font-weight: 100; font-stretch: condensed; }
.mediamap .left .content .quan .titleCh { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-weight: 100; }
#quan1 { top: 0px; left: 90px; }
#quan2 { top: 160px; left: 0px; }
#quan3 { top: 160px; left: 180px; }
#quan4 { top: 0px; left: 0px; width:440px; height:auto; background: none; }
.mediamap .right { float: left; width: 45%; height:auto; margin-left: 10%;}
.mediamap .right .content { padding-top: 30px; }
.mediamap .right .child { margin: 0 0 38px 0; position: relative; width: 100%; }
.mediamap .right .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.mediamap .right .child .childTime { float: left; width: 22.1%; height: 124px; border: 3px solid #e50012; text-align: center; color: #fff; }
.mediamap .right .child .childTime .timeMonth { margin-top: 10px; font-family: 'MyriadPro-Cond_0'; font-size: 24px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childTime .timeDay { font-family: 'MyriadPro-LightCond'; font-size: 72px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childInfo { float: left; width: 71%; margin-left: 5.3%; color: #fff; }
.mediamap .right .child .childInfo .title { font-size: 18px; font-weight: bold; margin-bottom: 20px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mediamap .right .child .childInfo .info { font-size: 14px; color: #cecece; line-height: 20px; }
.mediamap .right .child .no { width: 22.1%; height: 50px; float: left; }
.mediamap .right .child .moreBtn { position: relative; font-size: 16px; padding-left: 10px; margin-left: 6px; width: 157px; height: 40px; line-height: 40px; color: #fff; background: #e50012 url(../images/rightIconOn.png) no-repeat 114px center; background-size: 36px 18px; font-family: '黑体'; }
.mediamap .right .child .moreBtn span { font-size: 16px; }
}
@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 #e50005;line-height:34px;}
.mainFoot .mainFootBtn.on:hover{border:1px solid #e50005;}

.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;}
.mediamap { position: relative; width: 100%; height: auto; background-color: #ffffff; background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%;  margin-bottom:30px; }
.mediamap .container { padding-top: 1px; width: 796px; }
.mediamap .mediamapTitle { color: #000000; font-size: 40px; font-family: 'MyriadPro-LightCond'; letter-spacing: 0.04em; font-weight: 100; font-stretch: extra-condensed; }
.mediamap .mediamapInfo { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-size: 18px; font-weight: 100; color: #000000; }
.mediamap .left { position: relative; float: left; width: 45%; }
.mediamap .left .content { position: relative; width: 440px; height: auto; margin-top: 30px; }
.mediamap .left .content .quan { position: absolute; width: 220px; height: 220px; background: url(../images/index/quan.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 24px; color: #fff; }
.mediamap .left .content .quan .titleEn { letter-spacing: 0.12em; margin-top: 84px; font-family: 'MyriadPro-Cond_0'; font-weight: 100; font-stretch: condensed; }
.mediamap .left .content .quan .titleCh { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-weight: 100; }
#quan1 { top: 0px; left: 90px; }
#quan2 { top: 160px; left: 0px; }
#quan3 { top: 160px; left: 180px; }
#quan4 { top: 0px; left: 0px; width:440px; height:auto; background: none; }
.mediamap .right { float: left; width: 45%; height:auto; margin-left: 10%;}
.mediamap .right .content { padding-top: 30px; }
.mediamap .right .child { margin: 0 0 38px 0; position: relative; width: 100%; }
.mediamap .right .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.mediamap .right .child .childTime { float: left; width: 22.1%; height: 124px; border: 3px solid #e50012; text-align: center; color: #fff; }
.mediamap .right .child .childTime .timeMonth { margin-top: 10px; font-family: 'MyriadPro-Cond_0'; font-size: 24px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childTime .timeDay { font-family: 'MyriadPro-LightCond'; font-size: 72px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childInfo { float: left; width: 71%; margin-left: 5.3%; color: #fff; }
.mediamap .right .child .childInfo .title { font-size: 18px; font-weight: bold; margin-bottom: 20px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mediamap .right .child .childInfo .info { font-size: 14px; color: #cecece; line-height: 20px; }
.mediamap .right .child .no { width: 22.1%; height: 50px; float: left; }
.mediamap .right .child .moreBtn { position: relative; font-size: 16px; padding-left: 10px; margin-left: 6px; width: 157px; height: 40px; line-height: 40px; color: #fff; background: #e50012 url(../images/rightIconOn.png) no-repeat 114px center; background-size: 36px 18px; font-family: '黑体'; }
.mediamap .right .child .moreBtn span { font-size: 16px; }
}
@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 #e50005;line-height:42px;}
.mainFoot .mainFootBtn.on:hover{border:2px solid #e50005;}
.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;}
.mediamap { position: relative; width: 100%; height: auto; background-color: #ffffff; background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; margin-bottom:30px; }
.mediamap .container { padding-top: 1px; width: 960px; }
.mediamap .mediamapTitle { color: #000000; font-size: 40px; font-family: 'MyriadPro-LightCond'; letter-spacing: 0.04em; font-weight: 100; font-stretch: extra-condensed; }
.mediamap .mediamapInfo { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-size: 18px; font-weight: 100; color: #000000; }
.mediamap .left { position: relative; float: left; width: 45%; }
.mediamap .left .content { position: relative; width: 440px; height: auto; margin-top: 30px; }
.mediamap .left .content .quan { position: absolute; width: 220px; height: 220px; background: url(../images/index/quan.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 24px; color: #fff; }
.mediamap .left .content .quan .titleEn { letter-spacing: 0.12em; margin-top: 84px; font-family: 'MyriadPro-Cond_0'; font-weight: 100; font-stretch: condensed; }
.mediamap .left .content .quan .titleCh { font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑'; font-weight: 100; }
#quan1 { top: 0px; left: 90px; }
#quan2 { top: 160px; left: 0px; }
#quan3 { top: 160px; left: 180px; }
#quan4 { top: 0px; left: 0px; width:440px; height:auto; background: none; }
.mediamap .right { float: left; width: 45%; height:auto; margin-left: 10%;}
.mediamap .right .content { padding-top: 30px; font-size: 18px; }
.mediamap .right .child { margin: 0 0 38px 0; position: relative; width: 100%; }
.mediamap .right .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.mediamap .right .child .childTime { float: left; width: 22.1%; height: 124px; border: 3px solid #e50012; text-align: center; color: #fff; }
.mediamap .right .child .childTime .timeMonth { margin-top: 10px; font-family: 'MyriadPro-Cond_0'; font-size: 24px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childTime .timeDay { font-family: 'MyriadPro-LightCond'; font-size: 72px; font-weight: 100; font-stretch: condensed; }
.mediamap .right .child .childInfo { float: left; width: 71%; margin-left: 5.3%; color: #fff; }
.mediamap .right .child .childInfo .title { font-size: 18px; font-weight: bold; margin-bottom: 20px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mediamap .right .child .childInfo .info { font-size: 14px; color: #cecece; line-height: 20px; }
.mediamap .right .child .no { width: 22.1%; height: 50px; float: left; }
.mediamap .right .child .moreBtn { position: relative; font-size: 16px; padding-left: 10px; margin-left: 6px; width: 157px; height: 40px; line-height: 40px; color: #fff; background: #e50012 url(../images/rightIconOn.png) no-repeat 114px center; background-size: 36px 18px; font-family: '黑体'; }
.mediamap .right .child .moreBtn span { font-size: 16px; }
}

@media only screen and (max-width: 1920px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 0px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		border-right:0px solid #eee; 
		top:auto;
		left: 6px;
		width: 23%;
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}