@charset "utf-8";
/* CSS Document */
.interImg img { width: 100%; height: 100%; display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
.interImg:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}


#businessN1{ width: 100%; height: 456px; float: left; background: url("../bn_images/businessN1Bg.jpg") no-repeat center center; background-size: cover; position: relative;}
#businessN1 .businessN1In{ width: 1200px; height: auto; margin: 0 auto;}
#businessN1 span{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN1Span.jpg") no-repeat top left; margin-top: 170px; font-size: 36px; padding-top: 30px; color: #ffffff;}
#businessN1 p{ width: 100%; height: auto; float: left; line-height: 30px; font-size: 16px; color: #ffffff; margin-top: 25px;}
@media(max-width: 1100px){
    #businessN1{ background: url("../bn_images/businessN5.jpg") no-repeat center center;  background-size: cover;}
    #businessN1 .businessN1In{ width: 84%; position: absolute; bottom: 7rem; left: 8%;}
    #businessN1 span{  background: linear-gradient(to right, #FFFFFF , #FFFFFF) no-repeat left bottom / 1.5rem 0.3rem;  margin-top: 0; padding: 0 0 1.8rem; font-size: 3.1rem; font-weight: bold;}
    #businessN1 p{ font-size: 1.1rem; line-height: 1.8rem; margin-top: 1rem;}
}

#businessN3{ width: 100%; height: auto; float: left; background: #efefef; padding: 125px 0px;}
#businessN3 .businessN3In{ width: 1474px; height: auto; margin: 0 auto;}
#businessN3 .businessN3T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; font-size: 40px; color: #000000; padding-bottom: 44px; text-align: center;}
#businessN3 .businessN3B{ width: 100%; height: auto; float: left; margin-top: 70px;}
#businessN3 .businessN3B li{ width: 346px; height: 238px; float: left; overflow: hidden; position: relative; margin-left: 30px;}
#businessN3 .businessN3B li.left{ margin-left: 0px;}
#businessN3 .businessN3B li span{ width: 100%; height: 70px; position: absolute; color: #fff; font-size: 28px; margin-top: -96px; text-indent: 50px; background: url("../bn_images/redBg.jpg") no-repeat top left 50px; padding-top: 26px;}
@media(max-width: 1100px){
    #businessN3{ padding: 6rem 0;}
    #businessN3 .businessN3In{ width: 100%;}
    #businessN3 .businessN3T{ background: linear-gradient(to right, #DE0428 , #DE0428) no-repeat center bottom / 1.5rem 0.2rem; font-size: 2rem; color: #191D28; font-weight: bold; padding-bottom: 1.7rem;}
    #businessN3 .businessN3B{ margin-top: 2rem;}
    #businessN3 .businessN3B li{ width: calc(50% - 0.25rem); height: 10.75rem; margin-left: 0.5rem; margin-top: 0.5rem;}
    #businessN3 .businessN3B li:before{ content: ""; width: 100%; height: 100%; background: #191D28; opacity: 0.6; position: absolute; top: 0; left: 0;}
    #businessN3 .businessN3B li:nth-child(3){ margin-left: 0;}
    #businessN3 .businessN3B li span{ height: auto; font-size: 1.5rem; font-weight: bold; margin-top: 0; padding-top: 1.5rem; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); text-indent: 0; background: linear-gradient(to right, #ffffff , #ffffff) no-repeat center top / 2rem 0.2rem; text-align: center;}
    .interImg:hover img { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none;}
}

#businessN4{ width: 100%; height: auto; float: left; margin-top: 124px; padding-bottom: 50px;}
#businessN4 .businessN4In{ width: 1474px; height: auto; margin: 0 auto;}
#businessN4 .businessN4T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; font-size: 40px; color: #000000; padding-bottom: 44px; text-align: center;}
#businessN4 .businessN4B{ width: 100%; height: auto; float: left; margin-top: 96px;}
#businessN4 .businessN4B li{ width: 396px; height: auto; float: left; margin-left: 143px;}
#businessN4 .businessN4B li.left{ margin-left: 0px;}
#businessN4 .businessN4B li .N1{ width: 100%; height: auto; float: left; text-align: center;}
#businessN4 .businessN4B li .N1 .imgN2{ display: none;}
#businessN4 .businessN4B li .N2{ width: 100%; height: auto; float: left; text-align: center; font-size: 26px; color: #fe4949; margin-top: 35px;}
#businessN4 .businessN4B li .N3{ width: 100%; height: auto; float: left; text-align: center; font-size: 16px; color: #666666; line-height: 30px; margin-top: 10px;}
@media(max-width: 1100px){
    #businessN4{ margin-top: 4.5rem; padding-bottom: 6rem;}
    #businessN4 .businessN4In{ width: 92%;}
    #businessN4 .businessN4T{ background: linear-gradient(to right, #DE0428 , #DE0428) no-repeat center bottom / 1.5rem 0.2rem; font-size: 2rem; color: #191D28; font-weight: bold; padding-bottom: 1.7rem;}
    #businessN4 .businessN4B{ margin-top: 1.5rem;}
    #businessN4 .businessN4B li{ width: 100%; background: #E6E8EC; margin-left: 0; margin-top: 1.5rem;}
    #businessN4 .businessN4B li .N1{ width: 9rem; height: 9rem; background: #ffffff; margin: 0.5rem 1.5rem 0.5rem 0.5rem;}
    #businessN4 .businessN4B li .N1 img{ width: 5.5rem; margin-top: 1.75rem;}
    #businessN4 .businessN4B li .N1 .imgN1{ display: none;}
    #businessN4 .businessN4B li .N1 .imgN2{ display: inline-block;}
    #businessN4 .businessN4B li .N2{ width: calc(100% - 11rem); margin-top: 1.8rem; font-size: 1.6rem; line-height: 1.6rem; color: #DE0428; font-weight: bold; text-align: left;}
    #businessN4 .businessN4B li .N3{ width: calc(100% - 11rem); margin-top: 1rem; line-height: 2.1rem; font-size: 1.3rem; color: #191D28; text-align: left;}
}