@charset "utf-8";
/* CSS Document */
.clearfix::after{ content:""; display:block; clear:both;}
.w1200{ width:1200px; margin:0 auto;}
.bqr_banner{ height:300px; background:url(bqr_banner.png) top center no-repeat; background-size:cover;}
.bqr_tit{ color:#FFF;}
.bqr_tit span{ color:#FFF; font-size:64px; letter-spacing: 6.67px; line-height: 300px; display:inline-block; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);}

.bqr_tab{ padding:50px 0 30px;}
.bqr_list{}
.bqr_list li{ width:380px; height:150px; float:left; margin:0 30px 30px 0; background:url(l_bg_1.png) no-repeat; background-size:100% 100%; border-radius:20px 0px 20px 0; padding:30px 20px;}
.bqr_list li h3{ font-size:20px; font-weight:400; height:48px; line-height:24px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.bqr_list li a{ display:block; width:94px; height:32px; line-height:32px; padding-left:20px; font-size:14px; background: url(more.png) 60px 10px no-repeat #01CC93; color:#FFF; border-radius:25px;}
.bqr_list li.bg1{ background:url(l_bg_1.png) no-repeat;}
.bqr_list li.bg2{ background:url(l_bg_2.png) no-repeat;}
.bqr_list li.bg3{ background:url(l_bg_3.png) no-repeat;}

.bqr_list li.bg1 a{background: url(more.png) 60px 10px no-repeat #01CC93;}
.bqr_list li.bg2 a{background: url(more.png) 60px 10px no-repeat #FFB46A;}
.bqr_list li.bg3 a{background: url(more.png) 60px 10px no-repeat #1182F2;}

.bqr_list li:nth-child(3n){ margin-right:0px;}


@media screen and (max-width: 768px){
	.w1200{ width:100%;}
	.bqr_banner{ width:100%; height:3rem; padding:0 0.24rem;}
	.bqr_tit span{ font-size:0.44rem; letter-spacing: 0.12rem; line-height: 3rem;}
	.bqr_tab{ padding:0.32rem 0.24rem;}
	.bqr_list li{ width:48%; height:2rem; margin:0 4% 0.32rem 0; padding:0.24rem;}
	.bqr_list li h3{ font-size:0.26rem; height:0.8rem; line-height:0.4rem; margin-bottom:0.24rem;}
	.bqr_list li a{ width:1.5rem; height:0.5rem; line-height:0.5rem; padding-left:0.24rem; font-size:0.22rem; background: url(more.png) 0.9rem 0.15rem no-repeat #01CC93;}
	.bqr_list li.bg1{ background:url(l_bg_1.png) no-repeat; background-size:100% 100%;}
	.bqr_list li.bg2{ background:url(l_bg_2.png) no-repeat; background-size:100% 100%;}
	.bqr_list li.bg3{ background:url(l_bg_3.png) no-repeat; background-size:100% 100%;}
	.bqr_list li.bg1 a{background: url(more.png) 0.9rem 0.15rem no-repeat #01CC93;}
	.bqr_list li.bg2 a{background: url(more.png) 0.9rem 0.15rem no-repeat #FFB46A;}
	.bqr_list li.bg3 a{background: url(more.png) 0.9rem 0.15rem no-repeat #1182F2;}

	.bqr_list li:nth-child(3n){ margin-right:4%;}
	.bqr_list li:nth-child(2n){ margin-right:0;}
}