#body{margin-left:auto;margin-right:auto; min-width:320px;max-width:1300px;}
#wenhua1{
width:100%;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
	background-image: url(img/wenhua1.jpg);
	background-repeat: no-repeat;
	background-position: center center;background-size:cover;  position: relative;
}
#wenhua2{
width:100%;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
	background-image: url(img/wenhua2.jpg);
	background-repeat: no-repeat;
	background-position: center center;background-size:cover;  position: relative;
}
#wenhua3{
width:100%;
	float:left;
	padding-top:3%;
	padding-bottom:3%; background-color:#ff;

}
.wenhua2{ width:100%; display:block;  float:left;}
.wenhuap1{
    font-weight: bold;
    color: #005098; line-height:1.8;
}
.wenhuap2 img{ max-width:98%;}
.wenhua1con{
    margin-top: 2.5%;
}
.wenhua1right{
    width: 50%; position:absolute; left:50%; bottom:0px;
    overflow: hidden;
}
.wenhua1right img{ width:100%; display:block;}
.wenhua1left{
    width:50%;
    padding-top: 100px;
}
.wenhua1leftli{
    height: 125px;
}
.wenhua1leftp1{ line-height:1.8;
    font-weight: bold;font-size: 32px;
    color: #fff;
    position: relative;
}
.wenhua1leftp1 span{ position:relative;}
.wenhua1leftp1 span::after{
    content: '';
    width: 60px;
    height: 4px;
    background-color: #D6D6D6;
    position: absolute; bottom:0px;
    right:-75px;
}

.wenhua1leftp2{line-height:1.8;
    color: #fff;
}
.wenhua1leftp1.up{
    color: #005098;
}
.wenhua1leftp2.up{
    color: #3A596E;
}
.wenhua2con{width:100%; float:left;
    margin-top: 3%;
}
.wenhua2li{
    width: 50%;
}
.wenhua2li img{
    width: 100%; display:block;
}
.wenhua2lides{ box-sizing:content-box; box-sizing:border-box;
    padding: 75px 0px 0px 105px;
}
.wenhua2lidesp1{
    font-size: 30px;
    font-weight: bold;
    color: #005098;
    margin-bottom: 20px;
    position: relative;
}
.wenhua2lidesp1 span{ position:relative;}
.wenhua2lidesp1 span::after{
    content: '';
    width: 60px;
    height: 4px;
    background-color: #D6D6D6;
    position: absolute; bottom:0px;
    right:-75px;
}
.wenhua2lides ul li{
    line-height: 2.2;
    font-size: 24px;
    color: #3A596E;
}
.wenhua3con{ margin-top:2.5%; display:block;
}
.wenhua3con img{ display:block; width:100%;}
.wenhua3con2li{
    width: 33.33%;
    padding: 45px 45px 90px;
    background-color: #FAFAFA;content-box; box-sizing:border-box;
}
.wenhua3con2li:nth-child(2){
    background-color: #fff;
}
.wenhua3con2lip1{
    margin-bottom: 2.5%;
    color: #005098;
}
.wenhua3con2lip2{
    font-size: 18px;
    color: #3A596E;
    line-height: 1.8;
}
#hzhb { width:100%; float:left;  max-height:75vh; overflow-y:auto;box-sizing:content-box; box-sizing:border-box; padding:0px 12px;}
#hzhb::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5
}
#hzhb::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

#hzhb::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .6);
    background-color: #888;
}
#hzhb ul {LIST-STYLE-TYPE: none; margin-left:-2%;
}

#hzhb li { float:left; width:23%;  margin-left:2%; margin-top:1%; 
}
#hzhb li  dd{height:120px;position:relative;width:100%; float:left;
 /* min-height: 150px; */
  font-size: 16px;
 overflow:hidden; box-shadow: 0 2px 15px rgb(0 0 0 / 6%), 0 5px 15px rgb(0 0 0 / 10%);  border: 1px solid #e7e7e7;box-sizing:content-box; box-sizing:border-box; background-color:#fff;display:block;}
#hzhb li a { display:block;
}

#hzhb li  dd img { position:relative; max-width:98%; max-height:98%; top:50%; margin-left:auto; margin-right:auto; display:block; transform:translateY(-50%);  position:relative;}
#hzhb li p{ width:100%; float:left;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; display:block; line-height:1.8; margin-top:10PX; text-align:center;}


#hzhb li a .title {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transform: scale(0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#hzhb li a .title img {
  width: 30px;
  display: block;
  margin: 0 auto 0px;
  border: 0;transform:translateY(0%);
}

#hzhb li a .title strong {
  text-align: center;
  color: #fff;
  display: block;
  font-weight: normal;
  line-height: 24px;
  z-index: 22;
  padding: 0 10px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
}

#hzhb li a:hover .title {
  opacity: 1;
  transform: scale(1);
}

#hzhb li a:hover .title img,
#hzhb li a:hover .title strong {
  animation-delay: 0s;
  animation-name: fadeInUpBig;
  animation-duration: 1s;
  visibility: visible;
}
@media (max-width: 1450px){#body{margin-left:auto;margin-right:auto; min-width:320px;max-width:1150px;}}
@media (max-width: 1250px){.wenhua1leftp1{font-size: 28px;}.wenhua1leftli{ height: 105px;}.wenhua2lides ul li{ font-size:18px;}.wenhua2lidesp1{ font-size:24px;}.wenhua2lides{padding: 35px 0px 0px 85px;}.wenhua3con2lip2{ font-size:16px}.wenhua3con2li{padding: 25px 25px 60px;}#hzhb li  dd{ font-size:14px; height:80px;}}
@media (max-width: 1100px){.wenhua1leftp1{font-size: 24px;}.wenhua2lides{padding: 35px 0px 0px 65px;}}
@media (max-width: 900px){.wenhua1leftp1{font-size: 18px;}.wenhua1leftli{ height: 85px;}.wenhua2lides ul li{ font-size:16px;}.wenhua2lidesp1{font-size:18px}.wenhua3con2lip2{ font-size:14px}.wenhua3con2li{padding: 15px 15px 30px;}.wenhua3con2lip1{ font-weight:bold}#wenhua1{ background-image:none;}#hzhb li{ width:31.33%;}#hzhb li  dd{ font-size:12px;}}
@media (max-width: 800px){.wenhua1right{ width:100%; position:relative; left:0px; float:left;}.wenhua1left{ width:100%; background-color:#A3AAB0; padding-top:20px;}.wenhua1leftp1.up,.wenhua1leftp2.up{ color:#fff;}.wenhua1leftli{ height:auto; padding:15px;}.wenhua2li{ width:100%;}.wenhua2lides{padding: 15px;}.wenhua2lidesp1 span::after,.wenhua1leftp1 span::after{ height:2px;width: 50px;  right:-65px;}}
@media (max-width: 600px){.wenhua2lides ul li{ font-size:14px;}.wenhua2lidesp1{font-size:16px}#hzhb li  dd{ height:60px}}
@media (max-width: 450px){.wenhua3con2li{ width:100%; padding:15px;}#hzhb li{ width:48%}}