@media screen and (max-width: 640px){
.services{width:100%;}
.services img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
  body{
    width: 100%;
    min-width: inherit;
    padding-top: 0;
  }
  #logo{
    margin-left: 0px;
  }
  #common{
    min-width: inherit;
    height: 90%;
    height: calc(100% - 48px);
    padding-top: 48px;
    overflow-x: hidden; -webkit-overflow-scrolling: touch; z-index:auto
  }
   #main{
    width: 94%;
    padding:3%;
  }
  #main img{
    max-width: 100%;
  }
  #fullmain .lia,#fullmain .lib{
    width: 50%;
  }
  #fullmain #caseul li{
    width: 100%;
  }
  #slideBox #hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; border-radius: 10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

  #fullmain #caseul li .videoimg,
  #fullmain #caseul li .contactimg{
    width: 200%;
  }
  #foot_top, #foot_nav_container{
    display: none;
  }
  #header{
    overflow: visible;
  }
  #header ul{
    position: relative;
  }
  #foot_share{
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    margin-top: -2px;
    margin-right: -8px;
  }
  .ico_video{
    background:url(http://www.sunlunar.com.cn/images/ico_video.png) no-repeat center;
    background-size:12%;
  }
  .cooperate_content a{
    width: 50%;
  }

  #head_nav div{
  	text-align: center;
    position: absolute;
    top:45px;
    right: -12px;
    z-index: 1000;
    background: #fff;
    width: 80px;
    opacity: 1;
    display: none;
    box-shadow: 0px 4px 4px rgba(0,0,0,.3);
  }
  #logo img{
    width:160px;
    margin-top: 0px;
  }
  #head_search input{
    width: 130px;
    background: #fff;
  }
  #head_search{
    z-index: 1;
  }
  #header li {
    margin-left: 8px;
    margin-top: 6px;
  }
  #header #head_lan{
  	margin-top: 3px;
  }
  #header #head_nav{
  	margin-top: 4px;
  }
  li#head_search {
    margin-left: 15px;
  }
  #head_nav div a{
    padding: 10px;
  }
  .boxlist{
    width: 100%;
  }
  .redbox{
    width: 90%;
    height: 100px;
  }
  .about .redbox {
    padding-top: 0px;
    height: 220px;
}
  .about .redbox p {
    font-size: 16px;
    padding: 0;
}
  .about .redbox span{
    line-height: 60px;
    padding-top: 30px;
    display: block;
  }
  .prizeslide{
    width: 100%;
  }
  #divShowVideo{
    width: 100%;
    height: 220px;
  }
  #fullmain #caseul li .cover_p{
    line-height:22px;
    font-size: 14px;
  }
  #fullmain #caseul li .cover_p p{
    margin-top: 16%;
  }
  .customer_ul li{
    padding-right: 0;
    width: 50%;
  }
  .service .customer_logo a{
    max-width: 14%;
    margin-right: 0;
  }
  .customer_logo{
    width: 100%;
    margin-left:0;
  }
  .customer_ul li div{
    width: 97%;
  }
  #newsul .newsli {
  width: 92%;
  padding-right: 0;
  }
  .tips_none{
    font-size: 20px;
  }
  #fullmain #caseul li .cover_case{
    /*display: block;*/
    opacity: 1;
  }
  #fullmain #caseul li .cover_case p {
    padding-top: 18%;
    line-height: 26px;
    font-size: 18px;
  }
  #fullmain #li_cooperate .patxt{
    left: 14%;
    top: 8%;
    width: 120%;
  }
  #fullmain #caseul li .img{
    height: auto;
  transition: all 0s;
  -moz-transition: all 0s; /* Firefox 4 */
  -webkit-transition: all 0s; /* Safari บอ Chrome */
  -o-transition: all 0s; /* Opera */
  transform:scale(1.02); 
   -moz-transform:scale(1.02);
   -webkit-transform:scale(1.02);
   -o-transform:scale(1.02);
  }
  #fullmain #caseul li:hover .img{
     transform:scale(1.02); 
     -moz-transform:scale(1.02);
     -webkit-transform:scale(1.02);
     -o-transform:scale(1.02);
  }
  .sevlist li{
    height: 280px;
  }
  .sevlist li .redbox{
    height: 280px;
    line-height: 280px;
  }
  .sevlist li .sevtxt {
    width: 46%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top:2%;
  }
  .sevlist .gray{
    margin-top:10px;
  }
  .bigtittle {
    line-height: 35px;
    font-size: 16px;
    
  }
  .redf20{
    font-size: 14px;
  }
  .redbox{
    font-size:12px;
  }
  .redbox .f30{
    font-size: 16px;
  }
  #fullmain .abouthot #caseul li{
    width: 100%;
  }

  div#header ul li img {
      transform: scale(.8);
      transform-origin: left center;
  }
  #logo {
      height: 32px;
  }
  #footbottom span{
    text-indent: 10px;
  }
  #foot_share{
    display: none;
  }
