/* 头部 */
@media (max-width:1218px) {
	 .contain {
		 width:auto;
		 margin:0 10px;
	 }
	 .top_sign {
		 overflow:hidden;
		 white-space:nowrap;
		 text-overflow:ellipsis;
		 border-bottom-color:#fff;
		 display:none;
	 }
		 
	 .top .nav_bg {
		 height:50px;
		 background:#404142;
	 }
	 .top .position {
		 height:50px;
	 }

	 .top .language {
		 width:60px;
		 height:24px;
		 line-height:24px;
		 border:1px solid #bbb;
		 transform:skew(0,0);
		 -webkit-transform:skew(0,0);
		 -o-transform:skew(0,0);
		 -moz-transform:skew(0,0);
		 -ms-transform:skew(0,0);
		 left:50%;
		 margin-left:-10px;
		 bottom:11px;
		 font-weight:normal;
		 right:auto;
		 font-size:14px;
	 }

	 /* 导航 */
	 .top .nav {
		 display:none;
	 }

	 .small_nav_btn {
		 display:block;
	 }
	 .small_nav {
		 display:block;
	 }

	 .top .logo {
		 width:110px;
		 padding:0;
		 position:absolute;
		 bottom:12px;
		 left:0;
	 }
}


@media(max-width:750px) 
{ .top .nav_bg{ height:75px;}
        .top .nav_bg .contain{ padding-top:25px;}
         
	 /* 公共 */
	 .contain {
		 width:auto;
		 margin:0 10px;
	 }
	 .i_caption h2 {
		 font-size:20px;
		 padding:30px 0 6px;
	 }
	 .i_caption .little_title {
		 font-size:14px;
	 }
	 .i_caption .look_more {
		 width:120px;
		 height:35px;
		 line-height:35px;
		 border-radius:20px;
		 margin:10px auto;
	 }
	 .i_caption .look_more .circle {
		 width:8px;
		 height:8px;
		 margin:12px 20px 0 10px;
	 }
	 .i_caption .look_more p {
		 font-size:14px;
	 }


	 .more {
		 font-size:14px;
	 }

	 .upload_more {
		 height:35px;
		 line-height:35px;
		 font-size:16px;
	 }


	 #footer .footer_link {
		 display:none;
	 }
	 
	 #footer .footer_info {
		 width:100%;
		 padding-top:6px;
		 line-height:20px;
		 text-align:center;
	 }


	 /* 首页 */
	 .i_banner {
		 width:100%;
		 padding-top:60px;
	 }
	 .slider-nav{ bottom:90px;}
	 .i_banner .slider {
		 height:230px;
		 padding-bottom:26px;
	 }
	 .i_banner .slider__item {
		 height:162px;
	 }
	 .i_banner .slider__item a {
		 height:162px;
		 padding-top:20px;
		 padding-bottom:0;
	 }
	 .i_banner .slider__nav {
		 bottom:100px;
	 }
	 .i_banner .slider__nav-item {
		 width:25px;
		 height:25px;
		 background-size:cover;
		 margin:0;
	 }
	 .i_banner .slider__nav-item--current,
	 .i_banner .slider__nav-item:hover {
		 width:25px;
		 height:25px;
		 background-size:cover;
	 }
	 .i_section1 {
		 height:auto;
		 padding-bottom:20px;
	 }
	 
	 .i_section2 {
		 height:auto;
		 padding-bottom:268px;
	 }
	 .i_section2 .left, 
	 .i_section2 .right {
		 width:100%;
		 float:none;
	 }
	 .i_section2 .main {
		 padding-top:30px;
	 }
	 .i_section2 .left .cell {
		 padding:10px 10px 10px 0;
	 }
	 .i_section2 .left .pic {
		 width:80px;
		 height:80px;
		 padding-left:10px;
	 }
	 .i_section2 .left .info {
		 padding-left:100px;
	 }
	 .i_section2 .left .info .cell_title .icon {
		 height:2px;
		 width:10px;
		 margin:8px 10px 0 0;
	 }
	 .i_section2 .left .info .cell_title {
		 font-size:16px;
		 line-height:20px;
		 overflow:hidden;
		 white-space:nowrap;
		 text-overflow:ellipsis;
	 }
	 .i_section2 .left .info .mes {
		 width:auto;
		 margin:6px 0 0 0;
		 line-height:18px;
	 }

	 .i_section2 .right {
		 height:auto;
		 padding-top:75%;
		 margin-top:20px;
	 }

	 .sb_index_mask {
		 display:none !important;
	 }
	 .vedio_pannel iframe {
		 width:300px !important;
		 height:200px !important;
	 }
	 .i_section2 .right .pic .vedio_btn {
		 width:40px;
		 height:40px;
		 margin-top:-20px;
		 margin-left:-20px;
	 }
	 

	 .i_section3 {
		 height:auto;
		 padding-bottom:260px;
	 }
	 .p_tab_choose {
		 height:36px;
	 }
	 .p_tab_choose .choose {
		 width:90px;
		 height:35px;
		 line-height:35px;
		 font-size:16px;
	 }
	 .p_tab_choose .bottom_line {
		 height:36px;
		 margin-left:91px;
	 }
	 
	 .p_tab_box {
		 padding-top:10px;
	 }
	 .p_tab_box .cell {
		 
	 }
	 .p_tab_box .cell .pic {
		 width:100%;
		 padding-bottom:10px;
	 }
	 .p_tab_box .cell .mes_title {
		 font-size:14px;
		 height:24px;
		 line-height:24px;
		 margin:10px auto 0;
	 }

	 
	 .i_section4 {
		 height:auto;
		 padding-bottom:144px;
	 }
	 .i_section4 .i_section4_bg {
		 height:100%;
		 background:#000 url("../images/i_bg4.png") no-repeat center;
	 }
	 .i_section4 .p_tab_choose .bottom_line {
		 margin-left:184px;
	 }
	 .i_section4 .main {
		 top:0;
	 }
	 .i_section4 .pic {
		 width:100%;
		 height:auto;
		 float:none;
		 display:none;
	 }
	 .i_section4 .info {
		 padding:20px 0 0 0;
	 }
	 .i_section4 .info .i_news_cell {
		 height:35px;
		 line-height:35px;
	 }
	 .i_section4 .info .i_news_cell .mes {
		 width:75%;
	 }

	 
	 .i_section5 
	 {
	     float:left;
	     width:100%;
		 padding-bottom:0;
		 height:auto;
	 }
	 .i_section5 .i_section5_bg {
		 top:0;
		 padding-bottom:30px;
		 height:450px;
	 }
	 .i_section5 .i_caption {
		 top:0;
		 float:left;
		 position:relative;
	 }
	 .i_section5 .main {
		 width:100%;
		 padding-top:0;
		 position:relative;
		 float:left;
		 top:0;
		 left:0;
	 }
	 .i_section5 .main .left,
	 .i_section5 .main .right {
		 float:none;
		 width:100%;
	 }
	 .i_section5 .left .pic_box {
		 margin-right:2%;
		 width:48%;
		 float:left;
	 }
	 .i_section5 .left .pic_box:nth-of-type(2) {
		 margin-right:0;
		 float:right;
	 }
	 .i_section5 .left .pic {
		 width:100%;
		 padding-top:96%;
		 height:auto;
	 }
	 .i_section5 .left .pic_box p {
		 font-size:12px;
		 padding-top:8px;
	 }
	 .i_section5 .middle_line {
		 display:none;
	 }

	 .i_section5 .main .right {
		 padding:20px 10px 0 10px;
		 box-sizing:border-box;
	 }
	 .i_section5 .main .right p {
		 line-height:20px;
	 }


	 /* 小屏幕时tab切换 */
	 .i_section3 .p_tab_choose,
	 .i_section4 .p_tab_choose {
		 display:none;
	 }
	 .small_tab_box {
		 display:block;
	 }


	 /* 动画作品 */
	 .cartoon_main, .p_bg {
		 padding-top:100px;
		 background-position:0 0;
	 }
	 .inside_caption .inside_title_img {
		 width:90px;
	 }
	 .inside_caption .break_nav {
		 padding-top:10px;
	 }

	 .c_tab_choose {
		 padding-top:20px;
		 display:none;
	 }
	 .c_tab_box {
		 padding-top:20px;
	 }

	 .c_tab_box .vedio_list .vedio {
		 width:100%;
		 float:none;
		 display:block;
		 margin:0 0 20px 0 !important;
	 }
	 .c_tab_box .vedio_list .info {
		 font-size:14px;
		 margin:8px auto 0;
	 }

	 .parnter {
		 padding-top:40px;
	 }
	 .parnter .list {
		 padding:20px 0;
	 }
	 .parnter .list a {
		 width:48%;
		 margin-right:2% !important;
	 }
	 .parnter .list a:nth-of-type(2n) {
		 margin-right:0 !important;
	 }


	 /* 动画详情 */
	 .cartoon_main .detail_main {
		 padding-top:20px;
	 }
	 .cartoon_main .detail_main .middle_pic {
		 padding:10px 10px 0;
	 }
	 .cartoon_main .detail_main .middle_pic .extra {
		 line-height:50px;
	 }
	 .cartoon_main .detail_main .middle_pic .extra h2 {
		 font-size:16px;
	 }
	 .p_sb_share .share_box .icon,
	 .p_sb_share .arrow_btn {
		 margin-top:14px;
	 }

	 .cartoon_main .detail_main .works {
		 padding:30px 0;
	 }
	 .cartoon_main .detail_main .middle_title {
		 height:30px;
	 }
	 .cartoon_main .detail_main .main_box {
		 padding:16px 10px;
		 margin-top:10px;
	 }

	 .cartoon_main .detail_main .main_box h2 {
		 font-size:17px;
	 }
	 .cartoon_main .detail_main .main_box .mes {
		 font-size:12px;
		 line-height:20px;
		 padding-bottom:10px;
	 }
	 .cartoon_main .detail_main .main_box h3 {
		 font-size:15px;
	 }

	 .cartoon_main .detail_main .main_box .sb_pic {
		 margin:0 auto 10px;
	 }
	 .cartoon_main .detail_main .main_box .pic {
		 margin:10px 0;
	 }

	 .cartoon_main .detail_main .intro_title {
		 font-size:14px;
		 margin-bottom:4px;
	 }

	 .cartoon_main .detail_main .intro_mes {
		 font-size:12px;
		 line-height:20px;
	 }
	 
	 .inside_vedio iframe {
		 width:100% !important;
	 }


	 /* 漫画作品 */
	 .travesty_mian {
		 padding-bottom:40px;
	 }

	 /* 漫画详情 */
	 div.travesty_mian .detail_main .works {
		 padding:10px 0;
	 }
	 .atlas {
		 padding:20px 0 0;
	 }
	 .atlas .pic {
		 width:100%;
		 float:none;
	 }

	 .atlas .info {
		 padding:20px 0 0 0;
	 }
	 .atlas .info h2 {
		 font-size:20px;
		 padding-bottom:10px;
	 }
	 .atlas .info .mes {
		 line-height:18px;
		 padding-bottom:12px;
		 font-size:12px;
	 }
	 .atlas .p_sb_share .share {
		 margin-top:16px;
	 }

	 /* 图册轮播 */
	 .cartoon_banner .slider__item img {
		 width:90%;
	 }
	 .cartoon_banner .slider__arrows-item--left {
		 left:10px;
	 }
	 .cartoon_banner .slider__arrows-item--right {
		 right:10px;
	 }


	 /* 公司简介 */
	 .profile_box {
		 padding-top:20px;
	 }
	 .profile_main .list .left {
		 width:100%;
	 }
	 .profile_main .list .left .sb_wran span {
		 font-size:16px;
		 width:90px;
	 }
	 .profile_main .list .center {
		 width:100%;
		 margin:16px 0;
	 }
	 .profile_main .list .right {
		 width:100%;
	 }
	 .profile_main .list .right .pic {
		 float:left;
		 width:49%;
	 }
	 .profile_main .list .right .pic:nth-of-type(1) {
		 margin:0 2% 0 0;
	 }

	 .profile_box .main_info {
		 padding:16px 10px 0;
	 }
	 .profile_box .main_info h2 {
		 font-size:17px;
		 padding:6px 0 10px 0;
	 }
	 .profile_box .main_info .mes {
		 font-size:12px;
		 padding-bottom:12px;
		 line-height:18px;
	 }
	 .profile_box .main_info h3 {
		 font-size:14px;
	 }
	 .profile_box .main_info .mes img {
		 width:100%;
		 max-width:651px;
	 }


	 /* 最新资讯 */
	 .news_link {   /* 新增12.19 */
		 padding:20px 0 0 0;
	 }
	 .news_link a {  /* 新增12.19 */
		 font-size:14px;
		 height:30px;
		 line-height:30px;
		 width:100px;
	 }

	 .news_list {
		 margin-top:20px;
	 }
	 .news_list .cell {
		 padding:10px 0;
	 }
	 .news_list .pic {
		 width:120px;
	 }
	 .news_list .info {
		 padding-left:130px;
	 }
	 .news_list .info h2 {
		 font-size:16px;
		 font-weight:normal;
		 padding-bottom:0px;
		 overflow:hidden;
		 white-space:nowrap;
		 text-overflow:ellipsis;
	 }
	 .news_list .info .mes {
		 overflow:hidden;
		 white-space:nowrap;
		 text-overflow:ellipsis;
	 }

	 .news_list .info .look_detail {
		 bottom:10px;
		 left:130px;
		 width:120px;
		 height:25px;
		 line-height:25px;
		 color:#fff !important;
		 border-color:#01e7ff !important;
	 }

	 .news_list .upload_more {
		 margin:30px auto 0;
	 }


	 /* 最新资讯内页 */
	 .break_nav span {
		 overflow:hidden;
		 max-width:170px;
		 white-space:nowrap;
		 text-overflow:ellipsis;
		 text-align:left;
	 }
	 .news_detail_main {
		 margin-top:20px;
		 padding:10px 10px 0;
	 }
	 .news_detail_main h2 {
		 font-size:16px;
	 }
	 .news_detail_main .mes {
		 line-height:20px;
		 font-size:12px;
	 }
	 .news_detail_main .pic img {
		 width:100%;
	 }
	 .news_detail_main .mes_spacing {
		 padding-bottom:12px;
	 }

	 .news_detail_main h3 {
		 font-size:14px;
		 padding-bottom:10px;
		 margin-top:16px;
	 }

	 .page_up_down a {
		 color:#01e7ff !important;
	 }


	 /* 人才招聘 */
	 .recrultment_list {
		 margin-top:20px;
	 }
	 .recrultment_list h2 {
		 font-size:16px;
		 line-height:40px;
	 }
	 .recrultment_list .p_slide_btn {
		 top:6px;
	 }
	 .recrultment_list h3 {
		 font-size:14px;
		 padding-bottom:10px;
	 }
	 .recrultment_list .mes {
		 padding-bottom:16px;
		 line-height:20px;
	 }



	 /* 联系我们 */
	 .contact_box {
		 margin-top:20px;
	 }
	 .contact_box .left {
		 width:100%;
		 float:none;
	 }
	 .contact_box .left p {
		 line-height:20px;
		 font-size:12px;
	 }
	 .contact_box .left .code_box .code {
		 width:49%;
		 margin-right:2%;
	 }
	 .contact_box .left .code_box .code:nth-of-type(2) {
		 margin-right:0;
	 }
	 .contact_box .left .code_box .pic {
		 width:100%;
		 padding-top:95%;
		 height:auto;
	 }
	 .contact_box .left h3 {
		 font-size:12px;
		 padding-top:6px;
	 }

	 .contact_box .map {
		 width:100%;
		 float:none;
		 margin-top:20px;
	 }



	 /* 壁纸详情 */
	 .wallpaper {  /* 新增12.19 */
		 padding-top:20px;
	 }
	 .recommend .middle_title {
		 height:30px;
	 }
}


