@charset "UTF-8";



.red {

    color: #E50012;

}



ol {

    -webkit-padding-start: 20px;

    padding-inline-start: 20px;

}



#materials h2 {

    color: #231815;

}



#materials ol {

    -webkit-padding-start: 20px;

    padding-inline-start: 20px;

    list-style: none;

    margin-top: 2rem;

}



#materials ol li {

    position: relative;

    margin-right: 0px;

}



#materials ol p {

    letter-spacing: 0.5px;

}



#materials ol li::before {

    position: absolute;

    content: "■";

    color: #008CD6;

    font-size: 2px;

    top: 3px;

    left: -15px;

}
.bread {
    background-color: #F9F9F9;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.bread a {
    font-size: 14px;
    color: #666;
}
.bread a .kw-space-all{
    margin: 0 -0.25em 0;
}
.bread a .kw-space-rig{
    margin: 0 -0.25em 0 0;
}
.bread a .kw-space-lef{
    margin: 0 0 0 -0.25em;
}
.breadcrumb {
    margin-top: 160px;
    padding-bottom: 5px;
}
.breadcrumb li {
    display: inline-block;
}
.breadcrumb li+li::before {
    content: ">";
}



.fs_18 {

    line-height: 1.5;

    /*color: #666;*/

}
.section_base {

    margin-bottom: 3.77084vw;

}
.section_base .container {
    padding-right: 8rem;
    padding-left: 8rem;
    font-weight: normal;
}
.section_base .container strong{
    font-weight: normal;
}
.section_base .container em{
    font-style: normal;
}
.section_base .container a{
    color: #3e3a39;
    text-decoration: none;
    margin-top: 0.5em;
}
.section_base h2 {
    margin-bottom: 1rem;
    font-weight: 500;
    text-transform: inherit;
}
.page_main {
    margin-top: 4rem;
    margin-bottom: 2.6rem;
}
.section_base h2.category{
    font-size: 1.22em;
    font-weight: bold;
    line-height: 1.25em;
    margin-bottom: 0.66em;
}
.section_base h2.category strong{
    font-weight: bold;
}
.section_base h2.category em{
    font-style: normal;
}
.section_base h3.category{
    color: #888;
    font-size: 0.99em;
    font-weight: normal;
}
.section_base h3.category strong{
    font-weight: normal;
}
.section_base h3.category em{
    font-style: normal;
}
.page_main h1 {
    color: #008CD6;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 1.33em;
    letter-spacing: -0.02em;
}
.page_main h1 .kw-space-all{
    margin: 0 -0.33em 0;
}
.page_main h1 .kw-space-rig{
    margin: 0 -0.33em 0 0;
}
.page_main h1 .kw-space-lef{
    margin: 0 0 0 -0.33em;
}
.page_main h1 strong{
    font-weight: 800;
}
.page_main h1 em{
    font-style: normal;
}
.page_main h1 a{
    color: #008CD6;
    text-decoration: none;
}
.page_main .ever-h1{
    color: #008CD6;
    font-size: 2.67rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    margin: 0;
    font-family: inherit;
    line-height: 1.1;
    box-sizing: border-box;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
@media screen and (max-width: 767px){
    .page_main .product_sub_msu_intro{
        padding: 0 15px 0;
    }
}
.page_main .product_sub_msu_intro{
    text-align: center;
}
.page_main .product_sub_msu_intro h1.category{
    color: #666;
    font-size: 1.055em;
    font-weight: bold;
    line-height: 1.33em;
    margin: 1em 0;
}
.page_main .product_sub_msu_intro h1.category.en{
    font-weight: normal;
    text-transform: none;
}
.page_main .product_sub_msu_intro h1.category .kw-space-all{
    margin: 0 -0.25em 0;
}
.page_main .product_sub_msu_intro h1.category .kw-space-rig{
    margin: 0 -0.25em 0 0;
}
.page_main .product_sub_msu_intro h1.category .kw-space-lef{
    margin: 0 0 0 -0.25em;
}
.page_main#technology_content_1 h1{
    font-weight: normal;
    text-transform: none;
    color: #999;
    font-size: 1.45em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 1.45em 0;
}
.page_main#technology_content_1 .flex_row strong{
    font-weight: normal;
}
.page_main#technology_content_1 .flex_row em{
    font-style: normal;
}
.page_main#technology_content_1 .flex_row a{
    color: #666;
    text-decoration: none;
}
@media screen and (max-width: 767px){}
    .page_main .product_sub_msu_intro p{
        font-weight: normal;
        display: inline-block;
        line-height: 1.77em;
        margin: 0 0 1.5em 0;
        text-align: left;
    }
}
.page_main .product_sub_msu_intro p{
    font-weight: normal;
    display: inline-block;
    line-height: 1.77em;
    margin: 0 0 1.5em 0;
}
@media screen and (min-width: 767px) and (max-width: 1022px){
    .page_main .product_sub_msu_intro p{
        width: 520px;
        text-align: center;
    }
}
@media screen and (min-width: 1023px) and (max-width: 1279px){
    .page_main .product_sub_msu_intro p{
        width: 720px;
        text-align: center;
    }
}
@media screen and (min-width: 1280px){
    .page_main .product_sub_msu_intro p{
        width: 950px;
        text-align: center;
    }
}
.page_main .product_sub_msu_intro p strong{
    font-weight: normal;
}
.page_main .product_sub_msu_intro p em{
    font-style: normal;
}
.page_main .product_sub_msu_intro p a{
    color: #666;
    text-decoration: none;
}
.page_main .product_sub_msu_intro p .kw-space-all{
    margin: 0 -0.25em 0;
}
.page_main .product_sub_msu_intro p .kw-space-rig{
    margin: 0 -0.25em 0 0;
}
.page_main .product_sub_msu_intro p .kw-space-lef{
    margin: 0 0 0 -0.25em;
}




.page_main p {
    line-height: 1.6rem;
    color: #666;
    /*margin-bottom: 2rem;*/
    font-weight: 300;
}
#finder_content_5,
#finder_content_4 {
    padding-bottom: 4rem;
}
.img img {
    width: 100%;
    height: auto;
}
.page_main .container {
    padding-right: 8rem;
    padding-left: 8rem;
}


.page_main p.fs_24 {

    color: #333;

    font-weight: 400;

}



#materials .page_main .container {

    padding-right: 8rem;

    padding-left: 8rem;

}



#materials .page_main p.fs_24 {

    color: #333;

}



#materials .page_main a {

    color: #008CD6;

    text-decoration: underline;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



#materials .page_main a:hover {

    color: rgba(0, 140, 214, 0.7);

    text-decoration: underline !important;

}



#materials .section_base p a {

    color: #008CD6;

    text-decoration: underline;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



#materials .section_base p a:hover {

    color: rgba(0, 140, 214, 0.7);

    text-decoration: underline !important;

}



#mater_deli {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: start;

}



#mater_deli .img {

    width: 27.3vw;

    border: 1px solid rgba(204, 204, 204, 0.2);

}



#mater_deli .img img {

    width: 100%;

    height: auto;

}



#mater_deli ul {



    padding-bottom: 20px;

}



#mater_deli ul li {

    width: 100%;

}



#mater_deli p {

    color: #666;

    font-weight: 500;

    line-height: 1.6rem;

}



#mater_deli .title,

#mater_deli .date {

    display: inline-block;

}



#mater_deli .title {

    width: 180px;

}



#mater_deli ol {

    margin-top: 20px;

}



.text_dep {

    padding-top: 20px;

    padding-left: 30px;

}



.mater_data .container {

    padding-right: 8rem;

    padding-left: 8rem;

}



.mater_data h2 {

    margin-bottom: 20px;

    font-weight: 500;

}



.mater_data p {

    color: #666;

    line-height: 1.6rem;

}



.mater_data a {

    color: #008CD6;

    text-decoration: underline;

    -webkit-text-decoration-line: #008CD6;

    text-decoration-line: #008CD6;

    -moz-text-decoration-line: #008CD6;

    font-weight: 500;

}



#mater_form {

    margin-top: 20px;

}



.mater_form_name {

    background-color: #999;

    padding: 18px 0;

    margin-bottom: 5px;

}



.mater_form_name h3 {

    color: #fff;

    text-align: center;

    font-weight: 300;

}



.mater_form_tr {

    display: table;

}



.mater_form_thead {

    background-color: #F7F7F7;

    display: inline-block;

    border-bottom: 5px solid #fff;

    border-right: 5px solid #fff;

    padding: 18px 10px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: table-cell;

    vertical-align: top;

}



.mater_form_thead span,

.mater_form_thead p {

    display: inline-block;

}



.mater_form_thead p {

    color: #030000;

}



.mater_form_td {

    display: inline-block;

    background-color: #F7F7F7;

    border-bottom: 5px solid #fff;

    padding: 10px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    display: table-cell;

    vertical-align: middle;

}



