@font-face {
    font-family: ddb;
    src: url('../fonts/DINCond-BoldAlternate.otf'),
    url('../fonts/DIN Condensed Bold.woff.ttf');
}
#swiper-container1{position: relative;width: 89.5%;margin: 0 auto;height: 100%;}
.BannerShow_b1 .swiper-pagination{text-align: center;font-size: 0;display: none;bottom: 5vw;}
.BannerShow_b1 .swiper-pagination-bullet{width: 2vw;height: 2vw;background-color: transparent;margin: 0 2vw !important;display: inline-block;opacity: 0.8;border: 2px solid #fff;}
.BannerShow_b1 .swiper-pagination-bullet-active{background-color: #fff;}
.pag_group .swiper-button-prev,.pag_group .swiper-button-next{position: static;display: block;opacity: 1 !important;height: 3.6vw;width: 100%;
background: url(../images/arrow.png) center no-repeat;background-size: auto;margin: 0 auto;}
.pag_group{width: 5.2vw;position: absolute;right: 0;bottom: 0;z-index: 1;}
.pag_group .swiper-button-prev{position: relative;left: 0;}
.pag_group .swiper-button-next{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.pag_group .swiper-button-prev::after{display: inline-block;width: 1em;height: 1px;background: #dddddd;content: "";position: absolute;bottom: 0;transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);left: 50%;}
#BannerShow_b1 .swiper-container a{background-position: center;background-size: cover;background-repeat: no-repeat;display: block;}
#BannerShow_b1 .swiper-container a img{height: 100%;object-fit: cover;display: block; width: 100%;}
#swiper-container1 .swiper-slide a {overflow: hidden;}
#swiper-container1 .swiper-slide img{display: block;width: 100%;opacity: 1;transform: scale(1.02);-ms-transform: scale(1.02);-webkit-transform: scale(1.05);
    transition: 3s all ease;-ms-transition: 3s all ease;-webkit-transition: 3s all ease;}
#swiper-container1 .swiper-slide-active img{opacity: 1;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);
 -webkit-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}

.p_ban{margin-top: 6.2vw;position: relative;height: 41.6vw;}
 img{max-width: 100%;}
.mouse{width: 2.0vw;position: absolute;left: 1.5vw;bottom: 20px;}
.mouse img{display: block;width: 100%;}
.mouse::before{content: "";width: 1px;height: 4.2vw;background: #dddddd;margin: 0 auto 18px auto;display: block;}

.more{display: none;}
.title em{font-family: ddb;color: #333333;font-size: 3.1vw;line-height: 1.2;text-transform: uppercase;display: block;text-transform: uppercase;}
.title p{color: #333333;font-size: 16px;line-height: 1.8;display: inline-block;margin-top: 2.0vw;height: 7.2em;
    -webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.title span{color: #333333;font-size: 2vw;font-weight: bold;}
.ResTitle_a2 br{display: none;}

.box_about{width: 83.3%;margin: 6.2vw auto 0 auto;}
.box_about .ResTitle_a2 span{color: #333333;font-size: 26px;line-height: 1.8;display: inline-block;margin-top: 2.0vw;font-weight: normal;}
.box_about .fl{width: 23%;padding-top: 1.6vw;}
.box_about .fr{width: 72.5%;}
.box_about ul li{width: 32.7%;margin-right: 0.92%;display: block;float: left;}
.box_about ul li:nth-child(3){margin-right: 0;}
.box_about .fr img{display: block;width: 100%;margin-bottom: 40px;}
.box_about .fr span a{color: #333333;font-size: 1.2vw;font-weight: bold;margin-bottom: 20px;display: block;display: none;}
.box_about .fr small{color: #333333;font-family: Arial;line-height: 1.8;font-size: 16px;display: inline-block;margin-bottom: 20px;font-weight: bold;text-transform: uppercase;}
.box_about .fr i{color: #999999;font-size: 16px;line-height: 1.8;height: 3.6em;display: inline-block;font-style: normal;
	-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;display: none;}

.box_about2{background: url(../images/bgfont.png) no-repeat left center;background-size: auto 100%;box-sizing:border-box;padding: 0 8.3% 20px 51.5%;margin: 7.8vw 0;}

.BannerShow_c1{pointer-events:none;}
.box_product{background-size: cover;}
.box_product .top{width: 89.5%;margin: 0 auto;position: relative;}
.box_product .top img{display: block;width: 100%;}
.box_product .title{position: relative;    min-height: 7.2em;}
.box_product .title .ResTitle_a2{float: left;width: 30%;}
.box_product .title p{margin-top: 0;width: 67%;display: inline-block;float: right; height: 7.2em;line-height: 1.8;
	-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.box_product .txt{float: right;background: #fff;width: 61.6%;position: absolute;right: -1.6vw;top: 25vw;box-sizing:border-box;padding: 4.1vw 5.2vw 6.2vw 7.8vw;}
.box_product .bottom{background: #f8f8f8;width: 92.7%;margin: 0 auto;padding: 6.7vw 4.6vw 6.2vw 4.6vw;box-sizing:border-box;}
.box_product .bottom .BannerShow_c1{width: 43%;float: left;}
.box_product .PhotoList_i1{float: right;width: 52%;padding-top: 16.7vw;}
.box_product .PhotoList_i1 ul li{width: 47%;margin:0 6% 2% 0;float: left;box-sizing: border-box;}
.box_product .PhotoList_i1 ul li a{height: 15.5vw;width: 100%;position: relative;background: #fff;overflow: hidden;}
.box_product .PhotoList_i1 ul li a img{width: 100%;height: 100%; object-fit: contain;}
.box_product .PhotoList_i1 img{width: 100%;display: block;}
.box_product .PhotoList_i1 ul li:nth-of-type(2n){margin-right: 0;}
.box_product .PhotoList_i1 span{display: none;}
.box_product .PhotoList_i1 h3{font-size: 18px;color: #333333;text-align: center;margin-top: 1.2vw;line-height: 1.5;}
.box_product .bottom .PhotoList_i1 .page{display: none;}
.box_product .ClassList_b3 li{padding: 0.9vw 0;height:auto;}

#load_more_button{display: none;}
.pageinfo{display: none;}
.page{display: none;}
.box_news{width: 83.3%;margin: 6.2vw auto 7.8vw auto; }
.box_news .title{margin-bottom: 2.6vw;position: relative;}
.box_news .title em{line-height: 1.0;}
.box_news .title em,.box_news .title span{display: inline-block;width: auto;}
.box_news .title span{margin-left: 1vw;}
.NewsList_g3 ul{display: block;}
.NewsList_g3 li{width: 47.5%;margin-right: 5%;box-shadow: 3px 3px 5px rgba(0,0,0,0.08);position: relative;float: left;margin-bottom: 1.5vw;}
.NewsList_g3 li:nth-child(2n){margin-right: 0;}
.NewsList_g3 .nwimg{width: 42%;display: block;}
.NewsList_g3 .nwimg img{width: 100%;display: block;}
.NewsList_g3 li p:nth-of-type(1),.NewsList_g3 li p:nth-of-type(3){display: none;}
.NewsList_g3 h3{margin-bottom: 4.1vw;width: 39.7%;display: block;position: absolute;right: 3.6vw;top: 2vw;}
.NewsList_g3 h3 a{font-size: 1.2vw;color: #333333;line-height: 1.5;display: inline-block;height: 3em;
    -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.NewsList_g3 p{color: #999999;font-size: 14px;line-height: 1.0;display: block;width: 39.7%;position: absolute;right: 3.6vw;bottom: 2vw;}
@media screen and (min-width: 1024px){
	.NewsList_g3 h3 a:hover,.box_product .ProductList_b2 a:hover h3{color: #5bb425;}
}
@media screen and (max-width: 1024px){
	.ResTitle_a2 em{font-size: 30px;}
	.p_ban{margin-top: 80px;}
    .pag_group {display: none;}

	.title em{font-size: 5vw;line-height: 1.0;}
	.title span{font-size: 1.8vw;}
	.box_about,.box_news{width: 89.5%;}
	.box_about .fl{width: 100%;margin-bottom: 3vw;}
	.box_about .fr{width: 100%;}
	.box_about .fr img{margin-bottom: 10px;}
	.box_about .fr span a{font-size: 1.8vw;}
	.box_about .fr small{font-size: 14px;}
	.box_about .fr i{display: none;}
	.box_about2{padding: 2em 5%;}

	.box_product .txt{width: 90%;}
	.box_product .title p{height: 3.8em; -webkit-line-clamp: 2;}
	.box_product .PhotoList_i1 ul li .picimg{height: 22vw;}

	.box_product .PhotoList_i1{width: 55%;padding-top: 13vw;}
	.box_product .bottom{width: 100%;}
	.box_product .PhotoList_i1 li {width: 48.5%;margin-right: 3%;}
    .PhotoList_i1 ul li .picimg{height: 28vw;}

    .mouse{display: none;}

    .NewsList_g3 h3 a{font-size: 16px;}
}
@media screen and (max-width: 640px){
	.BannerShow_b1 .swiper-pagination{display: block;}
    .p_ban{margin-top: 70px;}
    #swiper-container1{width: 100%;}

	.box_product .PhotoList_i1{width: 100%;padding-top: 15vw;}
	.box_product .PhotoList_i1 ul li a{height: 14vh;}

	.box_news .title span{margin-left: 2vw;}


    .title em{font-size: 7vw;font-weight: bold;font-family: Arial;}
    .title span{font-size: 5.8vw;}
    .title p{font-size: 3.8vw;}
	
	.box_about{margin-top: 10vw;}
	.box_about .fr span a{font-size: 3.8vw;text-align: center;font-weight: normal;margin-bottom: 0;}
	.box_about .fr img{margin-bottom: 5px;}
	.box_about .fr small{display: none;}
	.box_about2{margin: 7vw auto 0 auto;padding: 2em 3%;}

	.box_product .title .ResTitle_a2{float: none;width: 100%;}
    .box_product .bottom{padding: 6vw 3vw;}
	.box_product .bottom .BannerShow_c1{display: none;}
	.box_product .txt{width: 60%;}
	.box_product .title p{display: none;}
	.box_product .title{text-align: right;min-height: 0;}
	.box_product .ProductList_b2{width: 100%;}
    .NewsList_g3 li:nth-child(3),.NewsList_g3 li:nth-child(4){display: none;}
    .box_product .ProductList_b2 h3{font-size: 3.8vw;}
    .box_product .ProductList_b2 ul li .picimg{height: 46vw;}

    .box_product .top,.box_news{width: 94%;}
    
    .NewsList_g3 li{width: 100%;margin-right: 0;margin-bottom: 3vw;}
    .NewsList_g3 h3{width: 48%;}
    .NewsList_g3 h3 a{font-size: 3.8vw;}
    .NewsList_g3 p{width: 48%;font-size: 3.6vw;}

    .box .more{display: block;margin: 3vw auto 0 auto;width: 30%;text-align: center;padding: 10px 0;line-height: 1.0;color: #333;text-decoration: underline;font-size: 3.8vw;}
	.box_about2 .more{display: block;margin-top: 3vw ;width: 30%;padding: 10px 0;line-height: 1.0;color: #333;
		text-decoration: underline;font-size: 3.8vw;}

     .box_news{margin: 10vw auto ;}

}