@charset "utf-8";
@import url('../style/ieCommon.css');

/* index */

.sec1_slick.slick-slider {
    height: inherit;
    width: 100%;
    height: 850px;
}

.sec1_slick.slick-slider [class*=factor].slick-slide {
    width: 100%; 
    height: 850px;
    background-color: violet;
}

.is-ie .swiper.sec1 .factor1.swiper-slide {
    background: url('../img/main/slide1.jpg') 50% 40% no-repeat;
    background-size: cover;
}
.is-ie .swiper.sec1 .factor2.swiper-slide {
    background: url('../img/main/slide2.png') left top no-repeat;
    background-size: cover;
}
.is-ie .swiper.sec1 .factor3.swiper-slide {
    background: url('../img/main/slide3.png') 50% 50% no-repeat;
    background-size: cover;
}

.is-ie .swiper.sec1>.material-icons-outlined {
    color: #fff;
}

/*index sec2 */
.is-ie .sec2 .left p {
    font-size: 25px;
}

.is-ie .sec2_slick.slick-slider .slick-slide {
    margin-right: 30px;
}

.is-ie .sec2_slick.slick-slider .slick-slide:nth-last-of-type(1) {
    margin-right: 0;
}

.is-ie .sec3 h2.sec3_ani {
    animation: unset;
    color: #000;
}

.is-ie .sec3 .swiper .factor1 {
    background: url('../img/main/report/report1.png') center no-repeat;
    background-size: cover;
}
.is-ie .sec3 .swiper .factor2 {
    background: url('../img/main/report/report2.png') center no-repeat;
    background-size: cover;
}
.is-ie .sec3 .swiper .factor3 {
    background: url('../img/main/report/report3.png') center no-repeat;
    background-size: cover;
}
.is-ie .sec3 .swiper .factor4 {
    background: url('../img/main/report/report4.png') center no-repeat;
    background-size: cover;
}
.is-ie .sec3 .swiper .factor5 {
    background: url('../img/main/report/report5.png') center no-repeat;
    background-size: cover;
}
.is-ie .sec3 .swiper .factor6 {
    background: url('../img/main/report/report6.png') center no-repeat;
    background-size: cover;
}

.is-ie .sec3 .swiper div[class*=factor] p {
    font-size: 20px;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.is-ie .sec3_slick.slick-slider .slick-slide {
    margin-right: 30px;
}

.is-ie .sec3_slick.slick-slider .slick-slide:nth-last-of-type(1) {
    margin-left: 0;
}

/*index sec4 */
.is-ie .sec4 {
    background-color: rgba(0, 0, 0, 0.1);
}

.is-ie .sec4 .menubar li a {
    width: 130px;
    border: 1px solid #000;
}

.is-ie .sec4 .content .left {
    height: 460px;
}

.is-ie .sec4 .content .right .text_box a {
    border: 1px solid #000;
}

.is-ie .sec4_slick.slick-slider .slick-slide {
    margin-right: 20px;
}

/*index sec5 */

.is-ie .sec5 .content>li {
    overflow: hidden;
}
.is-ie .sec5 .content>li .img_box {
    float: left;
    width: 48%;
}

.is-ie .sec5 .content>li .text_box {
    float: right;
    width: 48%;
    position: relative;
}

.is-ie .sec5 .content>li .text_box .bt {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #000;
}

/*index sec6 */
.is-ie .sec6>h4::before,
.is-ie .sec6>h4::after {
    background-color: #b2b2b2;
}

.is-ie .sec6 .flex_wrap div[class^=box] {
    float: left;
    width: 32%;
    margin-right: 2%
}

.is-ie .sec6 .flex_wrap div[class^=box]:last-child {
    margin-right: 0;
}

.is-ie .sec6 .flex_wrap div[class^=box] div[class^=box_type] {
    width: 100%;
}

/*index sec7 */

.is-ie .sec7 .swiper.news .swiper-wrapper {
    height: 400px;
}

.is-ie .sec7 .swiper-wrapper li[class*=factor] {
    width: 400px;
    height: 400px;
}

.is-ie .sec7_slick.slick-slider .slick-slide {
    margin-right: 30px;
}

.is-ie .swiper.news > .next,
.is-ie .swiper.news > .prev {display: none;}

.is-ie .swiper.news .material-icons-outlined.next,
.is-ie .swiper.news .material-icons-outlined.prev {
    top: -27%;
    transform: translateY(-300%);}

/* sub1 */

.is-ie .history .sec1 {
    background: url('../img/brand/history/history1.png') 50% 0 no-repeat;
    background-size: cover;
}
.is-ie .history .sec2 {
    background: url('../img/brand/history/history2.png') 50% 50% no-repeat;
    background-size: cover;
}
.is-ie .history .sec3 {
    background: url('../img/brand/history/history3.png') 50% 0 no-repeat;
    background-size: cover;
}
.is-ie .history .sec4 {
    background: url('../img/brand/history/history4.png') 50% 0 no-repeat;
    background-size: cover;
}
.is-ie .history .sec5 {
    background: url('../img/brand/history/history5.png') 50% 0 no-repeat;
    background-size: cover;
}
.is-ie .history .sec6 {
    background: url('../img/brand/history/history6.png') 50% 0 no-repeat;
    background-size: cover;
}
.is-ie .history .sec7 {
    background: url('../img/brand/history/history7.png') 50% 0 no-repeat;
    background-size: cover;
}
.is-ie .history .sec8 {
    background: url('../img/brand/history/history8.png') 50% 0 no-repeat;
    background-size: cover;
}

.is-ie .history div[class^=sec] .inner_wrap > div {
    background-color: rgba(0,0,0,0.7);
}

.is-ie .news-letter .content li a {
    border-bottom: 1px solid #b2b2b2;
}

.is-ie .news-letter .content li a .text_box {
    float: left;
    width: 76.5%;
}

.is-ie .news-letter .content li a .text_box p span {
    font-size: 14px;
}

.is-ie .news-letter .content li a .thumnail {
    float: right;
    width: 180px;
    height: 180px;
}

/* sub2 */

.is-ie .fabric_tech .content_fabric li,
.is-ie .fabric_tech .content_tech li {
    float: left;
    max-width: 320px;
    width: 26.6%;
    margin-right: 10%;
}

.is-ie .fabric_tech .content_fabric li:nth-of-type(3n),
.is-ie .fabric_tech .content_tech li:nth-of-type(3n) {
    margin-right: 0;
}

.is-ie .fabric_tech .content_fabric.on,
.is-ie .fabric_tech .content_tech.on {
    display: block;
}

.is-ie .fabric_tech .content_fabric li .text_box dt,
.is-ie .fabric_tech .content_tech li .text_box dt {
    font-size: 16px;
    padding: 10px 0 5px 0;
}

.is-ie .fabric_tech .content_fabric li .text_box dd,
.is-ie .fabric_tech .content_tech li .text_box dd {
    font-size: 14px;
}

.is-ie .organization .sub_bg {
    background: url('../img/Environment/organization/sub_bg.png') 50% 25% no-repeat;
    background-size: cover;
}

.is-ie .organization .content li dt {
    font-size: 20px;
}

/* sub3 */
.is-ie .swiper.sub {
    height: 900px;
}

.is-ie .swiper.sub .swiper-wrapper .content .menu li {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.is-ie .swiper.sub .swiper-wrapper .content .menu li:nth-of-type(2n) {
    margin-right: 0;
}