@media (max-width: 369px)
{
   .banner1
   {
    display: none;
   }
   .banner2
   {
    
   }
  .head
  {
    overflow: hidden;

  }
  .body_slide
  {
    position: relative;
    overflow: hidden;

  }
  .sidenav
  {
    
    position: absolute;
    top:0%;right: -420px;
  
    width: 100%;
    height: 1000px;
    display: none;
    z-index: 999;
  }
  .sidenav1
  {
    width: auto;
     
    height: 1000px;
    background:rgba(95,95,95,0.8);
    
  }
    .sidenav2
  {
    position: absolute;
    right: 0;
    top: 0;
   
    height: 1000px;
    width: 160px;
    background-color: white;
    font-size: 14px;
  
  }
  .index_phone_nav
  {
    width: 85%;
    margin: 0 auto;
    margin-top: 20%;
    overflow: hidden;
  }
  .index_phone_nav1
  {
    margin-top:15%;
  }
  .phone_img
  {
    margin-left: 5%;
    margin-top:3%;
  }
  
  .phone_bottom1
  {
    margin-bottom: 20%;
    line-height: 26px;
    display: none;
  }
  .index_phone_nav a
  {
    text-decoration:none;
    color: black;
  }

  .banner
  {
    margin:0 auto;
  }
     #linkico
     {
      display: none;
    }
    .nav{
      display: none;
    }
      #bottomlist
      {
           display: none;
      }
      #bottompic
      {
        margin-top:15%;
        margin-bottom: 20%;
      }
      .bottompic_qr
      {
        margin:0 auto;
        width: 80%;
        text-align: center;
        display: none
      }
      .bottompic_qr1
      {
        margin:auto;
      }
      #pic
      {
        width:63%;
        overflow: hidden;
        margin: 0 auto;
        margin-top:10%;
      }
      .pic2{
        max-width: 100%;
      }
      .index_img1{
        width: 100%;
        display: none;
      }
      .index_img2{
        width: 100%;
    
      }
      #logo{

        width: 83%;
        margin:auto;
        overflow: hidden;
        margin-top:5%;
        margin-bottom:3.5%;
     
      }
      .alogo{

        width: 70%;
        float: left;
   
      }
      .index_phone_title{
        float:left;
        margin-left: 12%;
        margin-top:1.5%;
      }
   #pic1
   {  
    width: 100%;
   }
}


     @media screen and (min-width: 370px) and (max-width: 480px)
 {   
   
   .banner1
   {
    display: none;
   }
   .banner2
   {
    
   }
  .head
  {
    overflow: hidden;

  }
  .body_slide
  {
    position: relative;
    overflow: hidden;

  }
  .sidenav
  {
    
    position: absolute;
    top:0%;right: -420px;
  
    width: 100%;
    height: 1000px;
    display: none;
    z-index: 999;
  }
  .sidenav1
  {
    width: auto;
     
    height: 1000px;
    background:rgba(95,95,95,0.8);
    
  }
    .sidenav2
  {
    position: absolute;
    right: 0;
    top: 0;
   
    height: 1000px;
    width: 160px;
    background-color: white;
    font-size: 14px;
  
  }
  .index_phone_nav
  {
    width: 85%;
    margin: 0 auto;
    margin-top: 20%;
    overflow: hidden;
  }
  .index_phone_nav1
  {
    margin-top:15%;
  }
  .phone_img
  {
    margin-left: 5%;
    margin-top:3%;
  }
  
  .phone_bottom1
  {
    margin-bottom: 20%;
    line-height: 26px;
    display: none;
  }
  .index_phone_nav a
  {
    text-decoration:none;
    color: black;
  }

  .banner
  {
    margin:0 auto;
  }
     #linkico
     {
      display: none;
    }
    .nav{
      display: none;
    }
      #bottomlist
      {
           display: none;
      }
      #bottompic
      {
        margin-top:15%;
        margin-bottom: 20%;
      }
      .bottompic_qr
      {
        margin:0 auto;
        width: 80%;
        text-align: center;
        display: none;
      }
      .bottompic_qr1
      {
        margin:auto;
      }
      #pic
      {
        width:63%;
        overflow: hidden;
        margin: 0 auto;
        margin-top:10%;
      }
      .pic2{
        max-width: 75%;
      }
      .index_img1{
        width: 100%;
        display: none;
      }
      .index_img2{
        width: 100%;
        
      }
      #logo{

        width: 83%;
        margin:auto;
        overflow: hidden;
        margin-top:5%;
        margin-bottom:3.5%;
     
      }
      .alogo{

        width: 70%;
        float: left;
   
      }
      .index_phone_title{
        float:left;
        margin-left: 15%;
        margin-top:1.5%;
      }
   #pic1
   {  width: 75%;

     }
   }
 @media (min-width:420px)
 {
        * { 
            margin: 0;
            padding: 0;
        }

        body {
            
          
            font-size: 15px;
            font-family: "Microsoft yahei";
        }
        .banner2{
          display: none;
        }
.index_phone_title
{
  display: none;
}
        .head {
            margin-left: 0%;
            min-width: 500px;
            width: 100%;
            height: 140 px;
            background: #ffffff;
            margin-bottom: 35px;
        }

        #linkico {   height:50px;
            width:13%;
            margin-left:85.2%;
            min-width: 0px;
            background-color: #ffffff;
        }

        #icon1 {margin-top:9.47%;
            width: 17%;
            height:auto;}
        #icon2 { margin-top:5.353%;
            margin-left:14%; 
            width: 15%;
            height:auto;

        }

        .top {
            position:relative;
            z-index:85;
            width: 100%;
            background: white;
            height: 50px;
            
        }
        #logo{
          overflow: hidden;
         
         
            margin-left:
            40%;
            margin-right:
            40%;
              
        }
        #pic1 {  width:100%;
          max-width: 100%;
        }


        a{text-decoration:none;}

        *, *:before, *:after {
          -moz-box-sizing: border-box;
               box-sizing: border-box;
                border: none;
                
                background: unset;
        }

        .fixednav {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            z-index: 999;
        }

