html, body{
    width:100%;
}
.desktop{display: block!important;}
.mobile{display: none!important;}
.INDEX__section--1{
    width: 100%;height: 720px;
}
.INDEX__section--1 .INDEX__slide--container{
    width: 100%;height:100%;
    overflow: hidden;
    position: relative;
}
.INDEX__section--1 .INDEX__slide--wrap{
    width: 300%;height:100%;
    margin-left: -100%;
    overflow: hidden;
}
.INDEX__section--1 .INDEX__slide{
    width: 33.3333%;height:100%;
    float:left;
    position: relative;
    background-position: center;
}
.INDEX__section--1 .INDEX__slide a{
    display: block;height: 100%;
}
.INDEX__section--1 .INDEX__slide--slogan{
    width:100%;max-width: 1200px;
    position: absolute;transform: translate(-50%,-50%);left:50%;top:50%;
    text-align: center;
}
.INDEX__section--1 .INDEX__slide--slogan h2{
    font-family: "scd8";color: white;letter-spacing: -3.5px;padding-bottom: 10px;
}
.INDEX__section--1 .INDEX__slide--slogan p{
    font-family: "scd4";color: white;letter-spacing: -1.4px;
}
.INDEX__section--1 .INDEX__slide--slogan h2 br{
    display:none;
}
.INDEX__section--1 .INDEX__slide--slogan p br{
    display:none;
}
.INDEX__section--1 .INDEX__slide--slogan img{
    padding-bottom: 10px;
}
.INDEX__section--1 .INDEX__slide--1{
    background-image: url("../../../resources/images/slide/slide1.jpg");
}
.INDEX__section--1 .INDEX__slide--2{
    background-image: url("../../../resources/images/slide/slide6.jpg");
}
.INDEX__section--1 .INDEX__slide--3{
    background-image: url("../../../resources/images/slide/slide2.jpg");
}
.INDEX__section--1 .INDEX__slide--4{
    background-image: url("../../../resources/images/slide/slide3.jpg");
}
.INDEX__section--1 .INDEX__pagination{
    position: absolute;right: 20%;bottom: 10%;
}
.INDEX__section--1 .INDEX__pagination > div{
    width:45px;height: 45px;
    float:left;margin-left: 5px;
    cursor: pointer;
}
.INDEX__section--2 .INDEX__article--wrap{
    width:100%;max-width: 1200px;
    margin: auto;padding: 120px 30px;
    overflow: hidden;
}
.INDEX__section--2 .INDEX__article--slogan{
    padding-top: 70px;
}
.INDEX__section--2 .INDEX__article--slogan h2{
    font-family: "scd8";color: #333;line-height: 55px;padding-bottom: 15px;
}
.INDEX__section--2 .INDEX__article--slogan p{
    padding-bottom:30px;
    font-family: "scd4";color: #333;line-height: 30px;letter-spacing: -1.4px;
}
.INDEX__section--2 .INDEX__article--left{
    width:50%;
}
.INDEX__section--2 .INDEX__article--right{
    width:50%;
}
.INDEX__section--2 .INDEX__article--right img{
    float: right;
}
.INDEX__article--left{
    float:left;overflow: hidden;
}
.INDEX__article--right{
    float:right;overflow: hidden;
}
.INDEX__section--2 .link{
    float:right; width:100%;
    padding-left:70px;margin-top:40px;
}
.INDEX__section--2 .link a{
    display:block;text-align: left;
    width:75%;
    font-size:20px;font-family: "scd6";color: #333;
    padding-bottom:10px;padding-right:23px;
    margin-bottom:10px;
    border-bottom:2px solid #333;
    background-image: url("../../../resources/images/linkarrow.jpg");
    background-position-x: right;
    background-position-y: 3px;
    background-repeat: no-repeat;
}
.INDEX__section--3{
    width:100%;height:515px;
    overflow: hidden;position: relative;
}
.INDEX__section--3 .INDEX__article--left.desktop{
    width:50%;height: 100%;
    background-color: #f4f4f6;
    position: relative;
}
.INDEX__section--3 .INDEX__article--left.desktop .INDEX__article--slidecontainer{
    width:100%;height:100%;overflow: hidden;
}
.INDEX__section--3 .INDEX__article--left.desktop .INDEX__article--slidewrap{
    height:2060px;margin-top: -515px;
}
.INDEX__section--3 .INDEX__article--left.desktop .INDEX__article--slide{
    width:100%;height:25%;position: relative;
    float:left;box-sizing: border-box;
}
.INDEX__section--3 .INDEX__article--left.desktop .img{
    position: absolute;right: 0;top:50%;transform: translate(0%,-50%);
}
.INDEX__section--3 .INDEX__article--left.desktop .img img{
    width:100%;
}
.INDEX__section--3 .INDEX__article--right.desktop{
    width:50%;height:100%;
    background-image: url("../../../resources/images/index_bg1.jpg");
}
.INDEX__section--3 .INDEX__article--right.desktop .INDEX__article--slidecontainer{
    width:100%;height:150px;overflow: hidden;
}
.INDEX__section--3 .INDEX__article--right.desktop .INDEX__article--slidewrap{
    height:600px;margin-top: -150px;
}
.INDEX__section--3 .INDEX__article--right.desktop .INDEX__article--slide{
    width:100%;height:25%;
    float:left;box-sizing: border-box;
}
.INDEX__section--3 .INDEX__article--left.mobile{
    position: absolute;left: 0;top:0;
}
.INDEX__section--3 .INDEX__article--left.mobile .INDEX__article--slidecontainer{
        
}
.INDEX__section--3 .INDEX__article--left.mobile .INDEX__article--slidewrap{
        
}
.INDEX__section--3 .INDEX__article--left.mobile .INDEX__article--slide{
        
}
.INDEX__section--3 .INDEX__article--left.mobile .img{
        
}
.INDEX__section--3 .INDEX__article--left.mobile .img img{
        
}
.INDEX__section--3 .INDEX__article--right.mobile{
    position: absolute;left: 0;top:0;
}
.INDEX__section--3 .INDEX__article--right.mobile .INDEX__article--slidecontainer{
        
}
.INDEX__section--3 .INDEX__article--right.mobile .INDEX__article--slidewrap{
        
}
.INDEX__section--3 .INDEX__article--right.mobile .INDEX__article--slide{
        
}

