@import url(font-awesome.min.css);
@import url(swiper.min.css);
@import url(jquery.fancybox.min.css);
@import url(ui.css);
@import url(pc.css);
@media screen and (max-width:768px){
	.container{ padding: 0 15px; }
	.topbar{ text-align: center; line-height: 20px; padding: 10px 0;}
	.header{ height: 60px; position: relative; }
	.header .logo {height: 60px;line-height: 60px;}
	.header .logo img{ height: 60px; } 
    .header .nav { margin: 0 -15px; text-align: left; background: #FFF; display: none; width: 100%; float: none; position: absolute; top:60px; width: 100%; z-index: 999; }
    .header .nav li {display: block;border-top: 1px solid #eee; }
    .header .nav li a {line-height: 40px; padding: 0 15px; margin: 0}
    .header .nav li>a:hover::before,.header .nav li.active>a::before{ display: none; }
    .header .nav li .arr {display: block;}
    .header .nav li.open .arr:after {border-color: #6bb924;transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none;}
    .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .header .nav .dropdown-box a:hover {background-color: transparent !important;}
    .menu-btn {display: block;}
    .inquiry{ display: none; }
    .search{ display: none; }

    .banner{ height: 250px; }
    .banner .swiper-button-prev{ width: 30px; height: 50px; margin-top: -25px; background-size: 30%; }
	.banner .swiper-button-next{ width: 30px; height: 50px; margin-top: -25px; background-size: 30%; }

	.section{ padding:30px 0; }
	.section-title{ margin-bottom: 30px; }
	.section-title strong{ font-size: 20px; }

	.in-about{ padding-bottom: 30px; }
	.in-about .text{ padding: 0 }
	.in-about .text h2{ font-size: 20px; }
	.in-about .video{ margin-top: 20px; }

	.in-partner h2{ font-size: 20px; }

	.footer{ padding: 20px 0 0 }
	.footer .tits{ font-size: 16px; margin-bottom: 10px;}
	.fabout{ float: none; width: auto;  }
	.fabout .text{ line-height: 25px; }
    .fnav{ float: none; width: auto; margin-left: 0; }
	.fnav dl{ float: none; margin-right: 0px; width: auto; margin-top: 20px; }
	.fnav dl dt a{ margin-bottom: 10px; }
	.fcontact{ float: none; width: auto;  margin-top: 20px; }
	.fcontact .pic{margin-bottom: 0;}
	.copyright{ margin-top: 15px; line-height: 25px; padding: 10px; }

	.about-1,.about-2{ flex-wrap: wrap; padding: 15px 0 0; }
	.about-1 .img-center,.about-2 .img-center{ flex:100%; margin-bottom: 20px; }
	.about-1 .text,.about-2 .text{ flex:100%; padding:0; order: 100}

	.about-3{ padding: 25px 0; }
	.about-3 .text{ font-size: 24px; line-height: 40px; padding: 0}

	.about-4{ padding: 30px 0; }

	.why-1{ flex-wrap: wrap; padding: 30px 0}
	.why-1 .items{ flex:100%; margin-right: 0; }
	.why-1 .items .tits{ padding-left: 0; margin-bottom: 30px; }
	.why-1 .items .tits h2{ font-size: 30px;  }

	.why-2{ padding: 30px 0;}
	.why-2-con{  flex-wrap: wrap; }
	.why-2-con .text{ padding: 0; flex:100%; }
	.why-2-con .img-center{ flex:0 0 170px; }

	.sub-title{ padding: 30px 0; }
	.sub-title h2{ font-size: 20px; }
	.sub-title p{ font-size: 12px; margin-top: 10px; }

    .list-1{  margin:0 0 0 -20px;  }
	.list-1 li a{  margin:0 0 20px 20px;  }

	.info-content-share{ flex-wrap: wrap;}
    .info-content-share p{ flex: 100%; }

    .contact-1{ padding: 30px 0; }
    .contact-1 .content{ padding-right: 0; }
    .feedback{ padding: 20px; margin-top: 30px;}

    .showcase{padding: 30px 0 20px;}
	.showcase-info{margin-left:0}
	.pc-slide{float:none;width:auto;}
	.view .swiper-slide .img-center {height: 260px;line-height: 260px;}
    .showcase-info {margin: 20px 0 0;}
    .showcase-info h1 {margin-bottom: 20px;font-size: 18px;}

    .prod-con{ padding: 15px; }

	.liuyan{  padding:30px 0; }

	.share{ margin:20px 0; height: auto; flex-wrap: wrap;}
	.share a{ flex:0 0 50%; justify-content: flex-start; padding: 10px;}
	.share em{ width: 30px; height: 30px; font-size: 16px; }
	.share span{ margin-left: 5px; }


	
}