.header .logo{position:relative;display: inline-block;max-width: 100%;}
.responsive-image {
  display: block;
  max-width: 100%;
  height: auto;}

.image-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}

.hotspot {
  fill: transparent;
  stroke: transparent; /* 调试时可设置为可见颜色 */
  cursor: pointer;}

.hotspot:hover {}
.hd-t input::-webkit-input-placeholder { /* chrome/opera/safari */
    color: #ffffff;}
.hd-t input:-ms-input-placeholder { /* ie 10+ */
    color: #ffffff;}
.hd-t input:-moz-placeholder { /* firefox 18- */
    color: #ffffff;
    opacity: 1;}
.hd-t input::-moz-placeholder { /* firefox 19+ */
    color: #ffffff;
   opacity: 1;}

.g-nav li {
    margin-left: 29px;}

@media only screen and (max-width: 1680px){
.g-nav li {
    margin-left: 36px;}
}

@media only screen and (max-width: 1300px){
.header .hd-r{width: 600px !important;}
.g-nav li {
        margin-left: 14px !important;}
}
.xxbm .down{width:140px !important;}
.xxbm .down a{    font-size: 17px !important;}
/*样式*/
.hd-t input::-webkit-input-placeholder { /* chrome/opera/safari */
    color: #ffffff;}
.hd-t input:-ms-input-placeholder { /* ie 10+ */
    color: #ffffff;}
.hd-t input:-moz-placeholder { /* firefox 18- */
    color: #ffffff;
    opacity: 1;}
.hd-t input::-moz-placeholder { /* firefox 19+ */
    color: #ffffff;
   opacity: 1;}

.ul-listl20 li {
   width: 48%;
    float: left;}

.ul-listl20 .con .top {
   width: 48%;}
.ul-listl20 .con .top .pic {
    padding-top: 45%;}
.ul-listl20 .con .txt {
    padding: 20px 18px 20px 20px;
    height: 200px;}
.ul-listl20 .con .txt .tit {
margin-bottom: 2px;}


@media only screen and (max-width: 767px){
.ul-listl20 li {
   width: 100%;
    float:none;}

.ul-listl20 .con .top {
     width: 100%;}
.ul-listl20 .con .top .pic {
    padding-top: 50%;}
.ul-listl20 .con .txt {
    padding: 20px 18px 20px 20px;
    height: 200px;}
.ul-listl20 .con .txt .tit {
margin-bottom: 2px;}
}