@media screen and (max-width: 1600px) {
     .w1200,.w1250,.w1400,.w1500{
          width: 96%;
     }
     .index-page3 .info h3{
          font-size: 40px;
     }
}
@media screen and (max-width: 1400px) {
	header .nav{
		flex: 1 0 auto;
		margin:0 3%;
	}
	
			header .nav>li a{
    padding: 0 10px;
    font-size: 14px;
			}
			
		}  
     /*=================================中小型笔记本或大平板 laptop /*=================================*/
     @media screen and (max-width: 1200px) {
          body{
               padding-top: 60px;
          }

          header {
               height: 60px;
               position: fixed;
               top: 0;
               left: 0;
               z-index: 999;
          }

          header .w1400 {
               height: 100%;
          }

          header .nav {
               display: none;
          }
          .banner{
               margin-top: 60px;
          }
          /*手机导航开始menu*/
          .menu {
               display: block;
               cursor: pointer;
          }

          .menu_down {
               position: fixed;
               left: 0;
               top: 60px;
               z-index: 999999;
               width: 100%;
               padding: 0 0 22px;
               background: #fff;
               border-top: 1px solid #fff;
          }

          .menu_down ul {
               flex-direction: column;
               width: 92%;
               margin: 0 auto;
          }

          .menu_down li>a {
               width: 100%;
               line-height: 3;
               position: relative;
               border-bottom: 1px solid #ccc;
          }

          .menu_down li span {
               color: var(--color);
               position: absolute;
               top: 50%;
               right: 0%;
               transform: translateY(-50%);
          }

          .menu_down li a {
               padding: 0 10px;
               display: block;
               font-size: 16px;
               color: #000;
          }

          .menu_down li .erji {
               display: none;
               /* background: #fab54d; */
               width: 90%;
               margin-left: auto;
               -webkit-transition: all 300ms ease-out;
               -moz-transition: all 300ms ease-out;
               transition: all 300ms ease-out;
          }

          .menu_down li .erji a {
               border-bottom: 1px dashed #ccc;
               line-height: 3;
               font-size: 14px;
          }

          .menu span.icon-bar {
               background: #ccc;
               width: 25px;
               height: 2px;
               display: block;
               -webkit-transition: all 300ms ease-out;
               -moz-transition: all 300ms ease-out;
               transition: all 300ms ease-out;
          }

          .menu .sr-only {
               display: none;
          }

          .menu .icon-bar:nth-child(2) {
               -webkit-transform: rotate(0deg) translate(0, 0);
               -moz-transform: rotate(0deg) translate(0, 0);
               -ms-transform: rotate(0deg) translate(0, 0);
               transform: rotate(0deg) translate(0, 0);
               transform-origin: top left;
          }

          .menu .icon-bar:nth-child(3) {
               margin-top: 6px;
               -webkit-transform: scale(1, 1);
               -moz-transform: scale(1, 1);
               -ms-transform: scale(1, 1);
               transform: scale(1, 1);
               -webkit-transform-origin: center center;
               -moz-transform-origin: center center;
               -ms-transform-origin: center center;
               transform-origin: center center;
          }

          .menu .icon-bar:nth-child(4) {
               margin-top: 6px;
               -webkit-transform: rotate(0deg) translate(0, 0);
               -moz-transform: rotate(0deg) translate(0, 0);
               -ms-transform: rotate(0deg) translate(0, 0);
               transform: rotate(0deg) translate(0, 0);
               transform-origin: top left;
          }

          .xz .icon-bar:nth-child(2) {
               -webkit-transform: rotate(45deg) translate(2px, -3px);
               -moz-transform: rotate(45deg) translate(2px, -3px);
               -ms-transform: rotate(45deg) translate(2px, -3px);
               transform: rotate(45deg) translate(2px, -3px);
               transform-origin: 0 0;
          }

          .xz .icon-bar:nth-child(3) {
               opacity: 0;
          }

          .xz .icon-bar:nth-child(4) {
               -webkit-transform: rotate(-45deg) translate(1px, 2px);
               -moz-transform: rotate(-45deg) translate(1px, 2px);
               -ms-transform: rotate(-45deg) translate(1px, 2px);
               transform: rotate(-45deg) translate(1px, 2px);

          }

          /*手机导航结束*/
          .w1200,.w1250,.w1400,.w1500{
               width: 92%;
          }
          .contact-page .w1400{
               width: 100%;
          }
         
          .index-page1 .info h2{
               font-size: 50px;
               line-height: 1.2;
          }




        
      }

     /*=================================手机或小平板 phone=============================== */
     @media screen and (max-width: 767px) {
          .menu_down {
               top: 60px;
          }
          .index-page1>img{
               min-height: 360px;
          }
          .index-page1 .info h2{
               font-size: 30px;
               line-height: 1.4;
               margin-left: 5px;
          }
          .index-page1 .index-page-link{
               margin-top: 20px;
          }
          .index-page-link{
               font-size: 16px;
               line-height: 40px;
               width: 120px;
               padding:0 10px;
          }
          .index-page2{
               font-size: 14px;
               line-height: 1.6;
          }
          .index-page3 .info h3{
               font-size: 18px;
               line-height: 1.6;
               margin-bottom: 15px;
          }
          .index-page3 .info p{
               font-size: 14px;
               line-height: 1.8;
               margin-bottom: 10px;
          }
          .index-page3>img {
               min-height: 500px;
          }
          .index-page4 .w1400{
               flex-direction: column;
          }
          .index-page4{
               padding: 30px 0;
          }
          .index-page4 img{
               width: 100%;
               margin-bottom: 20px;
          }
          .index-page4 .editor{
               width: 100%;
          }
          .index-page4 .editor h3{
               font-size: 18px;
               line-height: 1.4;
               margin-bottom: 15px;
          }
          .index-page4 .editor .p1{
               font-size: 14px;
               margin-bottom: 10px;
          }
          .index-page4 .editor .p2{
               font-size: 12px;
               margin-bottom: 10px;
          }
          .index-page4 .editor .p3{
               font-size: 16px;
          }
          .banner{
               margin-top: 0;
          }
          .banner .w1400{
               top: 50%;
          }
          .banner img{
               min-height:360px;
               object-fit: cover;
          }
          .banner h2{
               font-size:30px;
               line-height: 1.4;
          }
          .about-page{
               padding: 30px 0;
          }
          .about-page1 .editor h2{
               font-size: 30px;
               margin-bottom: 10px;
          }
          .about-page1 .editor h3{
               font-size: 18px;
               line-height: 1.4;
               margin-bottom: 20px;
          }
          .about-page1 .editor p{
               font-size: 14px;
               line-height: 2;
               margin-bottom: 15px;
          }
          .about-page1 .icons{
               width: 100%;
               justify-content: space-between;
               margin: 10px 0 30px;
          }
          .about-page1 .icons li{
         
          }
          .about-page1 .icons img{
               margin: 0;
               width: 100%;
               height: 60px;
          }
          .about-page1{
               margin-bottom: 30px;
          }

          .about-page2{
               padding: 30px 0 20px;
               margin-bottom: 20px;
          }
          .about-page2 h2{
               font-size: 30px;
               line-height: 1.4;
               margin-bottom: 20px;
          }
          .about-page2 p{
               width: 90%;
               margin: 0 auto;
               font-size: 16px;
          }
          .about-page2 ul{
               flex-wrap: wrap;
               justify-content: space-around;
               margin-top: 20px;
          }
          .about-page2 ul li{
               width: 50%;
               text-align: center;
               margin-bottom: 10px;
          }
          .about-page2 ul li img{
               width: 50%;
               margin: 0 auto;
          }
          .about-page2 ul li span{
               font-size: 18px;
               padding: 10px 0;
          }
          .about-page3{
               flex-direction: column;
          }
          .about-page3 img{
               width: 100%;
               margin-bottom: 20px;
          }
          .about-page3 .editor{
               width: 100%;
          }
          .about-page3 p{
               font-size: 14px;
               line-height: 2;
          }
          .about-page3 h3{
               font-size: 16px;
          }
          
          .fish-banner h2{
               line-height: 2;
          }
          .fish-banner h3{
               font-size: 18px;
               line-height: 1.4;
               margin-bottom: 10px;
          }
          .fish-banner .form{
            flex-direction: column;
          }
          .fish-banner .form img{
               min-height:auto;
          }
          .fish-banner .item{
               padding: 5px 10px;
          }
  
          .fish-banner .item .title img{
               height: 14px;
          }
          .fish-banner .item select{
               font-size: 14px;
          }
          .fish-banner .item select option{
               font-size: 14px;
          }
          .fish-banner .clear-btn{
               font-size: 18px;
               padding: 0 20px;
               line-height: 50px;
          }
 
          .fish-page{
               padding: 30px 0;
          }
          .fish-page h4{
               font-size: 18px;
          }
          .fish-page .fish-page-list{
               margin-top: 10px;
               grid-gap:20px;
               grid-template-columns: repeat(1, 1fr);
          }
          .fish-page .fish-page-list>li .fish-type{
               padding: 20px;
          }
          .fish-page .fish-page-list .info{
               padding: 30px 15px 20px;
          }
          .news-page{
               padding: 30px 0;
          }
          .news-page-list{
               grid-template-columns: repeat(1, 1fr);
               grid-gap: 20px;
          }
          .news-page-list li .title{
               font-size: 18px;
               margin: 10px 0;
          }
          .news-page-list li .time{
               font-size: 14px;
          }
          .news-detail-page{
               padding: 30px 0;
          }
          .news-detail-page .title{
               font-size: 24px;
          }
          .news-detail-page .time{
               margin: 10px 0 20px;
          }
          .contact-page{
               padding: 30px 0 0;
          }
          .contact-page h1{
               font-size: 30px;
          }
          .contact-page{
               background-size: 500px auto;
               background-position: -120% -120%;
          }

          .contact-page ul{
               margin: 20px 0;
          }
          .contact-page ul li{
               margin-bottom: 20px;
          }
          .contact-page ul p{
               font-size: 16px;
          }
          .message{
               padding: 30px 0;
          }
          .message h3 {
               font-size: 20px;
               line-height: 1.6;
          }
          .message .form .item{
               width: 100%;
               margin-bottom: 10px;
          }
          .message .form .item p{
               font-size: 16px;
          }
          .message .form .item input{
               font-size: 14px;
               height: auto;
               padding:7px 5px 5px;
          }
          .message .form .item textarea{
               font-size: 14px;
          }
          .message .form .item .tip{
               font-size: 14px;
          }
          .message .form button{
               font-size: 16px;
               padding: 10px 50px 8px;
               margin:  0 auto;
          }









          footer .top h2{
               font-size: 36px;
          }
          footer .top ul li{
               font-size: 14px;
          }
          footer .top .link-btn a{
               line-height: 40px;
               font-size: 16px;
          }
          footer .center{
               padding: 20px 0;
               height: auto;
          }
          footer .center li{
               width: 96%;
               padding: 20px 0;
          }
          footer .center li img{
               margin-bottom: 20px;
          }
          footer .center li p{
               font-size: 20px;
          }
          footer .bottom{
               padding: 25px 0 10px;
          }
          footer .bottom .w1400{
               flex-direction: column;
          }
          footer .bottom .left{
               width: 100%;
               text-align: center;
               margin-bottom: 10px;
          }
          footer .bottom .left img{
               margin: 0 auto ;
               height: 100px;
          }
          footer .bottom .right{
               width: 100%;
          }
          footer .bottom .right .links{
               margin: 10px 0;
               justify-content: center;
          }
          footer .bottom .right .links img{
               height: 20px;
          }
          footer .bottom .right .links li{
               /* margin: 0 5px; */
          }
         footer .bottom .right .nav{
          flex-direction: column;
          flex-wrap: wrap;
          padding: 10px 0;
          text-align: center;
         }
         footer .bottom .right .nav li{
   
         }
         footer .bottom .right .nav a{
          line-height: 30px;
         }
         footer .bottom .right .info{
          margin-top: 10px;
         }
     }