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

.ywtb_tab{ background:url(ywtb_bg.png) bottom center no-repeat; background-size:100%; padding-top:50px;}

.bl_ul{ margin-bottom:30px;}
.bl_ul li{ width:585px; height:240px; padding:20px 24px;}
.bl_ul li:nth-child(1){ float:left; background:url(qy_bg.png) no-repeat; background-size:100% 100%;}
.bl_ul li:nth-child(2){ float:right; background:url(yw_bg.png) no-repeat; background-size:100% 100%;}
.bl_ul li h3{ font-size:28px; color:#2B2F32; font-weight:400; padding-left:45px; margin-bottom:24px;}
.bl_ul li:nth-child(1) h3{ background:url(qy_icon.png) left center no-repeat;}
.bl_ul li:nth-child(2) h3{ background:url(yw_icon.png) left center no-repeat;}
.bl_ul li p{ font-size:16px; line-height:24px; margin-bottom:20px;}
.bl_ul li span{ display:inline-block; width:96px; height:50px; line-height:50px; font-size:16px; color:#FFF; border-radius: 8px; text-align:center;}
.bl_ul li:nth-child(1) span{ background:#1677FF;}
.bl_ul li:nth-child(2) span{ background:#43B685;}

.title{ font-size:32px; color:#2B2F32; padding-bottom:25px; border-bottom:#D8D8D8 2px solid; margin-bottom:30px;}
.bm_ul { margin-bottom:45px;}
.bm_ul li{ width:24%; height:60px; line-height:60px; float:left; border-radius: 8px; background: #FFFFFF; box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.3); margin-bottom:24px; margin-right:1.3%;}
.bm_ul li:nth-child(4n){ float:right; margin-right:0;}
.bm_ul li a{ display:block; padding:0 20px; width:100%; height:100%; color:#1677FF; text-align:right;}
.bm_ul li a span{ color:#333; float:left;}

.code_ul{}
.code_ul li{ width:585px; height:160px; float:left; padding:20px; border-radius: 8px; background: #FFFFFF; box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.3); position:relative;}
.code_ul li:nth-child(2){ float:right;}
.code_ul li h3{ font-size:24px; color:#2B2F32; margin-bottom:24px;}
.code_ul li p{ font-size:16px; line-height:32px;}
.code_ul li img{ position:absolute; top:20px; right:20px; cursor:pointer;}

.code_1{ background:rgba(0,0,0,0.5); height:100%; width:100%; position: fixed; top:0px; left:0px; z-index:9; display:none;}
.code_tab_1{ width:950px; height:620px; background:#FFF; padding:20px; position: fixed; top:50%; left:50%; margin-top:-310px;  margin-left:-475px;}
.code_tab_1 .close_1{ position:absolute; top:20px; right:20px; cursor:pointer;}
.code_tab_1 h3{ font-size:24px; font-weight:400; margin-bottom:20px;}
.code_tab_1 ul li{ width:50%; text-align:center; float:left; margin:20px 0; line-height:30px;}

.code_2{ background:rgba(0,0,0,0.5); height:100%; width:100%; position: fixed; top:0px; left:0px; z-index:9; display:none;}
.code_tab_2{ width:950px; height:620px; background:#FFF; padding:20px; position: fixed; top:50%; left:50%; margin-top:-310px;  margin-left:-475px;}
.code_tab_2 .close_2{ position:absolute; top:20px; right:20px; cursor:pointer;}
.code_tab_2 h3{ font-size:24px; font-weight:400; margin-bottom:20px;}
.code_tab_2 ul.zz li{ width:50%; text-align:center; float:left; margin:20px 0; line-height:30px;}
.code_tab_2 ul.xcx li{ width:33.3%; text-align:center; float:left; margin:20px 0; line-height:30px;}


.down{ background:#F0F4FD; padding:30px 0;}

@media screen and (max-width: 768px){
	.w1200{ width:100%;}
	.ywtb_banner{ height:3rem;}
	.ywtb_tit { padding:0 0.24rem;}
	.ywtb_tit span { width: 100%; line-height: 3rem; font-size: 0.44rem; letter-spacing: 0; padding-top: 0;}
	.ywtb_tab { padding: 0.32rem 0.24rem 0;}
	.title { font-size: 0.5rem; padding-bottom: 0.24rem; margin-bottom: 0.32rem;}
	.bm_ul { margin-bottom: 0.32rem;}
	.bm_ul li { width: 48%; height: 0.72rem; line-height: 0.72rem; margin-bottom: 0.24rem; margin-right: 4%;}
	.bm_ul li:nth-child(2n) { float: right; margin-right: 0;}
	.bm_ul li a{ padding:0 0.2rem;}
	.bm_ul li a span { font-size: 0.26rem;}
	.down { background: none; padding: 0.32rem 0;}
	.code_ul li { width:100%; height: auto; padding: 0.24rem; float:none; margin-bottom: 0.32rem;}
	.code_ul li h3{ font-size:0.32rem; margin-bottom:0.32rem;}
	.code_ul li p { font-size: 0.24rem; line-height: 180%;}
	.code_ul li img { position: initial; margin: 0.24rem auto; display: block;}
	
	.code_tab_1 { width: 100%; height: 100%; background: #FFF; padding: 0.24rem; position: fixed; top: 0; left: 0; margin-top: 0; margin-left: 0;}
	.code_tab_1 h3 { font-size: 0.32rem; margin-bottom: 0.24rem;}
	.code_tab_1 ul li { margin: 0.24rem 0; line-height: 180%;}
	.code_tab_1 ul li img{ width:80%; height:80%;}
	.code_tab_1 ul li p{ font-size: 0.32rem; line-height: 180%;}

	.code_tab_2 { width: 100%; height: 100%; background: #FFF; padding: 0.24rem; position: fixed; top: 0; left: 0; margin-top: 0; margin-left: 0;}
	.code_tab_2 h3 { font-size: 0.32rem; margin-bottom: 0.24rem;}
	.code_tab_2 ul.zz li { margin: 0.24rem 0; line-height: 180%;}
	.code_tab_2 ul.zz li img{ width:80%; height:80%;}
	.code_tab_2 ul.zz li p{ font-size: 0.32rem; line-height: 180%;}

	.code_tab_2 ul.xcx  li { margin: 0.24rem 0; width:33.3%; line-height: 180%;}
	.code_tab_2 ul.xcx  li img{ width:90%; height:90%;}
	.code_tab_2 ul.xcx  li p{ font-size: 0.32rem; line-height: 180%;}
}