.banner>a{
  display: block;
}
.banner>div {
  display: block;
 
}
.banner>img:nth-of-type(2){
  display: block;
}
.mobile-link{
  display: none;
}

.nav > ul > li:nth-of-type(1) {
  display: block;
}
.nav > ul > li:nth-of-type(4) {
  display: block;
}

.mobile-title{
  display: none;
}
title{
  display: block;
}



@media screen and (max-width: 768px) {
  .banner>a{
    display: none;
  }
  .banner>div {
    display: none;
   
}
.banner .icon-shangchuan {
  font-size: 0.9rem;
  
}

  .banner>img:nth-of-type(2){
    display: none;
  }
  .mobile-link{
    position: relative;
    display: block;
    width: 100%;
    height: 3rem;
    background: #f79c28;
    padding: 0 1.5rem;
  }

  .mobile-link>div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }

  .mobile-link>div a,.mobile-link>div img{
    float: left;
    display: block;
  }
  .mobile-link>div a{
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: -3px;
  }
  .mobile-link>div span{
    font-size: 0.9rem;
    color: #170c29;
    display: block;
    float: left;
  }


  .mobile-link>div:first-of-type{

    left: 1.5rem;
  }
  .mobile-link>div:first-of-type a{

    margin-top: -2px;
  }
  .mobile-link>div:last-of-type{
    right: 1.5rem;
    
  }

  .mobile-link>div:last-of-type a{
    margin-top: 2px;
    
  }

  .nav{
    width: 100%;
    position: relative;
  }
  .nav > ul{
    width: 96%;
    /* overflow: hidden; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 2%;
  }
  .nav > ul > li{
    padding-left: 0;
    height: auto;
  }
  .nav > ul > li:nth-of-type(1) {
    display: none;
  }
  .nav > ul > li:nth-of-type(4) {
    display: none;
  }

  .nav > span {
    display: none;
    
  }
  .nav > ul > li:nth-of-type(2){
    width: 60%;
  }
  .nav > ul > li:nth-of-type(2)>ul>li{
    width: 33.33%;
  }
  .nav > ul > li:nth-of-type(3){
    width: 40%;
  }
  .nav > ul > li:nth-of-type(3)>ul>li{
    width: 50%;
  }

  .nav > ul > li > ul >li{
    float: left;
  }

  .nav > ul > li > ul >li{
    font-size: 0.5rem;
    font-weight: bold;

    border-left: 1px solid #fff;
    vertical-align: bottom;
    line-height: 20px;
    letter-spacing: 1px;
    padding-top: 20px;
    padding-left: 14px;
  }

  .nav > ul > li .subNav > li > a:hover{
    color: #fff;
  }

  .nav{
    width: 100%;
    height: 3.5rem;
    background: #d63631;
    border-right: 0;
  }

  .content div {
    width: 80%;
    background-color: #fff;
    top: 75px;
}

.content .triangle {
  border-bottom: 6px solid #fff;
  
}

.content div ul li{
  font-size: 0.5rem;
  color: #d63631;
  border-bottom: 1px solid #d63631;
  height: 60px;
    line-height: 60px;
}

.content div ul li a{
  display: block;
  font-size: 0.5rem;
  color: #d63631;
  border-bottom: 1px solid #d63631;
  height: 60px;
    line-height: 60px;
}

.mobile-title{
  display: block;
  width: 100%;
}

.mobile-title img{
  display: block;
  width: 100%;
}

.title{
  display: none;
}

.works{
  width: 100%;
  padding: 0.5rem;
}

.works dl {
  width: 49%;
  
}
.works dl:nth-of-type(2n-1){
  margin-right: 2%;
  
}
.works dl:nth-of-type(2n){
  margin-right: 0;
  
}
.works dl dt p {
  font-size: 0.5rem;
}
.works dl dt p .icon-yanjing{
  font-size: 0.5rem;
}

/* 详情页导航样式 */
.mobile-nav{
  background: #d63631;
  border-top: 1px solid #fff;
  border-bottom: 0;
 
}
.mobile-nav>ul{
  margin-top: 0;
  
}

.mobile-nav > ul > li:nth-of-type(1) {
  display: block;
}

.mobile-nav > ul{
  height: auto;
}
.mobile-nav > ul > li{
  color: #252525;
  font-size: 0.6rem;
  font-weight: bold;
  width: auto !important;
  border-right: 0;
  border-left: 1px solid #fff;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}
.mobile-nav > ul > li:nth-of-type(2){
  float: right;
}
.mobile-nav > ul > li:nth-of-type(3){
  float: right;
  margin-left: 0;
  margin-right: 0.6rem;
}

.work-detail-mobile dl{
  width: 100%;
  padding: 0 0.5rem;
  margin-top: 0.8rem;
}

.work-detail-mobile dl dd{
  float: none;
  width: 100%;
}
.work-detail-mobile dl dt{
  float: none;
  width: 100%;
  margin-left: 0;
}

.work-detail-mobile dl dt div{
  border-top: 0;
  border-bottom: 1px solid #808080;
}

.work-detail-mobile dl dt #title{
  font-size: 0.8rem;
  font-weight: bold;
}

.work-detail-mobile dl dt div p{
  font-size: 0.6rem;
  font-weight: bold;
}

.work-detail-mobile dl dt #thoughts p:nth-of-type(2){
  font-size: 0.6rem;
  font-weight: normal;
}

