.cur {color: #00AEEF;text-decoration:underline}
.hid {display: none}
.show {display: block}

#banner .bx-controls-direction {display: none;}
#banner .bx-pager.bx-default-pager a.active {background-color: #FFF;}
#banner .bx-wrapper .bx-pager.bx-default-pager a {background: #FFF;width: 15px;height: 15px;border-radius: 50%;}
#banner .bx-wrapper .bx-pager .bx-pager-item a:hover,#banner .bx-wrapper .bx-pager .bx-pager-item a.active{background-color: unset;border: 2px solid #FFF;border-radius: 50%;}

#products {max-width: 1580px; margin: 0 auto; width: 90%;}
#products .products_box .p_header {width: 100%;margin: 5.5% 0 3%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
#products .products_box .p_header .p_title {font-family: "WorkSans-Bold";font-size: 50px;margin: 0 5%;}
#products .products_box .p_header .products_nav {line-height: 80px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;overflow: hidden;}
#products .products_box .p_header .products_nav .pn_item {margin-right: 55px;white-space: nowrap;}
#products .products_box .p_header .products_nav .pn_item:last-child {margin-right: 0;}
#products .products_box .p_header .products_nav .pn_item:hover {color: #00AEEF;}
#products .products_box .p_main {display: table;width: 100%;}
#products .products_box .p_main .p_item {height: 50%;width: 23.5%;margin-right: 2%;float: left;}
#products .products_box .p_main .p_item:nth-child(4) {margin-right: 0;}
#products .products_box .p_main .p_item .item_title {padding-top: 10px;line-height: 25px;text-align: center;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
#products .products_box .p_main .p_item .img_box {position: relative;top: 0;left: 0;width: 100%;padding-top: 100%;}
#products .products_box .p_main .p_item .img_box img {display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}

#au { width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;margin-top: 5.5%;}
#au .au_banner {width: 62.5%;font-size: 0;}
#au .au_main {width: 37.5%;background-color: #faf9fe;}
#au .au_main .au_text {padding: 9% 12% 0;}
#au .au_main .au_text .au_title {display: block;font-size: 50px;font-family: "WorkSans-Bold";margin-bottom: 2%;}
#au .au_main .au_text .au_contents{color: #555;line-height: 28px;margin-bottom: 3%;}
#au .au_main .au_text .more {border: 1px solid #111;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: unset;color: unset;text-decoration: none;-webkit-transition:  all .3s;-o-transition:  all .3s;transition:  all .3s;}
#au .au_main .au_text .more:hover {background-color: #000;color: #FFF;}
#au .au_little_pic {position: absolute;bottom: 0;right: 0;z-index: 5;width: 40.1%;font-size: 0;}

#services {max-width: 1580px; margin: 0 auto; width: 90%;margin-top: 4.5%;}
#services .part_title {font-size: 50px;font-family: "WorkSans-Bold";display: block;}
#services .services_main {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 6.5% 0 5.5%;}
#services .services_main .services_item {margin-right: 6%;width: 10.666%}
#services .services_main .services_item:first-child {margin-left: 3%;}
#services .services_main .services_item:last-child {margin-right: 3%;}
#services .services_main .services_item .services_item_img {display: block;margin: 0 auto;}
#services .services_main .services_item .item_text {text-align: center;}
#services .services_main .services_item .item_text .item_title {margin: 3% 0;font-size: 20px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}

#video { width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;}
#video .img_box {position: absolute;width: 100%;top: 0;left: 0;z-index: 1;}
#video .img_box .img_a{ display: block; position: relative; overflow: hidden;cursor: pointer;font-size: 0;}
#video .img_box .img_a img{ -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#video .img_box .img_a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
#video .img_box .img_a .video_icon {cursor: pointer; border: 5px solid #00aeef;position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; z-index: 5; border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#video .img_box .img_a .video_icon:before{display: block; content: ''; position: absolute; left: 11%; top: 11%; width: 70px; height: 70px; background: url('../images/video.png') no-repeat center;border-radius: 50%;z-index: 1;}
#video .video_main {max-width: 1580px; margin: 0 auto; width: 90%;margin-top: 30%;display: table;background-color: #262626;text-align: center;position: relative;z-index: 2;}
#video .video_main .video_text {display: table-cell;vertical-align: middle;padding: 5% 16%;}
#video .video_main .video_text .video_title {display: block;font-family: "WorkSans-Bold";font-size: 50px;color: #FFF;}
#video .video_main .video_text .video_contents{display: block;font-size: 20px;color: #FFF;line-height: 30px;margin: 1.5% 0 3%;}
#video .video_main .video_text .more {margin: 0 auto;}
#video .video_main .video_text .more:hover {border: 1px solid #00AEEF;color: #00AEEF;background-color: transparent;text-decoration: none;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 53px;}

#news {max-width: 1580px; margin: 0 auto; width: 90%;margin-top: 5%;}
#news .news_title {display: block;text-align: center;font-size: 50px;font-family: "WorkSans-Bold";}
#news .news_main {margin: 6% auto 0; width: 76%;max-width: 1200px;}
#news .news_main .main_box .main_item {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
#news .news_main .main_box .main_item:first-child {display: unset;}
#news .news_main .main_box .main_item .item_img {margin-right: 5%;width: 46.25%;}
#news .news_main .main_box .main_item .item_text {width: 48.75%;}
#news .news_main .main_box .main_item .item_text .item_title {display: block;font-size: 30px;line-height: 40px;font-family: "WorkSans-Bold";margin-top: 5%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
#news .news_main .main_box .main_item .item_text .line {display: block;height: 4px;width: 13%;background-color: #00AEEF;margin: 4% 0 5%;;}
#news .news_main .main_box .main_item .item_text .item_date {display: block;font-size: 20px;}
#news .news_main .main_box .main_item .item_text .item_contents {display: block;font-size: 18px;color: #555;line-height: 30px;margin-top: 2.5%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-word;}
#news .bx-wrapper .bx-controls-direction a {width: 5.75%;padding-top: 5.75%;height: unset;font-size: 0;}
#news .bx-wrapper .bx-prev {left: -10%;background: url(../images/black_left_arrow.png) no-repeat center;background-size: 100%;}
#news .bx-wrapper .bx-prev:hover {background: url(../images/blue_left_arrow.png) no-repeat center;background-size: 100%;}
#news .bx-wrapper .bx-next {right: -10%;background: url(../images/black_right_arrow.png) no-repeat center;background-size: 100%;}
#news .bx-wrapper .bx-next:hover {background: url(../images/blue_right_arrow.png) no-repeat center;background-size: 100%;}
#news .bx-wrapper .bx-pager {display: none}

#footer_banner {width: 100%;position: relative;margin-top: 6%;font-size: 0;min-height: 26vw;}
#footer_banner img {vertical-align: bottom}
#footer_banner .fb_text {width: 68%;display: block;position: absolute;z-index: 5;top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;}
#footer_banner .fb_text .fb_title {display: block;font-family: "WorkSans-Bold";font-size: 50px;color: #FFF;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#footer_banner .fb_text .fb_contents{display: block;font-size: 20px;color: #FFF;margin: 1% 0 2.5%;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#footer_banner .fb_text .more {margin: 0 auto;}
#footer_banner .fb_text .more:hover {border: 1px solid #00AEEF;color: #00AEEF;background-color: transparent;text-decoration: none;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 53px;}

@media screen and (max-width: 1450px) {
    #au .au_main .au_text {padding: 5% 4% 0;}
}

@media screen and (max-width: 1300px) {
    #au .au_main .au_text .au_title {font-size: 30px;}
    #au .au_main .au_text .au_contents{line-height: 20px;font-size: 16px;}
    #au .au_main .au_text .more {margin: 0 auto;font-size: 14px;width: 90px;height: 27.5px;line-height: 27.5px;}
}

@media screen and (max-width: 768px) {
    #products {width: 92%;}
    #products .products_box .p_header {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    #products .products_box .p_header .p_title {font-size: 30px;text-align: center;}
    #products .products_box .p_header .products_nav {overflow-x: auto;}
    #products .products_box .p_header .products_nav .pn_item {margin-right: 20%;}
    #products .products_box .p_main .p_item {width: 48%;margin-right: 4%;margin-bottom: 5%;}
    #products .products_box .p_main .p_item:nth-child(2),
    #products .products_box .p_main .p_item:nth-child(4){margin-right: 0;}
    #products .products_box .p_main .p_item .item_title {font-size: 16px;}

    #au { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
    #au .au_banner {width: 100%;}
    #au .au_main {width: 100%;background-color: #faf9fe;}
    #au .au_main .au_text {padding: 5% 4%;text-align: center;}
    #au .au_little_pic {position: unset;bottom: 0;right: 0;z-index: 5;width: 100%;}
    #au .au_main .au_text .more:hover {border: unset;color: #00AEEF;background-color: unset;text-decoration: none;}

    #services {width: 92%;}
    #services .part_title {font-size: 30px;text-align: center;}
    #services .services_main {width: 100%;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: unset;-webkit-justify-content: unset;-ms-flex-pack: unset;justify-content: unset;padding: 6.5% 0 5.5%;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    #services .services_main .services_item {width: 30%;margin-right: 5%;}
    #services .services_main .services_item:first-child {margin-left: unset;}
    #services .services_main .services_item:nth-child(3),
    #services .services_main .services_item:last-child {margin-right: unset;}
    #services .services_main .services_item .services_item_img {display: block;margin: 0 auto;}
    #services .services_main .services_item .item_text {text-align: center;}
    #services .services_main .services_item .item_text .item_title {display: block;margin: 3% 0;font-size: 16px;}

    #video .img_box .img_a .video_icon { border: 2.5px solid #00aeef; width: 50px; height: 50px; }
    #video .img_box .img_a .video_icon:before{width: 35px; height: 35px; }
    #video .video_main { width: 100%;margin-top: 30%;z-index: 0;}
    #video .video_main .video_text {display: table-cell;vertical-align: middle;padding: 10% 5% 5%;}
    #video .video_main .video_text .video_title {font-size: 30px;}
    #video .video_main .video_text .video_contents{display: block;font-size: 16px;color: #FFF;line-height: 24px;margin: 1.5% 0 3%;}
    #video .video_main .video_text .more {margin: 0 auto;}
    #video .video_main .video_text .more:hover {background-color: #00AEEF;color: #FFF;border: unset;}

    #news {width: 92%;}
    #news .news_title {font-size: 30px;text-align: center;}
    #news .news_main .main_box {width: calc(92% - 90px);}
    #news .news_main .main_box .main_item {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    #news .news_main .main_box .main_item .item_img {margin-right: unset;width: 100%;}
    #news .news_main .main_box .main_item .item_text {width: 100%;}
    #news .news_main .main_box .main_item .item_text .item_title {line-height: 25px;font-size: 20px;}
    #news .news_main .main_box .main_item .item_text .line {width: 20%;}
    #news .news_main .main_box .main_item .item_text .item_date {font-size: 18px;}
    #news .news_main .main_box .main_item .item_text .item_contents {font-size: 16px;line-height: 20px;}
    #news .bx-wrapper .bx-prev:hover {background: url(../images/black_left_arrow.png) no-repeat center;background-size: 100%;}
    #news .bx-wrapper .bx-next:hover {background: url(../images/black_right_arrow.png) no-repeat center;background-size: 100%;}


    #footer_banner .fb_text {width: 92%;position: absolute;z-index: 5;top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;}
    #footer_banner .fb_text .fb_title {font-size: 30px;}
    #footer_banner .fb_text .fb_contents{font-size: 16px;color: #FFF;}
    #footer_banner .fb_text .more:hover {background-color: #00AEEF;color: #FFF;border: unset;}
}

@media screen and (max-width: 375px) {
    #footer_banner .fb_text .fb_title {font-size: 16px;}
    #footer_banner .fb_text .fb_contents{display: block;font-size: 14px;color: #FFF;}
}