.About_Cont {
    width: 100%;
    height: 100%;
    /*border: 1px solid red;*/
    /*background:url(../images/about/dot.png);*/
    text-align: center;
    text-shadow: 0 0 15px #fff,0 0 30px #fff;
    background: rgba(255, 255, 255,0.8);
    /*background-image: linear-gradient(45deg, #f4f4f4 25%, transparent 25%, transparent 75%, #f4f4f4 75%, #f4f4f4), 
                        linear-gradient(45deg, #f4f4f4 26%, transparent 26%, transparent 74%, #f4f4f4 74%, #f4f4f4);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;*/
}

.About_Cont h3{padding-top:50px; color: #000;display: block;line-height:80px;}
.About_Cont p{padding-bottom:25px;line-height:28px;}
.AboutC_Details{width:90%; height:300px;margin:auto; /*border:1px solid red;*/}
.About_Name {font-size:32px;}
.About_Ms{color:#ffa9be;font-size:16px; border-bottom:1px dashed #8c8191;}

.AboutC_Data {
    /*border :1px solid red;*/
    width:90%;
    margin:auto;
}
.AboutC_Data ul{
    display:inline-block;
    width:100%;
    padding-bottom:40px;
}
.AboutC_Data ul li{
    float:none;
    width:27.98%;
    margin:2.5%;
    display:inline-block;
    color: #777790;
}
.AD_li95 {
    width: 95% !important;
}
.AD_li90 {
    width: 70% !important;
}
.AboutC_Data p {
    padding-bottom: 0;
    margin-bottom: 5px;
}
.AboutC_Data h4{
    color: #ffa9be;
    font-family: "Arvo", sans-serif;
    letter-spacing: 0.08em;
    font-size: 18px;
    letter-spacing: 0.15em;
    display: inline-block;
    width: 150px;
    border-bottom: #ffa9be solid 2px;
    line-height: 1.4em;
    margin-bottom: 24px;
    padding-bottom: 6px;
    font-weight: normal;
}
.AD_name {
    border-bottom: #777790 solid 2px;
    font-size:12px;
}

.AboutBlog {
    font-size: 12px;
    padding: 20px 0 40px 0;
    display: block;
    line-height: 40px;
}
.AboutBlog_time li{margin:1% !important;}
.AboutBlog_time li p.AD_des{font-size:14px !important;}
.HuanHh {color: #E56600;}


/*光圈*/
@keyframes warn {
    0% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.0;}
    25% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;}
    50% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.3;}
    75% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.5;}
    100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;}
}
@keyframes warn1 {
    0% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.0;}
    25% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;}
    50% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.3;}
    75% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.5;}
    100% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;}
}

.container {position: relative;width: 126px;height: 126px; margin:auto;}
.dot img{width: 92px;height: 92px;}
/* 保持大小不变的小圆圈  */
.dot {
    position: absolute;
    width: 92px;
    height: 92px;
    left: 16px;
    top: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}
/* 产生动画（向外扩散变大）的圆圈  */
.pulse {
    position: absolute;
    width: 122px;
    height: 122px;
    border: 2px solid #e1afbe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
    opacity: 0;
    -webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 1px 1px 30px #000;
}
.pulse1 {
    position: absolute;
    width: 122px;
    height: 122px;
    border: 1px solid #e1afbe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
    opacity: 0;
    -webkit-animation: warn1 1.5s ease-out;
    -moz-animation: warn1 1.5s ease-out;
    animation: warn1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 1px 1px 30px #000;
}


@media screen and (max-width: 750px) {
    .AD_li90 {
       width:100% !important; 
    }
}