@charset "utf-8";
/* CSS Document  */


@media screen and (max-width: 2560px) {}

/* 1920 */
@media screen and (max-width: 1920px) {

	

}

/* 1680 */
@media screen and (max-width: 1680px) {
		
	.page-about {padding: 0% 5% 8% 5%;}
	.page-about-txt {width: 43%;}
	
}

/* 1440 */
@media screen and (max-width: 1440px) {
	
	.index-banner-swiper .txt h2,.page-banner .title h2 {font-size: 50px;line-height: 64px;}
	.index-banner-swiper .txt h2 strong,.page-banner .title h2 strong{font-size: 50px;}
	.index-banner-swiper .txt h3,.page-banner .title h3 {font-size:30px;}
	.inav a,.index-creative-technology-swiper .txt strong,.page-news-list .inews a .txt h3 {font-size: 14px;}
	.inews a .txt h3 {padding-left: 60px;font-size: 14px;}
	.page-about-txt h5,.technology-main .list li .txt h5,.technology-main .text {font-size: 14px;line-height: 28px;}
	.pavilion .txt h4,.page-contact-txt .left h5 {font-size: 13px;line-height: 23px;}
	.page-nav a,.right-information h3 {font-size: 16px;}
	.join h3{font-size: 18px;}
	.title-2 h5 {font-size: 14px;padding-top: 30px;line-height: 24px;width: 100%;}
	.news-detail-left .title h2,.technology-main h3 {font-size: 26px;}
	.join h4 {font-size: 12px;line-height: 20px;}
	.icases .txt h6 {padding: 30px 0 0px 0;}
	.index-newmedia .text .title-2 h5{width: 100%;}
	.newmedia-nav a {width: auto;}
	.index-newmedia .text {width: 42%;margin-left:5%;}
	.index-service-swiper .text {padding-left: 20%;}
	.index-customers-swiper .img {height: 150px;}
	footer .footer .content .left{width:69%;}
	footer .footer .content .right {width:30%;}
	.page-about {padding: 0% 0 8% 0;}
	.page-about-txt {padding-left: 160px;margin-top: 60px;width: 44%;}
	.page-about-pic {width: 35%;}
	.page-culture {padding: 10% 5% 8% 5%;}
	#a2.page-section {background-color: #fff;background-size: cover;}
	.culture-txt li h3 line {width: 50%;}
	.page-honorary {padding: 7% 5% 11% 8%;}
	.page-nav {padding: 5% 6.3% 0 8%;}
	.page-pavilion-right,.page-filmmedia-right,.pavilion-detail-right,.page-technology-right,.page-news-right {width: 21%;padding-left: 2%;}
	.pavilion .txt {width: 44%;padding:2% 3%;}
	.right-information .list li a h6 {width: 25%;}
	.right-information .list li a h5 {width: 75%;}
	.pavilion .txt h3 {font-size: 20px;} 
	.page-technology-left {width: 74%;padding: 0 2% 0 0;}
	.page-filmmedia-left {width: 76%;padding-right: 1%;}
	.pavilion-detail-left {width: 75%;padding-right: 2%;}
	.inews a .txt h6 i {margin: 10px 0;display: block;}
	.inews a .txt h3 {padding-left: 0px;}
	.news-detail,.page-contact-txt,.recruitment {width: 100%;}
	.news-detail-left {width: 68%;padding: 8% 2% 8% 0;}
	.news-detail-right {width: 24%;padding: 8% 0 2% 2%;}
	.page-contact-txt .right {width: 60%;}
	.index-service-swiper::after {bottom: 80px;}
	

}

/* 1366 */
@media screen and (max-width: 1366px) {
	.honorary .pic{height:210px; position: relative;}
	.honorary .pic img{max-width: 80%;}
	.page-culture,.page-honorary {padding: 0% 1% 8% 1%;}
	footer .footer .content {width: 93%;}
	.page-banner .content {width: 93%;left: 3%;top: 35%;}
	.page-banner .title h3 {padding:0;}
	.page-content,.page-path .content {width: 94%;}
	.page-news-list .inews {width: 48%;}
	.page-news-list .inews.is3,.page-news-list .inews.is6,.page-news-list .inews.is9 {margin-right: 1%;}
	.page-news-list .inews.is2,.page-news-list .inews.is4,.page-news-list .inews.is6,.page-news-list .inews.is8 {margin-right:0;}
	.page-contact,.page-recruitment {width: 98%;}
	.index-service-swiper::after {bottom: 78px;}
 
}

/* 1280 */
@media screen and (max-width: 1280px) {
	
	.index-caseshow .content {padding: 6% 3% 5% 3%;}
	.index-creative-technology .content {padding: 10% 0 5% 3%;}
	.inav a {padding: 0 15px;}
	.title-2 h5,.newmedia-nav a h6 {font-size: 12px;line-height: 20px;}
	.index-service-swiper::after {bottom: 75px;}
	.index-customers-swiper .img img {max-width: 70%;}
	.index-customers-swiper .img {height: 120px;}
	.page-about-txt-title h2 {font-size: 40px;line-height: 40px;}
	.page-about-txt-title {top: 155px;}
	.page-about-txt {padding-left: 140px;margin-top: 30px;width: 44%;}
	
}

