@charset "gb2312";
:root {
     --swiper-theme-color: unset!important;
}

@media (max-width: 1680px) {}

@media (max-width: 1600px) {
     .header{
          padding: 0 4%;
     }
     .header .flex .icon ul li{
          margin-left: 0;
          margin-left: 20px;
          /* display: none; */
     }
     .header .flex .icon ul li.search{
          margin-left: 15px;
          display: block;
     }
     .header .flex .nav ul li a{
          padding: 0;
     }
     .header .flex .nav ul li{
          margin-left: 20px;
     }
     .w1540{
          max-width: 92%;
     }
     .prodea_page .top_box .left{
          max-width: 51.5%;
          width: 100%;
     }
     .prodea_page .top_box .right{
          max-width: 46.5%;
          width: 100%;
     }
}

@media (max-width: 1440px) {
	#in_banner1{
		background-size: contain;
	}
	.footer .sec_con .cn_add{
		width:35%;
	}
	.footer .ewm{
		width:20%;
	}
     .in_pro{
          margin-bottom: 4%;
     }
     .in_pro .right ul li figcaption p.f1{
          font-size: 16px;
          margin-bottom:5px;
     }
     .in_pro .right ul li figcaption p.f2{
          margin-top:40px;
          font-size: 16px;
     }
     .in_pro .left figcaption p.f2{
          margin-top:40px;
          font-size: 16px;
     }
     .in_pro .right ul li figcaption h3{
          font-size: 32px;
     }
     .in_pro .right ul li figcaption b{
          margin-top: 10px;
     }
     .w1460{
          max-width: 92%;
     }
     .control{
          max-width: 92%;
     }
     .service_page .down_box{
          padding-bottom: 65.1%;

     }
     .service_page .down_box .control{
          margin-top: 25px;
     }
     .service_page .down_box .figcaption{
          padding: 2%;
     }
     .service_page .down_box .down_list ul li{
          height: 100px;
     }
     .service_page .down_box .down_list ul li a .left p.name{
          font-size: 18px;
     }
     .service_page .down_box{
          padding-bottom: 59.1%;
     }
}

@media (max-width: 1360px) {
     .w1340{
          max-width: 92%;
     }
}

@media (max-width: 1280px) {
     .prodea_page .top_box .right .link_a li{
          height: 65px;
     }
     .prodea_page .top_box .right .link_a{
          margin-top: 55px;
     }
     .header .logo{
          width: 300px;
     }
     .header-r .icon{
          margin-left:0px;
     }
     .w1260{
          max-width: 92%;
     }
     .w1200{
          max-width: 92%;
     }
     .service_page .down_box .down_list ul li a .left img{
          width: 32px;
     }
     .service_page .down_box .down_list ul li a .left p.name{
          font-size: 16px;
          max-width: 280px;
     }
     .service_page .down_box .down_list ul li a .right p.time{
          font-size: 12px;
     }
     .service_page .down_box{
          padding-bottom: 75.1%;
     }
	 .service_page .down_box .figure{
		 height:inherit;
	 }
	 .service_page .down_box .figcaption{
		 height:inherit;
	 }
     .service_page .down_box .figure img{
          object-fit: contain;
     }
     .service_page .down_box{
          flex-wrap: wrap;
     }
     .service_page .down_box .figure{
          width: 100%;
     }
     .service_page .down_box .figcaption{
          width: 100%;
     }
     .service_page .down_box{
          padding-bottom: 0;
          display: flex;
     }
     .service_page .down_box .figure{
          position: initial;
     }
     .service_page .down_box .figcaption{
          position: initial;
          padding: 6% 4%;
     }
     .service_page .down_box .down_list ul li a .left p.name{
          font-size: 14px;
          max-width: 180px;
     }
     .service_page .down_box .down_list ul li a .left p.size{
          font-size: 12px;
     }
     .service_page .down_box .down_list ul li a .right p.number{
          font-size: 12px;
     }
     .service_page .down_box .down_list ul li a .right p.number img{
          width: 12px;
          margin-right: 5px;
     }
     .service_page {
          padding: 8% 0;
     }
}

