@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:"Microsoft YaHei", Arial;
font-size:14px; line-height:1.5; color:#333; overflow-x: hidden; margin:0px auto;}
a { color:#333; text-decoration:none;}
a:hover { color:#333;}
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
.cen_m{ max-width:1200px; margin:0px auto;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
@media screen and (max-width:1200px) {
	
	.cen_m{ width:100%;}
}

/* 内容 */
.banner{}
.banner img{ width:100%; height:auto;}
.part1{ color:#0bb2bc; font-size:32px; padding-left:20px; margin:8px auto 35px;padding-top:50px;}
.part2{ background:#f4eff5; display:flex;align-items: center;
    justify-content: space-between; }
.part2 .su_book{ width:418px; margin-left:139px; height:360px;display: flex;
    align-items: center;}
.part2 .su_book ul li{ width:100%; margin-bottom:14px; display:flex;}
.part2 .su_book ul li .tpleft{ width:88px; text-align:right; margin-right:16px; line-height:34px;}
.part2 .su_book ul li .tpright{flex:1;}
.part2 .su_book ul li .tpright .pbook{ width:100%;box-sizing:border-box;-webkit-box-sizing:border-box; border:1px #e1e0e5 solid; height:36px; line-height:normal; padding-left:10px;}
.part2 .su_book ul li .tpright .p_yzm{ border:1px #7f8485 solid; width:72px; height:24px; display:inline-block;}
.part2 .su_book ul li .tpright .p_yzm img{ width:100%; height:100%;}
.part2 .su_book ul li .tpright .search_r{ margin-left:104px; background:#06b2c0; border-radius:3px; border:0px; text-align:center; color:#fff; width:100%; height:36px; line-height:normal; font-size:16px;}
.part2 .blue_bg{ background:#4fcddc; width:360px;height:360px;color:#fff; padding-left:18px;box-sizing:border-box;-webkit-box-sizing:border-box;display: flex;
    align-items: center;}
.part2 .blue_bg ul li{ margin:0px auto 30px;}
.e_infor{ width:770px; margin:12px auto;}
.e_infor .title{ background:#93ced6; text-align:center; line-height:32px; color:#fff; font-weight:bold;}
.e_infor ul{display: flex;
    align-items: stretch;flex-wrap: wrap;border-left:1px #ececec solid;border-right:1px #ececec solid;box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:38px;
 }
.e_infor ul li{ width:50%; border-bottom:1px #ececec solid; border-right:1px #ececec solid;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; display:flex;align-items: stretch; color:#999; line-height:35px;
}
.e_infor ul li .tpleft{ width:150px;border-right:1px #ececec solid;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.e_infor ul li .content{ flex:1; overflow:hidden; color:#333;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.e_infor ul li:nth-child(2n){ border-right:0px;}
.e_infor .goback{ text-align:right;}
.e_infor .goback a{ display:inline-block; width:83px; background:#59aab5; color:#fff; text-align:center; margin-right:127px; line-height:32px; border-radius:3px;cursor:pointer;}

.result{ 
	background-color:#f9f9f9; border:1px solid #e5e5e5;
	padding:20px;
}

.result .title{
	font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
	margin-bottom:15px;
}

.result ul{
	display:flex;
	border:1px solid #e5e5e5;
}

.result ul li{
	flex:1;
	display:flex;
	flex-direction:column;
}

.result ul li span{
	display:block;
	text-align:center;
	height:45px;
	line-height:45px;
}

.result ul li span.th{
	font-weight:bold;
	border-right:1px solid #e5e5e5;
	border-bottom: 3px solid #014B94;
}

.result ul li span.view a{
	border: 1px solid;
	padding:4px 3px;
}

@media screen and (max-width:1000px) {
	
	.part2 .su_book{ margin-left:80px;}
}
@media screen and (max-width:900px) {
	
	.part2 { display: flex;
    flex-direction: column-reverse;}
	.part2 .blue_bg{ width:100%;justify-content: center;height:260px; }
	.part2 .blue_bg ul li:last-child{ margin-bottom:0px;}
	.part2 .su_book{ justify-content: center; margin:auto; height:auto; padding:5% 0;}
	.part2 .su_book ul li .tpleft{ width:78px;}
	.part2 .su_book ul li .tpright .search_r{ margin-left:0px;}
	.e_infor{ width:90%; }
	
	.part2 .su_book{
		width:100%;
		max-width:418px;
	}
}
@media screen and (max-width:700px) {
	.e_infor ul li { width:100%;border-right:0px;}
	.e_infor .goback{ text-align:center;}
	.e_infor .goback a{ margin-right:auto;}
}
@media screen and (max-width:640px) {
	.result{
		padding:20px 2%;
	}
	.result ul{
		flex-wrap:wrap;	
	}
	.result ul li span{
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
	}
	.result ul li:last-child{
		flex:unset;
		width:100%;
	}
	.result ul li:nth-child(2){
		flex:.7;
	}
	.result ul li:nth-child(3){
		flex:.5;
	}
	.result ul li:last-child span:nth-child(1){
		display:none;
	}
	.result ul li:last-child span:nth-child(2){
		border:none;
	}
	
}