.flex-a{flex:1;overflow:hidden;}
.f18{
	font-size:18px;
}
.flex{
	display:flex;
}
.flex-bet{
	justify-content:space-between
}
.videos{position:relative}
.videos .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.videos video{width:100%;height:100%;object-fit:cover;display:none;position:absolute;left:0;top:0;z-index:1;}

@media(min-width:1200px){
.Title {
    padding-top:55px;
}

.Title>div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Title>div:first-child>p:nth-child(odd) {
    height: 1px;
    width: 44px;
    background-color: #080404;
}

.Title>div:first-child>p:nth-child(2) {
    font-size: 35px;
    font-family: 'SourceHanSansSC-Bold';
    color: #080404;
    line-height: 50px;
    margin: 0 9px;
}

.Title>div:last-child {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.Title>div:last-child>p {
    margin-top: 1px;
    width: 1px;
    height: 11px;
    background-color: #080404;
}

.Title>div:last-child>p:nth-child(even) {
    margin-left: 8px;
    margin-right: 8px;
}

.Title_bold {
    margin-top: 0 !important;
    width: 2px !important;
    height: 17px !important;
}

.brandVideo {
    width: 1200px;
    margin: auto;
    margin-top: 18px;
    background-color: #080404;
}

.videoBox {
    position: relative;
}

.videoBox>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/video_background.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videoBox>div>p {
    width: 608px;
    height: 191px;
    background-image: url(../images/video_logo.png);
    text-align: center;
    padding-top: 67px;
}

.videoBox>div>p>img {
    cursor: pointer;
}

.brandVideoControls {
    width: 100%;
    height: 101px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #080404;
}

.brandVideoControls>div {
    cursor: pointer;
}

.brandVideoControls>p {
    cursor: pointer;
}

.brandVideoControls>div:nth-child(4) {
    width: 746px;
}

.volume {
    position: relative;
}

.volume:hover p {
    opacity: 1;
}

.volume>p {
    opacity: 0;
    position: absolute;
    transform: rotate(-90deg);
    top: -90px;
    left: -45px;
    width: 120px;
    height: 30px;
}

#volume {
    width: 100px;
}

.timeBox {
    font-size: 19px;
    color: #fff;
}

/* input[range]�桁� */
input[type=range] {
    -webkit-appearance: none;
    width: 746px;
    border-radius: 10px;
    /*菴�筝���ц�臀�戎紂���菴�綺��≧�句���上就筝阪��茹�*/
    background: linear-gradient(to right, #fff 0%, #fff 0%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .5) 100%);
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 10px;
    border-radius: 10px;
    /*絨�莉���莅鞘減��茹���*/
    /* box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; */
    /*莉�����臀��翫襲����*/
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    margin-top: -5px;
    /*篏炊���莇��肴秀���������霡脂��夝�*/
    background: #ffffff;
    border-radius: 50%;
    /*紊�茹�莅丞舟筝阪��綵�*/
    border: solid 0.125em rgba(205, 224, 230, 0.5);
    /*莅丞舟莨号�*/
    box-shadow: 0 .125em .125em #3b4547;
    /*羞糸��綺����翫襲*/
}

input[type=range]::-webkit-slider-thumb:hover {
    height: 30px;
    width: 30px;
    margin-top: -10px;
    cursor: pointer;
}

.playBox>img {
    display: none;
}

.playBoxCurrent {
    display: block !important;
}

.brandContent {
   max-width:1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height:2;
    font-size: 19px!important;
    color: #333;
    margin-top:35px;
    margin-bottom: 56px;
}
.brandContent>div{
	font-size:19px!important;
}
.brandContent1>div:first-child {
    height: 218px;
}

.brandContent1>div:first-child>p:last-child {
    font-size: 25px;
    font-family: 'SourceHanSansSC-Bold';
    margin-top: 36px;
}


.brandContent2>div:last-child>p:last-child {
    margin-top: 36px;
}

.brandContent3 {
    align-items: flex-start !important;
}

.brandContent3>p:first-child {
    /* height: 391px; */
    margin-top: -12px;
}

.brandContent3>p:first-child>span {
    display: block;
    margin-top: 30px;
}

.brandContent3_1 {
    margin-top: -60px;
}

.brandTitle {
    background-color: #E2EEFA;
}

.brandContent4Box {
    height: 413px;
    position: relative;
}

.brandContent4 {
    max-width:1200px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: normal;
    position: absolute;
    top: 90px;
    z-index: 10;
    left: calc(50% - 625px);
}

.brandContent4>p {
    width: 602px;
    height: 414px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brandContent4_1 {
    max-width:1200px;
    margin: auto;
    margin-top: 116px;
    display: flex;
    justify-content: space-between;
    line-height: 46px;
    font-size: 19px;
    color: #333;
}

.brandContent4_1>div {
    overflow: hidden;
	font-size:19px!important;
}

.brandContent4_1>div:first-child {
    font-family: 'SourceHanSansSC-Bold';
}



.brandContent4_1>div:nth-child(2) {
    width: 9px;
    margin-top: 17px;
    position: relative;
    overflow: hidden;
}

.brandContent4_1>div:nth-child(2)>p {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #080404;
}

.brandContent4_1>div:nth-child(2)>p:last-child {
    width: 1px;
    height: 98%;
    position: absolute;
    border-radius: 0;
    left: 4px;
    top: 0;
}

.brandContent4_1>div:nth-child(2)>p{
    margin-bottom: 38px;
}


.brandContent5_1 {
    max-width: 1200px;
    margin: auto;
    margin-top: 58px;
}

.brandContent5 {
    font-size: 17px;
    align-items: initial;
}
.ovh{
	overflow:hidden;
}
.brandContent5>div>p:first-child {
    font-size: 25px;
    font-family: 'SourceHanSansSC-Bold';
    color: #080404;
    margin-bottom: 32px;
    margin-top: 37px;
}

.brandContent5Box {
    width: 100%;
    height: 405px;
    background-color: #E2EEFA;
    margin-top: 44px;
    position: relative;
}

.brandContent6 {
    margin-top: 0;
    align-items: initial;
    position: absolute;
    top: 36px;
    left: calc(50% - 600px);
}

.brandContent6>p:first-child {
    padding:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.brandContent6>div:last-child {
    margin-top:55px;
	padding-left:35px;
}

.brandContent6>div:last-child>div>p:first-child {
    font-size: 25px;
    font-family: 'SourceHanSansSC-Bold';
}

.brandContent6>div:last-child>div:last-child {
    margin-top: 36px;
}

.brandContentLastTitle {
    padding-top:180px;
    background-color: #F9F9F9;
}

.brandContentLastBox {
    width: 100%;
    background-color: #F9F9F9;
    overflow: hidden;
    padding-top:40px;
    padding-bottom:80px;
}
.brandContentLastBox li{
	margin:25px 0;
}
.brandContentLastBox li .item_img{
	max-width:560px;
}
.brandContentLastBox li .item_info{
	padding:25px 0 0 25px;
	font-size:19px;
	line-height:2;
}
.brandContentLastBox li .c1{

}
.brandContentLastBox li .c2{
	margin-top:15px;
	line-height:2;
}
.brandContentLastBox li:nth-child(2n){
	flex-direction:row-reverse
}
.brandContentLastBox li .vmore{
    width: 154px;
    height: 34px;
    background-color: #080404;
    font-size: 25px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    margin-top: 45px;
}
.brandContent2 .brand_img{
	max-width:580px;
}
.brand1_info{
	font-size:16px;
	padding-left:25px;
}
.flex-a{flex:1;overflow:hidden;}
.f18{
	font-size:18px;
}
.flex{
	display:flex;
}
.flex-bet{
	justify-content:space-between
}
.brand_info{
	line-height:2;
	max-width:96%;
	margin-right:3%;
}
.brandContent3 .brand_img{
	max-width:650px;
}
.brandContent4 ul li{
	max-width:48.5%
}
.brandContent6  .item_img{
	max-width:660px;
}
}
@media(max-width:990px){
.Title {
    padding-top:29px;
}

.Title>div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Title>div:first-child>p:nth-child(odd) {
    height: 1px;
    width: 44px;
    background-color: #080404;
}

.Title>div:first-child>p:nth-child(2) {
    font-size:24px;
    font-family: 'SourceHanSansSC-Bold';
    color: #080404;
    line-height: 50px;
    margin: 0 9px;
}

.Title>div:last-child {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.Title>div:last-child>p {
    margin-top: 1px;
    width: 1px;
    height: 11px;
    background-color: #080404;
}

.Title>div:last-child>p:nth-child(even) {
    margin-left: 8px;
    margin-right: 8px;
}

.Title_bold {
    margin-top: 0 !important;
    width: 2px !important;
    height: 17px !important;
}

.brandVideo {
    width: 1200px;
    margin: auto;
    margin-top: 18px;
    background-color: #080404;
}

.videoBox {
    position: relative;
}

.videoBox>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/video_background.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videoBox>div>p {
    width: 608px;
    height: 191px;
    background-image: url(../images/video_logo.png);
    text-align: center;
    padding-top: 67px;
}

.videoBox>div>p>img {
    cursor: pointer;
}

.brandVideoControls {
    width: 100%;
    height: 101px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #080404;
}

.brandVideoControls>div {
    cursor: pointer;
}

.brandVideoControls>p {
    cursor: pointer;
}

.brandVideoControls>div:nth-child(4) {
    width: 746px;
}

.volume {
    position: relative;
}

.volume:hover p {
    opacity: 1;
}

.volume>p {
    opacity: 0;
    position: absolute;
    transform: rotate(-90deg);
    top: -90px;
    left: -45px;
    width: 120px;
    height: 30px;
}

#volume {
    width: 100px;
}

.timeBox {
    font-size: 19px;
    color: #fff;
}

/* input[range]�桁� */
input[type=range] {
    -webkit-appearance: none;
    width: 746px;
    border-radius: 10px;
    /*菴�筝���ц�臀�戎紂���菴�綺��≧�句���上就筝阪��茹�*/
    background: linear-gradient(to right, #fff 0%, #fff 0%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .5) 100%);
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 10px;
    border-radius: 10px;
    /*絨�莉���莅鞘減��茹���*/
    /* box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; */
    /*莉�����臀��翫襲����*/
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    margin-top: -5px;
    /*篏炊���莇��肴秀���������霡脂��夝�*/
    background: #ffffff;
    border-radius: 50%;
    /*紊�茹�莅丞舟筝阪��綵�*/
    border: solid 0.125em rgba(205, 224, 230, 0.5);
    /*莅丞舟莨号�*/
    box-shadow: 0 .125em .125em #3b4547;
    /*羞糸��綺����翫襲*/
}

input[type=range]::-webkit-slider-thumb:hover {
    height: 30px;
    width: 30px;
    margin-top: -10px;
    cursor: pointer;
}

.playBox>img {
    display: none;
}

.playBoxCurrent {
    display: block !important;
}

.brandContent {
  padding:0 15px;
    line-height:2;
    font-size: 14px!important;
    color: #333;
    margin-top:35px;
    margin-bottom:25px;
}
.brandContent>div{
	font-size:14px!important;
}


.brandContent1>div:first-child>p:last-child {
    font-size:15px;
    font-family: 'SourceHanSansSC-Bold';
    margin-top:16px;
}


.brandContent2>div:last-child>p:last-child {
    margin-top:16px;
}

.brandContent3 {
    align-items: flex-start !important;
}

.brandContent3>p:first-child {
    /* height: 391px; */
    margin-top: -12px;
}

.brandContent3>p:first-child>span {
    display: block;
    margin-top: 30px;
}

.brandContent3_1 {
    margin-top: -60px;
}

.brandTitle {
    background-color: #E2EEFA;
}

.brandContent4Box {
    height: 413px;
    position: relative;
}

.brandContent4 {
    max-width:1200px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: normal;
    position: absolute;
    top: 90px;
    z-index: 10;
    left: calc(50% - 625px);
}

.brandContent4>p {
    
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brandContent4_1 {
   
    margin-top:16px;
    line-height:2;
    font-size: 14px;
    color: #333;
}

.brandContent4_1>div {
    overflow: hidden;
	padding:15px 20px;
	font-size:14px!important;
}

.brandContent4_1>div:first-child {
    font-family: 'SourceHanSansSC-Bold';
}



.brandContent4_1>div:nth-child(2) {
    width: 9px;
    margin-top: 17px;
    position: relative;
    overflow: hidden;
}

.brandContent4_1>div:nth-child(2)>p {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #080404;
}

.brandContent4_1>div:nth-child(2)>p:last-child {
    width: 1px;
    height: 385px;
    position: absolute;
    border-radius: 0;
    left: 4px;
    top: 0;
}

.brandContent4_1>div:nth-child(2)>p:nth-child(2) {
    margin-top: 38px;
}

.brandContent4_1>div:nth-child(2)>p:nth-child(3) {
    margin-top: 38px;
}

.brandContent4_1>div:nth-child(2)>p:nth-child(4) {
    margin-top:40px;
}


.brandContent5_1 {
    margin: auto;
    margin-top:18px;
}

.brandContent5 {
    font-size: 14px;
    align-items: initial;
}
.ovh{
	overflow:hidden;
}
.brandContent5>div>p:first-child {
    font-size:14px;
    font-family: 'SourceHanSansSC-Bold';
    color: #080404;
    margin-bottom:12px;
    margin-top:17px;
}

.brandContent5Box {
    width: 100%;
    background-color: #E2EEFA;
    margin-top:24px;
	padding-bottom:15px;
    position: relative;
}

.brandContent6 {
    margin-top: 0;
}



.brandContentLastTitle {
    background-color: #F9F9F9;
}

.brandContentLastBox {
    width: 100%;
    background-color: #F9F9F9;
    overflow: hidden;
    padding-top:15px;
    padding-bottom:20px;
}
.brandContentLastBox li{
	margin:15px 0;
}
.brandContentLastBox li .item_info{
	padding:15px 0 0 15px;
	font-size:14px;
	line-height:2;
}
.brandContentLastBox li .c1{

}
.brandContentLastBox li .c2{
	margin-top:15px;
	line-height:2;
}
.brandContentLastBox li:nth-child(2n){
	flex-direction:row-reverse
}
.brandContentLastBox li .vmore{
    width: 154px;
    height: 34px;
    background-color: #080404;
    font-size:18px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    margin-top:25px;
}
.brand1_info{
	font-size:14px;
}

.brand_info{
	line-height:2;
	max-width:96%;
	margin-right:3%;
}
.brandContent4 ul li{
	max-width:48.5%
}
.brandContent6 .item_img{
	padding:15px;
}
}
.rylist li{
    text-align:center;
    width:30.33%;
    margin:10px 1.5%;
    float:left;
}
@media(max-width:750px){
.brandContent4_1>div:first-child{
	display:none
}
.brand_slide{
	background-attachment:unset!important;
}
.flex{
	flex-wrap:wrap;
}
.brandContent4_1>div:nth-child(2){
	display:none
}
.flex-a{
	clear:both;
	width:100%;
}
.rylist li{
    width:48%;
    margin:3px 1%;
}
}