.mater_form_td input,

.mater_form_td textarea {

    width: 100%;

    background-color: #F7F7F7;

    border: none;

    outline: none;

    outline-color: transparent;

}



.mater_form_td p.fs_16 {

    position: absolute;

    right: 10px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.title_mr p {

    margin-left: 10px;

}



.form_table_btn {

    height: 55px;

    position: relative;

    background-color: #008CD6;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.form_table_btn:hover {

    background-color: #FFF100;

}



.form_table_btn:hover #btn_sub {

    color: #333;

}



#btn_sub {

    height: 55px;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-decoration: none;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



#finder_content_5 .fs_18 a {

    color: #008CD6;

    text-decoration: underline;

}



.mater_right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background-color: #333;

    color: #fff;

    padding: 3rem 20rem 2.5rem 3.66rem;

    width: 60%;

}



.mater_right img {

    width: 50px;

    height: 50px;

    margin-right: 3rem;

}



.mater_right p {

    line-height: 1.6rem;

    font-weight: 100;

    margin-bottom: .6rem;

    color: rgba(255, 255, 255, .7);

}



.mater_right a {

    color: #fff;

    border-bottom: 1px solid #fff;

}



.mater_left {

    background-size: cover;

    background-position: 50% 50%;

    width: 40%;

}



#machine_finder .page_main h1 {

    margin-bottom: 1.33rem;

}

#machine_finder .page_main p {
    text-align: center;
}
#machine_finder .page_main p strong{
    font-weight: normal;
}
#machine_finder .page_main p em{
    font-style: normal;
}
#machine_finder .page_main p a{
    color: #666;
    text-decoration: none;
}
#machine_finder .page_main p .kw-space-all{
    margin: 0 -0.25em 0;
}
#machine_finder .page_main p .kw-space-lef{
    margin: 0 0 0 -0.25em;
}
#machine_finder .page_main p .kw-space-rig{
    margin: 0 -0.25em 0 0;
}

#finder_content_3 p.fs_30,

#finder_content_3 h2.fs_30,

#finder_content_2 p.fs_30,

#finder_content_2 h2.fs_30 {

    display: inline-block;

}



#machine_finder .tab-content>.active {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.industries_btns_row,

.material_btns_row,

.resualts_row,

.products_row,

.flex_row {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -1rem;

    margin-left: -1rem;

}



.industries_btn,

.material_btn {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    padding: 0.666rem 0.5rem;

}



.industries_card,

.material_btncard {

    background-color: #F7F7F7;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 100%;

    transition: .3s;

}



.industries_card img,

.material_btncard img {

    margin-bottom: 1.333rem;

}



.industries_card img {

    width: 100px;

    height: 100px;

    margin-bottom: 0;

}



.industries_card p,

.material_btncard p {

    text-align: center;

    font-weight: 500;

}



.industries_btn:hover .industries_card,

.material_btn:hover .material_btncard {

    background-color: #FFF100;

    transition: .5s;

}



.industries_btn.active .industries_card,

.material_btn.active .material_btncard {

    background-color: #FFF100;

}



.industries_card {

    padding-top: 0rem;

    padding-bottom: 0.666rem;

    padding-right: 0.666rem;

    padding-left: 0.666rem;

    transition: .3s;

}



.material_btncard {

    padding: 20px 3px;

}



#finder_content_4 h2 {

    color: #008CD6;

}



.resualt_card,

.products_card,

.news_card {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.333%;

    flex: 0 0 33.333%;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    max-width: 33.333%;

    padding: 0.666rem 1rem;

    margin-bottom: 1.333rem;

}



.resualt_card:hover .img,

.products_card:hover .img,

.news_card:hover .img {

/*    border: 3px solid #FFF100;*/

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.resualt_card:hover .img img,

.products_card:hover .img img,

.news_card:hover .img img {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

}



.resualt_card .img,

.products_card .img,

.news_card .img {

    background-color: #EFEFEF;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

/*     height: 12.5vw; */

    width: 100%;

    overflow: hidden;

    margin-bottom: 1.6rem;

}



.resualt_card .img img,

.products_card .img img,

.news_card .img img {

    width: auto;

    max-width: 100%;

    max-height: 100%;

    /* height: 80%; */

    transition: all .15s ease-in-out;

    -webkit-transition: all .15s ease-in-out;

    -moz-transition: all .15s ease-in-out;

    -ms-transition: all .15s ease-in-out;

    -o-transition: all .15s ease-in-out;

}
.resualt_card h3,
.products_card h3,
.news_card h3{
    margin-bottom: 0.66rem;
}
.resualt_card h3 .kw-space-all,
.products_card h3 .kw-space-all,
.news_card h3 .kw-space-all{
    margin:0 -0.25em 0;
}
.resualt_card h3 .kw-space-rig,
.products_card h3 .kw-space-rig,
.news_card h3 .kw-space-rig{
    margin:0 -0.25em 0 0;
}
.resualt_card h3 .kw-space-lef,
.products_card h3 .kw-space-lef, 
.news_card h3 .kw-space-lef{
    margin:0 0 0 -0.25em;
}

.resualt_card p,

.products_card p,

.news_card p {

    color: #666;

}

.mater_right .fs_18 {

    /*color: #fff;*/

}



#finder_content_4 .tab-content {

    width: 100%;

}



#finder_content_4 .tab-content>.active {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

}



#products .products_row,
#products_sub .products_row {

    margin-right: 0rem;

    margin-left: 0rem;

}
#products_i h2 {
    color: #231815;
    margin-bottom: 1rem;
}
#products_i h2 .kw-space-lef{
    margin: 0 0 0 -0.3em;
}
#products_i h2 .kw-space-rig{
    margin: 0 -0.3em 0 0;
}
#products_i h2 .kw-space-all{
    margin: 0 -0.3em 0;
}

#products_i .section_base#products_i_5 h3,
#products_i .section_base#products_i_6 h3{
    padding: 0;
    font-size: 1em;
}

#products_i .section_base#products_i_5 > ul,
#products_i .section_base#products_i_6 > ul{
    padding: 0 0 0 0.6em;
}

#products_i .section_base#products_i_5 ul > li,
#products_i .section_base#products_i_6 ul > li{
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.22em;
    margin: 1em 0;
}

#products_i .section_base#products_i_5 ul > li > ul,
#products_i .section_base#products_i_6 ul > li > ul{
    padding: 0 0 0 0.1em;
    margin: 1.25em 0;
}

#products_i .section_base#products_i_5 ul > li > ul > li,
#products_i .section_base#products_i_6 ul > li > ul > li{
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.22em;
    margin: 0 0 0.5em 0;
}

#products_i .banner_des h3{
    font-size: 1.33em;
    margin: 0 0 0.55em 0;
}
#products_i .banner_des h3 .kw-space-all{
    margin: 0 -0.25em 0;
}
#products_i .banner_des h3 .kw-space-lef{
    margin: 0 0 0 -0.25em;
}
#products_i .banner_des h3 .kw-space-rig{
    margin: 0 -0.25em 0 0;
}
#products_i .banner_des ol{
    margin: 0 0 2em 0.5em;
    font-size: 1.1rem;
    letter-spacing: -0.02em;
}
#products_i .banner_des ol li{
    line-height: 1.45em;
    margin: 0 0 0.4em 0;
}
#products_i_5 h3.seo{
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.88rem;
    margin: 0 0 1em 0;
}
#products_i_5 h3.seo .kw-space-all{
    margin: 0 -0.33em 0;
}
#products_i_5 h3.seo .kw-space-rig{
    margin: 0 -0.33em 0 0;
}
#products_i_5 h3.seo .kw-space-lef{
    margin: 0  0 0 -0.33em;
}
.section_base table{
    width: 100% !important;
    overflow: scroll;
}
.section_base ol{
}
.section_base ol li{
}
.section_base ol li ul{
}
.section_base ol li ul.indent{
    padding: 0 0 0.5em 0.5em;
}
.section_base ol li ul li{
}
#products_i_2 {
    position: relative;
    margin-bottom: 0;
}
#products_i_2 .img {
    margin-right: 3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
#products_i_2 .fs_18 {
    line-height: 1.88rem;
    letter-spacing: -0.01em;
}
.products_i_banner_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.products_i_banner_row .banner_des p{
    font-weight: normal;
}
.products_i_banner_row .banner_des p strong{
    font-weight: normal;
}
.products_i_banner_row .banner_des p em{
    font-style: normal;
}
.products_i_banner_row .banner_des p a{
    color: #3e3a39;
    text-decoration: none;
}

.banner_des p.fs_18 {
    margin-bottom: 3rem;
}



.banner_des a {

    padding: 1rem 4rem;

    ;

    background-color: #008CD6;

    color: #fff;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.banner_des a:hover {

    background-color: #FFF100;

    color: #333;

}



