@charset "utf-8";
.w{ width:1176px; margin:0 auto}


.case_yz{ padding:20px 0;}	
.search_yz { width:1121px; margin:auto; padding-bottom:30px;}
.search_yz dl{line-height:44px; border:1px solid #dedede; margin-top:-1px; padding-right:30px; padding:4px 0;  padding-bottom:30px;}
.search_yz dl dt{width: 100px;text-align: center;color: #000; font-size:14px; }
.search_yz dl dd .all{ width:84px; }
.search_yz dl dd a{ display:inline-block; padding:0 20px;font-size:14px;color: #666} 
.search_yz dl dd a:hover{ color:#4485c6;}
.search_yz dl dd .on{background: #0071bc;color: #fff !important;height: 22px;line-height: 20px;}
.search_yz dl dd .son{ width:900px;}
.fl{ float:left;}




.side{ position:fixed; width:54px; height:275px; right:0; top:214px; z-index:100;}
.side ul li{ width:54px; height:54px; float:left; position:relative;border-bottom:1px solid #444; }
.side ul li .sidebox{ position:absolute; width:54px; height:54px; top:0; right:0;transition:all 0.3s;background:#000; opacity:0.8; filter:Alpha(opacity=80); color:#fff; font:14px/54px "微软雅黑"; overflow:hidden;}
.side ul li .side_wx{ position:absolute; width:54px; height:54px; top:0; right:0;transition:all 0.3s;background:#000; opacity:0.8; filter:Alpha(opacity=80);}
.side ul li .side_wx .ewm{ width:113px; height:113px; left:-118px;top:0px; position:absolute; padding:3px; background-color:#ae1c1c; display:none;}
.animation-slide-right {-webkit-animation-name: slide-right;-o-animation-name: slide-right;animation-name: slide-right;animation-delay:100ms;animation-timing-function:ease-out;animation-duration:.3s;animation-fill-mode:both;
}
@-webkit-keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.side ul li .side_wx:hover .ewm{ display:block;}
.side ul li .sidetop{ width:54px; height:54px; display:inline-block;background:#000; opacity:0.8; filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover,.side ul li .side_wx:hover{ background:#ae1c1c; opacity:1; filter:Alpha(opacity=100);}
.form{padding:60px 0 10px;}


.form input{ outline:none; border:1px solid #ddd; line-height:28px; padding-left:10px; display:block; width:440px; font-size:12px; color:#999; border-radius:2px; margin:0 auto 12px;}
.form input:focus,.form textarea:focus{ border-color:#dec450}
.form textarea{ outline:none; border:1px solid #ddd; display:block; font-size:12px; color:#999; padding:6px 10px; width:440px; height:100px;border-radius:2px;margin:0 auto 20px;}
.submit{ width:110px !important; height:32px !important; border:none !important; background-color:#dec450; color:#222 !important; text-align:center; line-height:32px; padding-left:0 !important;}

.inner_nav{ margin-top:20px;}
.inner_nav ul li{height:42px;  float:left; margin-right:8px; border:1px solid #000; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.inner_nav ul li.on,.inner_nav ul li:hover{ background-color:#000;}
.inner_nav ul li.on a,.inner_nav ul li:hover a{ color:#fff;}
.inner_nav ul li a{ line-height:40px; text-align:center; display:block; color:#000; font-size:14px;padding:0 26px;}

.search_form{ margin:20px auto; width:100%; padding:20px 0; background-color:#f5f5f5; text-align:center;}
.search_form form{ display:inline-block;}
.search_form input{ outline:none; border:1px solid #ddd; height:36px; float:left;}
.search_form .search_input{ padding-left:6px; width:320px; }
.search_form .search_sub{ width:110px; background-color:#9f9583; border:none; color:#fff; }

.select-bar{ background-color:#f5f5f5; display:none; padding:10px;}
.select-box{
	width:100%;
	height:34px;
	margin-bottom:10px;
	background:#fff;
	position:relative;
	z-index:99;
	}
.select-box .name{ padding-left:14px; height:34px; line-height:34px; font-size:14px; cursor:pointer; position:relative;}
.select-box .name:after{
	font-size:0;
	content:'';
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-5px;
	width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 8px solid #4c4c4c;
    border-bottom: 4px solid transparent;
	}
.select-box ul{
	display:none;
	width:100%;
	height:auto;
	background:#f8f8f8;
	position:absolute;
	left:0;
	top:34px;
	}
.select-box ul li{ padding-left:14px; font-size:14px; color:#666; height:34px; line-height:34px; cursor:pointer; list-style:none}
.select-box ul li:hover{background:#eee;}
.select-box li a{display:block; color:#333;}
.select-box.active ul{ display:block;}
.select-box.active .name{ background:#555; color:#FFF;}
.select-box.active .name:after{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #fff;
	}


@media all and (min-width:768px) and (max-width:800px){





.select-bar{ display:block;}
.case_yz{ padding:0; }
.search_yz{ display:none;}
.search_yz dl{ line-height:38px; border-left:none; border-right:none;}
.search_yz dl dt{ width:100px;}
.search_yz dl dd .all{ width:70px;}
.search_yz dl dd .son {display:inline-block; line-height:34px; width:100%;}

.search_form{ padding:12px 0; margin:0;}
.search_form .search_input{ width:60%;}
.search_form .search_sub{ width:90px;}
.search_form input{ height:32px; line-height:32px;}


	
	
	
}

@media all and (min-width:320px) and (max-width:767px){

.select-bar{ display:block;}
.case_yz{ padding:0;}
.search_yz{ display:none;}
.search_yz dl{ line-height:38px; border-left:none; border-right:none;}
.search_yz dl dt{ width:100px;}
.search_yz dl dd{ overflow:hidden;}
.search_yz dl dd .all{ width:70px; float:none; display:inline;}
.search_yz dl dd .son {display:inline; line-height:34px; float:none; overflow:auto; width:auto;}

.search_form{ padding:12px 0; margin:0;}
.search_form .search_input{ width:64%;}
.search_form .search_sub{ width:70px;}
.search_form input{ height:32px;}



}