.INDEX__section--3 .INDEX__article--slogan{
    width:100%;max-width: 600px;
    margin-top: 120px;padding-left: 100px;
    text-align: center;
}
.INDEX__section--3 .INDEX__article--slogan h2{
    padding-bottom: 10px;
    font-family: "scd8";color: white;
}
.INDEX__section--3 .INDEX__article--slogan p{
    padding-bottom: 15px;
    font-family: "scd4";color: white;letter-spacing: -1.4px;
}
.INDEX__section--3 .INDEX__article--slogan p.fs30{
    padding-bottom: 5px;
    font-family: "scd6";color: white;letter-spacing: -2.1px;
}
.INDEX__section--3 .INDEX__arrow--box{
    position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);
}
.INDEX__section--3 .INDEX__arrow--box button{
    display: block;
    border: 0;
    outline: 0;
}
.INDEX__section--4 {
    padding:120px 0;
}
.INDEX__section--4 .INDEX__article--wrap{
    width:100%;max-width:1200px;margin: auto;
}
.INDEX__section--4 .INDEX__article--slogan{
    text-align: center;
}
.INDEX__section--4 .INDEX__article--slogan h2{
    padding-bottom: 20px;
    font-family: "scd8";color: #333;letter-spacing: -3.5px;
}
.INDEX__section--4 .INDEX__article--slogan p{
    font-family: "scd4";color: #333;letter-spacing: -1.4px;
}
.INDEX__section--4 .INDEX__article--slogan p br{
    display:none;
}
.INDEX__section--4 .INDEX__article--slogan a img{
    margin-top:40px;
}
.INDEX__section--4 .INDEX__slogan--banner{
    margin-top:60px;
}
.INDEX__section--4 .INDEX__slogan--banner .img2{
    display:none
}
.INDEX__section--5{
    background-image: url("../../../resources/images/index_bg2.jpg");
}
.INDEX__section--5 .INDEX__slide--container .mobile{
    display: none;
}
.INDEX__section--5 .INDEX__section--wrap{
    width:100%;max-width:1200px;
    margin: auto;padding: 80px 0;
    overflow: hidden;
}
.INDEX__section--5 .INDEX__slide--slogan{
    float: left;
}
.INDEX__section--5 .INDEX__slide--slogan h2{
    padding-bottom: 10px;
    font-family: "scd8";color: white;
}
.INDEX__section--5 .INDEX__slide--slogan p{
    padding-bottom: 20px;
    font-family: "scd4";color: white;letter-spacing: -1.4px;
}
.INDEX__section--5 .INDEX__slide--slogan p.fs30{
    padding-bottom: 20px;
    font-family: "scd6";color: white;letter-spacing: -2.1px;
}
.INDEX__section--5 .INDEX__pagination{
    margin-bottom: 60px;
}
.INDEX__section--5 .INDEX__pagination button{
    border: 0;
    outline: 0;
    background: none;
}
.INDEX__section--5 .INDEX__slide--container{
    width:670px;height: 470px;
    overflow: hidden;float: right;
}
.INDEX__section--5 .INDEX__slide--wrap{
    width:300%;height: 100%;
    margin-left:-100%;
}
.INDEX__section--5 .INDEX__slide{
    width:33.333%;height: 100%;
    float: left;
}
.INDEX__section--6{
    padding: 120px 0;
}
.INDEX__section--6 .INDEX__article--wrap{
    width:100%;max-width: 1200px;
    margin: auto;overflow: hidden;

}
.INDEX__section--6 .INDEX__article--left{
    width: 55%;
    float: left;
}
.INDEX__section--6 .INDEX__article--right{
    width: 45%;
    float: right;
}
.INDEX__section--6 .INDEX__article--left a{
    height: 100%;display: block;
}
.INDEX__section--6 .INDEX__article--right a{
    height: 100%;display: block;
}
.INDEX__section--6 .INDEX__article--slogan{
    text-align: center;
}
.INDEX__section--6 .INDEX__article--slogan h2{
    padding-bottom: 10px;
    font-family: "scd8";color: #333;
}
.INDEX__section--6 .INDEX__article--slogan p{
    padding-bottom: 10px;
    font-family: "scd4";color: #333;letter-spacing: -1.4px;
}
.INDEX__section--6 .INDEX__article--box1{
    width: 310px;height: 530px;
    float: left;padding: 320px 0 0 40px;
    position: relative;
    overflow: hidden;
}
.INDEX__section--6 .INDEX__box1--bg{z-index: -1;
    width:100%;height: 100%;
    position: absolute;left: 0;top:0%;
    background-image: url("../../../resources/images/index_img4.jpg");
    transition: 0.6s;
}
.INDEX__section--6 .INDEX__article--box1:hover .INDEX__box1--bg{
    transform: scale(1.2);
}
.INDEX__section--6 .INDEX__article--box2{
    width: 310px;height: 530px;
    float: left;margin-top:40px;padding: 320px 0 0 40px;
    position: relative;
    overflow: hidden;
}
.INDEX__section--6 .INDEX__box2--bg{z-index: -1;
    width:100%;height: 100%;
    position: absolute;left: 0;top:0%;
    background-image: url("../../../resources/images/index_img5.jpg");
    transition: 0.6s;
}
.INDEX__section--6 .INDEX__article--box2:hover .INDEX__box2--bg{
    transform: scale(1.2);
}
.INDEX__section--6 .INDEX__article--box1 h2{
    padding-bottom: 5px;
    font-family: "scd6";color: white;letter-spacing: -2.1px;
}
.INDEX__section--6 .INDEX__article--box1 p{
    padding-bottom: 5px;
    font-family: "scd4";color: white;letter-spacing: -1.4px;line-height: 30px;
}
.INDEX__section--6 .INDEX__article--box2 h2{
    padding-bottom: 5px;
    font-family: "scd6";color: white;letter-spacing: -2.1px;
}
.INDEX__section--6 .INDEX__article--box2 p{
    padding-bottom: 5px;
    font-family: "scd4";color: white;letter-spacing: -1.4px;line-height: 30px;
}
.INDEX__section--6 .INDEX__article--list{
    float: right;margin-top: 40px;
}
.INDEX__section--6 .INDEX__article--list li{
    width:260px;height: 260px;
    float: left;padding: 30px 40px;
    background: #f4f4f6;
    border:4px solid #f4f4f6;
}
.INDEX__section--6 .INDEX__article--list li:hover{
    border: 4px solid #1161ce;
}
.INDEX__section--6 .INDEX__article--list h2{
    margin-top: 10px;
    font-family: "scd6";color: #333;letter-spacing:-1.75px;
}
.INDEX__section--6 .INDEX__article--list p{
    margin-top: 10px;
    font-family: "scd4";color: #333;letter-spacing:-1.26px;
}
.INDEX__section--6 .INDEX__article--list img:nth-child(4){
    margin-top: 20px;
}
.INDEX__section--6 .INDEX__article--list li:nth-child(1){
    margin-right: 10px; margin-bottom: 10px;
}
.INDEX__section--6 .INDEX__article--list li:nth-child(2){
    margin-bottom: 10px;padding:45px 20px;
    background: #0056ca;
    border:4px solid #0056ca;
}
.INDEX__section--6 .INDEX__article--list li:nth-child(2):hover{
}
.INDEX__section--6 .INDEX__article--list li:nth-child(2) h2{
    font-family:"scd6";color:white;margin-top:15px;
}
.INDEX__section--6 .INDEX__article--list li:nth-child(2) p{
    font-family:"scd7";color:white
}
.INDEX__section--6 .INDEX__article--list li:nth-child(3){
    margin-right: 10px;
}