#products_i_3 {

    background-color: #008CD6;

    margin-bottom: 0;

}



#products_i_3 li {

    display: inline-block;

}



#products_i_3 ul {

    margin-left: -1.2rem;

}



#products_i_3 a {

    padding: 1.2rem;

    display: inline-block;

    transition:.5s;

	color:#fff;

}



#products_i_3 a:hover {

    background-color: #FFF100;

    transition:.5s;

}



#products_i_3 a:hover p {

    color: #333;

}



#products_i_3 p {

    color: #fff;

}



#products_i_4,

#products_i_5,

#products_i_6,

#products_i_7,

#products_i_8,

#products_i_9,

#products_i_10 {

    padding-top: 50px;

    margin: 0

}



#products_i_10 {

    background: #fcfcfc;

    border-top: 1px solid #eee;

}



#products_i_4 .fs_18,

#products_i_5 .fs_18,

#products_i_6 .fs_18 {

    line-height: 2rem;

}



#products_i_6 table {

    border: 1px solid #fff;

}



#products_i_8 h3,

#products_i_9 h3,

#products_i_10 h3 {

    color: #333;

}



.product_model p {

    white-space: nowrap;

}



.table_title {

    background-color: #008CD6;

    width: 900px;

}



.table_title th {

    padding-top: 1.33rem;

    padding-bottom: 1.33rem;

    border: 2px solid #fff;

}



.table_title h3 {

    color: #fff;

    text-align-last: left;

    margin-left: 2.3rem;

}



#products_i_6 table {

    margin-bottom: 2rem;

}



#products_i_6 ol {

    margin-bottom: 4rem;

}



.table_thead {

    background-color: #666666;

}



.table_thead th {

    padding: 1.33rem;

    border: 2px solid #fff;

    text-align: center;

}



.table_thead p {

    color: #fff;

    font-weight: 300;

}



.table_body {

    background-color: #f7f7f7;

}



.table_body td {

    color: #fff;

    padding: 1.33rem;

    border: 2px solid #fff;

    text-align: center;

}



.table_body p {

    color: #333;

    font-weight: 300;

}



.products_Areamenu {

    position: -webkit-sticky;

    position: sticky;

    top: 150px;

    left: 0;

}



#products_i_7 .img {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 66.66%;

    flex: 0 0 66.66%;

    max-width: 66.66%;

    padding-right: 1rem;

}



#products_i_7 .img img {

    width: 100%;

    height: auto;

    border: 1px solid #ddd;

}



.vedio_row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -1rem;

    margin-left: -1rem;

}



.vedio_card {

    padding-right: 1rem;

    padding-left: 1rem;

    margin-bottom: 3rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.333%;

    flex: 0 0 33.333%;

    max-width: 33.333%;

}



.vedio_card .img {

    position: relative;

    margin-bottom: 1rem;

}



.vedio_card .img::before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.2);

    transition: 0.2s;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



.vedio_card .img::after {

    content: "";

    position: absolute;

    width: 55px;

    height: 38px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: url(../images/icon/play-icon-white.svg);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transition: 0.2s;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

}



.vedio_card .img:hover:after {

    background: url(../images/icon/play-icon-red.svg);

}



.vedio_card .img img {

    width: 100%;

    height: auto;

}



.vedio_card:hover .img::before {

    background-color: rgba(0, 0, 0, 0.6);

}



.news_row {

    margin-right: -1rem;

    margin-left: -1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.news_card .img {

    background-color: #fff;

    border: 1px solid #e5e5e5;

}



#newslist_all .news_card,

#newslist .news_card {

    display: none;

}



.news_text p {

    color: #666;

    margin-bottom: 0.666rem;

}

.news_text h2 {
    color: #333;
    font-size: 1.155em;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: -0.01em;
    padding: 0 0.5em 0;
}

.news_text h3 {
    color: #333;
    font-size: 1.155em;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: -0.01em;
    padding: 0 0.5em 0;
}

.news_date p {
    color: #333;
    margin-bottom: 2px;
}

.news_text p.date{
    color: rgba(159,150,133,0.77);
    font-weight: normal;
    padding: 0 0.5em 0;
    letter-spacing: -0.01em;
}

.download_card_row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -1rem;

    margin-left: -1rem;

    margin-bottom: 2.3854167vw;

}



.download_card {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    padding: 2rem 1rem;

}



.dm_img {

    width: 150px;

    height: auto;

    background-color: #eeedec;

}



.dm_img img {

    width: 100%;

    height: auto;

}



.dm_des {

    width: calc(100% - 150px - 2rem);

    margin-left: 2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.dm_des h3 {

    margin-bottom: 0.333rem;

}



.dm_des p.fs_18 {

    margin-bottom: 1rem;

}



.dm_des p.fs_16 {

    margin-bottom: 1rem;

}



.dm_des a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #008CD6;

    padding: 1rem 2.66rem;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    width: 60%;

}



.dm_des a p.fs_18 {

    color: #fff;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    margin-bottom: 0;

}



.dm_des a .img {

    width: 34px;

    height: 23px;

    margin-right: 0.8rem;

}



.dm_des a:hover {

    background-color: #FFF100;

}



.dm_des a:hover p.fs_18 {

    color: #333;

}



.dm_des .dom-btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



#technology h2 {

    font-weight: normal;

    font-weight: 500;

    /*margin-bottom: 20px;*/

}



#technology_content_1 p.fs_24 {

    text-align: center;

}



#technology_content_2 {

    background-color: #f1f1f1;

    padding-top: 6.666rem;

    padding-bottom: 8.333rem;

}



#technology_content_1 .flex_row .img,

#technology_content_1 .flex_row .text,

#technology_content_2 .flex_row .img,

#technology_content_2 .flex_row .text,

#technology_content_3 .flex_row .img,

#technology_content_3 .flex_row .text {

    padding-right: 1rem;

    padding-left: 1rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}



#technology_content_3 {

    margin-top: 8.333rem;

    padding-bottom: 8.333rem;

    margin-bottom: 0;

}



.tech_card {

    padding-right: 1rem;

    padding-left: 1rem;

	padding-bottom: 1rem;

/*     display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; 

    margin-bottom: 1rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;*/

    min-width: 25%;

    text-align: center;

}



.tech_card .img {

    width: 100%;

}



.tech_card.icons .img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;    

}



.tech_card img {

    width: 100%;

}



#technology_content_4 {

    padding-top: 4rem;

    padding-bottom: 6.666rem;

    background-color: #f1f1f1;

    margin-bottom: 0;

}



#technology_content_4 h2 {

    text-align: center;

    margin-bottom: 4rem;

}



#technology_content_4 .flex_row {

    display: inline-flex;

    align-items: flex-start;

}



#technology_content_4 .flex_row .tech_card {

width: 20%;

min-width: 20%;

flex: 0;

}



#technology_content_5 {

    padding-top: 4rem;

    padding-bottom: 6.666rem;

}



#technology_content_5 .flex_row {

    -ms-flex-pack: distribute;

    justify-content: space-around;

}



#technology_content_5 h2 {

    text-align: center;

    margin-bottom: 4rem;

    text-transform: capitalize;

}



#technology_content_5 .img {

    width: 135px;

    height: 122px;

    margin-bottom: 2rem;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

        display: inline-block;

}



#technology_content_5 p {

    text-align: center;

    line-height: 2rem;

    font-weight: 400;

    letter-spacing: 0;

}



.button_row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.more,

.btn-blue {

    background-color: #008CD6;

    width: 378px;

    height: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.more p,

.btn-blue p {

    color: #fff;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.more:hover,

.btn-blue:hover {

    background-color: #FFF100;

}



.more:hover p,

.btn-blue:hover p {

    color: #333;

}



#new_content_3 {

    background-color: #333;

    padding-top: 2rem;

    padding-bottom: 2rem;

    margin-bottom: 0;

}



#new_content_3 .mater {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



#new_content_3 .mater_dep {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

}



#new_content_3 .text {

    padding-right: 6rem;

}



#new_content_3 .img {

    margin-right: 2rem;

}



#new_content_3 .img > img {

    width: 45px;

    height: 52px;

}



#new_content_3 h2 {

    color: #fff;

    margin-bottom: 0.333rem;

}



#new_content_3 .fs_18 {

    color: rgba(255, 255, 255, 0.8);

}



#new_content_3 a {

    background-color: #fff;

    padding: 1rem 2rem;

/*     height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content; */

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



#new_content_3 a:hover {

    background-color: #FFF100;

}



#new_content_3 a:hover .fs_18 {

    color: #333;

}



#new_content_3 a .fs_18 {

    color: #333;

    white-space: nowrap;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



#news_i_content_1 p {

    text-align: center;

}



#news_i_content_1 {

    margin-bottom: 0;

}



#news_i_content_1 h1,