/* 详情页  手机端 */
#thoughts{
  padding-bottom: 110px;
}

#thoughts >div {
  padding-bottom: 14px;
}

#download{
  height: auto;
  padding-top: 18px;
    padding-bottom: 52px;
}
#download a{
  margin-left: 0;
}

#download .icon-xiazai{
  display: none;
}

#download a {
  width: 120px;
  height: 37px;
  
  font-size: 0.5rem;
  line-height: 37px;
  margin-top: 18px;
  margin-left: 0;
}

#download span {
  font-size: 0.5rem !important;
}

#download .icon-yanjing{
  font-size: 1rem !important;
}

.bottom{
  margin-left: 0;
  margin-top: 16px;
}
#statement{
  bottom: 10px;
}
#statement p{
  font-size: 0.5rem;
  font-weight: normal;
}

.main {
  width: 100%;
  background-color: transparent;
  margin: 27px auto 0;
  padding: 0 0.5rem;
  overflow-x: hidden;
  
}
.main .top{
  height: auto;
  margin-bottom: 56px;
}
.main .top img {
  width: 50%;
  
  margin-left: 0;
  float: left;
}

form {
  font-size: 0.6rem;
  margin-top: 25px;
   margin-left: 0;
  width: 100%;
  float: left;
}

form > div{
  height: auto;
}

form label{
  font-weight: bold;
}
form input {
  width: 76%;
  margin-top: 30px;
  margin-bottom: 30px;
  height: 36px;
  border-radius: 6px;
}

form textarea{
  width: 76%;
}

form .icon-xiazai{
  font-size: 1.6rem;
  margin-top: 35px;
}

form span:nth-last-of-type(1){
  font-size: 0.6rem;
  width: 120px;
  font-weight: bold;
  margin-left: 60px;
  margin-top: -40px;
}

.statement{
  bottom: -32px;
  right: -44px;
}
.statement p{
  font-size: 0.5rem;
  font-weight: normal;
  font-family: "微软雅黑";
}


.nav>ul>li:nth-of-type(1) {
  
  line-height: 30px;
  height: 30px;
}
.nav>ul>li:nth-of-type(2) {
  
  line-height: 30px;
  height: 30px;
}
.nav>ul>li:nth-of-type(3) {
  height: 30px;
  line-height: 30px;
}

.nav > ul > li a {
  color: #fff;
}

.nav > ul > li .subNav li .content ul li a{
  color: #d63631;
}


/* 详情页手机端轮播调整 */
.work-detail-mobile dl {
  /* min-width: 1010px; */
  min-width: 100%;
}

.work dl dd .smallImg{
  /* width: 444px; */
  width: 222px;
  position: relative;
  left: 50%;
  transform: translateX(-60%);
  -webkit-transform: translateX(-60%);
  -moz-transform: translateX(-60%);
}

.work dl dd .smallImg a{
  /* width: 111px; */
}

.work dl dd .next{
  float: right;
}


/* 底部 */
.bottom{
  width: 100%;
  padding: 0 0.5rem;
}

.bottom p{
  font-size: 0.5rem;
}
  
}