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

html, body {
  height: 100%;

}
/* html{
  height:1000px;
  } */
  body {
    margin: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei', Arial,Helvetica,sans-serif,'Arial Narrow',HELVETICA;
    -webkit-text-size-adjust:100%;
}

  img {
    border: none;
  }
  

  a {
    text-decoration: none;
    cursor:pointer;
  }

  p {
    margin: 0;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .clear:after{
    display: block;
    content:'';
    clear:both;
  }
  .clear{
    *zoom:1;
  }

  .ma{
    margin:0 auto;
  }

  .layout{
    width: 100%;
  }

  .fl{
    float:left;
  }

  .fr{
    float:right;
  }
  h1,h2,h3,h4{
    margin:0;
  }

  .divcenter{
    display: flex;
    justify-content: center;
    align-items: center;
  }


  /* index */
  .bg{
    background:#fff9f1 url(../images/bg.jpg) top center no-repeat;
  }
  .banner{
    width: 100%;
    height: 627px;
    background: url(../images/banner.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner1{
    width: 1004px;
  }
  .banner1 img {
    width: 100%;
    display: block;
}


.cont{
    width: 1001px;
    background-color: #fff;
}

.cont1{
    width: 95%;
    padding: 2% 0px;
}
.div1{
    display: block;
}
.div1 img{
    width: 100%;
    display: block;
}

.div1wen{
    background-color: #fff9f2;
}

.div1wen h1{
    border-bottom: 3px dashed #fee4d1;
    text-align: center;
    font-size: 28px;
    color: #da4f0e;
    padding: 2% 0px;
}

.div1wen p{
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    padding: 2% 0px;
    color: #000000;
}
.div2{
  padding-top: 5%;
}
.div2 h1{
  height: 40px;
  overflow: hidden;
  background: url(../images/border.jpg) bottom no-repeat;
  background-size: 100%;
}
.div2 h1 a{
  color: #da4f0e;
  font-size: 18px;
  line-height: 40px;
  float: right;
}


.ultu{
  overflow: hidden;
}

.ultu li{
  width: 30.5%;
  overflow: hidden;
  float: left;
  padding-top: 4%;
  padding-left: 2%;
}

.ultu li a img{
  width: 100%;
  height: 216.5px;
  border-radius: 10px;
  display: block;
}

.ultu li a p{
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.ullist{
  width:100%;
  overflow:hidden;
padding: 2% 0px 2% 0px;
  }

  .ullist li{
    width:100%;
    overflow:hidden;
      line-height:80px;
      border-bottom: 1px dashed #7f7f7f;
      background: url(../images/yuan.png) 0px center no-repeat;
    }

    .ullist li a{
      width:71%;
      color:#1b1b1b;
      font-size:20px;
      display:block;
      float:left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
     padding-left: 3%;
      }


.foot{
  width: 100%;
  height: 193px;
  background-color: #fdac78;
}



/* tulist */
.linknav{
  width: 1001px;
  color: #a7532a;
  font-size: 18px;
  padding-top: 1%;
}

.linknav a{
  color: #a7532a;
}
.pageNav {
	width: 100%; height: 30px; padding: 30px 0;  margin: 0 auto;
	color: #656565;
	text-align: center;
	margin-top:20px;
}
	.pageNav a {
		display: inline-block;
		height: 28px; padding: 0 6px; margin: 0 3px; border: 1px solid #ccc;
		color: #656565;
		line-height: 28px;
	}
	.pageNav a:hover {
		background-color: #f6580e;
		text-decoration: none;
		color:#fff;
	}
	.pageNav a.current {
		border-color: transparent;
		background-color: #f6580e;
		color:#fff;
	}
	.pageNav a.active {
		border-color: transparent;
		background-color: #f6580e;
		color:#fff;
	}
	.pageNav .eclipse {
		margin: 0 3px;
	}


/* gaojian */
.gjwen{
  padding: 5% 0px;
}
.gjwen h1{
  font-size: 32px;
  padding-bottom: 2%;
  text-align: center;
  border-bottom: 4px solid #f6f6f6;
}

.gjwen1 p{

font-size: 16px;
line-height: 30px;
padding-top: 3%;
}

.gjwen1 img{
  max-width: 100%;
  display: block;

}




@media screen and (max-width : 768px){
  .banner {
    width: 100%;
    height: 427px;
    background: url(../images/sjbanner.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
}

.banner1{
  width: 90%;
}
.cont{
  width: 100%;
}




}

@media screen and (max-width : 480px){
.banner{
  height: 208px;
}

.div1wen h1{
  font-size: 18px;
}
.div1wen p{
  font-size: 14px;
    line-height: 22px;
}

.div2 h1 a{
  font-size: 12px;
}

.ultu li{
  width: 47%;
}
.ultu li a img{
  height: 112.5px;
}
.ultu li a p,.ullist li a{
  font-size: 14px;
}
.ullist li{
  line-height: 45px;
}
.foot{
  height: 96px;
}


.linknav,.gjwen1 p{
  font-size: 14px;
}
.gjwen h1{
  font-size: 18px;
}
.gjwen1 img{
  max-width: 100%;
}

}