@import url("font-awesome/font-awesome.min.css");
*{ margin: 0; padding:0;list-style: none;outline:none;font-family: "Microsoft Yahei",Arial,宋体;}

body {
	font-size: 12px;
	font-family: "Microsoft Yahei",Arial,宋体;
	color: #656565;
}

a:link{
	color: #656565;
	text-decoration: none;
}

a:visited{
	color:#656565;
}

a:hover{
	color:#e56a00;
}

a:active{
	color:#656565;
}

.top{
	width: 1150px;
	margin: 0 auto;
	overflow: hidden;}

.logo{
	margin-top: 20px;
	float: left;
}

.tel{
	margin-top: 15px;
	float: right;
	width: 323px;
}

.tel span{
	float: right;
}

.tel img{
	margin-top: 15px;
}

.bannerbg{
	height: 546px;
}

.banner{
	margin: 0 auto;
	margin-top: 17px;
	padding-top: 65px;
	width: 1150px;

}

.search{
	width: 400px;
	text-align: center;
	margin:0 auto;
	height: 170px;
}

.search hr{
	width: 225px;
	margin:0 auto;

}

.search span{
	margin-top:8px;
	display:block;
	line-height: 21px;
	letter-spacing: 0px;
}

.title{
	font-size: 30px;
	color: #4f4f4f;
	letter-spacing: 8px;
	font-weight: bold;
	margin-bottom: 9px;
}

.input{
    width:80%;/*无验证码*/
	height: 40px;
	line-height: 40px;
	padding-left: 12px;
	border:1px solid #cececf;
	font-size: 16px;
	color: #616161;
	text-transform:uppercase;
	margin-top:20px;

}
.valicode_input{
	width: 100px;
	height: 40px;
	line-height: 40px;
	padding-left: 12px;
	border:1px solid #cececf;
	font-size: 16px;
	color: #616161;
	margin-top:20px;
text-transform:uppercase
}
#yzm{ margin-top:-5px; width:120px; height:41px}
.btn{
	margin-top: -9px/0;
	margin-left: 8px;
	margin-right:30px;
	width: 114px;
	height: 44px;
	border:0px solid #cececf;
	color:#FFF;
	font-size:16px
}
/*.btn:before{font-family:'FontAwesome';content:"\f002"}*/

.btn:hover{
	cursor: pointer;
	background-size:114px 44px;
}

.getcode{
	width: 1148px;
	margin:24px auto;
	height:60px;
	background:  url(../images/getcode.jpg) repeat-x center;
	background-size:auto 40px;

}

.tips{
	width: 1148px;
	margin:0 auto;
	overflow: hidden;
}

.tips li{
	float: left;
	width: 331px;
	height: 252px;
	background: #fcfcfc;
	border:1px solid #e5e5e5;
	margin-right:74px;
}

.tips li:last-child{
	margin-right:0;
}

.tips li dt{
	width: 260px;
	margin:0 auto;
	padding-top: 28px;
	height: 157px;
}

.tips li dd{
	width: 289px;
	height: 62px;
	padding-left:18px;
}

.tips li dd img{
	position: absolute;
	margin-left: 20px;
	margin-top: 5px;
}

.tips li span{
	display: block;
	margin-left: 80px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
}

.footer{
	margin:0 auto;
	margin-top: 28px;
	width: 946px;
	height: 64px;
	text-align: center;
	padding-top:20px;
	line-height: 20px;
}

/* === HTML5 validation styles === */	

input:required:valid {

	background: #fff url(../images/valid.png) no-repeat 98% center;

	background-size:16px 16px;

	box-shadow: 0 0 5px #5cd053;

	border-color: #28921f;

}

input:focus:invalid{

	background: #fff url(../images/invalid.png) no-repeat 98% center;

	background-size:16px 16px;

	box-shadow: 0 0 5px #d45252;

	border-color: #b03535

}





.VMC_search{
    position:absolute;
	z-index:4;
	margin-top:8px;
	width: 1087px;
	height: 216px;
	padding-left: 70px;
	padding-top: 28px;
	box-shadow:0px 0px 10px #b0b0b0;
    -moz-box-shadow:0px 0px 10px #b0b0b0;
    -webkit-box-shadow:0px 0px 10px #b0b0b0;

}

.search_products{

	position: absolute;

	z-index: 999;

	bottom:0px;

	right: -45px;

}

.VMC_bg{

	background: #f3fbfe url(../images/VMC_search_bg.jpg) repeat-x;

}


.zs-bt a{ display:block; width:200px; padding:5px 0; background:#5FB878; color:#FFFF; font-size:16px; text-align:center; margin:10px auto 0 auto;
vborder-radius: 4px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 4px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 4px; /* Webkit浏览器的私有属性 */ 
border-radius: 4px 4px 4px 4px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */
}


@media(max-width: 1280px){

	.search_products{

	    display:none;

	}

	.input{

	    width:80%;/*无验证码*/

	}

}

@media(max-width: 1150px){

    .magnify{

	    display:none;

	}

    .tips{

	    width:100%;

	}

	.tips li{

	    width:90%;

		margin:0 auto;

		float:none;

		margin-bottom:30px;

	}

	.tips li dd{

	    margin:0 auto;

	}

	.tips li:last-child{

	    margin:0 auto;

	}

    .getcode{

	    width:100%;

	}

    .top{

	    width:95%;

		margin:0 auto;	

	}

    .banner{

	    width:100%;

	}

	.two_intro{

	    width:100%;

		text-align:center;

		position:static;

	}

	.two_intro img{

	    margin:0 auto;

		float:none;

	}

	.footer{

	    width:100%;

	}

    .element_to_magnify{

	    height:800px!important;

	}

	.bannerbg{

	    height:auto;

		padding-bottom:30px;

		background:#d2e2ef url(../images/formbg.jpg) no-repeat top center;

		background-size:1920px 546px;

	}

	.VMC_search{

	   position:static;

	   padding-left:7%;

	   width:83%!important;

	   margin-left:5%;

	   overflow:hidden;

	   height:auto!important;

	   padding-bottom:30px;

	}

}


@media(max-width: 710px){

    .btn{

	    margin-top:20px;

		margin-left:0px;

		float:left;

	}

	.input{

	    width:85%;

	}

	.tips_btn{

	    float:left;

	}

}

@media(max-width: 580px){

    .tel img{

	    display:none;

	}

	.tel{

	    width:110px;

	}

	.tel span{

	    margin-top:20px;

	}

    .two_intro img{

	    width:100%;

		margin-bottom:20px;

	}

	.search{

	    width:100%;

	}

}

@media(max-width: 450px){

    .element_to_magnify{

	    height:680px!important;

	}

	.footer{

	    background:#f3f3f3;

	}

}

@media(max-width: 360px){

    .element_to_magnify{

	    height:620px!important;

	}

}



#msg>*{font-size:14px;}
#msg img{font-size:16px;border:none; vertical-align:middle}
#alert{
	line-height:1.8;}
#alert hr,.pop_result hr{width:100%;height:1px;border:none;border-top:1px dashed #5FB878; margin:5px 0 0 0}
.error{color:red;font-size:14px;}
.error_ico{color:red;text-indent:.1em}
.error i{ margin-right:.1rem}
.success{color:green;font-size:16px;}
.success_ico{color:green;}
a.reloadcode{ cursor:pointer; font-size:16px; padding-left:10px; color:#FFF}
/*
notice
*/
.notice .media_img { text-align:center;}
.hand_cream_notice { position:absolute; width:100%; height:28px; bottom:-28px;}

a.more{ color:#F60}
a.more:hover{ color:#F00}