@media (max-width: 1023px) {
     .header .flex .icon ul li:first-child{
          display: none;
     }
     .header-r .icon{
          margin-right: 50px;
     }
     .message_page .title p{
          margin-left: 60px;
     }
     .header .flex .nav{
          display: none;
     }
     .menu.m {
          display: block;
     }
     .menu.m span {
          background: #fff;
     }
     .m_nav {
          display: block;
          position: fixed;
          top: 60px;
          box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, .7);
          transition: all ease .5s;
          -webkit-transition: all ease .5s;
          z-index: 100;
          opacity: 1;
          visibility: visible;
          margin-top: 0;
          overflow-y: auto;
          transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
          transform: translateX(100%)
     }
     .m_nav.open {
          transform: translateX(0)
     }
     .m_nav .top {
          height: 60px;
          padding: 20px;
          box-sizing: border-box
     }
     .m_nav .top .closed {
          width: 30px;
          height: 30px;
          vertical-align: middle;
          float: right;
          cursor: pointer
     }
     .m_nav .logo {
          width: 100%;
          margin: 0 auto
     }
     .m_nav .logo img {
          height: 50px;
          display: block;
          margin: 30px auto
     }
     .m_nav .ul {
          margin-top: 10px
     }
     .m_nav .ul li {
          padding: 0 20px;
          /* border-bottom: 1px solid #f5f5f5; */
          transform: translateY(0);
          -webkit-transform: translateY(100%);
          transform: translateY(100%);
          -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
          opacity: 0
     }
     .m_nav.open .ul li {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0)
     }
     .m_nav .ul li:nth-child(1) {
          -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li:nth-child(2) {
          -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li:nth-child(3) {
          -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li:nth-child(4) {
          -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li:nth-child(5) {
          -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li:nth-child(6) {
          -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li:nth-child(7) {
          -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li:nth-child(8) {
          -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li:nth-child(9) {
          -webkit-transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;
          transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms
     }
     .m_nav .ul li a {
          text-align: center;
          display: block;
          text-decoration: none;
          color: #fff;
          font-size: 16px;
          height: 50px;
          line-height: 50px;
          width: 100%
     }
     .m_nav .ul li .dropdown_menu {
          display: none
     }
     .m_nav .ul li.dropdown.active .dropdown_menu {
          display: block
     }
     .m_nav .ul li .dropdown_menu a {
          display: block;
          padding: 0 40px;
          box-sizing: border-box;
          /* border-bottom: 1px solid #dddddd; */
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          color: #9e9e9f
     }
     .m_nav .ul li .dropdown_menu a:last-child {
          border: 0
     }
}

@media (max-width: 786px) {
     .logo{
          max-width: 160px;
     }
     .header{
          height: 60px;
     }
     .menu.m{
         top: 17px; 
     }
     .icon{
          margin-right: 40px;
     }
     .header .flex .icon ul li.search{
          margin-left: 10px;
     }
     .header .flex .icon ul li:last-child{
          margin-top: 1px;
     }
     .index_banner .swiper-button-next{
          display: none;
     }
     .index_banner .swiper-button-prev{
          display: none;
     }
     .index_banner .swiper-pagination{
          text-align: center;
          padding-left: 0;
     }
     .index_banner .swiper-num{
          display: none;
     }
     .index_banner .swiper-pagination-fraction, .index_banner .swiper-pagination-custom, .index_banner .swiper-container-horizontal > .swiper-pagination-bullets{
          bottom: 20px;
     }
     .index_banner .swiper-pagination-bullet{
          width: 10px;
          height: 10px;
     }
     .index_page .title p{
          font-size: 18px;
     }
     .index_page .title a{
          font-size: 16px;
     }
     .in_pro{
          flex-wrap: wrap;
     }
     .in_pro .left{
          width: 100%;
          max-width: 100%;
          margin-bottom: 4%;
     }
     .in_pro .right{
          width: 100%;
          max-width: 100%;
     }
     .in_pro .right ul li{
          margin-bottom: 4%;
     }
     .in_pro .right ul li figcaption{
          left: 4%;
          top: 6%;
     }
     .in_pro .left figcaption {
          left: 4%;
          top: 6%;
      }
      .in_pro .left figcaption p.f1{
           font-size: 12px;
           margin-bottom: 10px;
      }
      .in_pro .left figcaption h3{
           font-size: 24px;
      }
      .in_pro .right ul li figcaption p.f1{
          font-size: 12px;
          margin-bottom: 10px;
     }
     .in_pro .right ul li figcaption h3{
          font-size: 24px;
     }
     .in_pro .left figcaption p.f2{
          font-size: 14px;
          opacity: 1;
          overflow : hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          margin-top: 8%;
     }
     .in_pro .right ul li figcaption p.f2{
          display: none;
     }
     .in_news{
          flex-wrap: wrap;
     }
     .in_news .left{
          max-width: 100%;
     }
     .in_news .right{
          max-width: 100%;
     }
     .f_nav{
          display: none;
     }
     .footer .top_con{
          display: none;
     }
     .sec_con{
          display: none;
     }
     .footer .last_con .right a{
          display: none;
     }
     .in_about .list ul{
          flex-wrap: wrap;
     }
     .in_about .list ul li{
          width: 100%;
          position: initial;
          left: initial;
          top: initial;
     }
     .in_news .left{
          height: 200px!important;
          margin-bottom: 4%;
     }
     .news_list ul li a span{
          font-size: 12px;
     }
     .news_list ul li a p{
          font-size: 16px;
     }
     .news_list ul li{
          height: 82px;
     }
     .in_about{
          padding: 8% 0;
		  min-height:inherit;
          height: 600px;
     }
     .in_about .logo{
          margin: 0 auto;
     }
     .in_about h3{
          font-size: 42px;
          height: 36px;
          margin: 6% 0 4% 0;
     }
     .in_about p{
          font-size: 14px;
          line-height: 1.6;
     }
     .in_about .list ul{
          display: flex;
          align-items: center;
     }
     .in_about .list{
          margin-top: 10%;
     }
     .in_about .list ul li{
          background: transparent;
          width: 50%;
          height: 65px;
          margin-bottom: 6%;
     }
     .in_about .list ul li:nth-child(2){
          background: transparent;
          padding-left: 0;
     }
     .in_about .list ul li:nth-child(3){
          background: transparent;
          padding-left: 0;
     }
     .in_about .list ul li:nth-child(4){
          background: transparent;
          padding-left: 0;
     }
     .footer .last_con{
          height: auto;
     }
     .footer .last_con p{
          margin-top: 0;
          padding: 6% 0;
          text-align: center;
     }
     .inside_coninfo{
          padding: 10% 0;
     }
     .flex{
          flex-wrap: wrap;
     }
     .inside_coninfo .flex h3{
          font-size: 36px;
     }
     .inside_coninfo .flex p.f{
          font-size: 15px;
          margin-top: 6%;
     }
     .inside_coninfo .flex p.m{
          font-size: 14px;
          margin-top: 6%;
     }
     .ab_flex{
          padding: 10% 0;
     }
     .ab_flex h3{
          font-size: 36px;
     }
     .ab_flex p{
          font-size: 15px;
          margin-top: 4%;
          line-height: 1.6;
     }
     .inside_coninfo .left ul{
          margin-top: 0;
          margin-bottom: 4%;
     }
     .product_list ul li{
          width: 48%;
          margin-right: 4%;
          margin-bottom: 4%;
     }
     .product_list ul li:nth-child(3n){
          margin-right: 4%;
          margin-bottom: 4%;
     }
     .product_list ul li:nth-child(2n){
          margin-right: 0;
     }
     .product_list ul li figure::after{
          height: 50px;
     }
     .product_page{
          padding: 8% 0 10% 0;
     }
     .product_list ul li .jt{
          right: 10px;
          bottom: -20px;
     }
     .product_list ul li .jt img{
          width: 40px;
     }
     .product_list ul li figcaption{
          padding: 30px 0 20px 0;
     }
     .product_list ul li figcaption p.name{
          font-size: 18px;
     }
     .product_list ul li figcaption p.xh{
          font-size: 14px;
     }
     .prodea_page{
          padding: 10% 0;
     }
     .prodea_page .top_box{
          padding: 8% 4%;
          flex-wrap: wrap;
     }
     .prodea_page .top_box .left{
          width: 100%;
          max-width: 100%;
     }
     .prodea_page .top_box .right{
          width: 100%;
          max-width: 100%;
          margin-top: 6%;
     }
     .prodea_page .top_box .right .link_a{
          margin-top: 6%;
     }
     .prodea_page .top_box .pro_name{
          padding-top: 6%;
     }
     .prodea_page .top_box .pro_name p.name{
          font-size: 20px;    
     }
     .prodea_page .top_box .pro_name p.xh{
          font-size: 16px;
     }
     .prodea_page .top_box .left .sm_pic{
          margin-top: 6%;
     }
     .prodea_page .top_box .right .link_a li a p{
          font-size: 17px;
     }
     .prodea_page .top_box .right .link_a li{
          height: 65px;
     }
     .prodea_page2 .box .tit{
          margin: 10% 0 6% 0;
          font-size: 20px;
     }
     .prodea_page2{
          padding-bottom: 10%;
     }
     .prodea_page3{
          padding-top: 10%;
     }
     .inside_banner .sec_nav{
          top: 100%;
          height: 60px;
     }
     .inside_banner figcaption h3{
          font-size:24px;
     }
     .inside_banner figcaption p{
          font-size: 12px;
          margin-top:2%;
		  text-align:center;
     }
     .inside_banner .sec_nav ul li a{
          line-height: 60px;
          font-size: 18px;
     }
     .news_list2 ul li{
          width: 100%;
     }
     .news_list2 ul li a{
          padding: 8% 4%;
     }
     .news_list2 ul li p.time{
          opacity: 1;
          font-size: 24px;
          margin-bottom: 4%;
     }
     .news_list2 ul li:hover p.tit{
          font-size: 20px;
          margin-bottom: 6%;
     }
     .news_list2 ul li .button{
          width: 60px;
          height: 60px;
          margin-top: 8%;
     }
     .case_page{
          padding-bottom: 8%;
     }
     .news-title{
          text-align: center;
          padding: 10% 4%;
          height: 240px;
     }
     .news-title h3{
          font-size: 20px;
     }
     .news-title p.time{
          margin:10px 0 15px 0;
     }
     .news-info{
          padding: 8% 0;
     }
     .control{
          margin-top: 10%;
          flex-wrap: wrap;
          justify-content: space-between;
     }
     .control .right{
          margin-top: 5%;
     }
     .control .left a{
          font-size: 14px;
     }
     .control .right a{
          font-size: 15px;
     }
     .con_li h6{
          margin: 10% 0 4% 0;
          font-size: 17px;
     }
     .con_li p{
          font-size: 12px;
          align-items: flex-start;
     }
     .con_li p img{
          margin-top: 5px;
     }
     .message_page{
          padding: 10% 0;
     }
     .message_page .title h3{
          font-size: 22px;
     }
     .message_page .title p{
          font-size: 15px;
          margin-left: 0;
          margin-top: 5%;
     }
     .message_page .title{
          flex-wrap: wrap;
     }
     .message{
          margin-top: 8%;
     }
     .message li{
          width: 100%;
     }
     .message li:first-child{
          margin-bottom: 20px;
     }
     .message li input{
          font-size: 14px;
     }
     .message li input::-webkit-input-placeholder{
          font-size: 14px;
     }
     .message li textarea{
          font-size: 14px;
     }

     .message li textarea::-webkit-input-placeholder{
          font-size: 14px;
     }
     .button{
          width: 180px;
          height: 45px;
          margin-top: 30px;
     }
	 .in_about .list ul li b{
		display:none;
	 }
	 .in_about .list ul li p{
		 display:none;
	 }
	 .btn_play{
		 width:40px;
	 }
	 .shadow{
		 position:fixed;
	 }
	 .videopop{
		 top:50%;
		 transform:translateY(-50%);
	 }
	 .videopop .wrap .close{
		 width:22px;
		 height:22px;
		 top:-55px;
		 right:0px;
	 }
	 /* #in_banner1{
		 height:250px;
		 background: url(../images/about_bannerm.jpg) center top no-repeat;
		 background-size:cover;
	 } */
	 #in_banner1{
		 display:none;
	 }
	 #in_banner2{
		 height:250px;
		 background: url(../images/product_bannerm.jpg) center top no-repeat;
		  background-size:cover;
	 }
	 #in_banner3{
		 height:250px;
		 background: url(../images/contact_bannerm.jpg) center top no-repeat;
		  background-size:cover;
	 }
	 .search_container{
		 width:92%;
		 height:100px;
	 }
	 .search_container .search{
		 width:92%;
	 }
	 
	 .prodea_page .top_box .left .sm_pic ul li{
		 margin-right:10px;
		 width:33.33%;
	 }
	 .inside_bg_m{
		 display:block;
	 }
	 
}