@charset "utf-8";
/* CSS Document */
body{
	min-width: 1300px;
	overflow-y: hidden;
}
body::-webkit-scrollbar{
  display:none;
}
	#brandContain { overflow: hidden;}
	.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
	.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
	.current .contain, .slide .contain { display: block;}
	.current { display: block; z-index: 1;}
	.slide { display: block; z-index: 2;}
	.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
	#video_mask{width: 100%; height: 100%; background:rgba(41,41,41,.7);position:absolute;z-index:6;display:none;}
	#close {
	 cursor: pointer; position: absolute; right: 12%; top: 5%; width: 100px; height: 80px;
   -webkit-animation: go 2s ease-in-out alternate infinite;
   -moz-animation: go 2s ease-in-out alternate infinite;
   animation: go 2s ease-in-out alternate infinite;
}
@keyframes go {
   0% {
       -webkit-transform: rotate(30deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(30deg);
       -moz-transform-origin: top center;
       transform: rotate(30deg);
       transform-origin: top center;
    }
    100% {
       -webkit-transform: rotate(-30deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(-30deg);
       -moz-transform-origin: top center;
       transform: rotate(-30deg);
       transform-origin: top center;
    }
}
.brand_homebg{
	width: 100%;
	height: 100%;
}
.brand_homebg img{
	width: 100%;
	display: block;
	min-height: 768px;
}
.brand_homebox{
	background: url(../images/brand_homebg.png) no-repeat center;
	background-size: 100% 120%;
	height:100%;
}
.brand_adultbox{
	background: url(../images/brand_adultbg.jpg) no-repeat center;
	background-size: 100% 120%;	
}
.brand_adulthwbox{
	background: url(../images/brand_adulthwbg.jpg) no-repeat center;
	background-size: 100% 120%;	
}
.brand_adulttsbox{
	background: url(../images/brand_adulttsbg.jpg) no-repeat center;
	background-size: 100% 120%;	
}
.brand_adultzsbox{
	background: url(../images/brand_adultzsbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_daxuegjbox{
	background: url(../images/brand_daxuegjbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_daxuelcbox{
	background: url(../images/brand_daxuelcbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_daxuecgbox{
	background: url(../images/brand_daxuecgbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_daxuezxbox{
	background: url(../images/brand_daxuezxbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_otherbxhbox{
	background: url(../images/brand_otherbxhbg.jpg) no-repeat center;
	background-size: 100% 120%;	
}
.brand_childkxbox{
	background: url(../images/brand_childkxbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_childmgsbox{
	background: url(../images/brand_childmgsbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_childmtxbox{
	background: url(../images/brand_childmtxbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_childppbox{
	background: url(../images/brand_childppbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_highgjbox{
	background: url(../images/brand_highzxgjbg.jpg) no-repeat center;
	background-size: 100% 120%;	
}
.brand_highkwbox{
	background: url(../images/brand_highkwbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_highynbox{
	background: url(../images/brand_highynbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_qingnianbox{
	background: url(../images/brand_qingnianbg.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_steambox{
	background: url(../images/brand_steam.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_jkcx{
	background: url(../images/brand_jkcx.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.brand_sfke{
	background: url(../images/brand_sfke.jpg) no-repeat center;
	background-size: 100% 120%;		
}
.phone{
	display:inline-block;
	width:22px;
	height:22px;
	margin-right:10px;
	background:url(../images/icon_phone.png) no-repeat center;
}
/*品牌音乐*/
.brand_musicbox {
    background: url(../images/brand_homebg.png) no-repeat center;
    background-size: 100% 100%;
}
.brand_musicdown{
	width: 23%;
	position: absolute;
	bottom: -7%;
	right: 0;
}
.brand_musicleft,.brand_musicleftxs{
    width: 30%;
    margin: 10% 0 0 20%;
    position: relative;
    float: left;
}
.brand_musicleft img,.brand_musicleftxs img{
	width: 100%;
	display: block;
	z-index:1;
}
.brand_musicleftxs{
    width: 60%;
    margin: 8% 0 0 12%;
		overflow:hidden;
}
.brand_musicimg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25%;
}
.brand_leftvedio_box{
	width: 65%;
	height: 100%;
	float: left;
	position: relative;
}
.homepage_left {
    width: 48px;
    height: 160px;
    background: url(../images/homepage_leftmask.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 22px;
    margin-top: -80px;
    z-index: 1;
}
.homepage_right {
    width: 48px;
    height: 160px;
    background: url(../images/homepage_leftmask.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 22px;
    margin-top: -80px;
    z-index: 1;
}
.homepage_left i,.homepage_right i{
	display: block;
	width: 48px;
	height: 160px;
	background: url(../images/homepage_lefticon.png) no-repeat 10px 24px;
	background-position: 20px 65px;
}
.homepage_right i{
	background: url(../images/homepage_righticon.png) no-repeat 10px 24px;	
	background-position: 20px 65px;
}
.brand_leftvedio{
    width: 85%;
    position: absolute;
    left: 35%;
    top: 15%;
    margin-left: -22%;
}
.brand_leftvedio img{
	width:100%;
}
.brand_leftvedio a:nth-of-type(1){
	width: 80px;
	height: 80px;
	background: url(../images/brand_viewicon1.png) no-repeat;
	background-size: contain;
	position: absolute;
    top: 45%;
    left: 44%;
}
.brand_leftvedio a:nth-of-type(2),.brand_leftvedio a:nth-of-type(3),.brand_leftvedio a:nth-of-type(4){
	width: 36px;
	height: 36px;
	background: url(../images/brand_viewicon2.png) no-repeat;
	font-size:36px;
	color:#fff;
	background-size: contain;
	position: absolute;
    top: 8%;
    right: 10%;
}
.brand_leftvedio a:nth-of-type(3){
	top: 41%;
}
.brand_leftvedio a:nth-of-type(4){
	top: 73%;
}
.brand_headbox{
	min-width: 1300px;
	width: 100%;
	height: 48px;
	background: url(../images/brand_homenav.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.brand_logo{
	width: 303px;
    padding-left: 2%;
    transition: all 0.4s;
	margin-top: 9px;
}
.brand_logo a:nth-of-type(1){
	width: 202px;
}
.brand_logo a:nth-of-type(2){
    width: 0px;   
    margin-left: 11%;
}
.brand_logo img{
	width: 100%;
}
.brand_backxdf{
    position: absolute;
    top: 50%;
    right: 1%;
    width: 66px;
    height: 20px;
    margin-top: -10px;
    font-size: 14px;
    color: #229bd4;
}

.brand_navbox{
	width: 60%;
	height: 100%;
	margin-left: 5%;
}
.brand_navbox li{
	width: 16%;
	height: 100%;
	text-align: center;
	position: relative;
	cursor:pointer;
}
.brand_navbox li .brand_text{
	margin-right: -1px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;

}

.brand_navbox li i{
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
}

.brand_navbox li .brand_navon{
    color: #229bd4;
}
.brand_listbox{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: none;
}
.brand_listbox li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	background: url(../images/brand_listbg.png) no-repeat center;
}
.brand_listbox li:hover{
	background: #229bd4;
}
.brand_contenbox{
	min-width: 1248px;
    position: absolute;
    width: 96%;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -48%;
}
.brand_vedio{
    width: 47%;
    height: 400px;
    background: #eeeeee;
    position: absolute;
    top: 26%; 
    left: 14%;
}
.brand_conleft{
    width: 30%;
    height: 65%;
    position: absolute;
    top: 17%;
    left: 20%;
	
}
.brand_conleftxs{
    width: 51%;
    height: 64%;
    position: absolute;
    top: 20%;
    left: 11%;
}
.brand_contright_box{
	width: 35%;
	height: 100%;
	float: right;
	position: relative;
}
.brand_contright{
	position: absolute;
	width: 30%;
	height: 400px;
	top: 50%;
	left: 68%;
	color: #FFFFFF;
	font-size: 16px;
	margin-top: -200px;
}
.brand_contright em{
	width:100%;
	margin-top: 14px;
	font-size:24px;
}
.brand_contright h2 a{
	color: #FFFFFF;
	font-size: 50px;
	font-weight: bold; 
	margin-top: 2%;
}
.brand_contright h2 span{
	color: #FFFFFF;
	font-size: 30px;
	font-weight: normal;
	margin-top: 2%;
	margin-left: 2%;
}
.brand_contright p:nth-of-type(1){
	margin-top: 2%;
}
.brand_contright p:nth-of-type(2){
	margin-top: 1%;	
    margin-bottom: 11%;
}
.brand_contright p:nth-of-type(2) a{
	color: #FFFFFF;
}
.brand_contright p:nth-of-type(3){
	width: 68%;
	max-height: 16rem;
	line-height: 25px;
	margin-top: 4%;
    overflow-y: auto;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    font-size: 14px;
}
.brand_contright p:nth-of-type(3)::-webkit-scrollbar{
  display:none;
}
.brand_contright2{
    width: 32%;
    height: 400px;
    color: #FFFFFF;
    font-size: 16px;
    float: left;
    margin: 10% 0 0 8%;
    position: relative;
}
.brand_contright2 h2{
	font-size: 26px; 
	margin-top: 6%;
	margin-bottom: 3%;
}
.brand_contright2 p span{
	margin-right: 10%;
}
.brand_contright2 p:nth-of-type(2){
    width: 66%;
    font-size: 14px;
    text-align: center;
    margin-top: 6%;
    height: 292px;
    overflow-y: auto;
}
.brand_contright2 p:nth-of-type(2)::-webkit-scrollbar{
  display:none;
}
.brand_contright2 p:nth-of-type(2) i{
	display: block;
	margin-top: 2%;
}
.brand_contright3{
    width: 20%;
    height: 400px;
    color: #FFFFFF;
    font-size: 15px;
    float: left;
    margin: 10% 0 0 3%;
    position: relative;
}
.brand_contright3 h2 a{
	color: #FFFFFF;
    font-size: 50px;
    font-weight: bold;
    margin-top: 2%;
    margin-bottom: 5%;
}
.brand_contright3 p span{
	margin-right: 10%;
}
.brand_contright3 p{
    line-height: 200%;
    margin-top: 18%;
}
.brand_contright4{
    position: absolute;
    width: 59%;
    top: 20%;
    left: 21%;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 0;
}
.brand_contright3 p:nth-of-type(2){
	margin-top: 5%;
}
.brand_bofangbtn{
    position: absolute;
    bottom: 9%;
    right: 6%;
    width: 8%;
}
.brand_bofangbtn img{
	width: 100%;
	display: block;
}
.home_lunboicon {
    position: absolute;
    bottom: 42px;
    left: 50%;
    width: 300px;
    margin-left: -137px;
		z-index:1;
}
.home_lunboicon i {
    float: left;
    width: 30px;
    height: 1px;
    background-color: #fff;
    margin-right: 18px;
}
.home_lunboicon i.homepage_on {
    background-color: #008c83;
}
.home_maskon{
	width: 48px;
	height: 160px;
	background: url(../images/homepage_maskon.png) no-repeat;	
}

 

.brand_knowmore{
    display: block;
    width: 82px;
    height: 28px;  
    line-height: 28px;
    /* background: url(../images/brand_knowmore.png) no-repeat 70px center; */
    background-size: 10% 50%;
    background-color: #f1dc15;
    border-radius: 20px;
    color: #198b77;
    margin-top: 7%;
    padding-left: 10px;
    font-size: 14px;
}
.brand_knowmorezs{
	/* background: url(../images/brand_knowmorezs.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #c99004;
}
.brand_knowmorets{
	/* background: url(../images/brand_knowmorets.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #dd6475;	
}
.brand_knowmorehw{
	/* background: url(../images/brand_knowmorehw.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #5ca1e6;		
}
.brand_knowmoread{
	/* background: url(../images/brand_knowmoread.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #05a282;
}
.brand_knowmoregj{
	/* background: url(../images/brand_knowmoregj.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #9781c2;	
}
.brand_knowmorelc{
	/* background: url(../images/brand_knowmorelc.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #10a1ac;		
}
.brand_knowmorezx{
	/* background: url(../images/brand_knowmorezx.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #d95366;		
}
.brand_knowmorebxh{
	/* background: url(../images/brand_knowmorebxh.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #10a9b4;		
}
.brand_knowmorebkx{
	/* background: url(../images/brand_knowmorekx.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #c5880f;		
}
.brand_knowmoremgs{
	/* background: url(../images/brand_knowmoremgs.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #409af2;		
}
.brand_knowmoremtx{
	/* background: url(../images/brand_knowmoremtx.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #609648;	
	float: left;
    margin-right: 30px;	
}
.brand_knowmorekw{
	/* background: url(../images/brand_knowmorekw.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #1aada0;	
}
.brand_knowmoreyn{
	/* background: url(../images/brand_knowmoreyn.png) no-repeat 70px center; */
	background-size: 10% 50%;
	background-color: #f1dc15;
	color: #cc8d0e;		
}
.zixun{
	background-image: none;
    width: 70px;
}
.brand_lefticon{
	width: 60px;
	height: 60px;
	background: url(../images/brand_lefticon.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -30px;	
	z-index: 3;
	display:block;
}

.brand_righticon{
	width: 60px;
	height: 60px;
	background: url(../images/brand_righticon.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -30px;
	z-index: 3;
}
.brand_view{
	width: 100%;
	height: 26px;
	background: url(../images/brand_view.png) no-repeat left center;
	color: #fde504;
	font-size: 14px;
    padding-left: 34px;
    background-size: contain;
}


/*iPad*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	body{
		min-width: 1024px;
		bo
	}
	.brand_headbox{
		min-width: 1024px;
		height: 44px;
	}
	.brand_logo {
	    width: 202px;
	    height: 44px;
	    margin-top: 9px;
	}
	.brand_logo a:nth-of-type(1){
		width: 202px;
	}
	.brand_logo a:nth-of-type(2){
	    width: 55px;   
	    margin-left: 8%;
	}
	/*.brand_navbox{
		width: 61%;
    	height: 100%;
    	margin-left: 4%;
	}*/
	.brand_navbox li span.brand_text{
	    font-size: 14px;
    	line-height: 44px;
    	margin-top: 0;
	}
	.brand_contenbox{
		min-width: 1024px;
    	height: 768px;
    	margin-left: -50%;
	}
	.brand_listbox{
		top: 44px;
	}
	.brand_listbox li{
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #FFFFFF;
		font-size: 12px;
	}
	.brand_musicleft {
	    width: 40%;
	    margin: 17% 0 0 14%;
	}
	.brand_musicleftxs {
	    width: 62%;
	    margin: 20% 0 0 7%;
	}
	.brand_contright{
		font-size: 14px;
		left: 59%;
	}
	.brand_contright h2{
		font-size: 40px;
		font-weight: bold;
		margin-top: 2%;
	}
	.brand_contright h2 span{
		font-size: 20px;
		font-weight: bold;
		margin-top: 2%;
	}
	.brand_contright p:nth-of-type(3){
		width: 100%;
	}
	.brand_contright2{
	    font-size: 16px;
	    width: 35%;
	    margin: 16% 0 0 8%;
	}
	.brand_contright2 h2{
		font-size: 20px; 
	}
	.brand_contright3 {
		width: 24%;
		font-size: 14px;
		margin: 22% 0 0 3%;
	}
	.brand_contright3 h2 a{
		font-size: 26px;
	}
	.brand_vedio{
		left: 9%;
	}
	.brand_righticon {
	    width: 46px;
	    height: 46px;
	    right: 4%;
	}
	.brand_lefticon {
	    width: 46px;
	    height: 46px;
	    left: 4%;
	}
	.brand_otherright{
		left: 67%;
	}
	.brand_leftvedio{
	    width: 640px;
	    background: url(../images/brand_musichxbg.jpg) no-repeat;
	    background-size: contain;
	    position: relative;
	    left: 12%;
	    top: 23%;
	    margin-left: 0;
	}
	.brand_leftvedio a:nth-of-type(1){
		width: 60px;
		height: 60px;
		background: url(../images/brand_viewicon1.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 169px;
		left: 247px;
	}

	.brand_contright4{
		width: 50%;
	    left: 35%;
	    top: 25%;
	}
}
/*大屏幕*/
@media only screen and (min-width: 1900px){
	.brand_headbox{
		height: 66px;
	}
	.brand_logo {
	    width: 260px;
	    height: 66px;
	    margin-top: 14px;
	}
	.brand_logo a:nth-of-type(1) {
	    width: 260px;
	}
	.brand_logo a:nth-of-type(2) {
	    width: 108px;
	    margin-left: 8%;
	}
	/*.brand_navbox {
	    width: 68%;
	    height: 100%;
	    margin-left: 16%;
	}
	.brand_navbox li {
	    width: 235px;
	    height: 98%;
	    text-align: center;
	    position: relative;
	}*/
	.brand_navbox li span.brand_text{
	    font-size: 22px;
    	line-height: 66px;
    	margin-top: 0;
	}
	.brand_listbox{
		top: 66px;
	}
	.brand_listbox li {
	    width: 100%;
	    height: 56px;
	    line-height: 56px;
	    text-align: center;
	    color: #FFFFFF;
	    font-size: 16px;
	    background: url(../images/brand_listbg.png) no-repeat center;
	        background-size: auto auto;
	    background-size: 100% 56px;
	}
	.brand_backxdf {
	    position: absolute;
	    top: 50%;
	    right: 1%;
	    width: 72px;
	    height: 20px;
	    margin-top: -10px;
	    font-size: 16px;
	    color: #229bd4;
	}
	.brand_conleft{
		width: 636px;
		height: 636px;
		position: absolute;
		top: 26%;
		left: 25%;
		
	}
	.brand_contright{
		font-size: 18px;
		left: 59%;
	}
	.brand_contright h2 a{
		color: #FFFFFF;
	    font-size: 76px;
	    font-weight: bold;
	    margin-top: 2%;
	}
	.brand_contright h2 span{
		font-size: 20px;
		font-weight: bold;
		margin-top: 2%;
	}
	.brand_contright p:nth-of-type(1) {
	    margin-top: 1%;
	}
	.brand_contright p:nth-of-type(2) {
	    margin-top: 0%;
	    margin-bottom: 11%;
	}
	.brand_contright p:nth-of-type(3) {
	    width: 86%;
	    max-height: 67%;
	    line-height: 32px;
	    margin-top: 4%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 8;
	    -webkit-box-orient: vertical;
	    font-size: 20px;
	}
	/*.brand_contright2{
		position: absolute;
	    width: 30%;
	    height: 59%;
	    top: 5%;
	    color: #FFFFFF;
	    font-size: 22px;
	    left: 55%;
	}*/
	.brand_contright2 h2 {
	    font-size: 32px;
	    margin-top: 6%;
	    margin-bottom: 3%;
	}
	.brand_contright2 p:nth-of-type(2) {
	    width: 66%;
	    font-size: 20px;
	    text-align: center;
	    margin-top: 10%;
	    height: 68%;
	    overflow-y: auto;
	}
	.brand_contright3 {
	    position: absolute;
	    width: 20%;
	    height: 45%;
	    top: 50%;
	    color: #FFFFFF;
	    font-size: 21px;
	    margin-top: -200px;
	    left: 68%;
	}
	.brand_contright4 {
	    font-size: 24px;
    	left: 10%;
    	top: 26%;
    	width: 75%;
	}
	.brand_conleftxs {
	    width: 980px;
	    height: 556px;
	    position: absolute;
	    top: 30%;
	    left: 19%;
	}
	.brand_view {
	    width: 100%;
	    height: 21px;
	    background: url(../images/brand_view.png) no-repeat left center;
	    background-size: auto auto;
	    color: #fde504;
	    font-size: 17px;
	    padding-left: 35px;
	    background-size: 25px 18px;
	}
	.brand_vedio{
		left: 9%;
	}
	.brand_righticon {
	    width: 56px;
	    height: 56px;
	    right: 4%;
	}
	.brand_lefticon {
	    width: 56px;
	    height: 56px;
	    left: 4%;
	}
	.brand_otherright{
		left: 67%;
	}
	.brand_knowmorehw {
	    background: url(../images/brand_knowmorehw.png) no-repeat 93px center;
	    background-color: rgba(0, 0, 0, 0);
	    background-size: auto auto;
	    background-size: 10px 15px;
	    background-color: #f1dc15;
	    color: #5ca1e6;
	    font-size: 18px;
	    width: 100px;
	    height: 32px;
	    line-height: 32px;
	    padding-left: 17px;
	}
	

}

/*浏览器窗口小于1280*/
@media only screen and (min-width: 1024px) and (max-width:1300px){
	overflow-x: auto;
}
.activTitle{
	color: rgb(44, 165, 210) !important;
}