#news_i_content_1 p.fs_18 {

    margin-bottom: 0.666rem;

}



#news_i_content_2 .container {

    padding-right: 9rem;

    padding-left: 9rem;

}



#news_i_content_2 h2 {
    margin-top: 2rem;
}

#news_i_content_2 h2.sm-3{
    margin-top: 5rem;
    font-size: 1.488em;
    font-weight: bold;
    line-height: 1.25em;
    letter-spacing: -0.01em;
}
#news_i_content_2 h2.sm-3 .kw-space-all{
    margin: 0 -0.28em 0;
}
#news_i_content_2 h2.sm-3 .kw-space-rig{
    margin: 0 -0.28em 0 0;
}
#news_i_content_2 h2.sm-3 .kw-space-lef{
    margin: 0 0 0 -0.28em;
}
#news_i_content_2 h2 strong{
    font-weight: bold;
}
#news_i_content_2 h2 em{
    font-style: normal;
}

#news_i_content_2 p {
    font-size: 1.033rem;
    line-height: 1.66;
    letter-spacing: -0.01em;
}

#news_i_content_2 p strong{
    font-weight: normal;
}
#news_i_content_2 p em{
    font-style: normal;
}
#news_i_content_2 p a{
    color: #3e3a39;
    text-decoration: none;
}

#news_i_content_2 img{
    width: 100%;
    height: auto;
    max-width: 700px;
    margin: 1.5em 0 0.5em;
}

#news_i_content_2 figcaption{
    color: #888;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.02em;
}

#news_i_content_2 .subscribe-zone{
    color: #555;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: -0.01em;
    line-height: 1.66em;
    text-align: left;
    margin: 88px 0 0 0;
    padding: 2.2em 3em 2em;
    background: rgba(249,245,238,0.99);
    border-radius: 15px;
}

#news_i_content_2 .subscribe-zone ul{
    padding: 0 0 0 0.66em;
}

#news_i_content_2 .subscribe-zone ul li{
    margin: 0 0 1em 0;
    list-style-image: url(../images/li-ico.png);
}

#news_i_content_2 .subscribe-zone ul li:nth-last-child(1){
    margin: 0 0 0 0;
}

#news_i_content_2 .subscribe-zone a{
    color: #008cd6;
    font-size: 1.033em;
    font-weight: bold;
    text-decoration: underline;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

#news_i_content_2 .subscribe-zone a:hover{
    color: #555;
    text-decoration: none;
}

/*#news_i_content_2 .subscribe-zone img.gotoYT_BTN{
    max-width: 128px;
    margin: 2.2em 0 0.5em;
}

#news_i_content_2 .subscribe-zone p{
    display: block;
    margin: 1em 0 0 0;
    line-height: 1.66;
}

#news_i_content_2 .subscribe-zone p a.yt_btn{
    color: #fff;
    background: #999;
    line-height: 2.5em;
    padding: 0.3em 0.66em;
    border-radius: 4px;
}

#news_i_content_2 .subscribe-zone p a.yt_btn:hover,
#news_i_content_2 .subscribe-zone p a.yt_btn:active{
    background: #e74c3c;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}*/

#news_i_content_2 .flex_row {
    padding-right: 8rem;
    padding-left: 8rem;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 4.666rem;
    display: block;
}



#news_i_content_2 .img {

    width: 100%;

    margin-bottom: 3rem;

    position: relative;

}



.link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    margin-bottom: 1.333rem;

}



.link p {

    margin-right: 0.666rem;

}



.link .share-img {

    width: 30px;

    height: 30px;
    
    margin: 5px;

}



.btn-area {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 2rem;

    width: 100%;

}



#download_content_1 {

    margin-bottom: 2.333rem;

}



#download_content_1 h1 {

    margin-bottom: 1.333rem;

}



#download_content_1 p {

    text-align: center;

    margin-bottom: 0;

}



#download_content_1 a {

    text-decoration: underline;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



#download_content_1 a:hover {

    text-decoration: underline !important;

    color: rgba(62, 58, 57, 0.65);

}



.worldwide_table {

    width: 100%;

}



.worldwide_table th {

    background-color: #008CD6;

    border-bottom: 2px solid #fff;

    border-right: 2px solid #fff;

    padding: 1.2rem 2rem;

    color: #fff;

}



.worldwide_table h2 {

    margin-bottom: 0;

}



.worldwide_table td {

    background-color: #F1F1F1;

    border-bottom: 2px solid #fff;

    padding-left: 2rem;

    padding-right: 2rem;

    width: 85%;

}



.point_group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    width: 100%;

    margin-bottom: 4rem;

}



.point_map {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    height: 20vw;

}



.point_map iframe {

    width: 100%;

    height: 100%;

}



.point_info h2 {

    margin-bottom: 2.333rem;

    color: #333;

}



.point_info h3 {

    margin-bottom: 1.333rem;

    color: #333;

    font-weight: 500;

}



.point_info .img {

    width: 19.5px;

}



.point_info p {

    padding-bottom: 0.66rem;

    color: #333;

}



.info_des {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 0.66rem;

    padding-bottom: 0.66rem;

}



.info_des .img {

    margin-right: 0.666rem;

}



.info_des a {

    color: #000;

}



#contact_content_1 .container {

    padding-right: 7rem;

    padding-left: 7rem;

}



#contact_content_1 p {

    margin-bottom: 0;

}



#contact_content_1 table {

    width: 100%;

}



#contact_content_1 table tr:hover td {

    background-color: #eee;

}



#contact_content_1 table tr:hover .img_del {

    background-color: red;

}



#contact_content_1 table th {

    background-color: #008CD6;

    padding: 1rem 2rem;

}



#contact_content_1 table th .fs_22 {

    text-align-last: left;

}



#contact_content_1 table td {

    background-color: #F7F7F7;

    padding: 0.7rem 2rem 0.7rem;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

}



#contact_content_1 table .icon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



#contact_content_1 table .last_td {

    width: 5%;

}



#contact_content_1 table .img_del {

    background-color: #999;

    width: 35px;

    height: 35px;

    position: relative;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    cursor: pointer;

}



#contact_content_1 table .img_del::before {

    position: absolute;

    content: "";

    background-color: #fff;

    width: 20px;

    height: 2px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(45deg);

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

    -moz-transform: translate(-50%, -50%) rotate(45deg);

    -ms-transform: translate(-50%, -50%) rotate(45deg);

    -o-transform: translate(-50%, -50%) rotate(45deg);

}



#contact_content_1 table .img_del::after {

    position: absolute;

    content: "";

    background-color: #fff;

    width: 20px;

    height: 2px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(-45deg);

    -webkit-transform: translate(-50%, -50%) rotate(-45deg);

    -moz-transform: translate(-50%, -50%) rotate(-45deg);

    -ms-transform: translate(-50%, -50%) rotate(-45deg);

    -o-transform: translate(-50%, -50%) rotate(-45deg);

}



#about_content_1 .img,

#about_content_1 .text,

#about_content_2 .img,

#about_content_2 .text {

    padding-right: 1rem;

    padding-left: 1rem;

}



#about_content_1 .img,

#about_content_2 .img {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 45%;

    flex: 0 0 45%;

    max-width: 45%;

}



#about_content_1 .text,

#about_content_2 .text {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 55%;

    flex: 0 0 55%;

    max-width: 55%;

}



#about_content_1 img,

#about_content_2 img {

    border: 1px solid #eeeeee;

}



#about_content_1 .fs_24 {

    text-align: center;

}



#about_content_1 .fs_22 {

    color: #333;

    font-weight: 500;

}



#about_content_2 {

    background-color: #F7F7F7;

    padding-top: 6.666rem;

    padding-bottom: 6rem;

}



#about_content_2 h3 {

    font-weight: 500;

    margin-bottom: 2rem;

}



#about .section_base {

    margin-bottom: 0;

}



#about_content_4 {

    background-color: #008CD6;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 6.666rem;

    padding-bottom: 6.666rem;

}



#about_content_4 h2 {

    color: #fff;

    margin-bottom: 1.666rem;

}



#about_content_4 .block_yellow {

    width: 58px;

    height: 5px;

    background-color: #FFF100;

    margin-bottom: 1.5rem;

}



#about_content_4 p {

    color: #eee;

    font-weight: 300;

}



#about_content_4 .history {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    margin-bottom: 3.666rem;

}



.history_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.history_list .fs_30 {

    margin-bottom: 0.666rem;

    font-weight: 100;

}



.history_list .img_area {

    width: 228px;

    height: 154px;

    margin-bottom: 2rem;

}



.history_list .des {

    padding-top: 1.333rem;

}



.history_list .des h3 {

    margin-bottom: 0.666rem;

    color: #fff;

    font-weight: 300;

    text-transform: uppercase;

}



.history_list .des p {

    font-weight: 100;

}



