.dcColor {
	color: #fff!important;
}

.dcColor1 {
	color: #ed4b58!important;
}
.dcColor2{
	border: 1px solid #ee2e3d!important;
}

.dcColor3 {
	color: #ee2e3d!important;
}

@keyframes fadeInUpEnter {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeInUpOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.swiper-pagination-bullet{
	width:20px;
	height:4px;
	border-radius: 2px;
}
:root{
	--swiper-theme-color: #ccc;
}
/*
 设置屏幕兼容*/

@media (max-width: 1024px) {
	.dcMarginT {
		margin-top: 80px!important;
	}
	.dcTitle {
		width: 100%;
		height: 40px;
		line-height: 40px;
		position:relative;
	}
	.dcTitle h1 {
		font-size: 30px;
		font-weight: bold;
		color: #010101;
	}
	.dcTitle h2 {
		font-size: 30px;
		color: #010101;
	}
	.dcTitle span {
		font-size: 32px;
		color: #ccc;
		margin-left: 10px;
		font-family: "SanFranciscoDisplay-Heavy";
	}
	.dcTitle  .dcflex{
		width:40%;
		height:40px;
		position:absolute;
		top:0px;
		right:0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
	}
	.dcTitle  .dcflex  .dcfItem{
		width:30%;
		height:38px;
		border: 1px solid #ccc;
		text-align: center;
		cursor: pointer;
		transition: all .5s linear;
		line-height:38px;
		overflow:hidden;
		color: #666666;
	}

	.dcTitle  .dcflex  .dcfItem:hover{
		background-color: #ee2e3d!important;
		border: 1px solid #ee2e3d!important;
		color: #fff!important;
	}
	.dcfactive{
		background-color: #ee2e3d!important;
		border: 1px solid #ee2e3d!important;
		color: #fff!important;
	}
	.dcLine {
		width: 100%;
		height: 24px;
	}
	.content .dcLine img {
		width: 166px;
		height: 4px;
		margin-top: 12px;
	}
	/*轮播*/
	.dcBanner {
		width: 100%;
		height: 380px;
		margin-top: 100px;
	}
	.dcImg {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.dcImg  img{
		width:100%;
		height:100%;
	}
	/*关于极悦娱乐官网**/
	.dcBox {
		width: 100%;
		min-height: 100px;
		position: relative;
	}
	.dcUs {
		width:95%;
		min-height: 100px;
		margin: 0px auto;
		box-sizing: border-box;
	}
	.dcUs .dcContent .dcJj {
		width: 50%;
		min-height: 350px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.dcUs .dcContent .dcJj h5 {
		font-size: 16px;
		line-height: 40px;
	}
	.dcUs .dcContent .dcjjdec {
		margin: 20px 0px 20px;
		font-size: 13px;
		line-height: 24px;
		color: #666;
	}
	.dcUs .dcContent .dcVideo {
		width: 35%;
		height: 200px;
		position: relative;
		background-color: #000000;
		top: 0px;
	}
	.dcContent {
		margin-top: 10px;
		overflow: hidden;
	}
	.dcMore {
		width: 100px;
		height: 28px;
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 28px;
		letter-spacing: 0px;
		color: #888888;
		text-align: center;
		border: solid 1px #cccccc;
		cursor: pointer;
		transform: none;
		transition: all 0.5s ease-in-out;
		animation-fill-mode:forwards; 
	}
	.dcMore:hover {
		-webkit-transform: translate3d(0,-5px,0);
		-ms-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}
	.dcZs {
		width: 40%;
		height: 200px;
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: #ee2e3d;
	}
	.dcZs img {
		width: 50%;
		height: 120px;
		position: absolute;
		top: -69px;
		left: 24%;
	}
	.dcK {
		width: 890px;
		min-height: 100px;
		margin: 0px auto;
	}
	.content .dcCdec {
		font-size: 12px;
		color: #666666;
		line-height: 32px;
		margin-top: 0px;
	}
	.dcjh {
		width: 100%;
		min-height: 100px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		margin-top: 30px;
	}
	.dcjh .dcDese{
		width:20%;
		height:130px;
	}
	.dcjh .dcDese a{
		width: 100%;
		height:100%;
	}
	.dcjh  .dcDx {
		width:100%;
		height: 100px;
		display: flex;
		margin-bottom: 20px;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		cursor: pointer;
		overflow: hidden;
	}
	.dcDx .dcCy {
		width: 80px;
		height: 80px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.dcDx p {
		width: 80px;
		font-size: 12px;
		text-align: center;
		color:#000;
	}
	.dcCyShow {
		position: absolute;
		top: 0px;
		left: 0px;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.dcX {
		width: 100%;
		min-height: 540px;
		position: relative;
		overflow:hidden;
	}
	.dcX .dcXitem {
		width: 50%;
		height: 100%;
		background-color: #e52c3a;
		position: absolute;
		top: 0px;
		/*left:0px;*/
	}
	.dcD {
		position: absolute;
		z-index: 111;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		margin: auto;
	}
	/*销售网络*/
	.dcCitem,
	.dcDitem {
		width: 50%;
		height: 100%;
		padding-right: 30px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dcDitem {
		padding-top: 40px;
		padding-bottom: 40px;
		position: relative;
	}
	 .dtWz {
		width:70%;
		height:90%;
		position: absolute;
		top: 20px;
		right: 0px;
		bottom: 0px;
		left:0px;
		margin: auto;
	}	
	.dcDitem .dcDetail {
		font-size: 12px;
		line-height: 20px;
		color: #fff;
		margin: 30px 0px;
		letter-spacing: 0.9px;
	}
	.dcCitem img {
		width: 100%;
		height: 228px;
		margin-bottom: 20px;
	}
	.dcCitem p {
		font-size: 18px;
		line-height: 30px;
		font-family: 'SanFranciscoDisplay-Medium';
	}
	.dcCitem span {
		font-size: 14px;
		line-height: 30px;
		font-family: 'SanFranciscoDisplay-Regular';
	}
	.dcCitem h4 {
		height: 60px;
		font-size: 24px;
		line-height: 30px;
		overflow:hidden;
	}
	.dczgs {
		width: 100%;
		height: 100px;
		margin: 40px 0px 40px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
	}
	.dczgs .dczgItem {
		width: 30%;
		height: 100px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.dczgs .dczgItem h5 {
		font-size: 14px;
		color: #fff;
		
	}
	.dczgs .dczgItem span {
		font-size: 30px;
		line-height: 40px;
		color: #fff;
		letter-spacing: 3px;
		font-family: 'SanFranciscoDisplay-Medium';
	}
	.dczgs .dczgItem p {
		color: #fff;
		line-height: 20px;
	}
	.dcX .dcXitem {
		width: 50%;
		height: 100%;
		background-color: #e52c3a;
		position: absolute;
		top: 0px;
	}
	.dcD {
		position: absolute;
		z-index: 111;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		margin: auto;
	}
	/*新闻中心*/
	.dcXw {
		width: 100%;
		height: 560px;
		box-sizing: border-box;
	}
	.dcCitem .dcWzMs {
		margin: 20px 0px;
	}
	.dcCitem .dcWzMs p {
		color: #555;
		font-size: 12px;
		line-height: 24px;
	}
	.dcCitem .dcCnews {
		width: 100%;
		height: 50px;
		margin-bottom: 32px;
		overflow: hidden;
	}
	.dcCitem .dcCnews .dcDate {
		width: 100px;
		height: 50px;
		background-color: #0f1d44;
		float: left;
		margin-right: 20px;
		font-size: 24px;
		color: #ffffff;
		line-height: 50px;
		border: 1px solid #0f1d44;
		text-align: center;
		font-family: 'SanFranciscoDisplay-Semibold';
	}
	.active {
		background-color: #ee2e3d!important;
		border: 1px solid #ee2e3d!important;
	}
	.dcCitem .dcCnews .dcXwd{
		width:calc(100% - 122px);
		height:50px;
		overflow: hidden;
		float:left;
	}
	.dcCitem .dcCnews .dcXwd  a{
		font-size: 14px;
		line-height: 25px;
		color: #666;
		font-weight:bold;
	}
	.dcCitem .dcCnews .dcXwd  p{
		font-size: 12px;
		line-height: 25px;
		color: #666;
		width:100%;
		height:25px;
		white-space:nowrap;
	    overflow:hidden;
	    text-overflow:ellipsis;
	}
	.dcPp{
		width:100%;
		height:540px;
		position: relative;
		overflow: hidden;
	}
	.dcPp  .dcPpImgs{
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
	}
	.dcPp  .dcPpImgs .dcPpImgItem{
		position: absolute;
		left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
		opacity: 0;
		transition: all 0.5s ease-in-out;
     }
     .dcPp  .dcPpImgs .dcPpImgItem.on .bgImg {
         transform: scale(1.1);
      }  
     .dcPp  .dcPpImgs .dcPpImgItem .bgImg{
     	position: absolute;
     	left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    transition: all 6s ease-in-out;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
     }
	.dcPp  .dcPpImgs .dcPpImgItem.on {
		    opacity: 1;
	}
	.dcPpB{
		width:95%;
		height:460px;
		margin:0 auto;
		padding:80px 0px 0px;
		box-sizing: border-box;
		position: relative;
	}
	.dcBrand{
		width:100%;
		height:120px;
		position: absolute;
		left:0px;
		bottom:60px;
	}
	.dcBrand .swiperprev{
		width:38px;
		height:63px;
		position: absolute;
		top:30px;
		left:6px;
		background-image: url(/webfile/img/before.png);
		background-size: 100% 100%;
		background-repeat:no-repeat;
	}
	.dcBrand .swipernext{
		width:38px;
		height:63px;
		position: absolute;
		top:30px;
		right:6px;
		background-image: url(/webfile/img/next.png);
		background-size: 100% 100%;
		background-repeat:no-repeat;
	}
	.dcBrandLx{
		width:90%;
		height:120px;
		margin:0 auto;
	}
	.dcBrandLunxun{
		width:100%;
		height:100%;
	}
	.dcBrandLx .dcDyPp{
		width:112px;
		height:112px;
		position: relative;
	}
	.dcBrandLx .dcDyTu{
		width:114px;
		height:114px;
		position: absolute;
		top:0px;
		left:0px;
		bottom:0px;
		right:0px;
		margin:auto;
	}
	.dcBrandLx .dcDyTu img{
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		margin:auto;
	}
	.dcBrandLx .dcDyPp:hover .dcCircel{
		display: block;
	}
	.dcPpXq{
		width:95%;
		height:200px;
		position: absolute;	
		bottom: 50px;
		left:0px;
		right:0px;
		margin:0 auto;
		animation-duration: 2s;
    	animation-timing-function: linear; 
    	animation-fill-mode:forwards;
	}
	.dcPpXq .dcPpXqItem{
		width:100%;
		height:100%;
		opacity: 0;
		position: absolute;
		top:0px;
		left:0px;
		transition: all 0.5s ease-in-out;
	}
    .ons{
		opacity: 1!important;
	}
	.dcPpXq .dcPpXqItem h5{
		font-size: 24px;
		line-height: 60px;
		color: #ffffff;
		font-weight: bold;
	}
	.dcPpXq .dcPpXqItem p{
		font-size: 14px;
		color:#fff;
		height:30px;
	}
	.dcPpXqItem{
		width:100%;
		height:200px;
		/*opacity:0px;*/
		transition: all 0.5s ease-in-out;
	}
	.dcPpXqItem .ons{
		opacity: 1;
	}
	
	@keyframes fadeInUp {
		0% {
			opacity: 0;
			 -webkit-transform: translate3d(0,20px,0);
		    -ms-transform: translate3d(0,20px,0);
		    transform: translate3d(0,20px,0);
		}
		100% {
			opacity: 1;
			transform: translate3d(0,0,0);
		}
   	}
 	
	.dcCircel{  
        position: absolute;  
        width: 112px;  
        height: 112px;  
        border: 1px dotted #CCCCCC;  
        border-radius: 50%;
        top:0px;
        left:0px;
        bottom:0px;
        right:0px;
        margin:auto;
        display: none;
    } 
    .dcCircel i{  

        width: 112px;  
        height: 112px; 
        position: absolute;  
        /*旋动弹画*/  
        animation:circleRoate 5s infinite linear ;   

    }  
    .dcCircel i:nth-child(1) span{  
        position: absolute;  
        left: 53px;
	    top:  -3px;
	    width: 6px;
	    height: 6px;
	    border-radius: 50%; 
        background:#ccc;  
    } 
    .dcCircel i:nth-child(2) span{  
        position: absolute;  
        left: 109px;  
        top: 53px;  
        width: 6px;  
        height:6px;  
        border-radius: 50%;  
        background:#ccc;  
    }  
    .dcCircel i:nth-child(3) span{  
        position: absolute;  
        left:53px; 
        bottom: -3px;  
        width: 6px;  
        height:6px;   
        border-radius: 50%;  
        background:#ccc;  
    } 
    .dcCircel i:nth-child(4) span{  
        position: absolute;  
        left: -2px;
	    top:  53px;
	    width: 6px;
	    height: 6px;
	    border-radius: 50%; 
        background:#ccc;  
    }   
    @keyframes circleRoate{  
        from{transform: rotate(0deg);}  
        to{transform: rotate(360deg);}  
    } 
	
	
	.dcAcFlex{
				width:100%;
				min-height:200px;
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-between;
				align-items: center;
				margin-top: 30px;
	}
	.dcAcFlex .dcAcFlexitem{
				width:30%;
				min-height: 200px;
				box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);
				overflow: hidden;
				transition: all 0.1s ease-in-out;
	}
	.dcAcFlex .dcAcFlexitem .dcAcImg{
				width:100%;
				height:180px;
				transition: all 6s ease-in-out;
	}
			
	.dcAcFlex .dcAcFlexitem .dcAcImg .dcAcFlexImg{
				width:100%;
				height:180px;
	}
	.dcAcFlex .dcAcFlexitem:hover{
				transform: scale(1.02);
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent{
				padding:15px;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcTitle{
				height:30px;
				font-size: 20px;
				line-height: 30px;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcDec{
				font-size: 12px;
				line-height: 24PX;
				height:24px;
				color:#666;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcDetail{
				width:100%;
				height:48px;
				font-size: 14px;
				line-height: 24px;
				margin:5px auto;
				color: #666666;
				overflow: hidden;
				text-overflow: ellipsis;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent  .dcAcMore{
				width:100%;
				height:30px;
				display: flex;
				flex-wrap: nowrap;
				justify-content: flex-end;
				align-items: center;
				line-height: 30px;
				
	}
	.dcMoreText {
			    color: #ffab50;
			    font-size: 14px;
			    margin-right:10px;
    }
    .dcAcMore img {
		 width: 12px;
	     height: 12px;
	     margin-right: 10px;
	}
}


/*>=1024的设备*/

@media (min-width: 1024px) {
	.dcMarginT {
		margin-top: 130px!important;
	}
	/*轮播*/
	.dcBanner {
		width: 100%;
		height: 480px;
		margin-top: 100px;
	}
	.dcImg {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.dcImg  img{
		width:100%;
		height:100%;
	}
	.dcUs {
		width: 890px;
		min-height: 100px;
		margin: 0px auto;
		box-sizing: border-box;
	}
	.dcUs .dcContent .dcJj {
		width: 50%;
		height: 300px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.dcUs .dcContent .dcJj h5 {
		font-size: 18px;
		line-height: 40px;
	}
	.dcUs .dcContent .dcjjdec {
		margin: 20px 0px 20px;
		font-size: 12px;
		line-height: 24px;
		color: #666;
	}
	.dcUs .dcContent .dcVideo {
		width: 45%;
		height: 250px;
		position: relative;
		background-color: #000000;
		top: -20px;
	}
	.dcZs {
		width: 40%;
		height: 200px;
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: #ee2e3d;
	}
	.dcZs img {
		width: 215px;
		height: 120px;
		position: absolute;
		top: -69px;
		left: 24%;
	}
	.dcK {
		width: 890px;
		min-height: 100px;
		margin: 0px auto;
	}
	.dcOut {
		width: 990px;
		min-height: 100px;
		margin: 0px auto;
		position: relative;
	}
	.dcTitle {
		width: 100%;
		height: 60px;
		line-height: 60px;
		position:relative;
	}
	.dcTitle h1 {
		font-size: 36px;
		font-weight: bold;
		color: #010101;
	}
	.dcTitle h2 {
		font-size: 36px;
		color: #010101;
	}
	.dcTitle span {
		font-size: 38px;
		color: #ccc;
		margin-left: 10px;
		font-family: "SanFranciscoDisplay-Heavy";
	}
	.dcTitle  .dcflex{
		width:30%;
		height:40px;
		position:absolute;
		top:10px;
		right:0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
	}
	.dcTitle  .dcflex  .dcfItem{
		width:30%;
		height:38px;
		border: 1px solid #ccc;
		text-align: center;
		cursor: pointer;
		transition: all .5s linear;
		line-height:38px;
		overflow:hidden;
		color: #666666;
	}
	.dcTitle  .dcflex  .dcfItem:hover{
		background-color: #ee2e3d!important;
		border: 1px solid #ee2e3d!important;
		color: #fff!important;
	}
	.dcfactive{
		background-color: #ee2e3d!important;
		border: 1px solid #ee2e3d!important;
		color: #fff!important;
	}
	.dcLine {
		width: 100%;
		height: 30px;
	}
	.content .dcLine img {
		width: 166px;
		height: 4px;
		margin-top: -15px;
		/*vertical-align: middle;*/
	}
	.dcContent .dcCdec {
		font-size: 12px;
		color: #666666;
		line-height: 32px;
		margin-top: 20px;
	}
	.dcjh {
		width: 100%;
		min-height: 180px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		margin-top: 50px;
	}
	.dcjh .dcDese{
		width:20%;
		height:220px;
	}
	.dcjh .dcDese a{
		width: 100%;
		height:100%;
	}
	.dcjh .dcDx {
		width: 100%;
		height: 140px;
		display: flex;
		margin-bottom: 30px;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		overflow: hidden;
	}
	.dcCyShow {
		position: absolute;
		top: 0px;
		left: 0px;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.dcX {
		width: 100%;
		min-height: 680px;
		position: relative;
		overflow:hidden;
	}
	.dcBox {
		width: 100%;
		min-height: 100px;
		position: relative;
	}
	.dczgs {
		width: 100%;
		height: 100px;
		margin: 40px 0px 40px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
	}
	.dczgs .dczgItem {
		width: 30%;
		height: 100px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.dczgs .dczgItem h5 {
		font-size: 14px;
		color: #fff;
	}
	.dczgs .dczgItem span{
		font-size: 30px;
		line-height: 40px;
		color: #fff;
		letter-spacing: 3px;
		font-family: 'SanFranciscoDisplay-Medium';
	}
	.dczgs .dczgItem p {
		color: #fff;
		line-height: 20px;
	}
	.dcX .dcXitem {
		width: 50%;
		height: 100%;
		background-color: #e52c3a;
		position: absolute;
		top: 0px;
		/*left:0px;*/
	}
	.dcD {
		position: absolute;
		z-index: 111;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		margin: auto;
	}
	.dcMargin {
		margin: 0px auto;
	}
	.dcXw {
		width: 100%;
		height: 560px;
		/*padding: 40px 0px;*/
		box-sizing: border-box;
		/*background-color: #f6f6f6;*/
	}
	/*销售网络*/
	.dcCitem,
	.dcDitem {
		width: 50%;
		height: 100%;
		padding-right: 30px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dcDitem {
		padding-top: 80px;
		padding-bottom: 80px;
		position: relative;
	}
	 .dtWz {
		/*width: 320px;
		height: 480px;*/
		width:100%;
		height:100%;
		position: absolute;
		top: 20px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: auto;
	}
	.dcDitem .dcDetail {
		font-size: 12px;
		line-height: 20px;
		color: #fff;
		margin: 30px 0px;
		letter-spacing: 0.9px;
	}
	.dcCitem .dcItemImg{
		width: 464px;
		height: 258px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.dcCitem .dcItemImg img {
		width:100%;
		height:100%;
		transition: all 6s ease-in-out;
	}
	.dcCitem .dcItemImg img:hover{
		transform: scale(1.2);
	}
	.dcCitem p {
		font-size: 24px;
		line-height: 44px;
		font-family: 'SanFranciscoDisplay-Medium';
	}
	.dcCitem span {
		font-size: 14px;
		line-height: 40px;
		font-family: 'SanFranciscoDisplay-Regular';
	}
	.dcCitem h4 {
		width:100%;
		max-height:60px;
		min-height: 30px;
		font-size: 20px;
		line-height: 30px;
		overflow:hidden;
	}
	.dcMore {
		width: 120px;
		height: 30px;
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 30px;
		letter-spacing: 0px;
		color: #888888;
		text-align: center;
		border: solid 1px #cccccc;
		cursor: pointer;
		transition: all 0.5s ease-in-out;
		animation-fill-mode:forwards; 
	}
	.dcMore:hover {
		/*color: #fff!important;
		background-color: #000000;*/
		-webkit-transform: translate3d(0,-5px,0);
		-ms-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
		
	}
	.dcCitem .dcWzMs {
		margin: 20px 0px;
	}
	.dcCitem .dcWzMs p {
		color: #555;
		font-size: 12px;
		line-height: 24px;
	}
	.dcCitem .dcCnews {
		width: 100%;
		height: 50px;
		margin-bottom: 32px;
		overflow: hidden;
	}
	.dcCitem .dcCnews .dcDate {
		width: 100px;
		height: 50px;
		background-color: #0f1d44;
		float: left;
		margin-right: 20px;
		font-size: 24px;
		color: #ffffff;
		line-height: 50px;
		border: 1px solid #0f1d44;
		text-align: center;
		font-family: 'SanFranciscoDisplay-Semibold';
	}
	.active {
		background-color: #ee2e3d!important;
		border: 1px solid #ee2e3d!important;
	}
	.dcCitem .dcCnews .dcXwd{
		width:calc(100% - 122px);
		height:50px;
		overflow: hidden;
		float:left;
	}
	.dcCitem .dcCnews .dcXwd  a{
		font-size: 14px;
		line-height: 25px;
		color: #666;
		font-weight:bold;
	}
	.dcCitem .dcCnews .dcXwd  p{
		font-size: 12px;
		line-height: 25px;
		color: #666;
		width:100%;
		height:25px;
		white-space:nowrap;
	    overflow:hidden;
	    text-overflow:ellipsis;
	}
	.swiper-button-next:after,
	.swiper-container-rtl .swiper-button-prev:after {
		content: ''!important;
	}
	.swiper-button-prev:after,
	.swiper-container-rtl .swiper-button-next:after {
		content: ''!important;
	}
	.dcDx .dcCy {
		width: 90px;
		height: 90px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.dcDx p {
		width: 90px;
		font-size: 12px;
		text-align: center;
			color:#000;
	}
	.dcContent {
		margin-top: 20px;
	}
	.dcPp{
		width:100%;
		height:40vw;
		position: relative;
		overflow: hidden;
	}
	.dcPp  .dcPpImgs{
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
	}
	.dcPp  .dcPpImgs .dcPpImgItem{
		position: absolute;
		left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
		opacity: 0;
		transition: all 0.5s ease-in-out;
     }
     .dcPp  .dcPpImgs .dcPpImgItem.on .bgImg {
         transform: scale(1.1);
      }  
     .dcPp  .dcPpImgs .dcPpImgItem .bgImg{
     	position: absolute;
     	left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    transition: all 6s ease-in-out;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
     }
	.dcPp  .dcPpImgs .dcPpImgItem.on {
		    opacity: 1;
	}
	.dcPpB{
		width:890px;
		height:100%;
		margin:0 auto;
		padding:80px 0px 0px;
		box-sizing: border-box;
		position: relative;
	}
	.dcBrand{
		width:990px;
		height:120px;
		position: absolute;
		left:50%;
		margin-left: -485px;
		bottom:60px;
	}
	.dcBrand .swiperprev{
		width:38px;
		height:63px;
		position: absolute;
		top:30px;
		left:-6px;
		background-image: url(/webfile/img/before.png);
		background-size: 100% 100%;
		background-repeat:no-repeat;
	}
	.dcBrand .swipernext{
		width:38px;
		height:63px;
		position: absolute;
		top:30px;
		right:-6px;
		background-image: url(/webfile/img/next.png);
		background-size: 100% 100%;
		background-repeat:no-repeat;
	}
	.dcBrandLx{
		width:890px;
		height:120px;
		margin:0 auto;
	}
	.dcBrandLunxun{
		width:100%;
		height:100%;
	}
	.dcBrandLx .dcDyPp{
		width:112px;
		height:112px;
		position: relative;
	}
	.dcBrandLx .dcDyTu{
		width:114px;
		height:114px;
		position: absolute;
		top:0px;
		left:0px;
		bottom:0px;
		right:0px;
		margin:auto;
	}
	.dcBrandLx .dcDyTu img{
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		margin:auto;
	}
	.dcBrandLx .dcDyPp:hover .dcCircel{
		display: block;
	}
	.dcPpXq{
		width:100%;
		height:230px;
		position: absolute;	
		bottom:80px;
		left:0px;
		animation-duration: 2s;
    	animation-timing-function: linear; 
    	animation-fill-mode:forwards;
	}
	.dcPpXq .dcPpXqItem{
		width:100%;
		height:100%;
		opacity: 0;
		position: absolute;
		top:0px;
		left:0px;
		transition: all 0.5s ease-in-out;
	}
    .ons{
		opacity: 1!important;
	}
	.dcPpXq .dcPpXqItem h5{
		font-size: 24px;
		line-height: 60px;
		color: #ffffff;
		font-weight: bold;
	}
	.dcPpXq .dcPpXqItem p{
		font-size: 14px;
		color:#fff;
		height:30px;
	}
	.dcPpXqItem{
		width:100%;
		height:200px;
		/*opacity:0px;*/
		transition: all 0.5s ease-in-out;
	}
	.dcPpXqItem .ons{
		opacity: 1;
	}

	@keyframes fadeInUp {
		0% {
			opacity: 0;
			 -webkit-transform: translate3d(0,20px,0);
		    -ms-transform: translate3d(0,20px,0);
		    transform: translate3d(0,20px,0);
		}
		100% {
			opacity: 1;
			transform: translate3d(0,0,0);
		}
   	}
 	
	.dcCircel{  
        position: absolute;  
        width: 112px;  
        height: 112px;  
        border: 1px dotted #CCCCCC;  
        border-radius: 50%;
        top:0px;
        left:0px;
        bottom:0px;
        right:0px;
        margin:auto;
        display: none;
    } 
    .dcCircel i{  

        width: 112px;  
        height: 112px; 
        position: absolute;  
        /*旋动弹画*/  
        animation:circleRoate 5s infinite linear ;   

    }  
    .dcCircel i:nth-child(1) span{  
        position: absolute;  
        left: 53px;
	    top:  -3px;
	    width: 6px;
	    height: 6px;
	    border-radius: 50%; 
        background:#ccc;  
    } 
    .dcCircel i:nth-child(2) span{  
        position: absolute;  
        left: 109px;  
        top: 53px;  
        width: 6px;  
        height:6px;  
        border-radius: 50%;  
        background:#ccc;  
    }  
    .dcCircel i:nth-child(3) span{  
        position: absolute;  
        left:53px; 
        bottom: -3px;  
        width: 6px;  
        height:6px;   
        border-radius: 50%;  
        background:#ccc;  
    } 
    .dcCircel i:nth-child(4) span{  
        position: absolute;  
        left: -2px;
	    top:  53px;
	    width: 6px;
	    height: 6px;
	    border-radius: 50%; 
        background:#ccc;  
    }   
    @keyframes circleRoate{  
        from{transform: rotate(0deg);}  
        to{transform: rotate(360deg);}  
    }   
	.dcAcFlex{
				width:100%;
				min-height:200px;
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-between;
				align-items: center;
				margin-top: 30px!important;
	}
	.dcAcFlex .dcAcFlexitem{
				width:30%;
				min-height: 200px;
				box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);
				overflow: hidden;
				transition: all 0.1s ease-in-out;
	}
	.dcAcFlex .dcAcFlexitem .dcAcImg{
				width:100%;
				height:180px;
	}
			
	.dcAcFlex .dcAcFlexitem .dcAcImg .dcAcFlexImg{
				width:100%;
				height:180px;
	}
	.dcAcFlex .dcAcFlexitem:hover{
				transform: scale(1.02);
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent{
				padding:15px;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcTitle{
				height:60px;
				font-size: 20px;
				line-height: 30px;
				overflow:hidden;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcDec{
				width:100%;
				height:30px;
				font-size: 12px;
				line-height: 30PX;
				color:#666;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcDetail{
				width:100%;
				height:60px;
				font-size: 14px;
				line-height: 30px;
				margin:5px auto;
				color: #666666;
				overflow: hidden;
				text-overflow: ellipsis;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent  .dcAcMore{
				width:100%;
				height:30px;
				display: flex;
				flex-wrap: nowrap;
				justify-content: flex-end;
				align-items: center;
				line-height: 30px;
				
	}
	.dcMoreText {
			    color: #ffab50;
			    font-size: 14px;
			    margin-right:10px;
    }
    .dcAcMore img {
		 width: 12px;
	     height: 12px;
	     margin-right: 10px;
	}
}


/*>=1100的设备*/

@media (min-width: 1100px) {
	.dcMarginT {
		margin-top: 80px!important;
	}
	.dcXw {
		height: 760px;
	}
	.dcCitem .dcCnews .dcDate {
		font-size: 30px;
	}
	.dcContent {
		margin-top: 10px;
	}
	.dcWzMs {
		margin: 40px 0px;
	}
	.dcCitem .dcWzMs p {
		font-size: 14px;
	}
	.dcCitem .dcCnews .dcXwd  a{
		font-size: 16px;
	}
	.dcCitem .dcCnews .dcXwd  p{
		font-size: 14px;
	}
	.dcContent .dcCdec {
		margin-top: 0px;
	}
	.dcjh {
		margin-top: 10vh;
	}
}


/*>=1280的设备*/

@media (min-width: 1280px) {
	.dcMarginT {
		margin-top: 100px!important;
	}
	.dcUs {
		width: 990px;
		min-height: 100px;
		margin: 0px auto;
		box-sizing: border-box;
	}
	.dcK {
		width: 990px;
		min-height: 100px;
	}
	.dcOut {
		width: 1190px;
		min-height: 100px;
		margin: 0px auto;
		position: relative;
	}
	
	.dcTitle h1 {
		font-size: 36px;
		font-weight: bold;
		color: #010101;
	}
	.dcTitle h2 {
		font-size: 36px;
		color: #010101;
	}
	.dcTitle span {
		font-size: 38px;
		color: #ccc;
		margin-left: 10px;
	}
	.dcCitem .dcWzMs {
		margin: 20px 0px;
	}
	.dcXw {
		height: 700px;
	}
	.dcCitem .dcCnews {
		height: 65px;
	}
	.dcCitem .dcCnews .dcDate {
		width: 120px;
		height: 63px;
		font-size: 36px;
		line-height: 63px;
	}
	.dcCitem .dcCnews .dcXwd{
		width:calc(100% - 142px);
		height:63px;
	}
	.dcCitem .dcCnews .dcXwd  a{
		line-height: 30px;
		height:30px;
	}
	.dcCitem .dcCnews .dcXwd  p{

		line-height: 30px;
		height:30px;
	}
	.dcBrand{
		width:1090px;
	}
	.dcBrandLx{
		width:990px;
	}
	.dcCitem h4 {
		width:100%;
		min-height: 40px;
		max-height:80px;
		font-size: 24px;
		line-height: 40px;
		overflow:hidden;
	}
	.dcPpXq{
		height:300px;
	}
}

@media (min-width: 1366px) {
	.dcContent .dcCdec{
		font-size: 14px;
	}
	.dcTitle  .dcflex  .dcfItem{
			font-size: 16px;
	}
	.dcBanner {
		height: 580px;
	}
	.dcUs .dcContent .dcVideo {
		width: 40%;
		height: 280px;
	}
	.dcZs img {
		width: 318px;
		height: 150px;
		top: -87px;
	}
	.dcUs .dcContent .dcJj h5 {
		font-size: 22px;
		line-height: 50px;
	}
	.dcMore {
		width: 151px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.dcUs .dcContent .dcjjdec {
		font-size: 14px;
		margin: 30px 0px;
	}
	.dcUs {
		width: 1190px;
		min-height: 100px;
		box-sizing: border-box;
	}
	.dcK {
		width: 1190px;
		min-height: 100px;
		margin: 0px auto;
	}
	/* 品牌中心*/
	.dcOut {
		width: 1290px;
		min-height: 100px;
		margin: 0px auto;
		position: relative;
	}
	.dcPpB{
		width:1190px;
		
	}
	.dcPpXq{
		left:0px;
	}
	.dcBrand{
		width:1190px;
	}
	.dcDx .dcCy {
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.dcDitem .dcDetail {
		font-size: 14px;
		margin: 30px 0px;
		line-height: 24px;
	}
	.dczgs {
		margin: 60px 0px;
	}
	.dcCitem .dcWzMs p {
		font-size: 14px;
		line-height: 28px;
	}
	.dcDx p {
		width: 100px;
		font-size: 14px;
		line-height: 30px;
		height: 30px;
		text-align: center;
	}
	/*新闻部门*/
	.dcCitem p,
	.dcCitem h4 {
		font-size: 26px;
	}
	.dcCitem span {
		font-size: 16px;
	}
	.dcjh .dcDx {
		height: 140px;
	}
	.dcX {
		min-height: 780px;
	}
	.dcDitem {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.dcBrand{
		width:1290px;
		margin-left:-645px;
	}
	.dcBrandLx{
		width:1190px;
	}
	.dczgs .dczgItem h5 {
		font-size: 14px;
		color: #fff;
	}
	.dczgs .dczgItem span {
		font-size: 50px;
		line-height: 60px;
		color: #fff;
		letter-spacing: 3px;
		font-family: 'SanFranciscoDisplay-Medium';
	}
	.dcCitem .dcCnews .dcXwd  a{
		font-size:16px;
	}
	.dcCitem .dcCnews .dcXwd  p{
		font-size: 14px;
	}
	
	.dcPpXq .dcPpXqItem h5 {
    font-size: 28px;
  }
	.dcPpXq .dcPpXqItem p{
		font-size:16px;
	}
}

@media (min-width: 1440px) {
	.dcBanner {
		height: 720px;
	}
	.dcPpB {
        width: 1190px;
	}
	.dcUs{
		width: 1190px;
	}
	.dcBrandLx{
		width:1290px;
	}
	.dcBrand{
		width: 1390px;
    	margin-left: -695px;
	}
	.dcMarginT {
		margin-top: 130px!important;
	}
	.dcLine {
		height: 35px;
	}
	.dcDx .dcCy {
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.dcDitem .dcDetail {
		font-size: 16px;
		margin: 50px 0px;
		line-height: 24px;
	}
	.dcDx p {
		width: 100px;
		font-size: 14px;
		line-height: 50px;
		height: 50px;
		text-align: center;
	}
	
	/* 品牌中心*/
	.dcOut {
		width: 1390px;
		min-height: 100px;
		margin: 0px auto;
		position: relative;
	}
	.dcXw {
		height: 760px;
	}
	.dcjh .dcDx {
		height: 170px;
	}
}

@media (min-width: 1680px) {
	.dcUs {
		width: 1440px;
		min-height: 100px;
		margin: 0px auto;
		box-sizing: border-box;
	}
	.dcTitle  .dcflex  .dcfItem {
			font-size: 18px;
	}
	.dcPpB {
        width: 1440px;
	}
	.dcBrand{
		width: 1540px;
    	margin-left: -770px;
	}
	.dcBrandLx{
		width: 1440px;
	}
	.dcK {
		width: 1440px;
		min-height: 100px;
	}
	.dczgs .dczgItem h5 {
		font-size: 16px;
		color: #fff;
	}
	.dczgs .dczgItem span {
		font-size: 50px;
		line-height: 60px;
		color: #fff;
		letter-spacing: 3px;
		font-family: 'SanFranciscoDisplay-Medium';
	}
	.dcOut {
		width: 1640px;
		min-height: 100px;
		margin: 130px auto 0px;
		position: relative;
	}
	.dcDx {
		width: 100%;
		height: 100%;
		position: relative;
		cursor: pointer;
	}
	.dcDx .dcCy {
		width: 120px;
		height: 120px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.dcAcFlex .dcAcFlexitem .dcAcImg{
		height:230px;
	}
	.dcAcFlex .dcAcFlexitem .dcAcImg .dcAcFlexImg{
		height:230px;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcTitle{
		height:60px;
		font-size:22px;
		line-height:30px;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcDec{
		height: 30px; 
		font-size: 14px;
		line-height:30PX;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent{
		padding: 24px;
	}
	.dcAcFlex .dcAcFlexitem .dcAcTent .dcAcDetail{
		height: 56px;
		font-size: 16px;
		line-height: 28px;
		margin:10px auto;
	}
	.dcMoreText{
		font-size:16px;
	}
}

@media (min-width: 1920px) {
	.dcBanner {
		height: 720px;
	}
	.dcUs .dcContent .dcjjdec {
		margin: 50px 0px 50px;
		line-height: 30px;
	}
	.dcjh .dcDx {
		height: 180px;
	}
	.dcContent .dcCdec {
		font-size: 18px;
	}
	.dcZs img {
		width: 400px;
		height: 149px;
		position: absolute;
		top: -86px;
		left: 25%;
	}
	.dcDx .dcCy {
		width: 120px;
		height: 120px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.dcK {
		width: 1440px;
		min-height: 100px;
	}
	.dcUs .dcContent .dcJj h5 {
		font-size: 22px;
	}
	.dcCitem .dcWzMs p {
		font-size: 16px;
	}
	.dcUs .dcContent .dcjjdec,
	.dcDx p {
		font-size: 18px;
	}
	.dczgs .dczgItem h5 {
		font-size: 16px;
		color: #fff;
	}
	.dczgs .dczgItem span {
		
		font-size: 60px;
		line-height: 60px;
		color: #fff;
		letter-spacing: 3px;
		font-family: 'SanFranciscoDisplay-Medium';
	}
	.dcLunxun .swiper-slides:hover p,
	.dcDitem .dcDetail {
		font-size: 18px;
	}
	/*新闻部门*/
	.dcCitem p,
	.dcCitem h4 {
		font-size: 28px;
	}
	.dcCitem span {
		font-size: 18x;
	}
	.dcMore {
		font-size: 16px;
	}
	.dcUs .dcContent .dcVideo {
		width: 40%;
		height: 340px;
	}
	.dcDx p {
		width: 120px;
	}
	.dcCitem .dcCnews .dcXwd  a{
		font-size: 18px;
	}
	.dcCitem .dcCnews .dcXwd  p{
		font-size: 16px;
	}
}<!--耗时1780494057.0954秒-->