@charset "utf-8";
/*重置*/
body,h1,h2,h3,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
button,input,select,textarea{border:none; margin:0;outline:none; padding:0;background: none;}
h1,h2,h3{ font-weight:normal;}
img{ border:none;}
a{text-decoration:none; outline:none;}
body{ font:14px/1.5; font-family:"Microsoft YaHei";}
li{ list-style-type:none;}

#wanneng_box{ position: fixed; bottom:0; right: 0; z-index: 1001;  width: 100px; height: 100px;
	-moz-animation:wannengimg 1s infinite; /* Firefox */
	-webkit-animation:wannengimg 1s infinite; /* Safari and Chrome */
	-o-animation:wannengimg 1s infinite; /* Opera */			
	animation:wannengimg 1s infinite;
}
#wanneng_box img{display: block; width: 100%; height: 100%;}
#wanneng_box p{position: absolute;}
.word{ position: absolute; width: 100%; bottom: 12px; font-size: 16px; text-align: center; color: #fff; }
/*动画*/
@-webkit-keyframes wannengimg {
	0%{ transform: rotateZ(0deg);}
	25%{transform: rotateZ(20deg);}
	50%{transform: rotateZ(-20deg);}
	75%{transform: rotateZ(0deg);}
}
@-moz-keyframes wannengimg {
	0%{ transform: rotateZ(0deg);}
	25%{transform: rotateZ(20deg);}
	50%{transform: rotateZ(-20deg);}
	75%{transform: rotateZ(0deg);}
}
@-o-keyframes wannengimg {
	0%{ transform: rotateZ(0deg);}
	25%{transform: rotateZ(20deg);}
	50%{transform: rotateZ(-20deg);}
	75%{transform: rotateZ(0deg);}
}
@keyframes wannengimg {
	0%{ transform: rotateZ(0deg);}
	25%{transform: rotateZ(20deg);}
	50%{transform: rotateZ(-20deg);}
	75%{transform: rotateZ(0deg);}
}

.wn_bj_box{ position: fixed;left:0;top:0;width: 0; height: 0; background-color: rgba(0,0,0,.7); z-index: 5555; display: none;}
.wn_bj_write{ width: 520px;    min-height: 250px; padding:30px 40px; position: absolute;top: 28%; left: 50%; margin-left: -300px; background-color: #fff; 
	outline:rgba(255,255,255,.2) solid 5px;
}
.wn_bj_write h2{ color: #333; font-size: 24px; font-weight: bold; margin-bottom: 24px; }
.wn_bj_write h2 b{ color: #f00; font-size: 14px; margin-left: 10px; }
.wn_bj_write .wn_line { line-height: 36px; margin:12px 0; }
.wn_bj_write .wn_line label{ font-size: 16px;color: #333;display: inline-block; vertical-align: middle; }
.wn_bj_write .wn_line label b{ color: #f00; font-size: 14px; }
.wn_bj_write .wn_write {display: inline-block; vertical-align: middle; height: 36px; position: relative;}
.wn_bj_write .wn_write select,.wn_bj_write .wn_write input{ border:#ddd solid 1px; height: 36px; line-height: 36px; padding:0 7px; 
	font-size: 14px; color: #666;
}
.wn_bj_write .wn_write select{ width: 133px; margin-right: 5px; }
.wn_bj_write .wn_write input{ width: 260px; }
.wn_bj_write .wn_write span{position: absolute; right: 7px; color: #333;}
.wn_bj_write .wn_hux select{ width: 85px; }
.wn_bj_write .wn_close{ position: absolute;top: 0;right: 0; background-color: #f00; color: #fff; 
	width: 30px; height: 30px;line-height: 30px; text-align: center; font-size: 20px; cursor: pointer;
}
.wn_bj_write .wn_btn{position: absolute; right: 30px; top:135px; width: 130px; height: 130px; 
	background-color: #fff;border-radius: 100%; overflow: hidden; border-left: #ddd solid 1px;
}
.wn_bj_write .wn_btn span{ background-color: #fff;position: absolute;
	left: 50%; top:50%;border-radius: 100%;width: 90px;height: 90px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-moz-animation:wn_btnbg 2s ease infinite; /* Firefox */
	-webkit-animation:wn_btnbg 2s ease infinite; /* Safari and Chrome */
	-o-animation:wn_btnbg 2s ease infinite; /* Opera */			
	animation:wn_btnbg 2s ease infinite;
}
.wn_bj_write .wn_btn button{ background-color: #f00;border-radius: 100%; width: 90px; height: 90px; 
	cursor: pointer; color: #fff; font-size: 16px;margin:20px; display: block; position: relative; z-index: 5;
}
/*动画*/
@-webkit-keyframes wn_btnbg {
	0%{width: 90px;height: 90px; background-color: rgba(255,0,0,.5);}
	100%{width: 130px;height: 130px; background-color: rgba(255,0,0,0);}
}
@-moz-keyframes wn_btnbg {
	0%{width: 90px;height: 90px; background-color: rgba(255,0,0,.5);}
	100%{width: 130px;height: 130px; background-color: rgba(255,0,0,0);}
}
@-o-keyframes wn_btnbg {
	0%{width: 90px;height: 90px; background-color: rgba(255,0,0,.5);}
	100%{width: 130px;height: 130px; background-color: rgba(255,0,0,0);}
}
@keyframes wn_btnbg {
	0%{width: 90px;height: 90px; background-color: rgba(255,0,0,.5);}
	100%{width: 130px;height: 130px; background-color: rgba(255,0,0,0);}
}

/*手机报价框样式*/
.wn_bj_box_mb{ position: fixed;width: 0; height: 0;left:0px; top:0px; background-color: rgba(0,0,0,.7); z-index: 5555; display: none;}
.wn_bj_write_mb{ width: 80%; position: absolute; top:50%; left: 5%; background-color: #fff; padding:5%;border-radius: 5px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.wn_bj_write_mb h2{ text-align: center; font-size: 20px; font-weight: bold; color: #333; }
.wn_bj_write_mb .wn_close{ position: absolute;top: 0;right: 0; background-color: #f00; color: #fff; 
	width: 20px; height: 20px;line-height: 20px; text-align: center; font-size: 14px;
}
.wn_bj_write_mb .line{ position: relative; margin:5% 0; font-size: 14px;}
.wn_bj_write_mb .line input{ width: 70%; border:#ddd solid 1px; font-size: 14px; text-indent: .5em; line-height: 200%; border-radius: 3px;}
.wn_bj_write_mb .line span{position: absolute; right: 10px; top: 0; font-size: 14px; line-height: 200%;}
.wn_bj_write_mb .mb_btn button{font-size: 14px; display: block;width:100%;background-color: #f00; line-height: 300%; color: #fff; border-radius: 3px;}
.wn_bj_write_mb .line input:focus{ border-color: #f00; }

.wn_bj_write_mb .line select{ border:#ddd solid 1px; height: 36px; line-height: 36px; padding:0 7px; 
	font-size: 14px; color: #666;
}
.wn_bj_write_mb .line select{  margin-right: 5%; }