#about_content_5 {

    padding-top: 6.666rem;

    padding-bottom: 4.666rem;

}



#about_content_5 h2 {

    text-align: center;

    margin-bottom: 3.666rem;

    color: #000;

}



#about_content_5 h3 {

    margin-bottom: 0.5rem;

    color: #333;

    font-weight: 500;

}



.adv_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 2rem;

}



.adv_list .icon {

    width: 130px;

    height: 130px;

    margin-right: 2rem;

    background-color: #FFF100;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}

.adv_list .text {

    width: calc(100% - 130px)

}



#contact_content_1,

#contact_content_2 {

    margin-bottom: 5.666rem;

}



#contact_content_1 .fs_40,

#contact_content_2 .fs_40 {

    color: #008CD6;

    text-transform: uppercase;

    font-weight: bold;

}



#contact_content_1 h1,

#contact_content_2 h2 {

    margin-bottom: 1.6rem;

}



#contact_content_1 p {

    font-weight: 500;

}



#contact_content_1 .fs_22 {

    color: #fff;

}



#contact_content_2 h2,

#contact_content_2 p {

    text-align: center;

}



#contact_content_2 .flex_row {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



#contact_content_1 table,

#contact_form {

    margin-top: 3.5rem;

}



.contact_form_table {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.contact_form_table input,

.contact_form_table select,

.contact_form_table textarea {

    background-color: #F7F7F7;

    padding: 1rem;

    border: 0;

    font-size: 1.2rem;

    color: #3E3A39;

  /*  min-height: 56px;*/

}



.form_th {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 160px;

    white-space: nowrap;

}



.form_th p {

    color: #3E3A39;

}



.form_th .red {

    margin-left: 3px;

}



.form_td_s {

    width: calc(100% - 160px);

}



.form_td {

    width: calc(100% - 160px);

}



.form_td input {

    width: 100%;

}



.form_td select {

    width: 100%;

}



.form_td textarea {

    width: 100%;

}



.form_td_s input,

.form_td input {

    width: 100%;

}



.form_row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    margin-bottom: 2rem;

}



.form_row_s {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    margin-bottom: 2rem;

}



.contect_name,

.contect_main,

.code {

    padding-right: 10px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.contect_time {

    width: calc(100% - 160px);

}



.contect_time select {

    width: 100%;

}



.contect_name {

    width: calc(100% - 160px);

}



.contect_name input {

    width: calc(100% - 115px);

}



.contect_name select {

    width: 110px;

    padding-right: 0.8rem;

}



.code {

    width: calc(100% - 160px);

}



.code input {

    width: calc(100% - 100px);

}



.code img {

    width: 90px;

    margin-left: 5px;

}



.contect_Phone input {

    width: 100%;

}



#btn_sub {

    width: 100%;

    text-align: center;

    background-color: #008CD6;

    padding: 1rem;

    color: #fff;

	transition:.5s;

}



#btn_sub:hover {

    background-color: #FFF100;

    color: #333;

}



.index_mater {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.index_mater .mater_right img {

    width: 45px;

/*     height: 70px; */

    margin-right: 50px;

}

.index_mater .mater_right .mater_dep {

    width: calc(100% - 125px);

}



#products_i .index_mater h2 {

    color: #fff;

}



.carousel.style1 {

    margin-bottom: 30px;

}



.carousel.style1 .carousel-indicators {

    bottom: -10px;

}



/*.carousel.style1 .carousel-indicators li {

    background: url(../images/index/index_owldot.svg) center center no-repeat;

    width: 20px;

    height: 13px;

    margin: 0 1px;

    background-size: cover;

    border: none;

    border-radius: 0;

}



.carousel.style1 .carousel-indicators li.active {

    background: url(../images/index/index_owldot_active.svg) center center no-repeat;

    width: 20px;

    height: 13px;

    margin: 0 1px;

    background-size: cover;

    border: none;

    border-radius: 0;

}*/



.carousel.style1 .carousel-indicators {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    position: relative;

    left: 0;

/*    padding: 0 10%;*/

    margin-left: 0;

    bottom: 0;

    margin-top: 6px

}

.carousel.style1 .carousel-indicators li {

    width: calc(100% / 4 - 2px);

    border: none;

    background: transparent;

    background-size: contain;

    height: 80px;

    border-radius: 0;

    margin: 0 1px 2px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: .8;

        -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.carousel.style1 .carousel-indicators li:hover {

    opacity: 1;

        -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



/*.carousel.style1 .carousel-inner>.item {

    padding: 0 50px;

}*/



.carousel.style1 .carousel-control {

    height: 65%;

}

.carousel.style1 .carousel-control .glyphicon {

    background: url(../images/icon/turn_left.svg) center center no-repeat;

    width: 24px;

    height: 44px;

    margin-right: 0;

    background-size: contain;

    opacity: .7;

    right: 0;

    transform: rotate(180deg);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.carousel.style1 .carousel-control .glyphicon.glyphicon-chevron-left {

    background: url(../images/icon/turn_left.svg) top center no-repeat;

    background-size: contain;

    margin-left: 0;

    left: 0;

    right: auto;

    transform: rotate(0);

}



.carousel.style1 .carousel-control .glyphicon:hover {

    opacity: 1;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.display-mobile {

    display: none

}



.error-404 {

    margin-top: 200px;

    text-align: center;

    padding-bottom: 60px;

}

.error-404 .ttm-big-icon {

    margin: 15px 0;

}

.error-404 .ttm-big-icon .ti-alert,

.error-404 .ttm-big-icon .ti-check {

    width: 250px;

    height: 250px;

    display: inline-block;

}

.error-404 .ttm-big-icon .ti-alert {

    background: url(../images/icon-404.svg) center center no-repeat;

}

.error-404 .ttm-big-icon .ti-check {

    background: url(../images/icon-success.svg) center center no-repeat;

}

.ttm-btn-color-skincolor{

    margin-top: 30px;

        display: inline-block;

    padding: 1rem 4rem;

    background-color: #008CD6;

    color: #fff;

}

.ttm-btn-color-skincolor:hover {

    background-color: #FFF100;

    color: #333;

}



@media (min-width: 768px) {



/*     .form_table,

    .form_table_btn {

        width: 920px;

    } */



    #technology_content_3 .text {

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1;

    }



    #technology_content_3 .img {

        -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

        order: 2;

    }



    .mater_form_tr,

    .mater_form_name {

        width: 100%;

    }



    .mater_form_thead {

        width: 25%;

    }



    .page_btns--device {

        display: none;

    }



    .page_btns {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }



    .page_btn {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        border: 1px solid #cccccc;

        padding: 12px 10px;

        min-width: 18rem;

        margin-right: 0.333rem;

        margin-left: 0.333rem;

        transition: all .5s;

    }



    .page_btn p {

        margin-bottom: 0;

        color: #999;

        text-align: center;

    }



    .page_btn:hover {

        background-color: #FFF100;

        border-color: #FFF100;

        transition: all .5s;

    }



    .page_btn:hover p {

        color: #333;

    }



    .page_btn.active,

    .page_btn.active:hover {

        background-color: #008CD6;

        border-color: #008CD6;

    }



    .page_btn.active p {

        color: #fff;

    }



    #news_content_1 .page_btn {

        min-width: 12rem;

    }



    #products_i_2::after {

        content: "";

        position: absolute;

        bottom: 0;

        left: 0;

        /*background-color: #f7f7f7;*/

        height: 7.33rem;

        width: 100vw;

        z-index: -1;

    }



    #download_content_2 .download_card {

        border-bottom: 1px solid #EEEDEC;

    }



    #download_content_2 .download_card:nth-child(2n+1) {

        padding-left: 0rem;

    }



    #download_content_2 .download_card:nth-child(2n+2) {

        padding-right: 0rem;

    }



    #download_content_2 .download_card:nth-last-child(1) {

        border: none;

    }



    #download_content_2 .download_card:nth-last-child(2) {

        border: none;

    }



    .point_map {

        padding-right: 1rem;

    }



    .point_info {

        padding-left: 1rem;

    }



    .point_info br {

        display: none;

    }



    .history_list {

        margin-left: -1rem;

    }



    .history_list .year {

        padding-top: 1.666rem;

        padding-right: 4rem;

        margin-right: 4rem;

        text-align: right;

        border-right: 3px solid #FFF100;

        position: relative;

    }



    .history_list .year::after {

        content: "";

        position: absolute;

        right: 0;

        top: 1.666rem;

        transform: translateX(55%);

        width: 20px;

        height: 20px;

        background-color: #008CD6;

        border: 3px solid #FFF100;

        border-radius: 50%;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        -ms-border-radius: 50%;

        -o-border-radius: 50%;

        -webkit-transform: translateX(55%);

        -moz-transform: translateX(55%);

        -ms-transform: translateX(55%);

        -o-transform: translateX(55%);

    }



    .history_list .img_area {

        margin-right: 1.5rem;

        margin-bottom: 3rem;

    }



    .history_list .des {

        padding-top: 1.333rem;

        width: 500px;

        margin-bottom: 3rem;

    }



    .history_list .des h3 {

        margin-bottom: 0.666rem;

        color: #fff;

        font-weight: 300;

        text-transform: uppercase;

    }



    .history_list p.fs_30 {

        width: 100px;

    }



    .history_list:nth-last-child(1) .des {

        padding-bottom: 5rem;

    }



    #contact_content_2 textarea::-webkit-input-placeholder,

    #contact_content_2 input::-webkit-input-placeholder,

    #contact_content_2 select::-webkit-input-placeholder,

    #content_5 textarea::-webkit-input-placeholder,

    #content_5 input::-webkit-input-placeholder,

    #content_5 select::-webkit-input-placeholder {

        color: transparent;

    }



    #contact_content_2 textarea:-ms-input-placeholder,

    #contact_content_2 input:-ms-input-placeholder,

    #contact_content_2 select:-ms-input-placeholder,

    #content_5 textarea:-ms-input-placeholder,

    #content_5 input:-ms-input-placeholder,

    #content_5 select:-ms-input-placeholder {

        color: transparent;

    }



    #contact_content_2 textarea::-ms-input-placeholder,

    #contact_content_2 input::-ms-input-placeholder,

    #contact_content_2 select::-ms-input-placeholder,

    #content_5 textarea::-ms-input-placeholder,

    #content_5 input::-ms-input-placeholder,

    #content_5 select::-ms-input-placeholder {

        color: transparent;

    }



    #contact_content_2 textarea::placeholder,

    #contact_content_2 input::placeholder,

    #contact_content_2 select::placeholder,

    #content_5 textarea::placeholder,

    #content_5 input::placeholder,

    #content_5 select::placeholder {

        color: transparent;

    }

}



