body{background-color: #fff;}
img{
    width:inherit ;
}

.fixed-right {
	position: fixed;
	width:80px;
	right:0;
	top:50%;
	transform: translate(0,-50%)
}
.fixed-right li{
	position: relative;
	height:54px;
	margin:15px;
	list-style: none;
}
.fixed-right li .hide-box{
	position: absolute;
	padding-top:64px;
	width:140px;
	right:0;
	top:0;
	z-index:6;
	display: none;
}
.fixed-right li .hide-box>div{
	padding:10px;
	background:#fff;
	border-radius: 6px;
	width:140px;
	position: relative;
	box-shadow: 0 0 16px rgba(100,100,100,0.15)
}
.fixed-right li .hide-box>div:after{
	content: "";
	display: block;
	border:1px solid #dcdcdc;
	background:#fff;
	width:12px;
	height:12px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	border-right:none;
	border-bottom:none;
	position: absolute;
	right:20px;
	top:-6px;
}
.fixed-right .hide-box a{
	display: inline-block;
	width:48%;
	text-align: center;
}
.fixed-right .hide-box a i{
	font-size:32px;
}
.fixed-right .hide-box a .icon-weixin{
	color:#54ad2d;
}
.fixed-right .hide-box a .icon-weibo{
	color:#EE4416;
}
.fixed-right .hide-box a:last-child{
	border-left:1px solid #dedede;
}
.fixed-right .icon-a {
	display: block;
	margin-top:0;
	height:54px;
	width:54px;
	border-radius: 26px;
	position: absolute;
	right:0;
	top:0;
	padding-right:54px;
}
.fixed-right li:hover>a{
	width:140px;
	border-radius: 30px;
}
.fixed-right li:hover .hide-box{
	display: block;
}
.fixed-right .icon-a i{
	font-size:26px;
	width:54px;
	height:54px;
	background:none;
	position: absolute;
	top:0;
	right:0;
}
.fixed-right .icon-a>b{
	display:block;
	color:#fff;
	height:54px;
	line-height:54px;
	font-size:16px;
	width:0;
	padding-left:20px;
	font-weight:600;
	overflow: hidden;
}
.fixed-right li:hover a>b{
	width:100%;
}

 .logo {
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-left: -10px;
}
.logo img {
    width: 360px;
    height: auto;
    margin-right: 10px;
}
.logo span {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.wza:hover{background-color: transparent;color: #fff;border: 1px #fff   solid;text-decoration: none;}
 body::after{
    content: '';
    width: 49%;
    height: 600px;
    background: url(./1-15shq.png) no-repeat;
    position: absolute;
    top: 0px;
    background-size: 100%  100%;
    right: 0px;
 }

.title-div{margin-top: 70px;}
 .title-div h4{
    font-size: 43px;
    font-family: OPPOSans-B, OPPOSans;
    font-weight: normal;
    color: #276CE3;
    line-height: 68px;
    letter-spacing: 5px;
 }
 .title-div h4 span{
    background: #276CE4;
    border-radius: 31px;
    color: #fff;
    margin-right: 20px;
    padding: 3px 20px;
 }
 .title-div h4  span img{
    width: 41px;
    margin: -10px -10px 0px 0px;
 }
 .title-div p{
    font-size: 24px;
    font-family: OPPOSans-B, OPPOSans;
    font-weight: normal;
    color: #000000;
    line-height: 38px;
    letter-spacing: 2px;
    margin-top: 23px;
 }
.life-div{
position: relative;
 }

.life-detail{float: left;width: 50%;padding: 0px  49px;position: relative;margin: 65px 0px;box-sizing: border-box;}
 .life-detail h4{
    font-size: 16px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #276CE3;
    line-height: 27px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
 }
 .life-detail .life-content{
    
 }
 .life-detail>span{
    position: absolute;
    font-size: 78px;
    font-family: OPPOSans-H, OPPOSans;
    font-weight: normal;
    color: #E9F1FF;
    line-height: 124px;
    top: -61px;
    z-index: -1;
    font-weight: bold;
 }
 .life-detail  img{
    width: 102px;
    height: 102px;
    border: 10px #f2f7ff solid;
    border-radius: 100%;
    float: left;
    margin-top: 14px;
 }
 .life-detail .life-content{
    width: calc(100% - 102px);
    float: left;
    padding-left: 20px;
    padding-top: 10px;
 }
 .life-detail .life-content p.detail{
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #525252;
    line-height: 24px;
    margin: 6px 0px 7px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    text-align: justify;
 }
 .life-detail .life-content  p.time-href{
    margin: 0px;
 }
 .life-detail .life-content  p.time-href span{
    font-size: 12px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #ADADAD;
    line-height: 18px;
 }
 .life-detail .life-content  p.time-href a{
    border-radius: 11px;
    border: 1px solid #276CE3;
    font-size: 12px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #276CE3;
    line-height: 18px;
    padding: 1px 10px;
    float: right;
 }
 .rows{
    margin: 15px -50px;
 }
 .bg2::before{
    content: '';
    width: 45%;
    height: 600px;
    background: url(./2-15shq.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
 }
 .bg4  .life-detail,
 .bg3  .life-detail,
 .bg2 .life-detail{
 margin-right: 50px;
 }
 .bg3::after{
    content: '';
    width: 45%;
    height: 600px;
    background: url(./3-15shq.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
    right: 0px;
 }
 .bg4::before{
    content: '';
    width: 45%;
    height: 600px;
    background: url(./4-15shq.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
 }
 .padding-top-200{
 }
@media (max-width:991px) {
   
}
@media screen and (max-width: 750px){
    .life-detail{
        width: 100%;
        margin: 30px 0px;
    }
    .bg4::before,
    .bg3::after,
    .bg2::before,
    body::after,
    body{
        background: none;
    }
    .title-div h4 span img {
        width: 22px;
        margin: -6px -10px 0px 0px;
    }
    .title-div h4{
        font-size: 22px;
    }
    .title-div p{
        margin-top: 0px;
        text-align: center;
    }
    .bg4 .life-detail, .bg3 .life-detail, .bg2 .life-detail{
        margin-right: 0px;
    }
    .title-div{
        margin-top: 0px;
    }
   }
     @media screen and (max-width: 380px){
   .wza-btn{
       right: 20px;
     }
   
   }




   @media (max-width:767px) {
 
   
    .logo{
        transform: scale(.5);
        margin-left: -30%;
        margin-top: -2px;
    }
    .wza{
        transform: scale(.5);
        top: 2px;
        right: 0px; 
    }
   
   }