*{margin:0;padding:0}
li,ul{list-style:none;margin:0;padding:0}
a:link,a:visited{color:#414141;text-decoration:none;font-weight:600}
a:active,a:hover{color:#a55300;text-decoration:none;font-weight:600}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a:active,a:hover{outline:0}
.clear{clear:both}
.container-box{position:relative;height:100%;margin:0;background:#e2e2e2}
#mainContext{background:#e2e2e2}
#about{background:#E2E2E2;text-align:center;width:35%;margin:0 auto}
.a,.n,.s{display:inline-block}
.s{width:38px;height:54px;background:url(../images/s.png)}
.sactive{background:url(../images/s_active.png)}
.a{width:51px;height:54px;background:url(../images/a.png)}
.aactive{background:url(../images/a_active.png)}
.n{width:49px;height:54px;background:url(../images/n.png)}
.nactive{background:url(../images/n_active.png)}
.ainfo,.introinfo,.ninfo,.sinfo{display:inline-block}
.sinfo{width:38px;height:54px;background:url(../images/s_active.png)}
.sinfo.active,.sinfo:hover{background:url(../images/s.png)}
.ainfo{width:51px;height:54px;background:url(../images/a_active.png)}
.ainfo.active,.ainfo:hover{background:url(../images/a.png)}
.ninfo{width:49px;height:54px;background:url(../images/n_active.png)}
.ninfo.active,.ninfo:hover{background:url(../images/n.png)}
.introinfo{width:138px;height:14px;background:url(../images/intro_active.png)}
.introinfo.active,.introinfo:hover{background:url(../images/intro.png)}
<!--在N页中人物图片和文字说明居中的处理-->.team-content .content-center{text-align:center;width:100%;background:#e2e2e2}
@media (min-width:320px){.content-center{width:100%}
.content-center table{width:90%}
.content-center dl{width:90%;height:auto;margin:10px auto;position:relative;margin-bottom: 20px;}
.content-center dl dt{width:100%;display:block}
.content-center dl dd{width:100%;height:auto;text-align:left;display:block;margin:0;float:left;padding-top:10px;font-size:16px}
.content-center dl dd div{height:auto;padding-left:0;box-sizing:border-box}
.team-content .content-center .list{display:inline-block;width:95%;text-align:left;margin-bottom:20px;padding-left:5%}
.job_content{margin:0 auto;margin-top:20px;width:270px;padding:0;padding-right:10px}
.cy_pnoyo{width:90%;margin:0 auto}
.cy_pnoyo p{width:100%;margin:0 0 10px 0;overflow:hidden}
.cy_pnoyo p img{width:100%}
#TourTheStudio{margin-top:-354px}}@media (min-width:480px){.content-center{width:100%}
.content-center table{width:90%}
.content-center dl{width:90%;height:auto;margin:10px auto;position:relative}
.content-center dl dt{width:100%;display:block}
.content-center dl dd{width:100%;height:auto;text-align:left;display:block;margin:0;float:left;padding-top:10px;font-size:16px}
.content-center dl dd div{height:auto;padding-left:0;box-sizing:border-box}
.team-content .content-center .list{display:inline-block;width:90%;text-align:left;margin-bottom:20px}
.job_content{margin:0 auto;margin-top:20px;width:450px}
.cy_pnoyo{width:90%;margin:0 auto}
.cy_pnoyo p{float:left;width:44%;margin:0 1.5% 10px 1.5%;overflow:hidden}
.cy_pnoyo p img{width:100%}}@media (min-width:640px){.content-center{width:100%}
.content-center table{width:90%}
.content-center dl{width:90%;margin:10px auto;position:relative}
.content-center dl dt{width:246px;position:absolute;left:0;top:0}
.content-center dl dd{width:100%;text-align:left;display:block;padding:0}
.content-center dl dd div{min-height:170px;padding-left:266px;box-sizing:border-box}
.team-content .content-center .list{display:inline-block;width:90%;text-align:left;margin-bottom:20px}
.job_content{margin:0 auto;margin-top:20px;width:450px}
.cy_pnoyo{width:90%;margin:0 auto}
.cy_pnoyo p{float:left;width:30%;margin:0 0.8% 10px 0.8%;overflow:hidden}
.cy_pnoyo p img{width:100%}}@media (min-width:768px){.content-center{width:100%}
.content-center table{width:90%}
.content-center dl{width:90%;margin:10px auto;position:relative}
.content-center dl dt{width:246px;min-height:170px;position:absolute;left:0;top:0}
.content-center dl dd{width:100%;min-height:200px;text-align:left;float:none;padding:0;margin:0}
.content-center dl dd div{min-height:170px;padding-left:266px;box-sizing:border-box}
.team-content .content-center .list{display:inline-block;width:90%;text-align:left;margin-bottom:20px}
.job_content{margin:0 auto;margin-top:20px;width:450px}
.cy_pnoyo{width:90%;margin:0 auto}
.cy_pnoyo p{float:left;width:30%;margin:0 0.8% 10px 0.8%;overflow:hidden}
.cy_pnoyo p img{width:100%}
#TourTheStudio{margin-top:-407px}}@media (min-width:850px){#TourTheStudio{margin-top:-457px}}@media (min-width:991px){#TourTheStudio{margin-top:-467px}}@media (min-width:1024px){.content-center{width:100%;background-color:#E2E2E2}
.content-center table{width:70%}
.content-center dl{width:80%;margin:0 auto;position:relative}
.content-center dl dt{width:246px;min-height:170px;position:absolute;left:0;top:0}
.content-center dl dd{width:100%;min-height:200px;text-align:left;display:block;padding:0}
.content-center dl dd div{min-height:170px;padding-left:266px;box-sizing:border-box}
.team-content .content-center .list{display:inline-block;display:block;margin:0 auto;width:70%;text-align:left;padding:0}
.job_content{margin:0 auto;margin-top:20px;width:450px}
.cy_pnoyo{width:72%;margin:0 auto}
.cy_pnoyo p{float:left;width:23%;margin:0 0.5% 8px 0.5%;overflow:hidden}
.cy_pnoyo p img{width:100%}}@media (min-width:1920px){.content-center{width:100%}
.content-center table{width:45%}
.content-center dl{width:45%;margin:0 auto;position:relative}
.content-center dl dt{width:246px;min-height:170px;position:absolute;left:0;top:0}
.content-center dl dd{width:100%;min-height:200px;text-align:left;display:block;padding:0}
.content-center dl dd div{min-height:170px;padding-left:266px;box-sizing:border-box}
.team-content .content-center .list{display:inline-block;display:block;margin:0 auto;width:45%;text-align:left;padding:0}
.job_content{margin:0 auto;margin-top:20px;width:450px}
.cy_pnoyo{width:46%;margin:0 auto}
.cy_pnoyo p{float:left;width:23%;margin:0 0.5% 8px 0.5%;overflow:hidden}
.cy_pnoyo p img{width:100%}}.middle{width:100%;position:absolute;top:550px;text-align:center;margin:0 auto;opacity:1;z-index:1000}
.logonav{width:138px;height:68px;position:absolute;top:15%;left:50%;margin:-47px 0 0 -100px}
.about-content{display:inline-table;margin:0 auto;text-align:left;min-width:280px;font-size:20px;padding:0 0 0 5px}
.bg{background:#e2e2e2}
.nav-logo{position:relative;text-align:center}
.team-content{display:table;width:100%;font-family:Aparajita,Tahoma,Geneva,sans-serif;font-size:14px;font-weight:700;top:30%}
.team-content .content-center .list p{font-weight:700}
.team-content .list li{float:left;text-align:justify}
.team-content .list li:after{content:'';display:block;visibility:hidden;clear:both;height:0}
.team-content .list li img{float:left}
.team-content .list-horizon:after{content:'';display:block;visibility:hidden;clear:both;height:0}
.team-content .list-horizon{width:720px;margin:5px auto}
.team-content .list-horizon li{float:left;margin-right:5px}
.team-content .list-horizon li img{float:left}
.btn-link{cursor:pointer;font-family:Aparajita,Tahoma,Geneva,sans-serif;font-size:18px;color:#000}
.list .btn-link:hover{color:#000;text-decoration:none}
.list .btn-link{color:#a55300}
.list{padding:0}
.hide{display:none}
.info-page-content{color:#414141;text-align:center}
.info-page-content ul{margin-top:20px}
.info-page-content .page-menu{font-family:Aparajita,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;position:relative;top:-15%}
.info-page-content .page-menu .list{width:110px;left:50%;margin:0 0 0 -180px}
.info-page-content .page-menu .list li{list-style:none;text-align:justify}
.info-page-content .page-menu .list li a{color:#414141;text-decoration:none}
.info-page-content .page-menu .list li a:hover{color:#a55300;text-decoration:none}
.info-page-content .info-contact{font-family:Aparajita,Arial,Helvetica,sans-serif;font-size:14px}
.info-page-content .info-contact p,h3,h4{text-align:center;color:#666;line-height:150%;font-weight:700}
.info-page-content .info-contact .studioimg{}
.tab-content{height:0;display:none;opacity:0}
.pane{padding-top:15px;width:100%;z-index:1;padding-bottom:10px}
.fade{opacity:0;-ms-filter:DXImageTransform.microsoft.alpha(opacity=0);filter:alpha(opacity=0)}
.fade.in{opacity:1;-ms-filter:DXImageTransform.microsoft.alpha(opacity=100);filter:alpha(opacity=100);background-color:#E2E2E2}
.fade_tu{width:380px;margin:20px auto}
.fade_tu img{width:100%;display:block}
.fade.in p{min-width:320px;margin:0 auto;font-size:16px}
@media (max-width:479px){.fade.in p{min-width:100%;margin:0 auto;font-size:12px}
.fade_tu{width:100%;margin:20px auto}
.fade_tu img{width:100%;display:block}}.fade.in .job_content p{padding-left:10px;text-align:left}
.portfolio{top:0;margin-top:0}
.btn-box{position:fixed;right:2%;bottom:10px}
.picN ul{width:100%;height:auto;overflow:hidden}
.picN li{height:auto;float:left;overflow:hidden}
.picN ul li img{display:block}
.controlBar{width:200px;height:95px}
.facebook,.ins,.twitter{width:30px;height:30px}
.info-page-content .tubiao{width:120px;margin:10px auto 20px;height:30px}
.info-page-content .tubiao a{display:block;float:left;margin:0 5px}
@media only screen and (max-width:768px){.controlBar .intro{line-height:12px;font-size:14px;color:#333;font-family:微软雅黑;margin-top:15px;display:block;margin-left:-.3%;margin-top:-12px}
.controlBar .active{color:#a55300}}@media only screen and (max-width:1024px){.controlBar .intro{line-height:12px;font-size:14px;color:#333;font-family:微软雅黑;margin-top:15px;display:block;margin-left:-.3%;margin-top:-12px}
.controlBar .active{color:#a55300}}.team{background:#E2E2E2;padding-top:20px}
.content-center{padding-bottom:20px}
.content-center dl dt img{width:100%}
#info{background:#E2E2E2}
.info-contact img{width:100%}
.cy-clear{clear:both}
.page-menu.list li{margin-bottom:10px}
#Files ul li{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:15px}
#Files ul li .Files_a{line-height:56px;margin-left:20px}
@media (max-width:850px){#about{width:90%;padding-top:50px}
.team{background:#E2E2E2;padding-top:40px}}