@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{ background:url(bqr_bg.png) bottom center no-repeat; background-size:100%;}
.bqr_xdfa{ width:100%; margin:50px 0; box-shadow: 0px 2px 15px rgba(153, 153, 153, 0.2); background:#FFF;}
.bqr_list{ display:block; width:290px; height:220px; padding:27px 30px; background:url(more_bg.png) no-repeat; float:left;}
.bqr_list h3{ width:195px; line-height:28px; font-size:22px; color:#4393F5; font-weight:400;}
.bqr_xdfa ul{ width:890px; float:right; margin-top:20px;}
.bqr_xdfa ul li{ width:48%; height:45px; line-height:45px; font-size:18px; float:left; margin-right:2%; background:url(icon.png) left center no-repeat; padding-left:16px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.bqr_list2 { margin:30px auto;}
.bqr_list2 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_list2 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_list2 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_list2 li.bg1{ background:url(l_bg_1.png) no-repeat;}
.bqr_list2 li.bg2{ background:url(l_bg_2.png) no-repeat;}
.bqr_list2 li.bg3{ background:url(l_bg_3.png) no-repeat;}

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

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

.bqr_xdfa ul li a:hover{ color:#4393F5;}

.sx{ margin-bottom:25px;}
.sx li{ width:145px; height:145px; float: left; font-size:18px; margin-right:30px; text-align: center; background: #FFFFFF; box-shadow: 0px 2px 15px rgba(153, 153, 153, 0.2); border-radius:10px; cursor:pointer; position:relative;}
.sx li:last-child{ margin-right:0px;}
.sx li img{ margin:20px 0 10px;}
.sx li span{ background:#4393F5; display:block; width:10px; height:10px; position:absolute; bottom:-5px; left:50%; margin-left:-5px; transform: rotate(45deg); display:none;}
.sx li:hover{ background:#4393F5; color:#FFF;}
.sx li:hover span{ display:block;}
.sx li.on{ background:#4393F5; color:#FFF;}
.sx li.on span{ display:block;}

.sx_tab_con{ display:none;}
.title{ width:100%; height:40px; line-height:40px; font-size:14px; color:#73777A; background:#F1F2F3; padding-left:20px;}
.title-1{ width:85%; float:left;}
.title-2{ width:15%; float:right;}
.sx_list{ width:100%; padding-bottom:30px;}
.sx_list li{ height:60px; line-height:60px; padding-left:20px; border-bottom: 1px solid rgba(215, 216, 217, 0.5);}
.sx_list li i{ float:left; font-style: normal;}
.sx_list li span{ display:block; width:80%; height:100%; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sx_list li .cz{ width:15%; float:right; display: flex; justify-content: space-between;}
.sx_list li a{ display:inline-block; width:80px; height:30px; line-height:30px; margin-top:15px; text-align:center;}
.sx_list li a.bszn{ background: #EBF2FC; color:#4393F5;}
.sx_list li a.zxbl{ background: #4393F5; color:#FFFFFF; float:right; cursor: pointer;}

@media screen and (max-width: 768px) {
	.w1200{ width:100%; padding:0 0.2rem;}
	.bqr_banner{ height:3rem;}
	.bqr_tit span{ font-size:0.52rem; line-height:3rem;}
	.bqr_xdfa{ margin:0.5rem 0; padding:0.32rem;}
	.bqr_list{ width:100%; height:auto; padding:0; float:none; background:none;}
	.bqr_list h3{ width:auto; font-size:0.4rem;}
	.bqr_xdfa ul{ width:100%; margin-top:0.2rem;}
	.bqr_xdfa ul li{ width:100%; height:0.72rem; line-height:0.72rem; font-size:0.3rem; float:none; margin:0;}
  
       .bqr_list2 li{ width:48%; height:2rem; margin:0 4% 0.32rem 0; padding:0.24rem;}
    .bqr_list2 li h3{ font-size:0.26rem; height:0.8rem; line-height:0.4rem; margin-bottom:0.24rem;}
    .bqr_list2 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_list2 li.bg1{ background:url(l_bg_1.png) no-repeat; background-size:100% 100%;}
    .bqr_list2 li.bg2{ background:url(l_bg_2.png) no-repeat; background-size:100% 100%;}
    .bqr_list2 li.bg3{ background:url(l_bg_3.png) no-repeat; background-size:100% 100%;}
    .bqr_list2 li.bg1 a{background: url(more.png) 0.9rem 0.15rem no-repeat #01CC93;}
    .bqr_list2 li.bg2 a{background: url(more.png) 0.9rem 0.15rem no-repeat #FFB46A;}
    .bqr_list2 li.bg3 a{background: url(more.png) 0.9rem 0.15rem no-repeat #1182F2;}

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

	.sx{ margin-bottom:0.32rem;}
	.sx li{ width:22%; height:2rem; margin-right:4%; margin-bottom:0.32rem; font-size:0.3rem;}
	.sx li:nth-child(4n){ margin-right:0;}
	.sx li img{ width:0.9rem; height:0.9rem; margin:0.2rem;}
	.sx_list li{ height:auto; line-height:0.72rem; font-size:0.3rem; overflow:hidden;}
	.sx_list li .cz{ width:auto; float:left;}
	.sx_list li a{ margin:0.32rem 0.2rem 0.32rem 0;}
  .sx_list li span{ width:90%;}
}