body {
  margin: 0;
  font-family:  "Microsoft yahei";
  font-size: 16px;
  /*line-height: 1.5;*/
  background: ;
}
.nav_menu{display: table;
  margin: 0 auto;}
.nav_menu>li{display: table-cell;
 }

nav a {color:black;}
nav ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  
}

h1 {
  width: 500px;
  margin: 100px auto 20px;
  color: white;
  text-align: center;
}
.nav_submenu-item{color:white;}
.nav {
    color:black;
  width: 80%;
  margin: 0 auto;
  background: white;
  
}
.nav a {
  display: block;
  padding: 0 25px;
  line-height: inherit;
  cursor: pointer;

}
.nav_menu {
  line-height: 45px;
  font-size: 20px;

  text-transform: uppercase;
}
.nav_menu-item {
  display: inline-block;
  position: relative;

  
}

.nav_menu-item1 {
  display: inline-block;
  position: relative;
  
}
.nav_menu-item a:hover{
 transition-duration: 0.3s;
  color:#999;
}
.nav_menu-item:hover .nav_submenu {
  display: block;
  color:white;

}
.nav_submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  width: 220px;
  background-color: white;
  font-size: 17px;
}
.nav_submenu-item:hover {
  /*background: black;*/
  color:black;
 font-weight:bold;
  transition-duration: 0s;
}
        .nav_submenu-item a:hover {
          /*background: black;*/
          color:black;

        }

        .division{width:100%;
            height:17px;

        }
        .division2{
            margin-top: 17px;
            width:100%;
            height:10px;
            margin-bottom: 7px;

        }
        .line{background:linear-gradient(to left,#efefef,#b6b6b6,#efefef);
            height:1px;
            margin-top: 4px;
    }
        /*
        .q1 {

            width: 100%;
            height: 50px;
            background: pink;
            
            text-align:center;
        } 
        .q1 a{color:blue;}*/
        .q2 { 
            width: 100%;
            /*height: 650px;*/
            background: #ffffff;
            position: relative;
            margin-left:auto;
            margin-right: auto;
        }

        .q3 {
            width: 100%;
            height: 600px;
            background: white;
        }

        /*#bottom1 > li:hover{
            background-color: black;
        }
        */
        .bottompic_qr
        {
          display: none;
        }
        .sidenav
        {
          display: none;
        }
        #bottom1 > li {
            margin-left:3.1%;
            margin-right: 0px;
            height: 50px;
            width: 8%;
            font-size: 21px;
            font-family: "Microsoft yahei";
            float:left;
            margin-bottom: 60px;
           
            
        }
         #bottom1 > li>a {
            margin-bottom:21px;
         }
        #bottom1 {            background-color: white;
            
            height:200px;
            margin:0 auto;
            }

        #bottomlist {
            
            margin-left:6.45%;
            height:200px;
            background-color: white;
            margin-top: 100px;
            


        }
        #qr{margin-left: 0%;
           }
        #bottom1 > li > a {
            text-decoration: none;
            color: black;


        }
        .list1 > li > a  {
            text-decoration: none;
            color:#7f7f7f;
            font-size: 15px;

                  }
        .list1 { margin-top: 20px;


}

        
        .list1 >li{margin-bottom: 6px;

        }
        #bottompic{ width:100%;
            height: 300px;
            margin: auto ;
            position: relative;

        }
        .index_img2
        {
        	display: none;
        }
        #pic{ 
            margin-top: 64px;
text-align: center;

        }   
        
        .banner .swiper-container01 .swiper-wrapper .swiper-slide img{
            width: 100%;
        }

/* 底部下拉条效果*/
.navigation-link-title {
  display: block;
  position: relative;
 
  text-decoration: none;
  margin-bottom: 0px;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.navigation-link-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  border-bottom: solid 2px;
}

.navigation-link-title:before {
  left: 0;
}

.navigation-link-title:hover {
  color: black;
}

.navigation-link-title:hover:before {
  width: 42px;
}

.navigation-link-title:before {
  -webkit-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}

.navigation-link {
  display: block;
  position: relative;
 
  text-decoration: none;
  margin-bottom: 10px;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.navigation-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  border-bottom: solid 2px;
}

.navigation-link:before {
  left: 0;
}

.navigation-link:hover {
  color: #7f7f7f;
}

.navigation-link:hover:before {
  width: 60px;
}

.navigation-link:before {
  -webkit-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}

.link2:hover:before
{
  width:80px;
}

.link3:hover:before
{
  width:98px;
}

.link4:hover:before
{
  width:112px;
}

.link5:hover:before
{
  width:95px;
}
}