/*头部样式*/
.detail_top_title {padding: 40px 0;background: url(/static/themes/default/images/detail/detail_title_bg.png) no-repeat center/cover;position: relative;}
.detail_top_title #particles-js {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}
.detail_top_title .particles-js-canvas-el{width: 100%;height: 100%;}
.detail_top_title #particles-js .particles-js-canvas-el {position: absolute;top: 0;left: 0;z-index: 1;}
.detail_top_title .wide {width: 1280px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;position: relative;}
.detail_top_title .wide .wide_left{width: 50%;display: flex;padding-top: 0px;align-items: center;column-gap: 20px;}

.detail_top_title .wide .wide_left .logo{width: 80px;height: 80px;overflow: hidden;border-radius: 40px;}
.detail_top_title .wide .wide_left .data {display: flex;flex-direction: column;row-gap: 10px;}
.detail_top_title .wide .wide_left .data .name {font-size: 28px;color: #fff;}
.detail_top_title .wide .wide_left .data .msg .country {display: inline-block;vertical-align: middle;}
.detail_top_title .wide .wide_left .data .msg .country .i_out {display: inline-block;vertical-align: middle;height: 14px;width: 24px;}
.detail_top_title .wide .wide_left .data .msg .country i {transform-origin: left top;transform: scale(0.58947);}
.detail_top_title .wide .wide_left .data .msg .country span {display: inline-block;vertical-align: middle;font-size: 14px;line-height: 24px;padding-left: 5px;color: #fff;}
.detail_top_title .wide .wide_right{}
.detail_top_title .wide .wide_right a{display: inline-block;color:#045afe;font-size:16px;width: 145px;line-height: 50px;text-align:center;border-radius:25px;background: #fff;}
.detail_top_title img{vertical-align: middle;width: 100%;height: 100%;object-fit: cover;}

@media screen and (max-width:1330px) {
	.detail_top_title .wide{width: 100%;box-sizing: border-box;}
}

@media screen and (max-width:1024px) {
	.detail_top_title{padding: 5.3vw 0;}
	.detail_top_title .wide {padding: 0 4vw;}
	.detail_top_title .wide .wide_left{width: 100%;column-gap:4vw;}
	.detail_top_title .wide .wide_left .logo{width:14vw;height:14vw;border-radius:7vw;}
	.detail_top_title .wide .wide_right{display:none;}
}

@media screen and (max-width:750px) {
	.detail_top_title .wide .wide_left{width: 100%;}
}
@media screen and (max-width:500px) {
	.detail_top_title .wide .wide_left .data .name {font-size: 5vw;}
	.detail_top_title .wide .wide_left .data .msg .country span{font-size: 3.2vw;}
}