div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0; font-size: 18px; line-height: 27px;  color: #666666;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body{background: #fff;}
.l{float: left;}
.r{float: right;}
.margin_top{margin-top: 80px;}
/*container*/
.container{margin: 0 auto; }
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1230px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
.banner{background-image: url(../images/banner.png); background-repeat: no-repeat; background-position: center 0; height: 344px;}
.box{margin-top: 80px;}
.content{width: 100%; margin:0 auto; max-width: 588px; border:1px solid #ddd; border-radius: 10px; }
.banner img{display: block; width: 100%;}
.form-sov{padding-bottom: 10px;}
.form-sov h3{font-weight: bold; font-size: 30px;
color: #3176c0; text-align: center; padding-bottom: 20px;}
.close{width: 30px; margin:10px 10px 0 0;}
.form-box{padding:30px 30px 30px;}
.form_content .input_box{display: block; padding:5px 0; margin-bottom: 10px;}
.form_content i{font-size: 16px; font-style: normal; color: #333; display: block; padding-bottom: 5px;}
.form_content input{outline: none; height: 36px; width: 98%; font-size: 14px; padding: 0; border:1px solid #bfbfbf; padding-left: 2px; border-radius: 3px;}
select{height: 36px; width: 98.5%; outline: none; font-size: 14px; border:1px solid #bfbfbf; border-radius: 3px;}
#butt{
	display: block;
    width: 188px; text-align: center;
    height: 57px; cursor: pointer;
    color: #fff;
    font-size: 22px;
    margin: 0 auto;
    outline: none;
    border: 0; padding: 0;
    margin-top: 50px;
    background-image: url(../images/button.png); background-repeat: no-repeat; background-position: center 0;
}
.header h5{font-size: 24px; color: #333; padding: 28px 50px 22px;}
.header img{display: block; width: 100%;}
.form-submit{padding: 0 50px;}
.form_content{padding: 10px 0 50px 0;}
.foot{background-image: url(../images/foot.png); background-repeat: no-repeat; background-position: center 0; height: 230px; margin-top: 300px;}

.modal-open{overflow: hidden; padding-right: 17px;}
.modal{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; overflow: hidden; overflow-x: hidden; overflow-y: auto; /*display: none;*/}
.modal-backdrop{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 90; background: #000; opacity: 0.7; filter: alpha(opacity=70);}
.modal-dialog{width: 90%; max-width: 588px; margin: 0 auto; margin-top: 100px;
	animation:myfirst 0.17s linear; 
	-webkit-animation:myfirst 0.17s linear;
	-moz-animation:myfirst 0.17s linear;
}		
.modal-content{position: relative; background:#fff; }
.modal-content .close{color: #ddd; position: absolute; right: -42px; top: 0px; width: 30px;}

.header-tit{padding: 20px 50px 0; font-size: 16px; line-height: 24px;}
.tip{display:none; width: 100%; margin:0 auto; max-width: 588px; border:1px solid #ddd; border-radius: 10px; margin-top: 80px;}
.tip p{padding: 30px; text-align: center;}

@keyframes myfirst{
	0%   {margin-top: 0px;}
	50%  {margin-top: 50px;}
	100% {margin-top: 100px;}
}
@-moz-keyframes myfirst{
	0%   {margin-top: 0px;}
	50%  {margin-top: 50px;}
	100% {margin-top: 100px;}
}
@-webkit-keyframes myfirst{
	0%   {margin-top: 0px;}
	50%  {margin-top: 50px;}
	100% {margin-top: 100px;}
}

@media screen and (max-width: 768px){
	.box{margin-top: 50px;}
	.content{width: 90%; margin: 0 auto;}
	.tip{width: 90%; margin: 0 auto; margin-top: 50px;}
	.tip p{font-size: 16px; line-height: 24px;}
	.header h5{font-size: 20px; padding: 20px 15px;}
	.header-tit{padding: 10px 15px 0;}
	.form-submit{padding: 0 15px;}
	.form_content{padding: 10px 0 20px 0;}
	.form_content .input_box{margin-bottom: 5px;}
	#butt{
	    width: 150px; 
	    height: 40px;
	    font-size: 20px;
	    margin-top: 30px;
	    background-size: 100% 100%;
	}
	.foot-m{margin-top: 100px;}
}