@charset "utf-8"; 

.banner127 {width:100%;height: 100%;float:left;clear:both;}
.banner127 .qbox {width:100%;height:100%;float:left;position:relative;box-sizing:border-box; background:#117ab9;}

.banner127 .qbox a {width:100%;height: 100%;float:left;padding: 15px;color:#fff;box-sizing:border-box;}
.banner127 .qbox .txtbox {display: inline-block;/* position: absolute; *//* top:15px; *//*transform: translateY(-50%);*/width:calc(100% - 150px);}
.banner127 .qbox .txtbox p.tit { font-size:18px; font-weight:600; line-height: 28px; text-align:left; letter-spacing: -0.5px; margin-bottom: 15px; word-break: keep-all;}
.banner127 .qbox .txtbox span.co {width:100%;font-weight:400;font-size: 14px;color:#fff;display:inline-block;text-align:left;line-height: 150%;
								 word-break: keep-all;overflow:hidden;-webkit-box-orient: vertical;display:-webkit-box;white-space:normal;}
.banner127 .qbox .circlebox {position:absolute; top: 50%; right:15px; width: 105px; height: 105px; border-radius: 100%; display: inline-block; line-height: 105px;
							text-align: center;background: rgba(255,255,255,0.2);transform: translateY(-50%); overflow:hidden;
							-webkit-transition:background 1s; transition:background 1s;}
.banner127 .qbox .circlebox img {display: inline-block; vertical-align: middle; max-width:105%; max-height:105%;}


	.layout_height_H .banner127 .qbox .txtbox span.co {-webkit-line-clamp:10;max-height:210px;}
	.layout_height_M .banner127 .qbox .txtbox span.co {-webkit-line-clamp:7;max-height:147px;}
	.layout_height_L .banner127 .qbox .txtbox span.co {-webkit-line-clamp:3; max-height:57px; font-size:13px;}

	.layout_height_M .banner127 .qbox .circlebox {width:90px; height:90px; line-height:90px;}


/* hover */
.banner127 .qbox:hover .circlebox {background:none; box-shadow:0 0 5px rgba(255,255,255,0.2);}



	@media (min-width:800px){
		.layout_03.layout_height_H .banner127 .qbox .txtbox,
		.layout_04.layout_height_H .banner127 .qbox .txtbox {width:100%;}
		.layout_03.layout_height_H .banner127 .qbox .circlebox,
		.layout_04.layout_height_H .banner127 .qbox .circlebox {top:auto; bottom: 15px; transform: translateX(-50%); margin:0 auto; float:none; right:auto; left:50%;}
		.layout_03.layout_height_H .banner127 .qbox .txtbox span.co,
		.layout_04.layout_height_H .banner127 .qbox .txtbox span.co {-webkit-line-clamp:6; max-height:126px;}
	}

	@media (max-width:799px){
		.banner127 .qbox .txtbox {position:relative; transform:translateY(0%); top:0; min-height:110px;}
		.banner127 .qbox .txtbox p.tit {font-size:17px;}
		.banner127 .qbox .txtbox span.co {font-size:13px;}
	}

	@media (max-width:599px){
	}