.brand_cont{padding-top: 83px;}

.brand_titlebox{text-align: center;}
.brand_titlebox .brand_title{font-family: 'Montserrat-Regular'; display: flex; justify-content: center; font-size: 28px; line-height: 56px; color: #fff; position: relative; overflow: hidden;}
.brand_titlebox .brand_title .brand_titbox{padding: 0 10px; background-color: #14151b; position: relative; z-index: 10;}
.brand_titlebox .brand_title .brand_titbox:before{content: ''; width: calc(100% + 480px); height: 1px; background-color: #363c45; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.brand_titlebox .brand_title .brand_titbox:after{content: ''; width: calc(100% + 250px); height: 7px; border-top: 1px solid #363c45; border-bottom: 1px solid #363c45; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.brand_title .brand_titbox .brand_tit{border-top: 3px solid #363c45; border-bottom: 3px solid #363c45; background-color: #14151b; padding: 0 108px; position: relative;}
.brand_title .brand_titbox .brand_tit:before{content: ''; width: 20px; height: 19px; background: url(/static/themes/t145/images/upat574/icon/icon_brand_title.png) no-repeat center; background-size: 100%; position: absolute; left: 13%; top: 50%; transform: translateY(-50%);}
.brand_title .brand_titbox .brand_tit:after{content: ''; width: 20px; height: 19px; background: url(/static/themes/t145/images/upat574/icon/icon_brand_title.png) no-repeat center; background-size: 100%; position: absolute; right: 13%; top: 50%; transform: translateY(-50%);}
.brand_titbox .brand_tit .brand_tit_left{position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
.brand_titbox .brand_tit .brand_tit_left:before{content: ''; border-left: 16px solid #363c45; border-top: 32px solid transparent; border-bottom: 32px solid transparent; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.brand_titbox .brand_tit .brand_tit_left:after{content: ''; border-left: 16px solid #14151b; border-top: 32px solid transparent; border-bottom: 32px solid transparent; position: absolute; right: 3px; top: 50%; transform: translateY(-50%);}
.brand_titbox .brand_tit .brand_tit_right{position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.brand_titbox .brand_tit .brand_tit_right:before{content: ''; border-right: 16px solid #363c45; border-top: 32px solid transparent; border-bottom: 32px solid transparent; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.brand_titbox .brand_tit .brand_tit_right:after{content: ''; border-right: 16px solid #14151b; border-top: 32px solid transparent; border-bottom: 32px solid transparent; position: absolute; left: 3px; top: 50%; transform: translateY(-50%);}
.brand_subtitle{font-family: 'Montserrat-Light'; font-size: 14px; line-height: 18px; color: #5a6069; text-align: center; margin-top: 20px;}

.brand_list{display: flex; flex-wrap: wrap; margin-top: 80px;}
.brand_list .brand_item{box-sizing: border-box; width: 47.667%; margin-left: 4.667%; margin-bottom: 107px;}
.brand_list .brand_item:nth-child(odd){margin-left: 0;}
.brand_list .brand_item .img{display: block; width: 100%; height: 0; padding-top: 61.89%; border-radius: 10px; text-align: center; overflow: hidden; position: relative;}
.brand_list .brand_item .img img{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.brand_list .brand_item .brand_txt{font-family: 'Montserrat-Light'; font-size: 14px; line-height: 24px; color: #a2a2a2; margin-top: 37px;}

@media screen and (max-width: 1279px) {
	.wide{width: 980px;}

	.brand_titlebox .brand_title .brand_titbox:before{width: calc(100% + 390px);}
	.brand_titlebox .brand_title .brand_titbox:after{width: calc(100% + 200px);}
}

@media screen and (max-width: 1023px) {
	.wide{width: 92%; min-width: 92%;}
	.brand_cont{padding-top: 40px;}

	.brand_titlebox:before{width: 90%;}
	.brand_titlebox:after{width: 70%;}
	.brand_titlebox .brand_title{font-size: 18px; line-height: 40px;}
	.brand_titlebox .brand_title .brand_titbox{padding: 0 5px;}
	.brand_titlebox .brand_title .brand_titbox:before{width: calc(100% + 100px);}
	.brand_titlebox .brand_title .brand_titbox:after{width: calc(100% + 50px);}
	.brand_title .brand_titbox .brand_tit{border-top-width: 2px; border-bottom-width: 2px; padding: 0 60px;}
	.brand_title .brand_titbox .brand_tit:before{width: 16px; height: 15px; left: 8%;}
	.brand_title .brand_titbox .brand_tit:after{width: 16px; height: 15px; right: 8%;}
	.brand_titbox .brand_tit .brand_tit_left:before{border-left-width: 13px; border-top-width: 25px; border-bottom-width: 25px;}
	.brand_titbox .brand_tit .brand_tit_left:after{border-left-width: 13px; border-top-width: 25px; border-bottom-width: 25px; right: 2px;}
	.brand_titbox .brand_tit .brand_tit_right:before{border-right-width: 13px; border-top-width: 25px; border-bottom-width: 25px;}
	.brand_titbox .brand_tit .brand_tit_right:after{border-right-width: 13px; border-top-width: 25px; border-bottom-width: 25px; left: 2px;}
	.brand_subtitle{font-size: 12px; line-height: 14px; margin-top: 10px;}

	.brand_list{margin-top: 40px;}
	.brand_list .brand_item{width: 100%; margin-left: 0; margin-bottom: 50px;}
	.brand_list .brand_item .brand_txt{font-size: 12px; line-height: 20px; margin-top: 20px;}
}

.innovation_banner{position: relative;}
.innovation_banner .innovation_banner_info{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
.innovation_banner .innovation_banner_title{font-family: var(--family-bold, 'Montserrat-Bold'); font-size: var(--size-70, 70px); line-height: 1; color: var(--white, #fff);}

.innovation_list{display: flex; flex-wrap: wrap; width: 100%;}
.innovation_list *{box-sizing: border-box;}
.innovation_list .innovation_item{width: 100%; cursor: pointer;}
.innovation_list #turn_page{width: 100%;}
.innovation_list #turn_page li:nth-child(1),
.innovation_list #turn_page li:nth-child(2),
.innovation_list #turn_page li:last-child{display: none;}

.innovation_page{display: flex; justify-content: center; flex-wrap: wrap; width: 100%;}
.innovation_page a{box-sizing: border-box; display: block; width: 41px; height: 41px; font-family: var(--family-regular, 'Montserrat-Regular'); font-size: var(--size-19, 19px); line-height: 39px; color: var(--black, #000); border: 1px solid var(--gray-66, #666363); border-radius: 5px; background-color: var(--gray-e5, #e5e5e5); margin: 10px; text-align: center;}
.innovation_page a.on,
.innovation_page a:hover{background-color: var(--white, #fff);}

@media(max-width: 1000px){
	.innovation_page a{width: 30px; height: 30px; line-height: 28px; margin: 5px;}
}