@charset "utf-8";
/* CSS Document */
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{letter-spacing:1px; font-size:14px; font-family:微软雅黑,sans-serif; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none; color:#F00;}
a:hover{text-decoration:underline;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }

@media screen and (min-width: 992px) {
body{ background:;}
.banner{ width:100%; text-align:center;}
.banner p{ width:980px; margin:auto;}
.banner p img{ width:100%;}
.con{ width:970px; margin:auto; padding-top:20px;}
.con h2{ font-size:20px; margin:15px 0;text-align:center;}
.con p{ line-height:24px; font-size:14px; text-indent:2em;}
.con dl{ overflow:hidden; width:980px;}
.con dl dt{ float:left; width:500px; height:500px; margin-top:20px;}
.con dl dd{ float:right; width:420px; overflow:hidden; margin-top:30px;}
.con dl dd ul{ width:450px; margin:auto;}
.con dl dd ul li{ font-size:16px; margin-top:10px; }
.con dl dd ul li input{ width:320px;line-height:30px; border:1px solid #ccc; border-radius:5px;}
.con dl dd ul li input:hover{border:1px solid #E90437;}
.con dl dd ul li span{ color:#F00; margin-left:5px;}
.xuanze p{ font-size:16px; margin-bottom:10px;text-indent:0;}
.xuanze select{ width:376px; height:32px;border-radius:5px;border:1px solid #ccc;}
.btn{ width:380px; height:40px; line-height:40px; background:#E90437; font-size:16px; color:#FFF; border:none; margin-top:30px;}
.footer{ width:100%; padding:20px; background:#333; color:#FFF; text-align:center; margin-top:20px;}


}

@media screen and (max-width: 991px) {
.banner{ width:100%; text-align:center;}
.banner p{ width:100%; margin:auto;}
.banner p img{ width:100%;}
.con dl dt{ float:left; width:100%; overflow:hidden; margin-bottom:30px;}
.con dl dt img{ float:left; width:100%; }
.top{ width:100%;}
.top dl dt{ margin:5px 0;}
.top dl dt img{ width:40%;}
.top dl dd img{ width:100%;}
.con{ margin:5px; width:100%;}
.con p{ }
.con ul{ width:100%;}
.con ul li{ font-size:16px; margin-top:10px;}
.con ul li input{ width:80%; line-height:30px; border:1px solid #CCC; border-radius:5px;}
.con ul li span{ color:#F00;}
.btn{ margin-left:20px; width:80%; height:30px; line-height:30px; background:#666; color:#FFF; border:none; margin-top:30px;}
.footer{ display:none;}	




}