@media screen and (min-width:751px) and (max-width:1218px) { 
	 /* 共用 */
	 .contain {
		 width:auto;
		 margin:0 10px;
	 }

	 #footer {
		 height:auto;
		 padding:6px 0;
	 }
	 
	 #footer .footer_link,
	 #footer .footer_info {
		 float:none;
		 line-height:24px;
		 text-align:center;
	 }

	 /* 首页 */
	 .i_section1 {
		 height:auto;
		 padding-bottom:50px;
	 }
	 .i_banner {
		 width:100%;
		 padding-top:50px;
	 }
	 .i_banner .slider {
		 height:400px;
		 padding-bottom:50px;
	 }
	 .i_banner .slider__item {
		 height:400px;
	 }
	 .i_banner .slider__item  a{ padding-bottom:0; height:400px;}
	 .i_banner .slider__nav {
		 bottom:70px;
	 }

	 .i_section2 {
		 height:auto;
		 padding-bottom:290px;
	 }
	 .i_section2 .left,
	 .i_section2 .right {
		 width:700px;
		 float:none;
		 margin:0 auto;
	 }
	 .i_section2 .right {
		 margin-top:20px;
		 height:auto;
		 height:525px;
	 }

	 .i_section3 .main {
		 top:-60px;
	 }
	 .p_tab_box .cell .pic {
		 width:32%;
		 margin-right:2%;
	 }
	 .p_tab_box .cell .pic:nth-last-of-type(1) {
		 margin-right:0;
	 }
	 
	 .i_section4 {
		 text-align:center;
	 }
	 .i_section4 .main {
		 width:100%;
		 display:inline-block;
		 text-align:left;
	 }

	 .i_section4 .pic {
		 width:32%;
	 }
	 .i_section4 .info {
		 padding-left:36%;
	 }
	 .i_section4 .pic {
		 position:relative;
	 }
	 .i_section4 .pic img {
		 position:absolute;
		 top:50%;
		 left:50%;
		 transform:translate(-50%,-50%);
		 -webkit-transform:translate(-50%,-50%);
		 -o-transform:translate(-50%,-50%);
		 -ms-transform:translate(-50%,-50%);
		 -moz-transform:translate(-50%,-50%);
	 }


	 .i_section5 .left {
		 width:48%;
	 }
	 .i_section5 .left .pic_box {
		 width:48%;
		 margin-right:2%;
	 }
	 .i_section5 .left .pic_box .pic {
		 width:100%;
		 background:none;
	 }
	 .i_section5 .left .pic_box:nth-last-of-type(1) {
		 margin-right:0;
	 }
	 .i_section5 .left .pic_box p {
		 padding-top:6px;
	 }

	 .i_section5 .right {
		 width:48%;
		 padding-right:0;
	 }


	 /* 动画作品 */
	 .cartoon_main,
	 .p_bg {
		 padding-top:70px;
	 }
	 
	 .cartoon_main {
		 text-align:center;
	 }
	 .vedio_list {
		 width:710px;
		 display:inline-block;
		 text-align:left;
	 }
	 .c_tab_box .vedio_list .vedio {
		 width:47%;
		 margin-right:6% !important;
	 }
	 .c_tab_box .vedio_list .vedio:nth-of-type(2n) {
		 margin-right:0 !important;
	 }
	 .c_tab_box .vedio_list .info {
		 text-align:center;
	 }

	 .parnter .list {
		 width:710px;
		 margin:0 auto;
	 }

	 .parnter .list a {
		 width:23%;
		 margin-right:2% !important;
	 }
	 .parnter .list a:nth-of-type(4n) {
		 margin-right:0 !important;
	 }

	 
	 /* 漫画作品 */
	 .atlas {
		 position:relative;
		 padding:60px 0;
	 }
	 .atlas .pic {
		 width:330px;
		 position:absolute;
		 left:0;
		 top:50%;
		 transform:translate(0,-50%);
		 -webkit-transform:translate(0,-50%);
	 }
	 .atlas .info {
		 padding-left:350px;
	 }
	 .atlas .info .mes {
		 padding-bottom:10px;
	 }


	 /* 公司简介 */
	 .profile_box {
		 margin-top:50px;
	 }
	 .profile_main .list .left {
		 width:37%;
		 margin-right:1%;
	 }
	 .profile_main .list .center {
		 width:37%;
		 margin-right:1%;
	 }
	 .profile_main .list .right {
		 width:24%;
	 }
	 .profile_main .list .right .pic:nth-of-type(1) {
		 margin-bottom:30px;
	 }
	 .profile_main .list .left .sb_wran span {
		 width:120px;
	 }
	 .profile_main .list .left .sb_wran {
		 font-size:24px;
	 }


	 /* 最新资讯 */
	 .news_link {   /* 新增12.19 */
		 padding:20px 0;
	 }
	 .news_detail_main {
		 margin-top:50px;
	 }


	 /* 人才招聘 */
	 .recrultment_list {
		 margin-top:50px;
	 }


	 /* 公司简介 */
	 .contact_box {
		 margin-top:50px;
	 }
	 .contact_box .left {
		 width:700px;
		 float:none;
		 margin:0 auto;
	 }
	 .contact_box .map {
		 width:100%;
		 max-width:700px;
		 float:none;
		 margin:20px auto;
	 }
	 .contact_box .left .code_box .code {
		 float:left;
	 }
	 .contact_box .left .code_box .code:nth-of-type(2) {
		 margin-left:20px;
	 }
} 