@charset "utf-8";
.hf{margin-bottom:24px;}
.hf img{width:100%}

.about{width:630px;float: left;height:425px}
.about .aleft{width:48%;float:left;}
.about .aleft img{width:100%;height:336px}
.about .aright{width:50%;float:left;margin-left:2%;font-size:16px;line-height:30px;height:336px;overflow:hidden}
.about .aright p{margin-top:0px}
.about .s4 {
    display: flex;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    flex-wrap: wrap;
}
.about .s4 a {
    display: flex;
    width: 33.1%;
    height: 80px;
    border: 1px solid #ddd;
    border-top: 0;
    border-left: 0;
    font-weight: bold;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}

.about .s4 a::before {
    margin-right: .5rem;
    content: '\e784';
    line-height: 1;
    font-family: 'iconfont' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    font-size: 150%;
}
.about .s4 a:nth-child(2)::before {
    content: '\e628';
}
.about .s4 a:nth-child(3)::before {
    content: '\e625';
}
.about .s4 a:hover{background:#0363c5;color:#fff;}

.dangjian{width:600px;    float: right;}

@media screen and (max-width: 768px) and (min-width: 320px){
.about{width:100%;float: none;height:auto}
.about .aleft{width:100%;float:none;}
.about .aleft img{width:100%;height:auto !important}
.about .aright{width:100%;float:none;margin-left:0px;font-size:16px;line-height:30px;height:auto}
.about .s4 a {
    display: flex;
    width: 33%;
    height: 80px;
    border: 1px solid #ddd;
    border-top: 0;
    border-left: 0;
    font-weight: bold;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}
.dangjian{width:100%;    float: none;}	
}


.s5{width:100%;height:auto}
.s5 .fplisua > li:nth-child(n) {
    margin-top: 30px;
    background: none;
    border: 0;
    padding: 0;
}
.s5 .fplisua > li .dlogos {
    padding-bottom: 20%;
	margin-right: 30px;
}
.fplisua > li .dlogos {
    position: relative;
    float: left;
    margin-right: 2%;
    width: 28%;
    overflow: hidden;
    padding-bottom: 18%;
}
.fplisua > li .dlogos > a, .fplisua > li .dlogos > img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
	text-align: center;
}
.fplisua > li .dlogos > a > img {
    max-width: 100%;
    min-height: 100%;
    opacity: .95;
    transition: .35s;
}
.s5 .fplisua > li .dlogos img {
    height: 100%;
}
.fplisua > li.hasimg .dtitles {
    padding-left: 1.5rem;
}

.fplisua > li .dtitles {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
	font-size:16px;
}
.fplisua > li.hasimg .dtitles::before {
    display: flex;
    position: absolute;
    left: 0;
    height: 100%;
    content: '\e612';
    color: #9ce595;
    font-family: 'iconfont' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 125%;
    align-items: center;
}


.fplisua > li .dsumms {
    margin: .5rem 0;
    max-height: 140px;
    overflow: hidden;
    opacity: .85;
    line-height: 1.8;
    font-size: 14px;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.fplisua > li .dmores {
    float: right;
    font-size: 14px;
}
.fplisua > li .dhits {
    color: #999;
    font-size:14px;
}


.fplisua > li:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
}
.fplisua > li .dhits span{
    margin-right: .5rem;
	font-style: normal;
}


@media screen and (max-width: 768px) and (min-width: 320px){
.s5 .fplisua > li .dlogos {
    padding-bottom: 20%;
}
.s5 .fplisua > li .dsumms {
    max-height: 72px;
    line-height: 1.7;
}	

.fplisua > li .dsumms {
    margin: .5rem 0;
    max-height: 140px;
    overflow: hidden;
    opacity: .85;
    line-height: 1.4;
    font-size: 14px;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}

.fplisua > li .dlogos {
    position: relative;
    float: left;
    margin-right: 2%;
    width: 35%;
    overflow: hidden;
    padding-bottom: 18%;
}

.s5 .fplisua > li .dlogos {
    padding-bottom: 28%;
	margin-right:20px;
}
	
}

#zz{width:860px;float:left;margin-right:30px;margin-bottom:0px}
.in-pic{margin-top:50px;height:180px;overflow:hidden}
.in-pic-menu{float:left;width:200px;margin-right:22px}
.in-pic-menu li{height:90px;background:#d3d3d3;text-align:center;font-size:12px;list-style:none}
.in-pic-menu li a{text-decoration:none;color: #333;}
.in-pic-menu li span{display:block;font-size:24px;padding-top:18px}
.in-pic-menu li.active{background-image:url(../xg/title1.png);cursor:pointer}
.in-pic-menu li.active a{color:#FFF; }
.pics .img-cover{padding-top:78%}
.pics a:hover .img-cover span{transform:scale(1.1)}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / 100% auto ;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}
.img-cover2 span{background:no-repeat center / auto 100% ;}

.wenhua{width:100%;height:200px;text-align:center}
.wenhua img{max-width:100%;max-height:200px}

@media screen and (max-width: 768px) and (min-width: 320px){
#zz{width:100%;height:auto;    display: inline-grid;margin-bottom:20px}
.in-pic-menu{float:left;width:200px;margin-right:0px}	

.wenhua{width:100%;height:auto;text-align:center}
.wenhua img{max-width:100%;max-height:auto}

}