@charset "utf-8";
/* CSS Document */

.top_tit {
  text-align: center;
  margin: 0px auto 40px;
}
.top_tit span {
  display: inline-block;
}
.top_tit .span1 {
  font-size: 36px;
  color: #f19149;
  font-weight: bold;
}
.top_tit .span1 a {
  color: #333;
  padding: 0px 10px;
}
.top_tit .span1 img {
  margin-top: -26px;
  margin-right: 6px;
}
.top_tit .span2 {
  font-family: arial;
  color: #b2b2b2;
  font-size: 12px;
}



.top_tit .con_span {
  color: #666;
  font-size: 14px;
  display: block;
  margin: 20px auto;
}
.top_tit .f30 {
  color: #f19149;
  font-size: 24px;
  font-weight:bold;
  display: block;
  margin: 20px auto;
}
@media (max-width: 320px) {
  .top_tit .con_span {
    margin: 20px auto;
  }
  .top_tit .span1 {
  font-size: 24px;
  color: #f19149;
  font-weight: bold;
}
.top_tit .f30 {
  color: #f19149;
  font-size: 20px;
  font-weight:bold;
  display: block;
  margin: 20px auto;
}
}


/*在线留言*/
.feedback_con {
  width: 98%;
  margin: 0px auto auto;
  max-width: 1240px;
      overflow: hidden;
}
.feedback_con .liu_ul {
  color: #666666;
  font-size: 15px;
}
.feedback_con .liu_ul li {
  margin-bottom: 30px;    overflow: hidden;    padding: 2px 0;
}
.feedback_con .liu_ul li p {
  float: left;
  width: 48%;
  margin: 0px;
}
.feedback_con .liu_ul li p span {
  display: inline-block;
  width: 17.5%;
}
.feedback_con .liu_ul li p span i {
  font-style: normal;
  color: red;
  margin-right: 3px;
}
.feedback_con .liu_ul li p input,
.feedback_con .liu_ul li p textarea {
  width: 80.5%;
  border: 1px solid #d9d9d9;
  background: #fff;
  height: 46px;
  border-radius: 2px;
  padding-left: 5px;
  outline-color: #f19149;
  -webkit-appearance: none;
}
.feedback_con .liu_ul li .p1 {
  margin-right: 4%;
      line-height: 48px;
}
@media (max-width: 768px) {
  .feedback_con .liu_ul li p {
    width: 100%;
  }
  .feedback_con .liu_ul li .p1 {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  
}
@media (max-width: 480px) {
  .feedback_con .liu_ul li p span {
    width: 15%;
  }
  .feedback_con .liu_ul li p input {
    width: 83%;
    height: 30px;
  }
}
.feedback_con .liu_ul li span {
  display: inline-block;
  width: 8.5%;
}
.feedback_con .liu_ul li span i {
  font-style: normal;
  color: red;
  margin-right: 3px;
}
@media (max-width: 768px) {
	.feedback_con .liu_ul li p span {
  display: inline-block;
  width: 13.5%;
}	
  .feedback_con .liu_ul li span {
    width: 13.5%;
  }
}
@media (max-width: 480px) {
  .feedback_con .liu_ul li span {
    width: 13.5%;
  }
}
.feedback_con .liu_ul li .span_nei {
  position: relative;
  top: 46px;
  float:left
}
.feedback_con .liu_ul li textarea {
  width: 90.5%;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 2px;
  padding-left: 5px;
  outline-color: #f19149;
  -webkit-appearance: none;
  float:left
}
@media (max-width: 768px) {
  .feedback_con .liu_ul li textarea {
    width: 84.5%;
  }
}
@media (max-width: 480px) {
  .feedback_con .liu_ul li textarea {
    width: 83%;
  }
}
.feedback_con .liu_ul li input {
  width: 42%;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 2px;
  padding-left: 5px;
  height: 46px;
  outline-color: #f19149;
  -webkit-appearance: none;
}
@media (max-width: 480px) {
  .feedback_con .liu_ul li input {
    width: 30%;
    height: 30px;
  }
}
.feedback_con .liu_ul li img {
  margin: auto 2%;vertical-align: middle;
}
@media (max-width: 480px) {
  .feedback_con .liu_ul li img {
    width: 15%;
  }
}
.feedback_con .liu_ul li .yan_no {
  color: #666666;
  text-decoration: underline;
}
.feedback_con .liu_ul li .yan_no:hover {
  color: #f19149;
}
@media (max-width: 480px) {
  .feedback_con .liu_ul .yan_li span {
    width: 20%;
  }
  .feedback_con .liu_ul .yan_li input {
    width: 25%;
  }
  .feedback_con .liu_ul .yan_li img {
    width: 23%;
    margin: auto 1%;
  }
  .feedback_con .liu_ul .yan_li a {
    font-size: 12px;
  }
}
.feedback_con .liu_ul .btn {
  text-align: center;
}
.feedback_con .liu_ul .btn a {
  display: inline-block;
  padding: 14px 90px;
  background: #e4e4e4;
  font-size: 15px;
  color: #333;
  border-radius: 5px;
  margin:0 2%;
  font-weight: bold;
}
.feedback_con .liu_ul .btn a:hover {
  background: #f19149;
  color: #fff;
}
@media (max-width: 480px) {
  .feedback_con .liu_ul .btn {
    padding-left: 0px;
    width: 100%;
  }
  .feedback_con .liu_ul .btn a {
    padding: 8px 50px;
    margin-right: 0px;
  }
}


.cotnact{ width:100%;}
.cotnact h1{ width:100%; padding:40px 0; text-align:center; font-size:24px; color:#0071CC; font-weight:normal;}
/*.cotnact dl{ width:100%; padding-bottom:50px; border-bottom:1px solid #ddd; overflow:hidden}
.cotnact dl dt,.cotnact dl dt img{ width:350px; height:200px; float:right; vertical-align:top;}
.cotnact dl dd{ width:430px; float:left; text-align:left;}
.cotnact dl dd b{ display:block; width:100%; height:40px; line-height:40px; font-size:16px; color:#0053A9;}
.cotnact dl dd p{ width:100%; font-size:14px; color:#555555; line-height:150%; margin-bottom:10px;}*/
.cont{ width:100%; overflow:hidden; /*border-bottom:1px solid #ccc;*/ padding-bottom:0px;}
.lxfs{width:58%; float:left}
.fr{ float:right !important}
.fl{ float:left !important}
.map{ width:40%; max-height:300px; }
.map img{ }
.cotnact ul{ overflow:hidden; width:100%; float:left; margin-bottom:10px;}
.cotnact ul li{ width:47%; float:left;  margin-right:3%;}
.cotnact ul li b{ display:block; width:100%; height:50px; line-height:50px; font-size:20px; color:#f19149;}
.cotnact ul li p{ width:100%; font-size:14px; margin-bottom:8px; line-height:30px;}

.ywqq{ margin:30px 0 0px; width:100%;  overflow: hidden;}
.ywqq h3{ font-size:24px; color:#f19149; margin-bottom:10px;}
.ywqqlist{ overflow:hidden}
.ywqqlist a{ background:#f19149; color:#fff; width:14%; text-align:center; line-height:40px; float:left; margin:0 2% 0 0;}
.ywqq p{ margin: 20px 0 10px; font-size:14px; line-height:30px;}
.ywqqlist2 a{ color:#fff;  text-align:center; line-height:40px; display:inline-block;margin:0 2% 0 0;}

@media (max-width: 1000px) {
  .lxfs{
    width: 100%;
  }
  .map{ width:100%; margin-top:20px;}
}

@media (max-width: 480px) {
  .map{ width:100%; margin-top:20px;}
  .ywqq h3{ font-size:24px; color:#f19149; margin-bottom:10px; text-align:center}
  .cotnact ul{ overflow:hidden; width:100%; float:left; margin-bottom:10px;}
.cotnact ul li{ width:100%; float:left;text-align: center; }
  .ywqqlist a{ background:#f19149; color:#fff; width:31.33%; text-align:center; line-height:40px; float:left; margin:0 1% 2% 1%;}
   .ywqqlist2 { text-align:center;}
   .ywqq p{ margin: 20px 0 10px; font-size:14px; line-height:30px; text-align:center}
  .ywqqlist2 a{ color:#fff;  text-align:center; line-height:40px; margin:0 4% 0 0;}
}

@media (max-width: 480px) {
  .top_tit {
    margin: 10px auto 20px;
  }
  .top_tit .span1 {
  font-size: 26px;
  color: #f19149;
  font-weight: bold;
}
.top_tit .f30 {
    color: #f19149;
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin: 20px auto;
}
.top_tit font {
    display: block;
    width: 182px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
}