@media (min-width: 992px) {



    .resualt_card .img,

    .products_card .img {

        height: 13vw;

    }

}



@media (min-width: 992px) and (max-width: 1280px) {

    .table_th_1 {

        width: 100px;

    }



    .table_th_2 {

        width: 55px;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .product_table p.fs_18 {

        font-size: 12px;

        white-space: wrap;

        line-height: 14PX;

    }



    .table_th_1 {

        width: 150px;

    }



    .table_th_2 {

        width: 180px;

    }



    .table_th_3 {

        width: 80px;

    }



    .table_th_4 {

        width: 80px;

    }



    .table_th_5 {

        width: 80px;

    }



    .table_th_6 {

        width: 80px;

    }



    .table_th_7 {

        width: 80px;

    }

}



@media (max-width: 767px) {

    .breadcrumb {

        margin-top: 60px;

    }



    .breadcrumb a {

        z-index: 1000;

    }



    .index_mater .mater_right img {

        margin-right: 30px;

    }



    .page_main .container {

        padding-right: 1rem;

        padding-left: 1rem;

    }



    .section_base .container {

        padding-right: 15px;

        padding-left: 15px;

    }

    .dm_des a {

        width: auto

    }



    #mater_deli {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }



    #mater_deli .img {

        width: 100%;

        margin-bottom: 20px;

    }



    .text_dep {

        padding-top: 0px;

        padding-left: 0px;

    }



    #materials .page_main .container {

        padding-right: 15px;

        padding-left: 15px;

    }



    .mater_form_tr {

        position: relative;

        width: 100%;

        background-color: #F7F7F7;

    }



    .mater_form_thead {

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0;

        width: 100%;

        z-index: 0;

        opacity: 0.5;

    }



    .mater_form_td,

    .mater_form_textarea {

        width: 100%;

        min-width: 100%;

        background-color: rgba(255, 255, 255, 0);

        z-index: 3;

    }



    .mater_form_td input,

    .mater_form_td textarea,

    .mater_form_textarea input,

    .mater_form_textarea textarea {

        width: 100%;

        /* background-color: rgba(255, 255, 255, 0); */

        font-size: 14px;

        padding: 10px;

        margin: -10px;

    }



    .mater_form_td input:focus,

    .mater_form_td input:disabled,

    .mater_form_td input.disabled,

    .mater_form_td textarea:focus,

    .mater_form_td textarea:disabled,

    .mater_form_td textarea.disabled,

    .mater_form_textarea input:focus,

    .mater_form_textarea input:disabled,

    .mater_form_textarea input.disabled,

    .mater_form_textarea textarea:focus,

    .mater_form_textarea textarea:disabled,

    .mater_form_textarea textarea.disabled {

        background-color: #F7F7F7;

    }



    .index_mater .mater_right {

        padding: 45px 20px;

        width: 100%;

    }



    .mater_right img {

        width: 46px;

        height: 46px;

        margin-right: 12px;

    }



    .mater_dep p {

      /*  font-size: 16px;*/

        line-height: 18px;

        margin-bottom: 20px;



		margin-top: 3px;

    color: rgba(255, 255, 255, .7);

    letter-spacing: .8px;

    }



    .mater_dep a {

        font-size: 16px;

    }



    .industries_btns {

        width: 100vw;

    }



    .industries_btns_row,

    .material_btns_row,

    .resualts_row {

        margin-right: -15px;

        margin-left: -15px;

        padding-right: 10px;

        padding-left: 10px;

    }



    .industries_btn,

    .material_btn,

    .resualt_card {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

        padding: 5px;

    }



    .industries_card {

        padding: 1rem;

    }



    .material_btncard {

        padding: 1rem;

    }



    #finder_content_2 img {

        margin: 0;

    }



    #finder_content_3 .tab-content {

        width: 100%;

    }



    .resualt_cards {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }



    .resualt_card {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

        padding: 10px 5px;

    }



    #finder_content_4 .tab-content {

        width: 100%;

    }



    #finder_content_4 .tab-content .resualt_card .img img {

        width: 100%;

        height: auto;

    }



    #finder_content_4 .resualts_row {

        width: 100vw;

    }



    #finder_content_4 .tab-content>.active,

    #finder_content_3 .tab-content>.active {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        margin-right: 0px;

        margin-left: 0px;

    }



    #finder_content_2 h2.fs_30,

    #finder_content_3 h2.fs_30{

        display: block;

        text-align: center;

    }



    #machine_finder .tab-content>.active {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }



    .industries_mobbtn_open,

    .material_mobbtn_open {

        background-color: #F7F7F7;

    }



    .industries_mobbtn_open p,

    .material_mobbtn_open p {

        font-size: 16px;

    }



    .industries_mobbtn_open:hover {

        background-color: #FFF100;

    }



    #industries_area .industries_btns.dn,

    #material_area .material_btns_group.dn {

        display: none;

    }



    #industries_area .industries_btns_row {

        margin-right: 0px;

        margin-left: 0px;

        padding-right: 10px;

        padding-left: 10px;

        width: 100vw;

    }



    .industries_btns.active {

        position: fixed;

        top: 0;

        left: 0;

        width: 100vw;

        height: 100vh;

        overflow: scroll;

        background-color: rgba(0, 0, 0, 0.8);

        padding-top: 100px;

    }



    .industries_btns.active .industries_mobbtn_close {

        color: #fff;

    }



    .industries_btns.active .industries_mobbtn_close p {

        margin-left: 15px;

		font-size:18px;

    }



    .material_btns_group {

        position: fixed;

        top: 0;

        left: 0;

        width: 100vw;

        height: 100vh;

        overflow: scroll;

        background-color: rgba(0, 0, 0, 0.8);

        padding-top: 100px;

    }



    .material_btns_group .material_mobbtn_close {

        color: #fff;

    }



    .material_btns_group .material_mobbtn_close p {

        margin-left: 15px;

				font-size:18px;

    }



    .material_mobbtn_open.visible-xs.active:hover {

        background-color: #FFF100;

    }



    .industries_mobbtn_open.visible-xs,

    .material_mobbtn_open.visible-xs {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        padding: 20px;

    }



    .industries_mobbtn_open.visible-xs {

        min-height: 215px;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }



    .material_mobbtn_open.visible-xs {

        min-height: 50px;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

    }



    .material_mobbtn_open.visible-xs,

    .material_mobbtn_close.visible-xs {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        padding: 20px 20px;

    }



    .material_mobbtn_close.visible-xs {

        padding: 0;

    }



    #industries_area.active .industries_mobbtn_open.visible-xs.active p,

    #industries_area.active .industries_mobbtn_open.visible-xs.active .industries_mobbtn {

        display: none;

    }



    #industries_area.active .industries_mobbtn_open.visible-xs.active img {

        width: 100%;

        height: auto;

        max-width: 100px;

    }



    .industries_mobbtn_close.visible-xs,

    .material_mobbtn_close.visible-xs {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        margin-bottom: 5px;

    }



    .industries_mobbtn_close.visible-xs .industries_mobbtn,

    .industries_mobbtn_close.visible-xs .material_mobbtn,

    .material_mobbtn_close.visible-xs .industries_mobbtn,

    .material_mobbtn_close.visible-xs .material_mobbtn {

        position: relative;

        width: 30px;

        height: 30px;

        margin-right: 15px;

        border-radius: 50%;

        background-color: #000;

        transform: rotate(45deg);

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        overflow: hidden;

    }



    .industries_mobbtn_close.visible-xs .industries_mobbtn::before,

    .industries_mobbtn_close.visible-xs .industries_mobbtn::after,

    .industries_mobbtn_close.visible-xs .material_mobbtn::before,

    .industries_mobbtn_close.visible-xs .material_mobbtn::after,

    .material_mobbtn_close.visible-xs .industries_mobbtn::before,

    .material_mobbtn_close.visible-xs .industries_mobbtn::after,

    .material_mobbtn_close.visible-xs .material_mobbtn::before,

    .material_mobbtn_close.visible-xs .material_mobbtn::after {

        position: absolute;

        content: " ";

        background-color: #fff;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

    }



    .industries_mobbtn_close.visible-xs .industries_mobbtn::before,

    .industries_mobbtn_close.visible-xs .material_mobbtn::before,

    .material_mobbtn_close.visible-xs .industries_mobbtn::before,

    .material_mobbtn_close.visible-xs .material_mobbtn::before {

        width: 2px;

        height: 15px;

    }



    .industries_mobbtn_close.visible-xs .industries_mobbtn::after,

    .industries_mobbtn_close.visible-xs .material_mobbtn::after,

    .material_mobbtn_close.visible-xs .industries_mobbtn::after,

    .material_mobbtn_close.visible-xs .material_mobbtn::after {

        width: 15px;

        height: 2px;

    }



    .page_btns-container {

        position: relative;

    }



    .page_btns--device {

        display: block;

    }



    .page_btns--device .page_btn {

        position: relative;

    }



    .page_btns--device .page_btn:after {

        content: '';

        position: absolute;

        right: 20px;

        width: 0;

        height: 0;

        border-style: solid;

        border-width: 10px 5px 0 5px;

        border-color: #cccccc transparent transparent transparent;

    }



    .page_btns--device .page_btn p {

        color: #cccccc;

    }



    .page_btns--device .page_btn:hover {

        background-color: transparent;

    }



    .page_btns--device .page_btn:hover p {

        color: #cccccc;

    }



    .page_btns--device.active .page_btn {

        background-color: #008CD6;

    }



    .page_btns--device.active .page_btn:after {

        border-color: #fff transparent transparent transparent;

    }



    .page_btns--device.active .page_btn p {

        color: #fff;

    }



    .page_btns {

        display: none;

        position: absolute;

        right: 0;

        left: 0;

        top: 100%;

        z-index: 1;

        background-color: #fff;

    }



    .page_btn {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        border: 1px solid #cccccc;

        padding: 1rem 0rem;

        min-width: 18vw;

        margin-right: 0.333rem;

        margin-left: 0.333rem;

    }



    .page_btn p {

        margin-bottom: 0;

        color: #cccccc;

        text-align: center;

    }



    .page_btn:hover {

        background-color: #FFF100;

    }



    .page_btn:hover p {

        color: #333;

        font-weight: 500;

    }



    .page_btn.dn {

        display: none;

    }



    .page_btn.active {

        background-color: #008CD6;

    }



    .page_btn.active p {

        color: #fff;

    }



    #products_content_2 .container {

        padding-right: 5px;

        padding-left: 5px;

    }



    .products_row {

        margin-right: 0px;

        margin-left: 0px;

        padding-right: 0px;

        padding-left: 0x;

        width: 100%;

    }



    .products_card {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

        padding: 10px 10px;

        margin-bottom: 1.333rem;

    }



    .resualt_card .img,

    .products_card .img {

        height: 26.666vw;

    }



    .banner_des {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        margin-bottom: 50px;

    }



    .banner_des a {

        text-align: center;

    }



    .banner_des p.fs_18 {

        margin-bottom: 3rem;

    }



    .products_i_banner_row {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }



    .product_table {

        overflow: scroll;

        overflow-y: hidden;

        margin-bottom: 20px;

    }



    .product_table p {

        padding: 0px;

        font-size: 12px;

        line-height: 14px;

        white-space: nowrap;

    }



    #products_i_7 .img {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        min-width: 100%;

        padding-right: 0rem;

    }



    .resualt_card,

    .products_card,

    .news_card {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        max-width: 100%;

        padding: 0.666rem 5px;

        margin-bottom: 1.333rem;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .resualt_card .img,

    .products_card .img,

    .news_card .img {

        width: 100%;

        margin-bottom: 10px;

    }



    .resualt_card .news_text,

    .products_card .news_text,

    .news_card .news_text {

        width: 100%;

        padding: 15px;

    }



    .news_row {

        padding-right: 10px;

        padding-left: 10px;

    }



    .vedio_card {

        padding-right: 1rem;

        padding-left: 1rem;

        margin-bottom: 2rem;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 33.333%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .download_card {

        width: 100%;

        flex: 1;

    }

    .dm_des a {

        padding: 1rem;

    }



    .flex_row {

        margin-right: 0;

        margin-left: 0;

    }



    .flex_row .text,

    .flex_row .img {

        padding-right: 0;

        padding-left: 0;

    }



    #technology_content_1 .flex_row,

    #technology_content_2 .flex_row,

    #technology_content_3 .flex_row {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }



    #technology_content_1 .flex_row .img,

    #technology_content_1 .flex_row .text,

    #technology_content_2 .flex_row .img,

    #technology_content_2 .flex_row .text,

    #technology_content_3 .flex_row .img,

    #technology_content_3 .flex_row .text {

        padding-right: 0;

        padding-left: 0;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        min-width: 100%;

    }



    #technology_content_1 h2,

    #technology_content_2 h2,

    #technology_content_3 h2,

    #technology_content_4 h2,

    #technology_content_5 h2 {

        font-size: 20px;

    }



    #technology_content_1 p,

    #technology_content_2 p,

    #technology_content_3 p,

    #technology_content_4 p,

    #technology_content_5 p {

        /*font-size: 16px;*/

        line-height: 22px;

    }



    #technology_content_4 .flex_row,

    #technology_content_5 .flex_row {

        margin-right: -0.5rem;

        margin-left: -0.5rem;

    }



    #technology_content_4 .tech_card,

    #technology_content_5 .tech_card {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        min-width: 50%;

        padding-right: 0.5rem;

        padding-left: 0.5rem;

    }



    #technology_content_1 {

        margin-top: 2.3rem;

        margin-bottom: 1rem;

    }



    #technology_content_1 p.fs_24 {

        text-align: center;

        padding-right: 30px;

        padding-left: 30px;

        font-weight: 600;

        font-size: 20px;

    }



    #technology_content_2,

    #technology_content_3,

    #technology_content_4,

    #technology_content_5 {

        padding-top: 3rem;

        padding-bottom: 3rem;

        margin-top: 0rem;

        margin-bottom: 0rem;

    }



    #technology_content_2 h2,

    #technology_content_3 h2,

    #technology_content_4 h2,

    #technology_content_5 h2 {

        margin-top: 1.66rem;

        margin-bottom: 1.66rem;

    }



    #technology_content_4 h2,

    #technology_content_5 h2 {

        margin-top: 0;

    }



    #technology_content_5 .flex_row {

        margin-right: 0rem;

        margin-left: 0rem;

    }



    #technology_content_5 .img img {

        width: 80px;

    }



    .resualt_card .img,

    .products_card .img,

    .news_card .img {

        height: 50vw;

    }

    .news_card .img {

        height: auto;

    }



    #news_i_content_2 .container {

        padding-right: 1rem;

        padding-left: 1rem;

    }



    #news_i_content_2 .container .flex_row {

        padding-right: 0rem;

        padding-left: 0rem;

        border-bottom: 1px solid #eeeeee;

        padding-bottom: 4.666rem;

    }



    #new_content_3 .mater_dep {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        width: 75%;

    }



    #new_content_3 .mater_dep a {

        width: 70%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }



    #new_content_3 .mater_dep a p.fs_18 {

        margin-bottom: 0;

    }



    #new_content_3 .text {

        padding-right: 0rem;

    }



    #new_content_3 .img {

        width: 45px;

        height: 52px;

        margin-right: 1rem;

        margin-left: 1rem;

    }



    .dm_des {

        margin-left: 10px;

    }



    .dm_des h3 {

        margin-bottom: 0rem;

    }



    .dm_des .fs_18 {

        line-height: 1.3rem;

    }



    .worldwide_table h2,

    .worldwide_table p {

       /* font-size: 16px;*/

    }



    .worldwide_table th {

        padding: 1rem;

    }



    .worldwide_table td {

        padding: 1rem;

    }



    #worldwide_content_2 {

        margin-bottom: 2.666rem;

    }



    #worldwide_content_3 {

        margin-bottom: 0;

    }



    .point_group {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        margin-bottom: 10rem;

    }



    .point_map {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        height: 20vw;

        margin-bottom: 2rem;

    }



    .point_map iframe {

        width: 100%;

        height: 100%;

    }



    .point_info h3 {

        margin-bottom: 1rem;

        font-size: 20px;

        line-height: 1.35;

    }



    .point_info .time {

        margin-bottom: 1rem;

    }



    .point_info .img {

        width: 19.5px;

    }



    .point_info p {

        margin-bottom: 0rem;

        /*font-size: 16px;*/

        line-height: 24px;

    }



    .info_des {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        padding-top: 0.33rem;

        padding-bottom: 0rem;

    }



    .info_des h2 {

        margin-bottom: 1.333rem;

        font-size: 20px;

    }



    .info_des .img {

        margin-right: 0.666rem;

    }



    .info_des p {

       /* font-size: 16px;*/

    }



    #about_content_1 .flex_row,

    #about_content_2 .flex_row {

        margin-right: 0;

        margin-left: 0;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }



    #about_content_1 .img,

    #about_content_2 .img {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1;

    }



    #about_content_1 .text,

    #about_content_2 .text {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

        order: 2;

    }



    /* #about_content_5 h2 {

        font-size: 24px;

    } */



    .adv_list {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .adv_list .icon {

        margin-bottom: 1.333rem;

        margin-right: 0;

    }



    .adv_list h3 {

        font-size: 20px;

		text-align:center;

    }



    .adv_list p {

       /* font-size: 16px;*/

				text-align:center;

    }



    #about_content_4 {

        padding-top: 3.666rem;

        padding-bottom: 3.666rem;

    }



    .history_list {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        padding-bottom: 3.333rem;

        border-left: 3px solid #FFF100;

        position: relative;

    }



    .history_list .img_area {

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1;

        padding-left: 20px;

    }



    .history_list .year {

        -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

        order: 2;

        padding-left: 20px;

        padding-top: 5px;

        position: static;

    }



    .history_list .year::after {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        transform: translateX(-60%);

        width: 20px;

        height: 20px;

        background-color: #008CD6;

        border: 3px solid #FFF100;

        border-radius: 50%;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        -ms-border-radius: 50%;

        -o-border-radius: 50%;

        -webkit-transform: translateX(-60%);

        -moz-transform: translateX(-60%);

        -ms-transform: translateX(-60%);

        -o-transform: translateX(-60%);

    }



    .history_list .des {

        -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

        order: 3;

        padding-left: 20px;

    }



    .history_list .des p {

        font-weight: 16px;

        line-height: 20px;

    }



    .history_list:nth-last-child(2) {

        padding-bottom: 2rem;

    }



    .history_list:nth-last-child(1) {

        padding-bottom: 1rem;

    }



    #contact_content_1 .container {

        padding-right: 15px;

        padding-left: 15px;

    }



    #contact_content_2 .form_th p,

    #contact_content_2 .contact_form_table input,

    #contact_content_2 .contact_form_table select,

    #contact_content_2 .contact_form_table textarea {

        font-size: 16px;

    }



    .form_row {

        margin-bottom: 1rem;

    }



    .form_row_s {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        margin-bottom: 1rem;

    }



    .form_btn_area .form_th {

        display: none;

    }



    .form_btn_area #btn_sub {

        width: 100%;

    }



    .form_th {

        width: 140px;

    }



    .contect_name,

    .form_td_s,

    .contect_time,

    .form_td {

        width: 100%;

    }



    .contect_name,

    .contect_main,

    .code {

        padding-right: 0px;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }



    #contact_content_2 .form_th {

        display: none;

    }



    #mater_form .mater_form_thead {

        display: none;

    }



    #contact_content_2 .contact_form_table select,

    #contact_content_2 .contact_form_table input,

    #contact_content_2 .contact_form_table textarea {

        color: #3E3A39;

    }



    #contact_content_2 .contact_form_table select::-webkit-input-placeholder,

    #contact_content_2 .contact_form_table input::-webkit-input-placeholder,

    #contact_content_2 .contact_form_table textarea::-webkit-input-placeholder {

        color: #3E3A39;

    }



    #contact_content_2 .contact_form_table select:-ms-input-placeholder,

    #contact_content_2 .contact_form_table input:-ms-input-placeholder,

    #contact_content_2 .contact_form_table textarea:-ms-input-placeholder {

        color: #3E3A39;

    }



    #contact_content_2 .contact_form_table select::-ms-input-placeholder,

    #contact_content_2 .contact_form_table input::-ms-input-placeholder,

    #contact_content_2 .contact_form_table textarea::-ms-input-placeholder {

        color: #3E3A39;

    }



    #contact_content_2 .contact_form_table select::placeholder,

    #contact_content_2 .contact_form_table input::placeholder,

    #contact_content_2 .contact_form_table textarea::placeholder {

        color: #3E3A39;

    }



    #contact_content_2 .contact_form_table select {

        padding-left: 10px;

    }



    #contact_content_1 table .img_del {

        width: 20px;

        height: 20px;

    }



    .contect_name input {

        width: calc(100% - 105px);

    }



    .contect_name select {

        width: 100px;

    }



    #contact_content_1 table .img_del::before,

    #contact_content_1 table .img_del::after {

        width: 16px;

    }



    #products_i_2 .img {

        margin-right: 0

    }



    #technology_content_4 .flex_row .tech_card {

        width: 50%;

        min-width: 50%;

    }

    .mater_form_td.code {

        display: flex

    }

    .mater_form_td.code input {

        width: 80%;

    }

}



