/*company01*/

/*company01_content1*/
.company01_content1 {
    width: 100%;
    height:450px;
    overflow: hidden;
    background: #f7f7f7;
    padding: 150px 0px;
    font-family: 'NIXGON-Vb';
}
    .company01_content1 .left_text {
        float:left;
        width:500px;
        height:400px;
        position:relative;
    }
        .company01_content1 .left_text p {
            font-size:3.2rem;
            line-height:6rem;
        }
            .company01_content1 .left_text p span {
                color:#00a1e4;
            }
            .company01_content1 .left_text p::before {
                content: "";
                background-image: url(../img/sub01.png);
                background-repeat: no-repeat;
                background-size: cover;
                width: 25px;
                height: 20px;
                position: absolute;
                left: -40px;
                top: 13px;
            }
            .company01_content1 .left_text p::after {
                content: "";
                background-image: url(../img/sub02.png);
                background-repeat: no-repeat;
                background-size: cover;
                display: inline-block;
                width: 25px;
                height: 20px;
                margin-left: 15px;
                margin-bottom: 8px;
            }
        .company01_content1 .left_text .ceo_name {
            position:absolute;
            bottom:0;
            left:0;
        }
            .company01_content1 .left_text .ceo_name span {
                font-size: 2rem;
                padding: 10px 0px;
                display: block;
            }
            .company01_content1 .left_text .ceo_name h1 {
                font-size: 3.2rem;
                letter-spacing: 15px;
            }
                .company01_content1 .right_img {
                    float: right;
                    width: 380px;
                }
        .company01_content1 .right_img img {
            width:100%;
        }

    /*company01_content2*/
    .company01_content2 {
        width: 100%;
        overflow: hidden;
        padding: 150px 0px;
    }
    .company01_content2 h2 {
        font-size: 2.7rem;
        padding-bottom: 30px;
        color:#333333;
        font-weight:600;
    }
    .company01_content2 p {
        font-size: 1.6rem;
        padding: 20px 0px;
        line-height: 30px;
        color:#666666;
    }

/*company01_content3*/
.company01_content3 {
    padding: 150px 0px;
    background: #f7f7f7;
    overflow:hidden;
}
    .company01_content3 .license_container {
        overflow:hidden;
        padding:80px 0px;
    }
        .company01_content3 .license_container .license_box {
            width:25%;
            padding:20px;
            box-sizing:border-box;
            float:left;
        }
            .company01_content3 .license_container .license_box img {
                width:100%;
                border:1px solid #cccccc;
            }
            .company01_content3 .license_container .license_box span {
                display:block;
                text-align:center;
                font-size:1.6rem;
                color:#808080;
                font-weight:500;
                line-height:20px;
                padding-top:15px;
            }
            /*company02*/
            .company02_content1 {
                padding: 150px 0px;
            }

    .company02_content1 .top_banner {
        width: 100%;
        height: 300px;
        text-align: center;
        color: #fff;
        font-family: 'NIXGON-Vb';
        background-image:url(../img/company1.jpg);
    }
        .company02_content1 .top_banner h1 {
            font-size: 3rem;
            font-weight: bold;
            padding-top: 102px;
            padding-bottom: 30px;
        }
        .company02_content1 .top_banner span {
            font-size: 2rem;
        }

    .company02_content1 .content_container {
        margin: 0 auto;
        padding-top: 50px;
        position: relative;
        overflow: hidden;
    }
        .company02_content1 .content_container::before {
            content:"";
            width:2px;
            background:#cccccc;
            height:100%;
            position:absolute;
            left:50%;
            top:50px;
        }
        .company02_content1 .content_container .history_box_left {
            width:50%;
            float:left;
        }

        .company02_content1 .content_container .history_box_right {
            width:50%;
            float:left;
        }
        .company02_content1 .content_container .history_list {
            padding-top:300px;
        }
            .company02_content1 .content_container .history_list h2 {
                font-size: 5rem;
                font-weight: 900;
                border-bottom: 2px solid #ccc;
                padding-bottom: 20px;
                position: relative;
                color: #00a1e4;
            }
                .company02_content1 .content_container .history_list h2::after {
                    content: "";
                    width: 10px;
                    height: 10px;
                    border-radius: 10px;
                    background: #00a1e4;
                    position: absolute;
                }
            .company02_content1 .content_container .history_list ul {
                display: block;
                overflow: hidden;
                padding: 7px 0px;
                color:#333333;
            }
            .company02_content1 .content_container .history_list ul:nth-child(2) {
                padding-top:30px;
            }
            .company02_content1 .content_container .history_list ul li {
                float: left;
            }
                .company02_content1 .content_container .history_list ul li.month {
                    font-size:3.5rem;
                    font-weight:900;
                    width:10%;
                }
                .company02_content1 .content_container .history_list ul li.month_text {
                    font-size: 1.6rem;
                    padding-top: 1.5rem;
                    width: 82%;
                    line-height: 20px;
                }




        .company02_content1 .content_container .history_box_left .history_list:first-child {
            padding-top:100px;
        }
            .company02_content1 .content_container .history_box_left .history_list h2 {
                text-align:right;
                padding-right:20px;
                box-sizing:border-box;
            }
                .company02_content1 .content_container .history_box_left .history_list h2::after {
                    right: 0;
                    top: 33%;
                    margin-right: -5px;
                }
        .company02_content1 .content_container .history_box_left .history_list ul li.mobile_month {
            display:none;
        }
        .company02_content1 .content_container .history_box_left .history_list ul li.month {
            text-align: right;
        }
            .company02_content1 .content_container .history_box_left .history_list ul li.month_text {
                text-align:right;
            }




        .company02_content1 .content_container .history_box_right {
            padding-top:50px;
        }
        .company02_content1 .content_container .history_box_right .history_list h2 {
            padding-left: 20px;
            box-sizing: border-box;
        }
            .company02_content1 .content_container .history_box_right .history_list h2::after {
                left: 0;
                top: 33%;
                margin-left: -5px;
            }
            .company02_content1 .content_container .history_box_right .history_list ul li.month {
                width: 15%;
                text-align: right;
            }
            .company02_content1 .content_container .history_box_right .history_list ul li.month_text {
                width: 81%;
                float: right;
            }