/* {ALL STYLE */
.slogan{
    text-align: center;padding-bottom: 40px;
}
.slogan h2{
    font-family: "scd8";color: #333;
}
.slogan h2.title{
    font-family: "scd8";color: #333;padding-bottom:40px;
}
.topbanner{
    width:100%;height: 330px;
    position: relative;background-position: center;
}
.topbanner__slogan{
    width:100%;max-width: 1200px;
    position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);
    text-align: center;
}
.topbanner__slogan h2{
    margin-bottom: 20px;
    font-family: "scd8";color: white;letter-spacing: -3.5px;
}
.topbanner__slogan p{
    font-family: "scd4";color: white;letter-spacing: -1.4px;
}
.sectionwrap{
    width: 100%;max-width: 1200px;
    margin: auto;
}

/* ALL STYLE} */


.COMPANY .topbanner{
    background-image: url("../../../resources/images/topbanner1.jpg");
}
.COMPANY section{
    padding: 120px 0;
}
.COMPANY .slogan p{
    font-family: "scd4";color: #333;line-height: 30px;letter-spacing: -1.26px;
}
.COMPANY .slogan p strong{
    padding-left: 10px;
    font-family: "scd6";color: #333;font-size: 25px;line-height: 30px;letter-spacing: -1.75px;
}
.COMPANY.CEO__main .img1{
    width:100%;max-width: 1535px;
    margin: 90px auto 0 auto;
}
.COMPANY.CEO__main .img2{
    display: none;
}
.COMPANY.CEO__main .img1 img{
    width: 100%;
}
.COMPANY.PHILOSOPHY__main .img1{
    width:100%;max-width: 732px;
    margin: 35px auto 130px auto;
}
.COMPANY.PHILOSOPHY__main .img3{
    display: none;
}
.COMPANY.PHILOSOPHY__main .img4{
    display: none;
}
.COMPANY.PHILOSOPHY__main .img1 img{
    width: 100%;
}
.COMPANY.PHILOSOPHY__main .img2{
    width:100%;max-width: 1198px;
    margin: 0 auto ;
}
.COMPANY.PHILOSOPHY__main .img2 img{
    width: 100%;
}
.COMPANY.ORGINFO__main .img1{
    width:100%;max-width: 694px;
    margin: 0 auto;
}
.COMPANY.ORGINFO__main .img1 img{
    width: 100%;
}
.COMPANY.ORGINFO__main .img2{
    display: none;
}
.COMPANY.ORGINFO__main .img2 img{
    width: 100%;
}
.COMPANY.HISTORY__main .img1{
    width:100%;max-width: 1141px;
    margin: 50px auto 0 auto;
}
.COMPANY.HISTORY__main .img1 img{
    width: 100%;
}
.COMPANY.HISTORY__main .yy{
    width:25%;float:left;
}
.COMPANY.HISTORY__main .yy h2{
    text-align: center;
    font-family: "scd9";color:#07348c;letter-spacing: -6.04px;
}
.COMPANY.HISTORY__main article{
    overflow: hidden;
    width:100%;max-width:1000px;
    margin:0 auto;
}
.COMPANY.HISTORY__main ul{
    width:75%;
    list-style: square;
    float:right;border-bottom:#333 solid 1px;
    padding-bottom:30px;padding-top:30px;margin-bottom:30px;padding-left:30px;
}
.COMPANY.HISTORY__main ul li{
    
}
.COMPANY.HISTORY__main ul li:last-child{
    padding-bottom:10px;
}
.COMPANY.HISTORY__main ul li p{
    line-height:30px;
    color: #333;font-family: "scd4";
}
.COMPANY.ABOUT__main .img2{
    display:none;
}
.COMPANY.ABOUT__main .img2 img{
    width:100%;
}

