@charset "utf-8";
.container {}
.con1 { overflow:hidden;width: 1000px;margin: 0 auto}
.con1 ul { width:1010px;}
.con1 ul li { float:left; width:230px; height:290px; padding:4px; margin-top:50px; margin-right:10px; border:1px solid #fff;}
.con1 ul li span a { font-size:14px; color:#151515; margin-left:10px; line-height:36px;}
.con1 ul li span a i{display: block;float: right;margin-right: 10px}
.con1 ul li .mes {width:219px; height:26px; font-size:0; margin-top:5px; margin-left:10px;}
.con1 ul li .mes a { display:inline-block; width:60px; height:24px; border:1px solid #acabab; border-radius:2px; padding-left:28px; font-size:13px; color:#313131; line-height:24px; cursor:pointer;}
.con1 ul li .mes a:hover { color:#fff;border:1px solid #a95701;}
.con1 ul li .mes .a-1 { margin-right:17px; background:url(../Images/ico2.jpg) 7px center no-repeat;}
.con1 ul li .mes .a-2 { background:url(../Images/ico3.jpg) 7px center no-repeat;}
.con1 ul li .mes .a-1:hover { background:#fc8301 url(../Images/ico4.jpg) 7px center no-repeat;}
.con1 ul li .mes .a-2:hover { background:#fc8301 url(../Images/ico5.png) 7px center no-repeat;}
.con1 ul li:hover { border:1px solid #ff2f2f;}

.req {
  width: 1100px;
  margin: 0 auto;
}

.req p {
  text-align: center;
  font-size: 26px;
  color: #bb1128;
}

.req ul {
  margin-left: 150px;
  margin-top: 40px;
}
.wrapper {
  font-family: "微软雅黑";
}
.req .li-2 {
  width: 100%;
  text-align: center;
}
.clearfix::after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.req ul li {
  width: 500px;
  float: left;
  font-size: 14px;
  color: #bb1128;
  line-height: 34px;
  margin-bottom: 25px;
}
.req ul li input {
  background: none;
  border: 1px solid #c9c9c9;
  outline: none;
  width: 240px;
  height: 30px;
  border-radius: 8px;
  background: #fff;
}
.req .li-1 textarea {
  float: left;
  border: 1px solid #c9c9c9;
  outline: none;
  width: 700px;
  height: 285px;
  border-radius: 8px;
}

.clear {
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

@media only screen and (max-width: 1100px) {
	
	.con1 ul li {width:30%; margin:2% 1.2%;}
}

@media only screen and (max-width: 640px) {
	
	.con1 ul li {width:45%; margin:2% 2%;}
	.con1 ul li .mes a { font-size:10px;}
}

@media only screen and (max-width: 400px) {
	
	.con1 ul li {width:45%; margin:2% 2%;}
	.con1 ul li .mes a { width:25%; font-size:8px;}
}