
.case_sea{width: 62.5%;/* margin-right: 1%; */margin: 0 auto;/* float: right; */padding: 6.5% 0;}
.case_sea > h3{font-weight: bold;font-size: 20px;color: #585858;line-height: 28px;padding-bottom: 2%;/* padding-left: 24px; *//* text-align: center; */}
.case_con{ height: 50px; }
.case_con input, .case_con > a,.case_sel h3,.case_opt{border: 1px solid #E4E4E4;line-height: 48px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.case_con > div{ width: 29.33%; }
.case_sel{font-size: 12px;color: #333;position: relative;z-index: 10;}
.case_sel h3{padding: 0 12.7%;cursor: pointer;position: relative;z-index: 12;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-size: 15px;background-color: #fff;}
.case_opt{width: 100%;display: none;border-top: 0;position: absolute;top: 48px;left: 0;z-index: 10;padding: 40px 0 15px;margin-top: -30px;background: #fff;box-shadow: 0 15px 20px rgba(0,0,0,0.15);border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.case_opt a{padding: 0 12.7%;cursor: pointer;overflow: hidden;display: block;line-height: 36px;font-size: 14px;text-align: center;}
.case_con input{width: 50.53%;padding: 0 2.3%;border-left: 0;border-right: 0;position: relative;z-index: 12;font-size: 14px;background: #fff;}
.case_con > a{width: 20.14%;font-size: 16px;color: #fff;text-align: center;background: #E22F2F;border-color: #DEDEDE;border-top-right-radius: 4px;border-bottom-right-radius: 4px;/* font-weight: bold; */}

.case_typical{ border-top: 1px solid #eeeeee; }
.case_typical a{overflow: hidden;display: block;float: left;padding: 1.3% 3%;font-size: 13px;color: #282828;line-height: 30px;border-left: 1px solid #f8f8f8;}
.case_typical a:first-child{ border: 0; }

.case_list{margin-left: -1.3%;padding-top: 2%;}
.case_list li{width: 32%;overflow: hidden;display: block;float: left;/*border-radius: 4px;*/margin-left: 1.3%;margin-right: 0%;margin-bottom: 2%;font-size: 17px;line-height: 22px;transition: all 0.2s linear;}
.case_list li p{font-size: 13px;}
.case_list li:hover{ box-shadow: 0 0 40px rgba(0,0,0,0.15); }
.case_list li > a img{ width: 100%; }
.case_lcon{ padding-top: 4%; background: #fff; }
.case_ltit{ color: #333; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }
.case_ltit,.case_lcon > p,.case_linfo{margin: 0 6%;}
.case_lcon > p,.case_linfo p{color: #808080;line-height: 25px !important;}
.case_lcon > p{ overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }
.case_linfo{padding-top: 8%;padding-bottom: 2.5%;}
.case_linfo img{width: 16px;height: 16px;vertical-align: top;margin-top: 5px;padding-right: 5px;}
.case_linfo p{ display: inline-block; margin-left: 4.5%; }
.case_linfo p:first-child{ margin-left: 0; }
.case_hot{ padding-right: 16px; background: url("../images/case_h2.png"/*tpa=/images/case_h2.png*/) right center no-repeat; background-size: 16px 16px !important;  }
.case_lmes{ position: relative; padding: 0 6%; border-top: 1px solid #eeeeee; }
.case_lmes img{width: 24px;height: 24px;position: absolute;top: 50%;left: 6%;margin-top: -12px;/* border-radius: 12px; */}
.case_lmes p{ padding-left: 34px; font-size: 14px; color: #333; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_ltit:hover,.case_lmes:hover p,.case_typical a:hover{ color: #e81320; }

.page{ text-align: center; padding-bottom: 5%; }
.page .pcshow a{ width: 38px; height: 38px; cursor: pointer; display: inline-block; _display: inline; *zoom: 1; margin: 0 3px; border: 1px solid #e9e9e9; background: #fff; font-size: 12px; color: #999999; line-height: 38px; text-align: center; /*border-radius: 4px;*/ }
.page .pcshow a:hover,.page .pcshow a.page_active{ background: #e83a3a; color: #fff; }
.page .pcshow a span{ font-family: 'Microsoft YaHei'; }

.page .moshow a{ width: 100%; overflow: hidden; display: block; background: #fff; font-size: 16px; color: #e83a3a; line-height: 40px; text-align: center; }
.page .moshow a:hover{ background: #e83a3a; color: #fff; }

@media screen and (max-width:1200px) {
	.case_list{margin-left: -3%;}
	.case_list li{width: 22%;margin-left: 2%;}
	.case_typical a{ padding-left: 2.5%; padding-right: 2.5%; }
}

@media screen and (max-width:1000px) {
	.case_sea{ width: 100%; }
	.case_list{margin-left: -3%;}
	.case_list li{width: 29%;margin-left: 2%;margin-right: 2%;}
	.case_typical a{ padding-left: 2%; padding-right: 2%; }
}
@media screen and (max-width:900px) {
	.case_typical a{ padding-left: 1.5%; padding-right: 1.5%; }
}
@media screen and (max-width:758px) {
	
	.case_sea{padding-top: 4%;/* padding: 6%; */}
	.case_sea > h3{font-size: 16px;line-height: 34px;text-align: center;padding-bottom: 0%;}

	.case_typical{ padding: 3% 0; }
	.case_typical a{ width: 33%; padding: 0; display: block; float: left; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	
	.case_con{height: 84px;padding: 4%;}
	.case_con > div{width: 100%;}
	.case_con input{ width: 75%; z-index: 8; }
	.case_con input, .case_con > a, .case_sel h3, .case_opt{ line-height: 34px; }
	.case_sel h3{padding: 0 4%;/*border-radius: 4px;*//* width: 95%; *//* margin: 0 auto; */}
	.case_opt{ padding-top: 30px; }
	.case_sel{ margin-bottom: 3%; }
	.case_con input{padding: 0 4%;border-top-left-radius: 4px;border-bottom-left-radius: 4px;border-left: 1px solid #E4E4E4;/* width: 70%; */}
	.case_con > a{ width: 25%; }

	.case_list{margin-left: -1%;padding-top: 4%;}
	.case_list li{width: 99%;margin-left: 1%;font-size: 16px;line-height: 24px;}

	.page{ padding-left: 15px; padding-right: 15px; }

}
.wrtosear {/*border-radius: 4px;*/background-color: #F4F4F4;width:98%;margin:0 auto;}