.PRODUCTS .topbanner{
    background-image: url("../../../resources/images/topbanner2.jpg");
}
.PRODUCTS section{
    padding: 120px 0;
}
.PRODUCTS .mobile-section{
    display: none;
}
.PRODUCTS.HRS__main .select{
    position: relative;
    display: flex;justify-content: center;
    border-bottom:2px #333333 solid;
}
.PRODUCTS.HRS__main article{
    display:none;
}
.PRODUCTS.HRS__main article.on{
    display:block;
}
.PRODUCTS.HRS__main .select button{
    flex:1;max-width:180px;
    background: none;
    padding:20px 10px;
    position: relative;bottom: -2px;
    border-bottom:2px white solid;
    text-align: center;
    font-size:20px;font-family: "scd5";letter-spacing: -1.4px;color:#333333;
    /* font-size:20px;font-family: "scd4";letter-spacing: -1.4px;color:#aaa; */
}
.PRODUCTS.HRS__main .select button:nth-child(1){
    border-left:2px #333333 solid;
    /* border-left:2px #aaaaaa solid; */
    border-top:2px #333333 solid;
    /* border-top:2px #aaaaaa solid; */
    border-bottom:2px #333333 solid; 
    right:-2px;
}
.PRODUCTS.HRS__main .select button:nth-child(2){
    border:0;
    border-left:2px #333333 solid;
    /* border-left:2px #aaaaaa solid; */
    border-top:2px #333333 solid;
    /* border-top:2px #aaaaaa solid; */
    border-right:2px #333333 solid;
    /* border-right:2px #aaaaaa solid; */
    border-bottom:2px #333333 solid;
}
.PRODUCTS.HRS__main .select button:nth-child(3){
    border-left:2px #333333 solid;
    /* border-left:2px #aaaaaa solid; */
    border-top:2px #333333 solid;
    /* border-top:2px #aaaaaa solid; */
    border-right:2px #333333 solid;
    /* border-right:2px #aaaaaa solid; */
    border-bottom:2px #333333 solid;
    left:-2px;
}
.PRODUCTS.HRS__main .select button.active{
    font-family: "scd5";
}
.PRODUCTS.HRS__main .select button:nth-child(1).active{
    border-left:2px #333333 solid;
    border-top:2px #333333 solid;
    border-right:2px #333333 solid;
    border-bottom:2px white solid;
    color:#333;
    z-index:1;
}
.PRODUCTS.HRS__main .select button:nth-child(2).active{
    border-left:2px #333333 solid;
    border-top:2px #333333 solid;
    border-right:2px #464343 solid;
    border-bottom:2px white solid;
    color:#333;
    z-index:1;
}
.PRODUCTS.HRS__main .select button:nth-child(3).active{
    border-left:2px #333333 solid;
    border-top:2px #333333 solid;
    border-right:2px #333333 solid;
    border-bottom:2px white solid;
    color:#333;
    z-index:1;
}
.PRODUCTS.HRS__main .article__text--box{
    text-align: center;
    margin-bottom: 20px;
}
.PRODUCTS.HRS__main .article__text--box h2{
    font-family: "scd2";letter-spacing: -5.6px;color:#07348c;
}
.PRODUCTS.HRS__main .article__text--box h3{
    padding-bottom:20px;
    font-family: "scd6";letter-spacing: -1.4px;color: #333;
}
.PRODUCTS.HRS__main .article__text--box p{
    font-family: "scd4";letter-spacing: -1.26px;line-height:30px;color: #333;
}
.PRODUCTS.HRS__main .articlewrap section{
    padding:100px 0;
}
.PRODUCTS.HRS__main .articlewrap section:nth-child(even){
background: #f1f1f1;
}
.PRODUCTS.HRS__main .articlewrap .img{
    width:100%;max-width:inherit;text-align: center; margin:0px auto;
}
.PRODUCTS.HRS__main .articlewrap .img img{
    height:auto;
}