/**

 * ----------------------------------------

 * animation mediaUp

 * ----------------------------------------

 */

@-webkit-keyframes mediaUp {

    0% {

        -webkit-transform: translate(-50%, -30%);

        transform: translate(-50%, -30%);

    }



    100% {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }

}



@keyframes mediaUp {

    0% {

        -webkit-transform: translate(-50%, -30%);

        transform: translate(-50%, -30%);

    }



    100% {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }

}



/**

   * ----------------------------------------

   * animation mediaDown

   * ----------------------------------------

   */

@-webkit-keyframes mediaDown {

    0% {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }



    100% {

        -webkit-transform: translate(-50%, -30%);

        transform: translate(-50%, -30%);

    }

}



@keyframes mediaDown {

    0% {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }



    100% {

        -webkit-transform: translate(-50%, -30%);

        transform: translate(-50%, -30%);

    }

}



/**

   * ----------------------------------------

   * animation opacityIn

   * ----------------------------------------

   */

@-webkit-keyframes opacityIn {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@keyframes opacityIn {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



/**

   * ----------------------------------------

   * animation opacityOut

   * ----------------------------------------

   */

@-webkit-keyframes opacityOut {

    0% {

        opacity: 1;

    }



    100% {

        opacity: 0;

    }

}



@keyframes opacityOut {

    0% {

        opacity: 1;

    }



    100% {

        opacity: 0;

    }

}



.mediaLight {

    position: absolute;

    width: 100%;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -30%);

    -ms-transform: translate(-50%, -30%);

    transform: translate(-50%, -30%);

    opacity: 0;

    -webkit-animation: 1s both;

    animation: 1s both;

}



.mediaLightRoot {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 999;

    display: none;

}



.mediaLightRoot--in {

    display: block;

}



.mediaLightRoot--in .mediaLight {

    -webkit-animation-name: mediaUp, opacityIn;

    animation-name: mediaUp, opacityIn;

}



.mediaLightRoot--out .mediaLight {

    -webkit-animation-name: mediaDown, opacityOut;

    animation-name: mediaDown, opacityOut;

}



.mediaLightBG {

    position: relative;

    width: 100%;

    height: 100%;

}



.mediaLight-container {

    position: relative;

}



.mediaLight-container iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.mediaLight-container img {

    margin: 0 auto;

}

.color_white{color: #fff;}

#btn_sub:hover .color_white {

    color: #333;

}



@media (max-width: 768px) {

    .display-mobile {

        display: block

    }

}

@media (max-width: 767px) {

    .page_main {

        margin-top: 30px;

        margin-bottom: 0;

    }



    #finder_content_4 {

        margin-bottom: 0;

    }



    #finder_content_4 .fs_30 {

        text-align: center;

    }

	#technology_content_5 .img {

    margin-bottom: 1rem;

    }

    .index_mater .mater_right .mater_dep {

    width: calc(100% - 45px);

  }

  .tech_card .img {

    height: 226px;

  }

  .tech_card .img img {

    height: 100%;

    width: auto;

  }

}