.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 {width: 15px;height: 15px;border-radius: 50%;padding: 2px; position: relative; background-color: transparent;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:after{content: ''; position: absolute; width: 15px; height: 15px; top: 2px; left: 2px; background-color:#fff; 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%;padding: 0px;}
#banner .bx-wrapper .bx-pager .bx-pager-item a:hover:after,#banner .bx-wrapper .bx-pager .bx-pager-item a.active:after{content: unset;}
#banner_m{display: none;}

.index_title{font-family: 'teko-medium'; font-size: 72px; line-height: 72px; color: #e7a843; text-align: center; text-transform: uppercase;}
.index_title span{color: #fff;}

.index_products{padding: 66px 0 80px;}
.index_products .index_title{font-size: 82px; line-height: 82px;}
.index_products .index_products_list{padding: 43px 0 69px; position: relative;}
.index_products .index_products_list .index_products_item{box-sizing: border-box; color: #222; background-color: #fff; text-align: center;}
.index_products .index_products_list .index_products_item:hover{border-color: #d5a353;}
.index_products .index_products_item .index_products_cont{border: 3px solid #fff; border-bottom: 0; padding-bottom: 43px;}
.index_products .index_products_item:hover .index_products_cont{border-color: #d5a353;}
.index_products .index_products_item .img{display: block; width: 100%; height: 0; padding-top: 100%; position: relative; overflow: hidden;}
.index_products .index_products_item .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.index_products .index_products_item .img img:hover{transform: translate(-50%, -50%) scale(1.08, 1.08); -moz-transform: translate(-50%, -50%) scale(1.08, 1.08); -ms-transform: translate(-50%, -50%) scale(1.08, 1.08); -webkit-transform: translate(-50%, -50%) scale(1.08, 1.08); -o-transform: translate(-50%, -50%) scale(1.08, 1.08);}
.index_products .index_products_item .name{display: block; font-family: 'proxima-nova-bold'; font-size: 24px; line-height: 24px; text-decoration: none; margin-top: 30px; padding: 0 20px; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: box;}
.index_products .index_products_item .name:hover{color: #d5a353;}
.index_products .index_products_item .desc{font-size: 18px; line-height: 18px; margin-top: 18px; padding: 0 20px; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: box;}
.index_products .index_products_item .inq{display: block; font-family: 'teko-medium'; font-size: 24px; line-height: 60px; color: #191514; background-color: #e7a843; text-transform: uppercase; text-decoration: none;}
.index_products .index_products_list .swiper-pagination{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.index_products .index_products_list .swiper-pagination-bullet{width: 90px; height: 5px; background: #fff; border-radius: 0; opacity: 1; margin-left: 22px;}
.index_products .index_products_list .swiper-pagination-bullet:first-child{margin-left: 0;}
.index_products .index_products_list .swiper-pagination-bullet-active{background: #e7a843;}
.index_products .view{box-sizing: border-box; display: block; width: 200px; font-family: 'teko-medium'; font-size: 24px; line-height: 54px; color: #191514; background-color: #e7a843; border: 3px solid #d5a353; text-transform: uppercase; text-align: center; text-decoration: none; margin: 75px auto 0;}
.index_products .view:hover{background-color: unset; color: #fff;}

.index_studio{background-color: #191919;}
.index_studio .index_studio_box{display: flex; justify-content: space-between; align-items: center;}
.index_studio .index_studio_box > .img{box-sizing: border-box; width: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.index_studio .index_studio_box .studio_info{box-sizing: border-box; width: 50%; padding: 0 60px 0 98px;}
.index_studio .index_studio_box:nth-child(even) .studio_info{padding: 0 98px 0 60px;}
.index_studio .studio_info .studio_subtit{font-family: 'proxima-nova-bold'; font-size: 16px; line-height: 16px; color: #ccc; text-transform: uppercase; padding-left: 56px; position: relative;}
.index_studio .studio_info .studio_subtit:before{content: ''; width: 40px; height: 2px; background-color: #aaa; position: absolute; left: 2px; top: calc(50% - 1px); transform: translateY(-50%);}
.index_studio .studio_info .index_title{text-align: left; margin-top: 15px;}
.index_studio .studio_info .studio_product{display: flex; justify-content: space-between; align-items: center; padding: 66px 1px 0;}
.index_studio .studio_info .studio_product .img{box-sizing: border-box; display: block; width: 37.5%; height: 0; padding-top: 37.5%; overflow: hidden; position: relative; overflow: hidden; text-align: center;}
.index_studio .studio_info .studio_product .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.index_studio .studio_info .studio_product .inq{width: 100%; font-family: 'teko-medium'; font-size: 24px; line-height: 50px; color: #191514; background-color: rgba(255, 255, 255, 0.5); text-transform: uppercase; text-align: center; position: absolute; left: 0; transform: translateY(0);}
.index_studio .studio_info .studio_product .img:hover .inq{transform: translateY(-100%); text-decoration: none;}
.index_studio .studio_product .studio_product_info{box-sizing: border-box; width: 55.5%;}
.index_studio .studio_product_info .studio_product_desc{font-family: 'proxima-nova-light'; font-size: 20px; line-height: 36px; color: #ccc; overflow: hidden; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: box;}
.index_studio .studio_product_info .view{box-sizing: border-box; display: block; width: 200px; font-family: 'teko-medium'; font-size: 24px; line-height: 54px; color: #191514; background-color: #e7a843; border: 3px solid #e7a843; text-transform: uppercase; text-align: center; text-decoration: none; margin-top: 57px;}
.index_studio .studio_product_info .view:hover{background-color: unset; color: #fff;}

.index_aboutus{padding: 68px 0 80px; text-align: center;}
.index_aboutus .wrap{width: 1440px;}
.index_aboutus .index_aboutus_desc{font-size: 18px; line-height: 24px; color: #aaa; padding: 16px 390px 0; letter-spacing: -0.1px;}
.index_aboutus .index_aboutus_box{display: flex; flex-wrap: wrap; margin-top: 65px;}
.index_aboutus .index_aboutus_box .index_aboutus_item{display: block; width: 30.556%; height: 0; padding-top: 38.75%; background-color: #2e2e2e; margin-left: 4.16%; position: relative;}
.index_aboutus .index_aboutus_box .index_aboutus_item:first-child{margin-left: 0;}
.index_aboutus .index_aboutus_box .index_aboutus_item > img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0;}
.index_aboutus .index_aboutus_box .index_aboutus_item > img.img_m{display: none; opacity: 0.2;}
.index_aboutus .index_aboutus_box .index_aboutus_item:hover > img{opacity: 0.2;}
.index_aboutus .index_aboutus_item .index_aboutus_info{box-sizing: border-box; display: flex; justify-content: center; flex-wrap: wrap; width: 100%; padding: 0 50px; position: absolute; left: 50%; top: calc(50% - 6px); transform: translate(-50%, -50%);}
.index_aboutus .index_aboutus_info .img{display: flex; justify-content: center; align-items: center; height: 60px;}
.index_aboutus .index_aboutus_info .index_aboutus_info_title{width: 100%; font-family: 'teko-medium'; font-size: 40px; line-height: 40px; height: 40px; color: #fff; text-transform: uppercase; margin-top: 49px; overflow: hidden;}
.index_aboutus .index_aboutus_info .index_aboutus_info_desc{width: 100%; font-size: 18px; line-height: 30px; height: 120px; color: #ccc; margin-top: 34px; overflow: hidden;}
.index_aboutus .index_aboutus_info .view{font-family: 'teko-medium'; font-size: 24px; line-height: 24px; height: 24px; color: #e7a843; text-transform: uppercase; text-decoration: none; padding-right: 18px; background: url(../images/icon/icon_more_arrow.png) no-repeat right 47px center; margin-top: 54px; border: 0;}
.index_aboutus .index_aboutus_info .view:hover{color: #e7a843;}
.index_aboutus .view{box-sizing: border-box; display: block; width: 200px; font-family: 'teko-medium'; font-size: 24px; line-height: 54px; color: #191514; background-color: #e7a843; border: 3px solid #e7a843; text-transform: uppercase; text-align: center; text-decoration: none; margin: 61px auto 0;}
.index_aboutus .view:hover{background-color: unset; color: #fff;}

.index_partner{background-color: #000; position: relative; font-size: 0;}
.index_partner.no_img{position: relative; font-size: 0;}
.index_partner > img{opacity: 0.3;}
.index_partner > img.img_m{display: none;}
.index_partner .index_partner_box{box-sizing: border-box; padding: 68px 0; text-align: center; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.index_partner.no_img .index_partner_box{position: unset; transform: unset; margin: 0 auto;}
.index_partner .index_partner_box .index_partner_desc{font-size: 18px; line-height: 24px; color: #aaa; padding: 16px 570px 0; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: box;}
.index_partner .index_partner_box .index_partner_list{display: flex; justify-content: space-between; padding: 0 59px; margin-top: 65px; position: relative;}
.index_partner .index_partner_list .img{display: flex; justify-content: center; align-items: center; width: 100%; height: 110px; position: relative;}
.index_partner .index_partner_list .img:hover{background-color: #fff;}
.index_partner .index_partner_list .img:hover img{filter: invert(1);}
.index_partner .index_partner_list .index_partner_icon{width: 14px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%);}
.index_partner .index_partner_list .index_partner_prev{background: url(../images/icon/icon_swiper_prev.png) no-repeat center; background-size: 100%; left: 0;}
.index_partner .index_partner_list .index_partner_next{background: url(../images/icon/icon_swiper_next.png) no-repeat center; background-size: 100%; right: 0;}

@media screen and (max-width: 1860px) {
    .index_products{padding: 58px 0 71px;}
    .index_products .index_products_list{padding: 38px 0 61px;}
    .index_products .view{margin-top: 66px;}

    .index_studio .index_studio_box .studio_info{padding: 0 53px 0 87px;}
    .index_studio .index_studio_box:nth-child(even) .studio_info{padding: 0 87px 0 53px;}
    .index_studio .studio_info .studio_product{padding: 58px 0 0;}
    .index_studio .studio_product_info .view{margin-top: 50px;}

    .index_aboutus{padding: 60px 0 71px;}
    .index_aboutus .index_aboutus_item .index_aboutus_info{padding: 0 44px; top: 50%;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_title{margin-top: 44px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_desc{margin-top: 30px;}
    .index_aboutus .index_aboutus_info .view{margin-top: 45px;}
    .index_aboutus .view{margin-top: 54px;}

    .index_partner .index_partner_box{padding: 60px 0;}
    .index_partner .index_partner_box .index_partner_desc{padding: 16px 470px 0;}
    .index_partner .index_partner_box .index_partner_list{padding: 0 52px; margin-top: 57px;}
    .index_partner .index_partner_list .img{height: 90px;}
}

@media screen and (max-width: 1660px) {
    .index_products{padding: 51px 0 62px;}
    .index_products .index_products_list{padding: 33px 0 53px;}
    .index_products .view{margin-top: 58px;}

    .index_studio .index_studio_box .studio_info{padding: 0 46px 0 76px;}
    .index_studio .index_studio_box:nth-child(even) .studio_info{padding: 0 76px 0 46px;}
    .index_studio .studio_info .studio_product{padding: 51px 0 0;}
    .index_studio .studio_product_info .view{margin-top: 44px;}

    .index_aboutus{padding: 52px 0 62px;}
    .index_aboutus .index_aboutus_item .index_aboutus_info{padding: 0 38px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_title{margin-top: 38px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_desc{margin-top: 26px;}
    .index_aboutus .index_aboutus_info .view{margin-top: 39px;}
    .index_aboutus .view{margin-top: 47px;}

    .index_partner .index_partner_box{padding: 52px 0;}
    .index_partner .index_partner_box .index_partner_desc{padding: 16px 370px 0;}
    .index_partner .index_partner_box .index_partner_list{padding: 0 45px; margin-top: 50px;}
    .index_partner .index_partner_list .img{height: 85px;}
}

@media screen and (max-width: 1460px) {
    .index_products{padding: 44px 0 53px;}
    .index_products .index_products_list{padding: 28px 0 46px;}
    .index_products .view{margin-top: 50px;}

    .index_studio .index_studio_box .studio_info{padding: 0 40px 0 65px;}
    .index_studio .index_studio_box:nth-child(even) .studio_info{padding: 0 65px 0 40px;}
    .index_studio .studio_info .studio_product{padding: 44px 0 0;}
    .index_studio .studio_product_info .view{margin-top: 38px;}

    .index_aboutus{padding: 45px 0 53px;}
    .index_aboutus .wrap{width: 1200px;}
    .index_aboutus .index_aboutus_desc{padding: 16px 270px 0;}
    .index_aboutus .index_aboutus_item .index_aboutus_info{padding: 0 33px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_title{margin-top: 33px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_desc{margin-top: 22px;}
    .index_aboutus .index_aboutus_info .view{margin-top: 34px;}
    .index_aboutus .view{margin-top: 40px;}

    .index_partner .index_partner_box{padding: 45px 0;}
    .index_partner .index_partner_box .index_partner_desc{padding: 16px 270px 0;}
    .index_partner .index_partner_box .index_partner_list{padding: 0 39px; margin-top: 43px;}
    .index_partner .index_partner_list .img{height: 70px;}
}

@media screen and (max-width: 1260px) {
    .index_products{padding: 38px 0 50px;}
    .index_products .index_products_list{padding: 23px 0 37px;}
    .index_products .view{margin-top: 41px;}

    .index_studio .index_studio_box .studio_info{padding: 0 33px 0 54px;}
    .index_studio .index_studio_box:nth-child(even) .studio_info{padding: 0 54px 0 33px;}
    .index_studio .studio_info .studio_product{padding: 36px 0 0;}
    .index_studio .studio_product_info .view{margin-top: 31px;}

    .index_aboutus{padding: 37px 0 44px;}
    .index_aboutus .wrap{width: 1000px;}
    .index_aboutus .index_aboutus_desc{padding: 16px 170px 0;}
    .index_aboutus .index_aboutus_item .index_aboutus_info{padding: 0 27px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_title{margin-top: 27px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_desc{margin-top: 18px;}
    .index_aboutus .index_aboutus_info .view{margin-top: 28px;}
    .index_aboutus .view{margin-top: 33px;}

    .index_partner .index_partner_box{padding: 45px 0;}
    .index_partner .index_partner_box .index_partner_desc{padding: 16px 170px 0;}
    .index_partner .index_partner_box .index_partner_list{padding: 0 32px; margin-top: 36px;}
    .index_partner .index_partner_list .img{height: 60px;}
}

@media screen and (max-width: 1023px) {
    #banner{display: none;}
    #banner_m{display: block;}
    #banner_m .bx-wrapper .bx-pager{display: none;}

    .index_title{font-size: 36px; line-height: 36px;}

    .index_products .index_title{font-size: 41px; line-height: 41px;}
    .index_products .index_products_list{padding: 23px 0 0;}
    .index_products .index_products_item .index_products_cont{border-width: 1px; padding-bottom: 16px;}
    .index_products .index_products_item .name{font-size: 15px; line-height: 20px; padding: 0 10px; margin-top: 12px;}
    .index_products .index_products_item .desc{font-size: 12px; line-height: 16px; padding: 0 10px; margin-top: 0;}
    .index_products .index_products_item .inq{font-size: 16px; line-height: 40px;}
    .index_products .index_products_list .swiper-pagination{width: max-content; bottom: -20px;}
    .index_products .index_products_list .swiper-pagination-bullet{width: 20px; height: 2px; margin-left: 10px;}
    .index_products .view{width: 180px; font-size: 21px; line-height: 41px; border-width: 1px; margin-top: 46px;}

    .index_studio .index_studio_box{flex-wrap: wrap; margin-top: 49px;}
    .index_studio .index_studio_box:first-child{margin-top: 0;}
    .index_studio .index_studio_box > .img{width: 100%;}
    .index_studio .index_studio_box .studio_info{width: 100%; padding: 39px 13px 0;}
    .index_studio .index_studio_box:nth-child(even) .studio_info{padding: 0 13px 40px;}
    .index_studio .index_studio_box:last-child .studio_info{padding-bottom: 14px;}
    .index_studio .studio_info .studio_subtit{font-size: 12px; line-height: 12px; padding-left: 26px;}
    .index_studio .studio_info .studio_subtit:before{width: 20px; left: 0;}
    .index_studio .studio_info .index_title{margin-top: 6px;}
    .index_studio .studio_info .studio_product{flex-wrap: wrap; justify-content: center; padding: 23px 0 0;}
    .index_studio .studio_info .studio_product .img{width: max-content; height: auto; padding-top: 0;}
    .index_studio .studio_info .studio_product .img img{position: unset; transform: unset; height: 305px;}
    .index_studio .studio_info .studio_product .inq{font-size: 18px; line-height: 40px; transform: translateY(-100%);}
    .index_studio .studio_info .studio_product .img:hover .inq{transform: unset;}
    .index_studio .studio_product .studio_product_info{width: 100%; padding-top: 20px;}
    .index_studio .studio_product_info .studio_product_desc{font-size: 16px; line-height: 24px;}
    .index_studio .studio_product_info .view{width: 180px; font-size: 21px; line-height: 41px; border-width: 1px; margin-top: 38px;}

    .index_aboutus{padding: 39px 0 42px;}
    .index_aboutus .wrap{width: 100%;}
    .index_aboutus .index_aboutus_desc{font-size: 12px; line-height: 18px; padding: 4px 0 0;}
    .index_aboutus .index_aboutus_box{margin-top: 22px;}
    .index_aboutus .index_aboutus_box .index_aboutus_item{width: 100%; margin-left: 0; height: auto; padding-top: 0; background-color: #000; margin-top: 30px;}
    .index_aboutus .index_aboutus_box .index_aboutus_item:first-child{margin-top: 0;}
    .index_aboutus .index_aboutus_box .index_aboutus_item > img{position: unset; transform: unset; opacity: 1;}
    .index_aboutus .index_aboutus_box .index_aboutus_item:hover > img{opacity: 1;}
    .index_aboutus .index_aboutus_box .index_aboutus_item > img.img_pc{display: none;}
    .index_aboutus .index_aboutus_box .index_aboutus_item > img.img_m{display: block; margin: 0 auto;}
    .index_aboutus .index_aboutus_item .index_aboutus_info{padding: 0 25px;}
    .index_aboutus .index_aboutus_info .img{height: 40px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_title{font-size: 27px; line-height: 27px; height: 27px; margin-top: 18px;}
    .index_aboutus .index_aboutus_info .index_aboutus_info_desc{font-size: 14px; line-height: 18px; height: 54px; margin-top: 16px;}
    .index_aboutus .index_aboutus_info .view{font-size: 20px; line-height: 20px; height: 20px; padding-right: 0; border: 0; background: url(../images/icon/icon_more_arrow.png) no-repeat right 37px center; margin-top: 35px;}
    .index_aboutus .view{width: 180px; font-size: 21px; line-height: 41px; border-width: 1px; margin-top: 41px;}

    .index_partner > img.img_pc{display: none;}
    .index_partner > img.img_m{display: block; margin: 0 auto;}
    .index_partner .index_partner_box{padding: 38px 0;}
    .index_partner .index_partner_box .index_partner_desc{font-size: 12px; line-height: 18px; padding: 4px 20px 0;}
    .index_partner .index_partner_box .index_partner_list{padding: 0 25px;}
    .index_partner .index_partner_list .img{height: 40px;}
    .index_partner .index_partner_list .index_partner_icon{width: 10px; height: 14px;}
    .index_partner .index_partner_list .index_partner_prev{left: 10px;}
    .index_partner .index_partner_list .index_partner_next{right: 10px;}
}