@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width:1480px){
	.header .nav li a{margin: 0 30px; }
    .in-pro-con li a{ padding: 30px; border-radius: 20px; font-size: 18px;}
    .in-pro-con li .img-center{ height: 200px; }
    .in-pro-con2 li a{ padding: 30px; border-radius: 20px; font-size: 18px;}
    .in-pro-con2 li .img-center{ height: 200px; }

	.in-gushi{ margin-bottom: 40px; }
    .in-gushi .tits{ left: 20px; font-size: 60px;  }
    .in-gushi-con{ left: 20px; bottom: 150px; }

    .list-3{ margin:0 0 0 -40px; }
	.list-3 li a{  padding: 20px; margin:0 0 0 40px;}
}
@media screen and (max-width:1200px){
	.header .search{ display: none; }
	.in-pro-con li{ padding: 15px; }
	.in-pro-con li .img-center{ height: 160px; }
	.in-pro-con li .text{ line-height: 25px; margin-top: 10px; height: 75px; }
	.in-pro-con2 li{ padding: 15px; }
	.in-pro-con2 li .img-center{ height: 160px; }
	.in-pro-con2 li .text{ line-height: 25px; margin-top: 10px; height: 75px; }

	.footer .fnav{ display: none;}
}
@media screen and (max-width:930px){
	.header .nav li a{margin: 0 15px; }
}
@media screen and (max-width:768px){
	body{ padding-top: 60px; }
	.container{ padding: 0 10px; }
	
	.header{ padding: 10px 0 0; position: fixed; left: 0; top:0; width: 100%;  z-index: 999; height: 60px;}
	.header .logo{height:40px;line-height:40px; }
	.header .nav { float: none; margin-right: 0; margin-top: 0; text-align: left; background: #3e1555; display: none; width: 100%; position: fixed; right: 0; top:60px; }
    .header .nav li {display: block; }
    .header .nav li a { font-size: 14px; line-height: 45px; border-top: 1px solid rgba(255,255,255,0.1); margin:0; padding-left: 25px; color: #FFF; border-bottom: 0;}
    .header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover{ border-top: 1px solid rgba(255,255,255,0.1); }
    .menu-btn{ display: block; }
  
    .in-pro{  position: relative; transform: translateY(0); }
    .in-pro-con{ margin-right: 0;}
    .in-pro-con li{ padding: 10px; }
    .in-pro-con li a{ border-radius: 10px; padding: 5px; box-shadow: none}
    .in-pro-con li .img-center{  height: 120px; }
    .in-pro-con li .text{ line-height: 20px; font-size: 14px; margin-top: 10px; height:75px; }

    .banner-pro2{ position: relative; margin-top: 0;  }
    .in-pro2{  position: relative; transform: translateY(0); }
    .in-pro-con2{ margin-left: 0;}
    .in-pro-con2 li{ padding: 10px; }
    .in-pro-con2 li a{ border-radius: 10px; padding: 5px; box-shadow: none}
    .in-pro-con2 li .img-center{  height: 120px; }
    .in-pro-con2 li .text{ line-height: 20px; font-size: 14px; margin-top: 10px; height:75px; }

    .in-gushi{  height: auto; margin-top: 10px; margin-bottom: 0; }
	.in-gushi .tits{ font-size: 35px;  position: relative; top:0; left:0; width: 100%; padding: 0 15px;  }
	.in-gushi-con{  position: relative; left: 0; top:0;  width: 100%; padding: 0 15px;  }
	.in-gushi-con h3{ font-size: 28px; font-weight: 400; margin-bottom: 15px;}
	.in-gushi-con p{ font-size: 18px; color: rgba(0,0,0,0.58); line-height: 30px; }
	.in-gushi-con .more{ padding: 18px 0; }
	.in-gushi-con .more a{ font-size: 18px; color: #2c0b40; }
	.in-gushi .gushi{ position: relative; right: 0; top:0; width: 100%; z-index: 10 }
	.in-gushi .gushi .text{ display: none;}
	.in-gushi .gushi .swiper-slide img{ width: 100%; }
	.in-gushi .gushi .swiper-button-prev{ left: 15px; top:50%; margin-top: -6px; }
	.in-gushi .gushi .swiper-button-next{ right: 15px; top:50%;  margin-top: -6px; margin-right: 0; }


    .footer{ padding-top: 20px; }
    .footer .tits{  padding-bottom: 15px; margin-bottom: 15px; }
    .footer .tits span{ padding-bottom: 18px;  }
    .footer-con{ flex-wrap: wrap; }

    .footer .contact{width: 100%; }
    .footer .ewm{width: 100%; }
    .footer .ewm{ float: none; margin-top: 20px; }
    .footer .ewm li{ margin-right: 15px; }

    .copyright{ margin-top: 25px; line-height: 20px; padding: 10px; }
    .copyright p{ float: none; }
	.copyright p:last-child{ float: none; }
	.copyright p a{ color: #f6f6f6; font-size: 14px;  }

	.bg-news{ padding:30px 10px; margin-top: -20px; }
	.bg-news2{ padding:30px 10px; margin-top: -20px; }

	.section-title{ margin-bottom: 20px; }
	.section-title strong{ font-size: 24px;  }
	.section-title p{ font-size: 14px;  }

	.n-search{ margin: 0 0 20px; }
	.n-search form{height: 40px;  }
	.n-search input{ font-size: 16px; padding-left: 10px; }
	.n-search button{flex:0 0 80px; font-size: 14px;}

	.list-1{ margin:0; }
	.list-1 li{ float: none; width: auto; }
	.list-1 li a{ margin:0 0 15px 0; font-size: 14px;  }
	.list-1 li .text{line-height: 25px; height: auto;}

	.info-content-title{ margin-bottom: 30px; }
	.info-content-title h1{ font-size: 22px;  }
	.info-content-body{ font-size: 16px; line-height: 2; }

	.list-2{ padding: 0 0 30px; }
	.list-2 li{ display: flex; flex-wrap: wrap; margin:20px 0; }
	.list-2 li .img-center{ margin-right: 0; }
	.list-2 li .text{ flex:100%; padding: 30px 0;  }
	.list-2 li .text h2{ font-weight: 400; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; }
	.list-2 li .text h2 span{ font-size: 24px; margin-right: 10px; }
	.list-2 li .text p{ line-height: 30px; font-size: 16px; }
	.list-2 li .text .more{ width: 70px; height: 1px; margin-top: 35px; }
	.list-2 li .text .more:before{ right: 20px; margin-top: -20px;  height:40px; }

	.section{ padding: 30px 0; }

	.list-3{ margin:0; }
	.list-3 li{ float: none; width: auto; }
	.list-3 li a{ margin:0 0 15px 0; padding: 20px; border-radius: 15px;}
	.list-3 li .text{ line-height: 25px; font-size: 14px; margin-top: 10px; height: 75px; }
	.list-3 li .text span{ font-size: 16px; display: block; }
	.list-3 li .img-center{ height: 120px; }
	.list-3 li .btns{ font-size: 18px; font-weight: normal; }

	.show-product{ flex-wrap: wrap; }
	.show-product .pic{ width:100%; }
	.show-product .text{ width:100%; }
	.show-product .text .infotitle{ padding: 30px; }
	.show-product .text .infotitle h2{ font-size: 16px;  }
	.show-product .text .infotitle h1{ font-size: 28px;  }
	.show-product .text .infotitle h3{ font-size: 20px;  }
	.show-product .text .infotitle .btns a{  line-height: 50px; padding: 0 20px;  font-size: 24px; }
	.show-product .text .infocontent{ padding: 30px; font-size: 18px; }
	.show-product .text .infocontent h2{ font-size: 20px;  }

	.list-4{ margin:0; }
	.list-4 li{ float: none; width: auto; }
	.list-4 li a{ margin:0 0 15px 0; font-size: 14px;  }
	.list-4 li .text{line-height: 25px; height: auto;}



}