@media screen and (min-width:640px){
	#myCarousel img{
		width: 100%;
	}
	.chanel{
		width: 1100px;
		height: 500px;
		margin-top: 50px;
	}
	.chanel h3{
		font-size: 24px;
		font-weight: 800;
	}
	.chanel h3 i{
		font-size: 16px;
		color:rgba(68, 133, 239, 0.45);
	}
	.chanel-bd{
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.chanel div{
		margin-top: 20px;
	}
	.chanel-left img{
		width: 100%;
	}
	.brief-ls li {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		min-height: 30px;
		padding: 10px 0;
	}
	.brief-ls li a{
		position: relative;
		font-size: 16px;
		line-height: 20px;
		color: #333;
		transition: color .5s;
	}
	.brief-ls li a:after {
	    content: '';
	    position: absolute;
	    height: 1px;
	    width: 0;
	    background: #4485ef;
	    transition: 400ms ease all;
	    right: inherit;
	    top: inherit;
	    left: 0;
	    bottom: -5px;
	}
	.brief-ls li:hover a{
	    font-weight: bold;
	    color: #4485ef;
	}
	.brief-ls li:hover a:after {
	    width: 100%;
	    transition: 800ms ease all;
	}
	.btn-span{
		margin: 0px 10px;
		color: #0a628f;
		font-size: 12px;
	}
	
}

@media screen and (max-width:640px){
	/* .row{
		margin:0;
	} */
	
	#myCarousel img{
		width: 100%;
	}
	.chanel{
		width: 100%;
		margin-top: 20px;
	}
	.chanel h3{
		padding-left: 20px;
		font-size: 18px;
		font-weight: 800;
	}
	.chanel h3 i{
		font-size: 16px;
		color:rgba(68, 133, 239, 0.45);
	}
	.chanel-bd{
		margin:0;
		padding:0;
	}
	.chanel div{
		margin-top: 10px;
	}
	.chanel-left img{
		width:100%;
	}
	.brief-ls li {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		min-height: 30px;
		padding: 10px 0;
	}
	.brief-ls li a{
		position: relative;
		font-size: 12px;
		line-height: 20px;
		color: #333;
		transition: color .5s;
	}
	.brief-ls li a:after {
	    content: '';
	    position: absolute;
	    height: 1px;
	    width: 0;
	    background: #4485ef;
	    transition: 400ms ease all;
	    right: inherit;
	    top: inherit;
	    left: 0;
	    bottom: -5px;
	}
	.brief-ls li:hover a{
	    font-weight: bold;
	    color: #4485ef;
	}
	.brief-ls li:hover a:after {
	    width: 100%;
	    transition: 800ms ease all;
	}
	.btn-span{
		margin: 0px 10px;
		color: #0a628f;
		font-size: 12px;
	}
}