/* reset webkit search input browser style */
/* 首页搜索框 */ 
.search-div{ height:71px; background-color:#03598a;}
/* 通用样式 */
.sch-box{  width:580px; margin:0; padding-left:166px; height:71px; padding-top:20px; color:#ccc; background:url(../images/search-til.jpg) left center no-repeat;}
.search-f {
	position:relative; 
}
.search-f input {
	outline: none;
}
.search-f input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
.search-f .sch-btn{ 
	position:absolute;
	right:8px;
	top:1px; 
	border:none;
	width:73px;
	height:32px;
	text-align:center;
	cursor:pointer;
	background:#f2a332 url(../image/search-btn.png) left top no-repeat; 
	line-height:33px;
	color:#fff;
}
 

.search-f input[type=search] {
	background: #fff url(../images/sch001-1.png) no-repeat 9px center; 
	border: solid 1px #000;
	padding: 0px 10px 0px 32px; 
	height:32px; line-height:32px;
	width: 218px;
	 
}
.search-f input[type=search]:focus {
	width: 218px;
	background-color: #fff;
	border-color: #fff;
	 
}
 

/* placeholder */
.search-f input:-moz-placeholder {
	color: #999;
}
.search-f input::-webkit-input-placeholder {
	color: #999;
}
/* 样式1 */
.sch-1 input[type=search] {
	background: #ededed url(../images/sch001-4.png) no-repeat 9px center;
	background-size:22px 22px;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
}

/* 样式2 */
.sch-2 input[type=search]{
	background: #ededed url(../images/world.gif) no-repeat 7px center; 
	background-size:22px 17px;  
}
 

/* 样式3 */
.sch-3 input[type=search] {
	background: #ededed url(../images/sch001-13.png) no-repeat 5px center;
	background-size:22px 22px;
	width: 15px;
	height: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
.sch-3 input[type=search]:hover {
	background-color: #fff;
}
.sch-3 input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
.sch-3 input:-moz-placeholder {
	color: transparent;
}
.sch-3 input::-webkit-input-placeholder {
	color: transparent;
}

/* 样式3 */
.sch-4 input[type=search] {
	background: #ededed url(../images/sch001-13.png) no-repeat 5px center;
	background-size:22px 22px;
	width: 15px;
	height: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
.sch-4 input[type=search]:hover {
	background-color: #fff;
}
.sch-4 input[type=search]:focus {
	width: 130px;
	margin-left:-135px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
.sch-4 input:-moz-placeholder {
	color: transparent;
}
.sch-4 input::-webkit-input-placeholder {
	color: transparent;
}
@media(max-width:767px){
	.sch-box{  width:100%; margin:0; padding-left:0; height:71px; padding-top:20px; color:#ccc; background:none;}
}
@media(max-width:450px){
	.search-f input[type=search] {width: 65%;}
}