.PRODUCTS.HRS__main .articlewrap article:nth-child(1) section:nth-child(7) p{
    padding-left: 100px;
    text-align: left;
}
.PRODUCTS.METALPANEL__main section{ 
    overflow: hidden;
}
.PRODUCTS.METALPANEL__main .slogan h2{ 
    padding-bottom:0;
}
.PRODUCTS.METALPANEL__main .slogan p{
    font-family: "scd4";color: #333;margin-bottom: 40px;
}
.PRODUCTS.METALPANEL__main .img2{
    display: none;
}
.PRODUCTS.METALPANEL__main .img1 img{
    max-width:100%;height: auto;
}
.PRODUCTS.METALPANEL__main .info{
    float:right
}
.PRODUCTS.SANDWICHPANEL__main .select{
    position: relative;
    display: flex;justify-content: center;
    border-bottom:2px #333333 solid;
}
.PRODUCTS.SANDWICHPANEL__main .slogan p {
    font-family: "scd4";
    color: #333;
    margin-bottom: 40px;
}
.PRODUCTS.SANDWICHPANEL__main article{
    display:none;
}
.PRODUCTS.SANDWICHPANEL__main article.on{
    display:block;
}
.PRODUCTS.SANDWICHPANEL__main .select button{
    flex:1;max-width:180px;
    background: none;
    padding:20px 10px;
    position: relative;bottom: -2px;
    border-bottom:2px white solid;
    text-align: center;
    font-size:20px;font-family: "scd5";letter-spacing: -1.4px;color:#333333;
    /* font-size:20px;font-family: "scd4";letter-spacing: -1.4px;color:#aaa; */
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(1){
    border: 0;
    border-left:2px #333333 solid;
    /* border-left:2px #aaaaaa solid; */
    border-top:2px #333333 solid;
    /* border-top:2px #aaaaaa solid; */
    border-bottom:2px #333333 solid; 
    right:-4px;
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(2){
    border:0;
    border-left:2px #333333 solid;
    /* border-left:2px #aaaaaa solid; */
    border-top:2px #333333 solid;
    /* border-top:2px #aaaaaa solid; */
    border-bottom:2px #333333 solid;
    right: -2px;
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(3){
    border:0;
    border-left:2px #333333 solid;
    /* border-left:2px #aaaaaa solid; */
    border-top:2px #333333 solid;
    /* border-top:2px #aaaaaa solid; */
    border-bottom:2px #333333 solid;
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(4){
    border:0;
    border-left:2px #333333 solid;
    /* border-left:2px #aaaaaa solid; */
    border-top:2px #333333 solid;
    /* border-top:2px #aaaaaa solid; */
    border-bottom:2px #333333 solid;
    left: -2px;
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(5){
    border: 0;
    border-left:2px #333333 solid;
    /* border-left:2px #aaaaaa solid; */
    border-top:2px #333333 solid;
    /* border-top:2px #aaaaaa solid; */
    border-right:2px #333333 solid;
    /* border-right:2px #aaaaaa solid; */
    border-bottom:2px #333333 solid;
    left:-4px;
}
.PRODUCTS.SANDWICHPANEL__main .select button.active{
    font-family: "scd5";
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(1).active{
    border-left:2px #333333 solid;
    border-top:2px #333333 solid;
    border-right:2px #333333 solid;
    border-bottom:2px white solid;
    color:#333;
    z-index:1;
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(2).active{
    border-left:2px #333333 solid;
    border-top:2px #333333 solid;
    border-right:2px #333333 solid;
    border-bottom:2px white solid;
    color:#333;
    z-index:1;
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(3).active{
    border-left:2px #333333 solid;
    border-top:2px #333333 solid;
    border-right:2px #333333 solid;
    border-bottom:2px white solid;
    color:#333;
    z-index:1;
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(4).active{
    border-left:2px #333333 solid;
    border-top:2px #333333 solid;
    border-right:2px #333333 solid;
    border-bottom:2px white solid;
    color:#333;
    z-index:1;
}
.PRODUCTS.SANDWICHPANEL__main .select button:nth-child(5).active{
    border-left:2px #333333 solid;
    border-top:2px #333333 solid;
    border-right:2px #333333 solid;
    border-bottom:2px white solid;
    color:#333;
    z-index:1;
}
.PRODUCTS.SANDWICHPANEL__main .article__text--box{
    text-align: center;
    margin-bottom: 20px;
}
.PRODUCTS.SANDWICHPANEL__main .article__text--box h2{
    font-family: "scd2";letter-spacing: -5.6px;color:#07348c;
}
.PRODUCTS.SANDWICHPANEL__main .article__text--box h3{
    padding-bottom:20px;
    font-family: "scd6";letter-spacing: -1.4px;color: #333;
}
.PRODUCTS.SANDWICHPANEL__main .article__text--box p{
    font-family: "scd4";letter-spacing: -1.26px;line-height:30px;color: #333;
}
.PRODUCTS.SANDWICHPANEL__main .articlewrap section{
    padding:100px 0;
}
.PRODUCTS.SANDWICHPANEL__main .articlewrap section:nth-child(even){
background: #f1f1f1;
}
.PRODUCTS.SANDWICHPANEL__main .articlewrap .img{
    width:100%;max-width:inherit;text-align: center; margin:0px auto;
}
.PRODUCTS.SANDWICHPANEL__main .articlewrap .img img{
    max-width:100%;height:auto;
}

.PRODUCTS.HRS__main .articlewrap article:nth-child(1) section:nth-child(7) p{
    padding-left: 100px;
    text-align: left;
}
.PRODUCTS.SRP__main section{ 
    overflow: hidden;
}
.PRODUCTS.SRP__main .slogan h2{ 
    padding-bottom:0;
}
.PRODUCTS.SRP__main .slogan p{
    font-family: "scd4";color: #333;margin-bottom: 40px;
}
.PRODUCTS.SRP__main .img{
    float:left
}
.PRODUCTS.SRP__main .info{
    float:right
}
.PRODUCTS.MONOROOF__main section{ 
    overflow: hidden;
}
.PRODUCTS.MONOROOF__main .slogan h2{ 
    padding-bottom:0;
}
.PRODUCTS.MONOROOF__main .slogan p{
    font-family: "scd4";color: #333;margin-bottom: 40px;
}
.PRODUCTS.MONOROOF__main .img{
    float:left
}
.PRODUCTS.MONOROOF__main .info{
    float:right
}
.PRODUCTS.ITEM__main .sectionwrap{
    overflow: hidden;
}
.PRODUCTS.ITEM__main .slogan{
    margin-bottom:40px
}
.PRODUCTS.ITEM__main .slogan h2{
    padding-bottom:0;
}
.PRODUCTS.ITEM__main .slogan p{
    font-family: "scd4";color: #333;
}
.PRODUCTS.ITEM__main .img {
    width:60%;
    float: left;
}
.PRODUCTS.ITEM__main .info {
    width:35%;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    float:right;
    padding:40px 30px;
}
.PRODUCTS.ITEM__main .info p{
    font-family: "scd4";color: #333;line-height: 40px;letter-spacing: -1.26px;
}
.PRODUCTS.ITEM__main .img img{
    width: 100%;
}
.WORK section{
    padding: 120px 0;
}
.WORK .topbanner{
    background-image: url("../../../resources/images/topbanner3.jpg");
}
.CUSTOMER section{
    padding: 120px 0;
}
.CUSTOMER .topbanner{
    background-image: url("../../../resources/images/topbanner4.jpg");
}
.PRCENTER section{
    padding: 120px 0;
}
.PRCENTER .topbanner{
    background-image: url("../../../resources/images/topbanner5.jpg");
}