﻿@media only screen and (min-width: 600px) and (max-width: 900px) {

    .mycontainer {
        width: 640px;
        background: #fff;
    }

 .grid {
     margin-left: 0;
     margin-right: 0;
 }
 .logo {
    width:539px;
}
.mycontainer #navleft{
    width: 640px;
}
.mycontainer #navright{
    display: none;
}
 .topbar-right {
     display: none;
 }
 .nav-item {
    width: 18.3%;
    height: 40px;
    line-height: 40px;
}
    .nav-item a {
       
        height: 40px;
        line-height: 40px;
    }
.banner {
    width: 640px;
}
.piclist li .bannerpic{
    width: 100%;
}

.piclist li .bannerpic img {
   
}
.bannernav {
    width: 100%;
}
.bannernav li {
        width: 12.5%;
}
.grid.grid-24{ width: 100%;}
.l-400kt li.item2 p {
    
}
.bgs-home {
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
-moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.l-400kt li p {
    line-height: 80px;
    font-size: 15px;
}

.l-400kt li.item1 p {
    text-indent:80px;
}

.l-400kt li.item2 p {
    text-indent: 80px;
}
.l-400kt li.item3 p {
    text-indent: 80px;
}
.l-400kt li.item4 p {
    text-indent:90px;
}
.list-num li.right {
    margin-right: 15px;
}
.l-client-c4 li {
    width: 50%;
}
.fn-fr {
    margin-right: 15px;
}
.bottomC{ width: auto;
    margin-left: 15px;
}
.bottomC dl dd.about2 {
    margin-right: 75px;
}
.bottomC dl dd.about3 {
    margin-right: 75px;
}
.bottomC dl dd.about4 {
   margin-right: 150px;
    
    clear: both;
    margin-left: 0;
    margin-top: 15px;
}


.vote-link {
    margin-left: 15px;
    margin-right: 15px;
}
#nav {
    width: 640px;
    margin: 0 auto;
}
#footer {
    margin-top: 0;
}
/**关于400**/
#banner {
    width: 640px;
    margin: 0 auto;
}
.mycontainer .grid-17 {
    width: 640px;
}
.banner-about {
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
-moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.sidebar{ width:640px;}
.l-cs {
    margin-left: 15px;
}
.bgs-content {
    background: none;
}
.l-cs-qq,.l-cs-tel {
    margin-top: 15px;
}
.box-s {
    width: 47%;
    float: left;
    margin-bottom: 15px;
    margin-left: 10px;
}
.boxs1 {
    float: right;
}
.bread {
    margin-left: 15px;
}
.l-client {
    width:  100%;
}
.l-client li {
    width: 50%;
    float: left;
}
.boxs3 {
    clear: both;
}
.l-payment li {
    width: 49.9%;
    margin-left:0;
    margin-right: 0;
}
.content {
    min-height: 740px;
}
.banner-clinet {
    
}
.home-sidebar {
    position: relative;
   
}
.home-sidebar .box-s {
    width: 99%;
     margin-left: 10px;
}

    .search {
    display:none;
    }

   .l-400ys li span {
  float: left;
  display: inline;
  width: 40px;
  height: 60px;
  margin-right: 4px;
}
    .l-400ys li p {
    font-size:13.5px;
    }
    .l-400ys li p {
    margin: 4px 0 0;
    }

    .bgs-a1 {
    background:url(/images/s_01.png) left center no-repeat;
   
    }
     .bgs-a2 {
    background:url(/images/s_02.png) left center no-repeat;
     background-position:initial;
    }
      .bgs-a3 {
    background:url(/images/s_03.png) left center no-repeat;
     background-position:initial;
    }
       .bgs-a4 {
    background:url(/images/s_04.png) left center no-repeat;
     background-position:initial;
    }

    .l-400ys li span.bgs-a1 {
     background-position:initial;
       background-size: 100%;
    }
     .l-400ys li span.bgs-a2 {
     background-position:initial;
       background-size: 100%;
    }
      .l-400ys li span.bgs-a3 {
     background-position:initial;
       background-size: 100%;
    }
       .l-400ys li span.bgs-a4 {
     background-position:initial;
       background-size: 100%;
    }
    .l-400ys li p {
    margin-top:0;
    }

       
a:hover .l-400ys li span.bgs-a1 {
   background-size: 100%;
}

a:hover .l-400ys li span.bgs-a2 {
   background-size: 100%;
}

a:hover .l-400ys li span.bgs-a3 {
   background-size: 100%;
}

a:hover .l-400ys li span.bgs-a4 {
    background-size: 100%;
}
    .item1,.item2,.item3,.item4,.item2:hover,.item3:hover,.item4:hover,.item1:hover{
    
    background-size:50%;

    }


       .box-400 .hd {
  height: 45px;
  padding: 0px 0 0px 5px;
  border-bottom: solid 1px #dfdfdf;
}

    .bottomC dl dt {
    margin-right:6px;
    }
    .bottomC dl dd {
     margin-right:6px;
    }

    .tel {
    display:none;
    }
    .nav-item {
    width:120px;
    }

    .mylidebar {
    display:none;
    }

    .my_left {
    display:none;
    }

    .l-client-img li {
        width: 265px;
        padding: 5px inherit;
        text-align: center;
    }

    .home-sidebar {
    display:none;
    }

    .banner-about {
   background: url(../style/banner-about-pad.jpg) no-repeat;
    height:172px;
    }
    .banner-clinet {
      background: url(../style/banner-clinet-pad.jpg) no-repeat;
      height:172px;
    }
    .youshi img {
        width: 100%;
    }
}



 