@media all and (max-width:1180px) {
.em .main { padding: 0 20px; }
.em header .top-header { padding: 0; }
.em .section1 .right-s1 h3 { font-size: 42px; padding-bottom: 18px; }
.em .section2 .s2-top ul li .txt-s2 h4 { font-size: 22px; padding-bottom: 8px; line-height: 28px; }
.em .section1 .right-inner-bottom, .em .section1 .right-inner-bottom iframe { height: 285px; }
.em .btn-area a { font-size: 16px; padding: 10px 18px; }
.em .section1 .right-s1 h3 { font-size: 39px; padding-bottom: 15px; }
}
 @media all and (max-width:1024px) {
.em .section1 .right-s1 h3 { font-size: 32px; padding-bottom: 15px; }
.em .section1 .right-inner-bottom, .em .section1 .right-inner-bottom iframe { height: 255px; }
.em .section2 .s2-top ul li .txt-s2 h4 { font-size: 20px; line-height: 26px; }
}
@media all and (max-width:900px) {
.em header .left-header .logo { width: 100%; max-width: 220px; }
.em header .right-header ul { margin-top: 6px; }
.em header { padding: 22px 0; }
.em .section3 .s3-top ul li { width: 47%; margin-right: 6%; margin-bottom: 40px; }
.em .section3 .s3-top ul li:nth-child(2n) { margin-right: 0; }
.em .section3 .s3-top ul { padding-bottom: 0; float: left; }
.em .section4 .s4-top ul li a { font-size: 13px; }
.em .section4 .s4-top ul li i { font-size: 24px; right: 3px; top: 3px; }
.em .section4 .s4-top ul { padding-bottom: 25px; }
.em footer { padding: 28px 0; }
.em .section2 .s2-top ul li { width: 47%; margin-right: 6%; margin-bottom: 30px; }
.em .section2 .s2-top ul li:nth-child(2n) { margin-right: 0; }
.em .section2 .s2-top ul li .img-s2 { text-align: left; }
.em .section1 .right-s1 h3 { font-size: 27px; padding-bottom: 15px; }
.em .section2 .s2-top ul li .img-s2 img { width: 100%; }
.em .section2 .s2-top ul { padding-bottom: 0; }
.em .section1 .right-inner-bottom, .em .section1 .right-inner-bottom iframe { height: 215px; }
.em .section1 .right-s1 { padding-top: 25px; }
.em .section4 .s4-top ul li {
    float: left;
    width: 24.3%;
    margin-right: 0.9%;
    position: relative;
   text-align: center;
}
}
 @media all and (max-width:767px) {
.em header .left-header .logo { width: 100%; max-width: 180px; }
.em header .left-header .logo { max-width: 180px; }
.em .section1 .right-s1 h3 { font-size: 24px; padding-bottom: 13px; }
.em .btn-area a { font-size: 14px; padding: 9px 15px; }
.em .section1 .left-s1 { width: 52.7%; float: left; position: relative; }
.em .section1 { padding: 35px 0 35px; }
.em .section2 .s2-top ul li .txt-s2 h4 { font-size: 18px; padding-bottom: 5px; line-height: 24px; }
.em .section2 .s2-top ul li .txt-s2 { padding-top: 10px; }
.em .section2 { padding-bottom: 40px; }
.em .box-area p { font-size: 14px; }
.em .section4 .s4-top ul li { width: 100%; margin-right: 0; margin-bottom: 13px;text-align: left; }
.em .section4 .s4-top ul li:last-child { margin-bottom: 0; }
.em .section4 .s4-top ul {
    list-style: none;
    width: 100%;
    max-width: 173px;
     display: inherit; 
    margin: 0 auto;
     padding-bottom: 20px;

}
.em .section4 .s4-top .btn-area{margin-top: 20px;}
.em .section4 { padding-bottom: 35px; }
.em footer .left-ftr { width: 100%; text-align: center; }
.em footer .left-ftr ul { display: inline-block; text-align: center; }
.em footer .right-ftr { width: 100%; max-width: 100%; margin-top: 9px; text-align: center; }
.em footer .right-ftr p { text-align: center; line-height: 16px; }
.em footer { padding: 20px 0; }
}
@media all and (max-width:600px) {
.em .section1 .left-s1 { width: 100%; }
.em .section1 .right-inner-bottom, .em .section1 .right-inner-bottom iframe { height: 265px; }
.em .section1 .right-s1 { padding-top: 15px; width: 100%; text-align: center; }
.em .section2 .s2-top ul li { width: 100%; margin-right: 0; margin-bottom: 40px; }
.em .section2 .s2-top ul { padding-bottom: 0; max-width: 340px; margin: 0 auto; display: inherit; }
.em .section3 .s3-top ul li .img-s3 { width: 100%; position: relative; left: inherit; top: inherit; max-width: 100%; text-align: center; display: inline-block; }
.em .section3 .s3-top ul li .img-s3 img { max-width: 100px; width: 100%; }
.em .section3 .s3-top ul li .txt-s3 { width: 100%; float: left; padding-left: 0; text-align: center; }
.em .section3 .s3-top ul li { width: 100%; margin-right: 0; margin-bottom: 30px; }
.em .section3 .s3-top ul { padding-bottom: 0; display: inherit; float: none; margin: 0 auto; max-width: 300px; width: 100%; }
.em .section3 .s3-top ul li .txt-s3 { padding-top: 10px; }
}
@media all and (max-width:480px) {
.em header .left-header { width: 100%; text-align: center; display: inline-block; }
.em header .left-header .logo { max-width: 180px; text-align: center; display: inline-block; }
.em header .right-header ul { margin-top: 12px; float: none; text-align: center; display: inline-block; }
.em header .right-header { width: 100%; text-align: center; }
.em header { padding: 15px 0; }
.em .section1 .right-inner-bottom, .em .section1 .right-inner-bottom iframe { height: 205px; }
.em .section1 .right-s1 h3 { font-size: 21px; padding-bottom: 13px; }
}
 @media all and (max-width: 380px) {
.em .section1 .right-inner-bottom, .em .section1 .right-inner-bottom iframe { height: 165px; }
.em .section1 .right-s1 h3 { font-size: 19px; padding-bottom: 12px; }
}