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

}

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

   /*header*/
   .box{width:768px}
   body{padding-top:90px}
   .fixed-header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:99999}
   .header .nav{display:none}
   .mobile-header{display:block}
   #cd-menu-trigger{display:block;}
   #cd-lateral-nav{display:block}
   .header{height:60px;line-height:60px;border-bottom:1px solid #ddd}
   .header img{width:303px;height:50px;}

   /*banner*/
   .slides li a{height:auto;background:none!important}
   .slides li a .slide-img{display:block}
   .slides li .wrap{position:absolute;left:2%;top:0}
   .slides li .wrap .text{padding:2% 5%}
   .slides li .wrap .text h1{font-size:18px;margin-bottom:10px}
   .slides li .wrap .text p{font-size:14px}

   /*main*/
   .index-about .about-main ul li{width:256px}
   .index-about .about-main ul li .li-table{width:256px;height:160px;padding:0 10px}
   .index-about .about-main ul li .li-table .li-cell{width:256px;height:160px;}
   .index-about .about-main ul li .li-table .li-cell .line{margin:15px 0}
   .works-list ul li a .text{bottom:0}
   .index-news .news-1{width:100%}
   .index-news .news-2{width:100%;margin:20px 0}
   .index-news .news-3{width:100%;}
   .index-news .news-3 .news-list-3 ul li{float:left;width:48%;margin:0 1%}
   .index-news .news-3 .news-list-3 ul li .img{text-align:center}

   .c-left{width:100%}
   .c-left .left-list{padding:0}
   .c-left .left-list ul li{width:100%;float:left;border:0}
   .c-right{margin-left:0;width:100%}
   .culture-list ul{margin:0}
   .culture-list ul li{width:23%;margin:0 1% 1%}
   .culture-list ul li .img img{width:100%}
   .mod18 .listBox{display:none}
   .mod18 #prev,.mod18 #next{display:none}
   .mod18 #prevTop,.mod18 #nextTop{display:block}
   .show-list ul{margin:0}
   .show-list ul li{width:31.33%;margin:0 1% 1%}
   .show-list ul li p{display:none}

   /*footer*/
   .footer .foot-main .foot-links{float:left}
   .footer .foot-main .foot-links .link-list{width:100%}
   .footer .foot-main .foot-links .link-list ul li{width:15%;float:left}
   .footer .foot-main .foot-links .link-contact{width:100%}
   .footer .foot-main .foot-links .link-contact ul li{width:100%}
   .footer .foot-main .foot-wx{width:100%;margin-top:20px}
   .footer .foot-main .foot-wx .wx{margin-left:auto;margin-right:auto}
   .footer .copyright{text-align:center}

}

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

   /*header*/
   .box{width:600px}

   /*main*/
   .index-about .about-main ul li{width:200px}
   .index-about .about-main ul li .li-table{width:200px;height:125px;}
   .index-about .about-main ul li .li-table .li-cell{width:200px;height:125px;}


}


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

   /*banner*/
   .banner{height:auto}
   .banner .text{padding:20px 0}
   .banner .text h1{font-size:24px;}
   .banner .text p{font-size:18px}

   /*main*/
   .c-left .left-title{padding:5px 0}
   .c-left .left-list ul li .la{height:30px;line-height:30px}
   .contact-img img{width:100%!important;margin:0 0 2%}
   .writing ul li{width:48%;margin:0 1% 10px;text-align:center}
   .related-works ul li{width:48%;margin:0 1% 10px!important;text-align:center}
   .news-disp .content p iframe{width:100%;}
}


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

   /*header*/
   .box{width:380px}
   body{padding-top:60px}
   .top{display:none}
   .mobile-header{top:5px}

   /*banner*/
   .slides li .wrap{position:relative;left:0;width:100%}
   .slides li .wrap .ww{width:100%}
   .slides li .wrap .text h1{font-size:14px;margin-bottom:5px}
   .slides li .wrap .text p{font-size:12px}
   .flex-control-nav{display:none}

   .c-left .left-title .s1{font-size:20px}

   /*main*/
   .main-title h1{font-size:18px;}
   .index-about p.p1{font-size:14px}
   .index-about .about-main{display:none}
   .index-about .about-main2{display:block}
   .core-list ul{margin:0}
   .core-list ul li{margin:0 0 20px;width:100%}
   .works-list ul li{width:100%!important;margin:0 0 10px!important}
   .works-list ul li img{width:100%}
   .links .links-main{margin:15px 0 0;float:left;font-size:0}
   .links .links-main a{width:50%;padding-right:10px;margin:0 0 10px;vertical-align:top}
   .index-news .news-2 .news-list-2 .bt .title a{font-size:18px;}
   .culture-list ul li{width:48%;}
   .news-list ul li .img img{width:125px;}
   .news-list ul li .text{margin-left:135px}
   .news-list ul li .text .title a{font-size:14px}
   .news-list ul li .text p{display:none}
   .page2 .fan{width:100%;margin-bottom:10px}
   .other .o-bd ul li a{width:65%}
   .mod18 #prevTop,.mod18 #nextTop{width:30px;height:50px;line-height:50px}
   .show-list ul li{width:48%}
   
   .news-disp .content p iframe{width:100%;height:215px;}

   /*footer*/
   .footer .foot-main .foot-links .link-list ul li{width:25%}
   .footer .foot-main .foot-links .link-list:nth-child(3) ul li{width:33%}
   .footer .foot-main .foot-links .link-contact ul li{width:100%}

}


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

   /*header*/
   .box{width:340px}

}

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

   /*header*/
   .box{width:300px}

   /*main*/
   .c-left .left-list ul li .la .fa{margin:0 20px}

   /*footer*/
   .footer .foot-main .foot-links .link-list:nth-child(3) ul li{width:50%}

}

img{max-width:100%;height:auto;width:auto\9; /* ie8 */}/*弹性图片*/
.map img{max-width:none}
html{-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}