/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/
.control_index{width: 100%; max-width: 100%; margin: 0 auto;}

.custom_box { box-sizing: border-box; padding: 0 50px; margin-top: 3%; }
.custom_box .title_park {width:71.42857%; margin: 0 auto; }
.custom_box .title_park .left_park { display: flex; }
.custom_box .title_park .left_park .title { position: relative; padding-right: 33px; }
.custom_box .title_park .left_park .title::after { content: ''; position: absolute; display: block; width: 1px; height: 61px; bottom: 2px; right: 0; background-color: #000; }
.custom_box .title_park .left_park .title .sub_title { font-size: 22.1px; font-family: "Objectivity";font-weight:700; color: var(--font-color); }
.custom_box .title_park .left_park .some_tips { /*line-height: 35px;*/ font-size: 22px; font-family: "Objectivity";font-weight:100; color: var(--font-color); margin-left: 34px; line-height: 1.3;}
.custom_box .title_park .left_park .some_tips .con_p:first-child { margin-top: 15px; margin-bottom: 5px; }
.custom_box .title_park .more_btn { display: block; width: 127px; height: 33px; line-height: 33px; font-size: 15px; font-family: "Objectivity"; color: #fff; text-align: center; text-decoration: none; border-radius: 3px; background-color: #000000; margin-top: 50px; }
.custom_box .cu_box { display: flex;  justify-content: center; margin-top: 4.39024%; }
.custom_box .cu_box .item { position: relative; overflow: hidden; max-width: 600px;max-height: 960px;width: 33%;height: auto;}
.custom_box .cu_box .item .item-cover{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 1; opacity: 1; visibility:visible; transition: all 0.3s ease-in-out; }
.custom_box .cu_box .item:hover .item-cover{ display: none; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 1; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; }
/* .custom_box .cu_box .item .cu_img { width: 100%; position: relative; padding-top: 41.5%; overflow: hidden;} */
/* .custom_box .cu_box .item .cu_img img { position: absolute; top: 0; } */
.custom_box .cu_box .item .item_info { position: absolute;
	display: flex;
    flex-direction: column;
	    align-items: center;
    width: 100%;
	padding-top: 100px;
    top: 0;
    font-size: 18px;
    font-family: "Objectivity";
    color: #fff; }
.custom_box .cu_box .item .item_info .title { font-size: 60px;margin-bottom: 60px; }
.custom_box .cu_box .item .item_info .subtitle { font-size: 24px; padding: 0 40px;
    text-align: center;}
.custom_box .cu_box .item .item_info .ico>img { height: 80px;margin-bottom: 60px; }
.custom_box .cu_box .item .item_info a { position: relative; line-height: 50px; color: #fff; text-decoration: none; padding-right: 3.625%; margin-right: 8.875%; }
.custom_box .cu_box .item .item_info a::after { content: ''; position: absolute; display: block; width: 10px; height: 15px; top: 0; right: 0; bottom: 0; margin: auto; background: url(../images/index/right_arrow_icon.png) no-repeat center; background-size: 100%; }
.custom_box .cu_box .item:hover .item_info { bottom: 0; visibility: unset; opacity: 1; }
/* .custom_box .cu_box .item:hover .cu_img img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } */


.featured_box { margin-top: 5%;padding: 0 50px; }
.featured_box .public_title { text-align: center; }
.featured_box .public_sub_title { text-align: center; font-size: 22px;color: var(--font-color);font-family: "Objectivity";font-weight:100;margin-top: 0.5%}
.featured_box .public_content { text-align: center; font-size: 22px;color: var(--font-color);font-family: "Objectivity";font-weight:100;margin-top: 0.2%}
.featured_box .public_title { text-align: center; }
.featured_box .menu_box { text-align: center; }
.featured_box .menu_box .menu { 
    display: flex;
    justify-content: space-between;
	       align-items: end;
}
.featured_box .menu_box .menu .title-left{
	font-size: 60px;
	color: black;
	white-space: break-spaces;
    word-wrap: normal;
    width: 100px;
    text-align: left;
}
    

.featured_box .menu_box .menu .li { position: relative; display: inline-block; height: 40px;width: 300px;   text-align: center; text-decoration: none; background-color: #fff;background:url(../images/ico/ico-more.png) center no-repeat;background-size: contain; }
/* .featured_box .menu_box .menu .li:hover,.featured_box .menu_box .menu .li.on { background-color: #000000; color: #fff; } */
.featured_box .item_box { margin-top: 57px; position: relative;margin-bottom: 80px;}
.featured_box .item_box .swiper-wrapper{display: block;}
.featured_box .item_box .item { position: relative; width: 32.739%; margin-right: 0.89%; margin-bottom: 13px; }
.featured_box .item_box .item:nth-child(3n) { margin-right: 0; }
.featured_box .item_box .item .imgBox { width: 100%; }
/*.featured_box .item_box .item .imgBox img { display: block; font-size: 0; }*/
.featured_box .item_box .item .info { position: absolute; padding: 25px 35px; bottom: 0; right: 0;left: 0; background-color: #00000040; }
.featured_box .item_box .item .info .oparea{
	    display: flex;
    justify-content: space-between;
	align-items: center;
	margin-top: 25px;
}
.featured_box .item_box .item .info .oparea .info-bt{
	    font-size: 16px;
    padding: 6px 15px;
    border: solid 1px #fff;
    color: #fff;
}
/* .featured_box .item_box .item .info::before { content: ''; position: absolute; display: block; width: 50px; height: 52px; left: -50px; background: url(../images/index/triangle.png) no-repeat center; } */
.featured_box .item_box .item .info .title { width: 100%; line-height: 52px; font-size: 24px;  color: #fff; text-decoration: none; overflow: hidden; text-overflow:ellipsis; white-space: normal;line-height: 1.2;}
.featured_box .item_box .item .info .cart { width: 30px; height: 29px; background: url(../images/index/cart_icon.png) no-repeat center;  }
.featured_box .item_box .scroll_btns{position: absolute; z-index: 10; top: 50%; width: 100%; display: none;}
.featured_box .item_box .scroll_btns .btn_item{display: inline-block; width: 1.9375rem; height: 1.9375rem; border:1px solid #e5e5e5; border-radius: 1rem; background-color: #fff; background-image: url('../images/index_scroll_btn.png'); background-repeat: no-repeat; background-size: 20%; position: absolute; }
.featured_box .item_box .scroll_btns .btn_item.prev{left:0.75rem; background-position: center 10px;}
.featured_box .item_box .scroll_btns .btn_item.next{right:0.75rem; background-position: center -34px;}


@media screen and (max-width: 1600px) { 
	.custom_box .title_park{width: 80%;}
}

@media screen and (max-width: 1400px) { 
	.custom_box .title_park{width: 90%;}
	.featured_box .item_box .item .info .title { width: 70%;}
	.custom_box .cu_box .item .item_info { 
	padding-top: 50px;
    top: 0;
    font-size: 18px;
    font-family: "Objectivity";
    color: #fff; }
.custom_box .cu_box .item .item_info .title { font-size: 40px;margin-bottom: 30px; }
.custom_box .cu_box .item .item_info .subtitle { font-size: 16px; padding: 0 40px;
    text-align: center;}
.custom_box .cu_box .item .item_info .ico>img { height: 50px;margin-bottom: 30px; }
}

@media screen and (max-width: 1200px) { 
	.custom_box .title_park .left_park,.custom_box .title_park .more_btn{float: unset;}
	.featured_box .item_box .item .info .title { width: 60%;}

	
}

@media screen and (max-width: 1000px) { 
	.custom_box{padding: 0px; }
	.custom_box .title_park .left_park{display: block;}
	.custom_box .title_park .left_park .title::after{content: unset;}
	/*.custom_box .title_park .left_park .title .public_title{font-size: 1.875rem; line-height: 1.875rem;}*/
	.custom_box .title_park .left_park .title .sub_title{font-size: 0.75rem; }
	.custom_box .title_park .left_park .some_tips{margin-left: 0px; font-size: 0.75rem;}
	.custom_box .cu_box .item .item_info{position: absolute; visibility: visible; opacity: 1;}
	.custom_box .cu_box .item:hover .cu_img img{transition:unste; transform:unset;}

	.featured_box .item_box{width:calc(100% - 1.25rem); overflow: hidden;}
	.featured_box .item_box .swiper-wrapper{display: -webkit-box;}
	.featured_box .item_box .scroll_btns{display: block;}
	.featured_box .item_box .item{margin-bottom: 0px; }
	.featured_box .item_box .item .imgBox:hover img{transform:none;}

	.featured_box .menu_box .menu .title-left {
    font-size: 40px;
}
	.featured_box .item_box .item .info {
    padding: 10px 15px;
	}
	.featured_box .item_box .item .info .title{
		font-size: 14px;
	}
	.featured_box .item_box .item .info .oparea .info-bt {
    font-size: 12px;
    padding: 3px 10px;
}
.featured_box .menu_box .menu .li {
    height: 30px;
    width: 200px;
}
.featured_box { margin-top: 5%;padding: 0 10px; }
}

@media screen and (max-width: 800px) { 
	/* .custom_box .cu_box{display: block;} */
	.custom_box .cu_box .item{
flex: 1;
  object-fit: cover;
  transition: all 0.3s;
  cursor: pointer;
  height: 146vw;
	}
		.custom_box .cu_box .item.active{
flex-grow: 3;
	}
	.custom_box .cu_box .item:not(.active){
width: 10vw;
	}
	.custom_box .cu_box .item .cu_img{
		height: 100%;
	}
	.custom_box .cu_box .item .cu_img img{
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
    .custom_box .cu_box .item .item_info .title {
        font-size: 7vw;
    }
	.custom_box .cu_box .item.active .item-cover{
		display: none;
	}
	    .custom_box .cu_box .item:not(.active) .item_info .subtitle{
			display: none;
		}
		    .custom_box .cu_box .item:not(.active) .item_info .title{
         font-size: 7vw;
        transform: rotate(90deg);
			}
			    .custom_box .cu_box .item:not(.active) .item_info {
        height: 100%;
        /* line-height: 8.666667vw; */
        bottom: 0;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
	.custom_box .cu_box .item:not(.active) .item_info .ico{
		margin-bottom: 17vw;
	}
}

@media screen and (max-width: 750px) { 
	
	.custom_box{margin-top: 8vw}
	.public_title{font-family: 'Objectivity';font-weight: 700; font-size: 8.0vw;line-height: initial}
	.custom_box .title_park .left_park .title .sub_title{font-family: "Objectivity";font-weight:500;font-size: 4.2vw;margin-top: 1.333333vw;}
	.custom_box .title_park .left_park .some_tips{font-family: "Objectivity";font-weight:300;font-size: 3.8vw;}
	.custom_box .title_park .left_park .some_tips .con_p:first-child{margin-top: 5.333333vw;margin-bottom: 0}
	.custom_box .title_park .left_park .some_tips .con_p{margin-top: 1.333333vw}
	.custom_box .title_park .more_btn{width: 20.8vw;height: 5.333333vw;line-height: 5.333333vw;font-family: "Objectivity";font-weight:300;font-size: 2.666667vw;margin-top: 4.0vw}

	.custom_box .cu_box{margin-top: 9.333333vw;}
	.custom_box .cu_box .item .item_info{height: 8.666667vw;line-height: 8.666667vw;bottom: -8.666667vw;}
	.custom_box .cu_box .item .item_info .title{line-height: inherit;padding-left: 5.066667vw;font-size: 7vw;}
	.custom_box .cu_box .item .item_info a{line-height: inherit;margin-right: 5.333333vw;font-size: 3vw;padding-right:2.333333vw;}
	.custom_box .cu_box .item .item_info a::after{width: 1.333333vw;height: 2.133333vw;}
	
	.featured_box{margin-top: 16.533333vw;}
	.featured_box .menu_box{margin-top: 6.0vw}
	.featured_box .menu_box .menu .li{height: 5.733333vw;line-height: 5.733333vw;padding: 0 0;font-size: 2.933333vw;margin-top: 0;margin-bottom: 2.0vw}
	.featured_box .item_box{margin-top: 5.2vw}
	.featured_box .item_box .item .info{height: 6.666667vw;line-height: 6.666667vw}
	.featured_box .item_box .item .info::before{width: 6.666667vw;height: 6.666667vw;left: -6.666667vw;background: url(../images/index/triangle.png) no-repeat  right center / auto 100%;}
	.featured_box .item_box .item .info .title{line-height: 7.266667vw;font-size: 2.933333vw;}
	.featured_box .item_box .item .info .cart{position: absolute;margin: 0;width: 4.266667vw;height: 3.866667vw;right: 2.8vw;top: 50%;transform:translate(0,-50%);background: url(../images/index/cart_icon.png) no-repeat  center center / auto 100%}

	.featured_box .public_sub_title{font-size: 4.2vw;line-height: 1.3;font-family: "Objectivity";font-weight:500;margin-top: 5.333333vw;}
	.featured_box .public_content{font-size: 3.8vw;line-height: 1.3;font-family: "Objectivity";font-weight:300;margin-top: 1.333333vw}
}