@import url(phone.css);
@media screen  and (min-width:768px) {
  .phone {
    display: none;
  }
  
}
@media screen  and (max-width:768px) {

  html,
  body{
    min-width: 0px;
    width: 100%;
  }
  .top .search,
  /* .mobile, */
  .nav,
  .mainimage,
  .main,
  .picture,
  .footer
  {
    display: none;
  }
  .phone{
    height: 100%;
  }

  .phone .mainimage,
  .phone .main,
  .phone .picture,
  .phone .footer
  {
    display: block;
  }

  .phone .mainimage{
    width: 100%;
    min-width:0px;
    height: auto;
  }
.phone .mainimage .orbit-wrapper{
width:100% !important;
}
.phone .mainimage .orbit-wrapper #featuredw12{
width:100% !important;
}
.phone .mainimage .orbit-wrapper #featuredw12 .link img{
width:100% !important;
}
  .phone .mainimage div{
    width: 100%;
  }
  .phone .main{
    width: 100%;
    height:100%;
    min-width:0px;
    overflow: visible;
  }
  .phone .main:after{
    content: "";
    display: block;
    clear: both;
  }
  .phone .main .left-main{
    float: left;
  }
  .img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img{
    width:100%;
  }

  .phone .main .left-main .img3 a ul li img{
    width:100%;
  }
  .phone .main .left-main .img4 a ul li img{
    width:100%;
  }
  .phone .main .left-main .img5 a ul li img{
    width:100%;
  }
  .phone .main .left-main .img6 a ul li img{
    width:100%;
  }
  .phone .main .right-main{
    float: left;
    height: 100%;
    margin-left: 0px;
 

  }
 
  .phone .main .right-main .box{
    width: 100%;
    height: 100%;
    min-width:0px;
    margin-top: 0px;
    margin-left: 0px;
  

  }

 
  .phone .main .right-main .box2{
    height: auto;
    width:100%;
    min-width:380px;
    margin-right:0px  !important;
  }
  .phone .main .right-main .box .box3{
    width: 100%;
    display: block;
    margin-top: 260px;
  }
.wah{
width:100%;
min-width:380px;
height:180px;
}
.phone .wp_article_list .list_item .pr_fields{
    width:276px !important;
}
.phone .wp_article_list .list_item .pr_fields .Article_Title{
    width:276px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .phone .wp_article_list .list_item .ex_fields{
    display: block;
    text-align: right;
    width: 100px !important;
   
  }
  .phone .main .right-main .box1{
    width: 100%;
    display: block;
    height: 100%;
min-width:380px;
    margin-top: 10px;
    margin-left: 0px;
  }
  .phone .main .right-main  .box1 a{
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
  }
  
  .phone .wp_article_list .list_item {
   height: auto;

  }
  .phone .picture{
  margin: 10px auto !important;
  
  }
.phone .picture .show1{
    width: 100% !important;
    height: auto !important;
    margin-left: 0px !important;
    
    }

}