@charset "UTF-8";
/* CSS Document */

@media (max-width: 959px) {
	.top .l_main .l_slider .news_bar {
		width: 720px;
		bottom: 48px;
	}
	.top .l_main .l_slider .news_bar p {
		padding: 6px 0;
		width: calc(100% - 123.8px);
	}
	.top .l_main .l_slider .news_bar .news_heading {
		width: auto;
		padding: 21px 25px;
	}
	.top .l_main .l_slider .news_bar p span.news_date {
		padding: 15px 24px;
	}
	.top .l_main .l_slider .news_bar p span.news_content {
		width: auto;
		padding-top: 6px;
	}
	
	/* content */
	.top .l_main .l_inner.hp_top {
		padding: 16px 15px 0;
	}
	
	/* parvticular */
	.top .top_sec_1{
		padding-bottom: 10px;	
	}
	.top .parvticular_bar {
		margin-top: 36px;	
	}
	.top .parvticular_bar li {
		display: inline-block;
		width: 540px;
		margin-right: 0;
	}
	
	/* product */
	.top .l_product {
		padding: 6px 0 60px;	
	}
	.top .l_product .l_inner {
		padding: 16px 15px 0px;
	}
	.top .l_product .top_sec_2 img{
		margin: 19px 0 0;
		width: 100%;
	}
	.top .l_product .top_sec_2 ul {
		margin: 18px 0 0;
	}
	.top .l_product .top_sec_2 ul > li {
		width: calc((100% - 3px) / 3);
	}
	
	/* banner */
	.top .l_banner{
		padding: 25px 0 35px;
	}
	.top .l_banner ul{
		margin: 0 15px;
	}
	.top .l_banner ul > li {
		width: calc((100% - 36px) / 3);
		margin-left: 18px;
	}
	.top .l_banner ul > li:first-child {
		margin-left: 0;
	}
	.top .l_banner ul > li a img {
		width: 100%;
	}
}
@media (max-width: 739px) {
	/* slider */
	 .top .l_main .l_slider {
		height: 251px;
		background-size: auto 251px;
	}
	.top .l_main .l_slider .news_bar {
		width: 278px;
		bottom: 36px;
		font-size: 0;
	}
	.top .l_main .l_slider .news_bar p {
		padding: 4px 0;
		width: calc(100% - 52px);
	}
	.top .l_main .l_slider .news_bar .news_heading {
		padding: 27.5px 6.5px;
		font-size: 12px;
	}
	.top .l_main .l_slider .news_bar p span.news_date {
		float: none;
		display: block;
		padding: 0 8px;
		font-size: 12px;
	}
	.top .l_main .l_slider .news_bar p span.news_content {
		width: auto;
		padding: 0 8px;
		font-size: 12px;
		line-height: 1.3;
		letter-spacing: 1.4px;
	}
	
	/* content */
	.top .l_main .l_inner.hp_top {
		padding: 8px 5px 0;
	}
	
	/* parvticular */
	.top .top_sec_1{
		padding-bottom: 8px;	
	}
	.top .parvticular_bar {
		margin-top: 20.5px;	
	}
	.top .parvticular_bar li {
		display: block;
		width: auto;
		margin: 0 20px 9.5px !important;
	}
	.top .parvticular_bar li > * {
		display: block;
	}
	.top .parvticular_bar li > img {
		width: 100%;
	}
	.top .parvticular_bar li > div {
		width: auto;
		padding: 6px 0 8px;
	}
	.top .parvticular_bar li h2 {
		font-size: 15px;
		margin: 2.5px 6px 3px;
		padding: 0;
	}
	.top .parvticular_bar li h2 span {
		font-size: 11px;
	}
	
	/* product */
	.top .l_product {
		padding: 1px 0 16px;	
	}
	.top .l_product .l_inner {
		padding: 8px 5px 0px;
	}
	.top .l_product .top_sec_2 img{
		margin: 1.5px 0 0;
	}
	.top .l_product .top_sec_2 ul {
		margin: 3px 0 0;
	}
	.top .l_product .top_sec_2 ul > li {
		width: calc((100% - 1px) / 2);
	}
	.top .l_product .top_sec_2 ul > li:nth-child(odd) {
		margin-left: 0;
	}
	.top .l_product .top_sec_2 ul > li:before {	
		width: 25px;
	}
	.top .l_product .top_sec_2 ul > li a {
		font-size: 12px;
		padding: 4.5px 6px;
	}
	
	/* banner */
	.top .l_banner{
		padding: 10px 0 23px;
	}
	.top .l_banner ul > li {
		width: auto;
		display: block;
		margin: 12px 3px 0 !important;
	}
	.top .l_banner ul > li a {
		display: block;
	}
}