h1 {
    line-height: 2;
    font-size: 22px;
    margin-top: 10px;
}
.recruitbox .title {
    font-size: 16px;
    margin-top: 12px;
    color: #000;
}
#main {
    width: 92%;
    padding: 4%;
    font-size: 12px;
}
  #contact{
    font-size: 12px;
    line-height: 1.8;
  }
  .about p.bigtittle{
    font-size: 18px;
    line-height:1.5;
  }
.about .redf20 {
    font-size: 14px;
    padding-top: 8px;
    display: block;
}
.about span.f20{
  font-size: 12px;
}
  .licontent{
    font-size: 12px;
  }
  .boxlist li{
    width: 100%;
    margin-top: 5px;
  }
  #main img.font{
    width: 128%;
    max-width: 128%;
    margin-left: -15%;
  }
  .about_h1{
    font-size: 22px;
  }
  #fullmain li .patxt{
    width: 80%;
    left: 10%;
    top: 32%;
  }
  #fullmain #caseul li{
    font-size: 36px; margin-bottom:5px;
  }
  #fullmain #caseul li .des{
    font-size: 12px;
  }
  #newsul .tittle a{
    font-size: 18px;
  }
  .newsli p.des{
    font-size: 12px;
  }

  .sevlist li{
    height: 600px;
  }
  .sevlist li .redbox{
    height: 300px;
    width: 100%;
    line-height: 300px;
    font-size: 14px;
  }
  .sevlist li .sevtxt {
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
    padding-top:0%;
  }
  .sevlist .gray{
    margin-top:5px;
  }
  .sevlist li .sevtxt p {
    font-size: 13px;
    padding-top: 20%;
    text-align: center;
}
.sevlist li .redbox span {
    width: 100%;
    height: 66%;
    background-color: #e60012;
    background-color: rgba(230,0,18,.8);
    line-height: 38px;
    padding-top: 34%;
    font-size: 20px;
    display: block;
}
.cooperate_p {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.8;
}
.cooperate_h1 {
    font-size: 24px;
    padding-top: 12px;
}
.newsDetail_time{
  font-size: 12px;
}
.toplink {
    font-size: 18px;
    padding-right: 5%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.toplink a{
  font-size: 14px;
}
.vedio_lib,#li_contact{
  margin: 8px auto;
}
#newsundigital{
  padding-top: 0px;
}
.cooperate_title {
    transform: scale(.7);
    transform-origin: left 80%;
}
#foot_erweima,#foot_logo_box{
  width: 100%;
  margin-left: 0;
  text-align: center;
}
#foot_logo_box img, #foot_erweima img {
    height: 100px;
}
img#foot_logo {
    height: 45px;
    margin-left: 0;
}
#footer .foot_content{
  width: 100%;
}
#foot_bottom #foot_coo{
  margin-left: 12px;
}
#foot_center{
      background-size: cover;
    background-position: 0 50%; background-color:#e9e9e9;
}
.cooperate_size{
	font-size: 14px;
}
img.cooperate_image{
	padding-bottom: 0px;
}
#foot_erweima{display: block}
#fullmain #caseul li .tittle{
    display: block;
    max-width: 100%;
    margin-bottom: 0px; margin-top:10px; font-family:Arial, Helvetica, sans-serif;
    line-height: 1.8; font-size:48px;

}
@media screen and (max-width: 320px){
  #foot_share{
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    margin-top: -41px;
    margin-right: -15px;

  }
}