.bn-box{ height:100%; }
.bn-box div.bg{ position:relative; height:100%; overflow:hidden;}
.bn-box div.bg img{margin:0;}
.bn-box .bg img.bg { display:block; position:absolute; left:50%; top:0; max-width:none; transform:translateX(-50%); }
.bn-box .bg img[class*="layout"]{ position:absolute; max-width:100%; }
.bn-box .bg img.layout2-1{ top:10px; left:10px; max-width:50%; }
.bn-box .bg img.layout2-2{ bottom:10px; right:10px; }
.idx-aboutus ul{
margin-left: 56.5%;
text-align: left;
}
.idx-aboutus ul li a{
position: unset;
}
.idx-aboutus ul li ul{
margin: 0;
}
.idx-aboutus .title_bling{
font-size: 20px;
font-weight: normal;
animation: storbe 2s infinite;
margin-left: 52%;
}
@keyframes storbe{
0% {
    opacity: 0.5;
    color: black;
}
20% {
    opacity: 1;
    color: green;
}
40% {
    opacity: 1;
    color: lime;
}
60% {
    opacity: 1;
    color: yellow;
}
80% {
    opacity: 1;
    color: orange;
}
100% {
    opacity: 0.5;
    color: black;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .item { display:block; margin-bottom:-8px; }
    .bn-box { margin-top: 5%; }
    .bn-bg { min-width:1920px; width:100%; }
}
@-moz-document url-prefix() {
    .item { display:block; margin-bottom:-8px;}
    .bn-box { margin-top: 5%; }
    .bn-box div.bg{ margin:-5% 0 0; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .idx-news > a:last-child { margin-left:24em; left:0;}
}

@media print, screen and (max-width: 1920px) {
    .bn-box { margin-top: 3%; }
    .bn-box div.bg{ margin:-3% 0 0; }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .idx-news > a:last-child { margin-left:24em; left:0;}
    }
}
@media print, screen and (max-width: 1366px) {
    @-moz-document url-prefix() {
        .bn-box { margin-top: 5%; }
        .bn-box div.bg{ margin:-5% 0 0; }
    }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .bn-box { margin-top: 5%; }
    }
}
@media print, screen and (max-width: 1024px) {
    .item {
        position:relative;
        display: block;
        margin-bottom: -8px;
    }
    .bn-box {
        margin-top: 2%;
    }
    .bn-box div.bg{ margin:-2% 0 0; overflow:hidden;}
    .bn-box .bg img.layout2-1{ top:20%; left:0; }
    .bn-box .bg img.layout2-2{ bottom:20%; right:50%; transform:translateX(50%); }
    .bn-box img {
        display:block;
        margin:0 auto;
        max-width: 400px;
    }
    .idx-main-box{ margin-bottom:0; }
    .idx-main-box img{ display:none; }
    .idx-main-box-in {
        position:relative;
        margin:0;
    }
    .idx-aboutus {
        background:url(../images/idx-about.png) left no-repeat;
        background-size: 54% 100%;
    }
    .idx-aboutus p:nth-child(5) {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .idx-news{
        background:url(../images/idx-news.png) right no-repeat;
        background-size: 54% 100%;
    }
    .idx-news > a:last-child{
        margin-left:-7.2em
    }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .idx-news > a:last-child{
            margin-left:35% !important;
            left:0;
        }
    }
    #idx-product{
        margin-top:0;
    }
    #owl-demo2 .item img{
        width:80%;
        max-width:290px;
    }
	.bn-box img:last-child:not(.bg) {
   		max-height: 120px;
		width:auto;
	}
	
}
@media print, screen and (max-width: 768px) {
    .idx-main-box-in {
        height:auto;
        min-height:240px;
    }
    .idx-aboutus, .idx-news{
        background:none;
        padding:10px;
    }
    .idx-aboutus p, .idx-aboutus h1{
        margin-left: 1%;
    }
    .idx-aboutus p:nth-child(5) {
        white-space: inherit;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .idx-news p{
        margin-right: 1%;
    }
    .idx-news > a:last-child{
        position: absolute;
        right: 18px;
        margin-left:0;
        text-align:right;
    }
    .idx-aboutus .title_bling{
    margin:0;
    text-align: left;
    padding: 15px 0;
    }
    .idx-aboutus ul{
     margin:0;
    }

}
@media print, screen and (max-width: 640px) {
    .bn-box .bg img[class*="layout"]{ display:none; }
    .bn-box .bg div[class*="layout"]{ text-align:center; position:relative; font-size:2.5em; line-height:1; margin-top:20px; color:#fff; text-shadow:0 0 6px rgba(0,0,0,.5) }
    .bn-box .bg div[class*="layout"] img{display:block; margin:10px auto;}
}
@media print, screen and (max-width: 480px) {
    .bn-box img{
        max-width:300px;
    }
    .bn-box {
        margin-top: 15%;
    }
    .bn-box div.bg{ margin:-15% 0 0; }
    p.title2:nth-child(4){ line-height:28px; margin:0; }
}
@media print, screen and (max-width: 360px) {
    .bn-box img{
        max-width:280px;
    }
    .bn-box {
        margin-top: 25%;
    }
    .bn-box div.bg{ margin:-25% 0 0; }
}