.company02_content2 {
    display:none;
}
.company02_content2 .list {
    width: 100%;
    overflow: hidden;
    padding: 17px 28px;
    box-sizing: border-box;
    box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.1);
    margin: 35px 0px;
}
    .company02_content2 .list h2 {
        font-size: 5rem;
        color: #00a1e4;
        font-weight: 900;
        padding-bottom: 15px;
    }
    .company02_content2 .list h3 {
        font-size: 2rem;
        color: #333333;
        box-sizing: border-box;
        padding: 10px 0px 10px 15px;
    }
        .company02_content2 .list h3 span {
            font-size:3.5rem;
            color:#333333;
            margin-right:10px;
            font-weight:900;
        }

        /*company03*/
.company03_content1 {
    padding:150px 0px;
}
    .company03_content1 iframe {
        padding-top:100px;
    }
.locate_container {
    width: 100%;
    overflow:hidden;
    text-align: center;
}
    .locate_container h1 {
        font-size: 3.5rem;
        font-weight: 900;
        font-family: 'NIXGON-Vb';
        text-align:left;
        padding-top:50px;
        padding-bottom:20px;
    }
    .locate_container ul {
        font-size:1.6rem;
        overflow:hidden;
    }
            .locate_container .locate_box {
                padding-left:20px;
                box-sizing:border-box;
            }
        .locate_container .locate_box li {
            float:left;
            line-height:50px;
            padding:0px 10px;
        }
        .locate_container .locate_box li:first-child {
            font-size: 1.8rem;
            font-weight: 700;
        }





        @media all and (min-width:768px) and (max-width:1200px) {
            /*company01*/
    .company01_content1 .left_text {
        width:50%;
    }
        .company01_content1 .left_text p::before {
            position:inherit;
            display:inline-block;
            margin-right:10px;
        }
        .company01_content1 .right_img {
            width: 50%
        }
}

@media all and (max-width:767px) {
    /*sub_menu*/
    .sub_nav ul {
        width: 80%;
    }
    .sub_nav ul li {
        width: 33.3333%;
    }
    /*company01*/
    .company01_content1 {
        height: auto;
    }
    .company01_content1 .left_text {
        width: 100%;
        height: 240px;
    }
        .company01_content1 .left_text p::before {
            position: inherit;
            display: inline-block;
            margin-right: 10px;
        }
    .company01_content1 .right_img {
        display:none;
    }
    .company01_content2 h2 {
        font-size:2rem;
    }

    .company01_content3 .license_container .license_box {
        width:50%;
    }
    /*company02*/
    .company02_content1 .content_container {
        display: none;
    }
    .company02_content2 {
        display: block;
    }

}