/* 1152 */
@media screen and (max-width: 1152px) {
	
	
	

}

/* 1024 */
@media screen and (max-width: 1024px) {
	
	

}



/* 860 */
@media screen and (max-width: 860px) {
	
	.fullscreen,.fullscreen body {height:auto;overflow:auto;}
	.pcshow,header,.aside-top {display: none!important;}
	.mbshow,.mnav {display: block!important;}

	.mfixed .mheader{background: #fff;}
	.mfixed .mheader .mlogo {background: url(../images/logo1.png) left center no-repeat;background-size: 100%;}
	.mfixed .menu-toggle span.hamburger,.mfixed .menu-toggle span.hamburger:after,.mfixed .menu-toggle span.hamburger:before {background: #000}
	.mfixed .menu-toggle span.cross:before,.mfixed .menu-toggle span.cross:after  {background: #000}
	.swiper-ctrl {bottom: 10%;}
	.scrolldown {bottom: 7%;}
	.index-banner-swiper .txt {width: 90%;left: 3%;top: 50%;margin-top: -160px;}
	.index-banner-swiper .txt h2,.title-5 h3,.title-1 h3 {font-size:30px;line-height:44px;}
	.index-banner-swiper .txt h3,.title-2 h3,.title-2 h3 strong {font-size:22px;line-height:24px;}
	.ibusiness {height:185px;width: 100%;float: none;}
	.ibusiness .content,.ibusiness .viewmore,.ibusiness .txt line,.index-caseshow-list-title {display: none}
	.ibusiness .txt h3 {font-size: 24px;}
	.ibusiness:hover .img .mark-img {background: rgba(7,9,18,.5);}
	.index-caseshow .content .title-1 {width: 100%;float: none;}
	.index-caseshow-nav {width: 100%;padding-top:5%;float: left;text-align: left;}
	.icases {width: 100%;float: none;margin-right: 0;margin-bottom:1%;}
	.index-caseshow-list-viewmore {margin: 0px 0 30px 0;}
	.index-creative-technology .content {padding: 10% 0 5% 0;}
	.title-2 {width:94%;float: none;margin: auto;}
	.index-creative-technology-nav {width: 96%;padding-top: 7.3%; padding-right: 0;float: none;text-align: left;margin: auto;}
	.index-newmedia .pic {float: none;width: 100%;}
	.index-newmedia .text {width: 100%;margin-left: 0;}
	.index-newmedia .pic .colorpiece {height: 150px;}
	.newmedia-nav a {padding: 10px 0px;margin: 0 .5%;}
	.title-4,.index-news-viewmore {display: none}
	.title-3,.index-news .content .title-1 {width: 100%;float: none;}
	.index-service-swiper::after {bottom: 35px;}
	.inews {float: none;width: 100%;margin-right: 0;margin-bottom: 3%;}
	footer .footer .content .left ul li {display: none;}
	footer .footer .content .left,footer .footer .content .right,footer .footer .content .left ul {width: 100%;float: none;}
	footer .footer .content .left ul {border-bottom: 1px solid #333;margin-bottom:2%;padding-bottom: 2%;}
	footer .footer .content .right {text-align: left;overflow: hidden;}
	footer .footer .content .left ul strong {padding-bottom: 0;}
	footer .footer .content .left {padding-bottom: 3%;}
	footer .footer .content .bottom .share {text-align: left;position: relative;top: auto;right: auto;padding: 3% 0;}
	.index-newmedia .pic .img h4 {font-size: 14px;}
	.ibusiness .img img {opacity: 0;}
	.icases a .txt {display: block;}
	.icases .img img {background: #000;opacity: 0.5;}
	.index-creative-technology-swiper .txt strong {float: none;width: 100%;}
	.index-creative-technology-swiper .txt span {float: none;width: 100%;text-align: left;}
	.page-about-txt {padding-left: 0px;margin-top: 30px;width: 100%;}
	.page-about-txt-title {position:relative;top:auto;left:auto; width:100%;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;transform:none; }
	.page-about-txt-title h2 {font-size: 30px;line-height: 30px;width: 100%;}
	.page-about-txt-title  i {display: block;position: relative;right: auto;top: auto;margin: 10px 0;}
	.page-about-txt h3 {font-size: 26px;padding: 0px 0 30px 0;}
	.page-about-pic {width: 100%;margin-left:auto;float: none;padding-top: 5%;}
	.page-culture-pic,.page-culture-txt,.page-honorary .title-1  {float: none;width: 100%;padding-left: 0;}
	.culture-txt li h3 line {width: 35%;}
	.page-honorary-nav {width: 100%;float: none;text-align: left;padding: 5% 0;}
	.page-honorary-nav a {margin-left: 0px;padding:3%;width: 42%;margin-bottom: 1%;}
	.page-honorary-nav a h5{font-size: 12px;}
	.page-banner .title h2,.page-banner .title h2 strong {font-size: 22px;line-height: 34px;}
	.page-banner .title {padding-left: 0px;}
	.page-banner .title line {position: relative;left: auto;top: auto;margin: 10px 0;}
	.page-nav {padding: 5% 0 0 0;}
	.page-nav a {font-size: 14px;}
	.page-nav i {margin: 0 14px;}
	.page-pavilion-list,.page-pavilion-right{width: 100%;float: none;}
	.pavilion .img {width: 100%;float: none;}
	.pavilion .txt {padding: 2% 0;width: 100%;float: none;}
	.pavilion .txt h6 {margin-top: 10px;margin-bottom: 50px;}
	.page-pavilion-right,.pavilion-detail-right,.page-filmmedia-right,.page-news-right,.news-detail-right  {padding-top: 50px;padding-left: 0;}
	.page-turn a {font-size: 12px;line-height: 35px;padding: 0 13.5px;}
	.page-pavilion-list::after,.detail-turn a h5,.page-technology-left::after,.page-filmmedia-left::after,.page-news-left::after,.news-detail-left::after {display: none;}
	.pageheader {height: 50px;}
	.detail .mnav .mheader .mlogo{background: url(../images/logo1.png) left center no-repeat;background-size: 100%;}
	.detail .menu-toggle span.hamburger,.detail .menu-toggle span.hamburger:after,.detail .menu-toggle span.hamburger:before {background: #000}
	.detail.no-touch .mnav .mheader .mlogo{background: url(../images/logo.png) left center no-repeat;background-size: 100%;}
	.pavilion-detail-left,.pavilion-detail-right,.page-technology-left,.page-technology-right,.page-filmmedia-left,.page-filmmedia-right,.page-news-left,.page-news-right,.news-detail-left,.news-detail-right {width: 100%;float: none;padding-right: 0;padding-left: 0;}
	.detail-turn a h6 {vertical-align: baseline;}
	.page-banner .content { top: 30%;}
	.technology-main .list li {width: 100%;}
	.filmmedia {float: none;width: 100%;margin-right: 0; margin-bottom: 1%;}
	.filmmedia a .txt{display: block;opacity: 1;}
	.page-content, .page-path .content {width: 96%;}
	.page-turn {float: none;margin-top: 30px;}
	.page-news-list .inews,.page-contact-txt .left,.page-contact-txt .right,.page-contact-txt .right li {width: 100%;float: none;}
	.news-detail-left .title .time {position: relative;top: auto;right: auto;text-align: left;}
	.news-detail-left .title {padding-bottom: 20px;}
	.news-detail-left .title .type {padding: 3% 0;}
	.otherlabel h5 {margin: 0;padding: 20px 0;display: block;overflow: hidden;}
	.otherlabel a {padding: 10px 2%;margin:5px 3px 5px 0;display: block;float: left;}
	.page-contact-txt .right {padding-top: 30px;}
	.page-contact-txt .right li{padding-left: 20%;width:80%; margin-bottom: 3%;padding-bottom: 3%;}
	.page-contact-txt .right li:last-child::after {display: block;}
	.page-contact-txt .right li i {position: absolute;left: 0;top: 50%;margin-top: -22px;}
	.page-contact-txt .right li::after {width: 100%;height:1px;position: absolute;right:auto;left: 0; top:auto;bottom: 0;}
	.page-contact-txt .right li h5 {padding: 5px 0;}
	.madd .maplogo {width: 50px;}
	#map .BMap_pop {width: 300px;}
	.recruitment .rcontact .rtitle li {display: none;}
	.recruitment .rcontact .rtitle h3 {width: 50%;}
	.recruitment .rcontact .rtitle h4 {width: 40%;padding-right: 7%;}
	.recruitment .rcontact .rtitle {padding: 5%;}
	.white_content {left: 0;top: 0;width:90%;height: 100%; margin-left: 0px;margin-top:0px;padding: 5%;}
	.page-banner .pic img {display: block;float: right;width: 250%;max-width: 250%; opacity: .35;}
	.page-honorary-swiper {padding: 5% 0 15% 0;}
	.news-detail-left .title h2{width: 100%;}
	.newmedia-nav a h6 {width:auto;}
	.swiper-pagination-num {right: 0px;}
	.page-honorary-swiper .swiper-pagination {display: none}
	
	
	
}
 


/* iphone5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {}
/* phone 678 */
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {}
/* phone 678 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {}
/* phone x 和 微信内高*/
@media only screen and (device-width : 375px) and (device-height : 812px) {}
/* phone x */
@media screen and (max-width : 736px) and (orientation: landscape) {}
/* all iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
/* all iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {}
/* x iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {}
/* y iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {}





.section-btn{ display:block}	

.rtrtrtq{display:none}
.page-content{display:none}

@media all and (max-width:550px){
	
.section-wrap{ display:none!important}	
	
.rtrtrtq{display:block}
	
.page-hd{display:block}
.section-btn{ display:none}	}