/*公共*/

.font_ov_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paging_mf {
    text-align: center;
    margin-top: 107px;
    margin-bottom: 88px;
}

.paging_mf li {
    display: inline-block;
    vertical-align: top;
    color: #999999;
    margin: 0 15px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.4s;
}

.paging_mf li.Up {
    margin: 0 30px;
}

.paging_mf li.on {
    color: #D24040;
}

.paging_mf li:hover {
    color: #D24040;
}

/*end 公共*/

/* video.html  */

.video_box {
    margin-top: 85px;
    overflow: hidden;
}

.video_box_left {
    float: left;
    position: relative;
    cursor: pointer;
}

.video_box_left img {
    width: 350px;
    height: 220px;
}

.video_box_right {
    float: left;
    max-width: 370px;
    margin-left: 40px;
}

.video_box_right h3 {
    color: #D24040;
    font-size: 28px;
}

.video_box_right h4 {
    margin-top: 20px;
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 24px;
}

.video_box_right p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.video_box_left:hover .video_img_bg {
    opacity: 1;
}

.video_img_bg {
    opacity: 0;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.video_img_bg img {
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}

.video_content_wr {
    position: relative;
    z-index: 5;
    min-height: 350px;
}

.video_content_list {
    width: 1260px;
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
}

.video_content_list .ul {
    width: 100%;
    overflow: hidden;
    padding: 0 8px;
}

.video_content_li {
    width: 350px;
    float: left;
    margin: 45px 32px 0;
}

.video_content_li:hover .dt .video_img_bg {
    opacity: 1;
}

.video_content_li .dt .video_img_bg img {
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}

.video_content_li:hover .dd h3,
.video_content_li:hover .dd p {
    color: #D24040;
}

.video_content_li .dt {
    position: relative;
    width: 100%;
    height: 220px;
}

.video_content_li .dt img {
    width: 100%;
    height: 100%;
}

.video_content_li .dd h3 {
    font-size: 24px;
    color: #D7BA93;
    margin-top: 22px;
    margin-bottom: 18px;
}

.video_content_li .dd p {
    font-size: 20px;
    color: #333333;
}

.video_content_li .dd h3,
.video_content_li .dd p {
    transition: all 0.4s;
}

.bg_video {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999999;
    display: none;
}

.bg_video video {
    width: 900px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bg_video .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 25px;
    top: 25px;
    display: inline-block;
    cursor: pointer;
}

/*end video.html  */

/* originator.html  */

.originator_fadeIn h2 {
    margin-top: 55px;
    font-size: 22px;
    padding-bottom: 30px;
    border-bottom: 2px solid #E8D4AF;
}

.originator_fadeIn h4 {
    margin-top: 78px;
    margin-bottom: 24px;
    font-size: 24px;
}

.originator .c_top_wr .le {
    padding-right: 70px;
}

.originator_chairman {
    background-color: #ffffff;
    overflow: hidden;
    margin-top: 58px;
}

.originator_chairman_box {
    margin-top: 75px;
}

.originator_chairman_left {
    display: inline-block;
    vertical-align: top;
}

.originator_chairman_img {
    margin-left: 13px;
    width: 300px;
    position: relative;
}

.originator_chairman_img::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #D24040;
    position: absolute;
    left: -13px;
    top: -13px;
    z-index: -1;
}

.originator_chairman_img img {
    width: 100%;
    height: 100%;
}

.originator_chairman_right {
    display: inline-block;
    vertical-align: top;
    width: 863px;
    padding-left: 45px;
}

.originator_chairman_right h3 {
    font-size: 22px;
    margin-bottom: 14px;
}

.originator_chairman_right h4 {
    font-size: 30px;
    color: #E8D4AF;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 3px solid #E8D4AF;
}

.originator_chairman_right p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    margin-bottom: 0;
}

.originator_chairman_team {
    margin-top: 70px;
    margin-bottom: 77px;
}

.originator_chairman_team h3 {
    font-size: 22px;
}

.originator_chairman_team h4 {
    font-size: 30px;
    color: #E8D4AF;
    padding-bottom: 12px;
    margin-top: 15px;
    margin-bottom: 24px;
    border-bottom: 3px solid #E8D4AF;
}

.originator_chairman_team p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

.originator_story {
    overflow: hidden;
    background-color: #ffffff;
    margin-top: 50px;
    padding-bottom: 82px;
    padding-top: 60px;
}

.originator_story_title h3 {
    margin-bottom: 14px;
    font-size: 22px;
}

.originator_story_title h4 {
    font-size: 30px;
    color: #E8D4AF;
    padding-bottom: 12px;
    border-bottom: 3px solid #E8D4AF;
}

.originator_story_li {
    margin-top: 46px;
}

.originator_story_li h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 16px;
}

.originator_story_li p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 25px;
}

.originator_manner {
    overflow: hidden;
    background-color: #ffffff;
    padding-top: 65px;
    padding-bottom: 70px;
    margin-top: 60px;
}

.originator_manner_ul {
    margin: 0 -17px;
    overflow: hidden;
}

.originator_manner_li {
    width: 25%;
    float: left;
    padding: 0 17px;
    position: relative;
}

.originator_manner_li .video {
    position: relative;
}

.originator_manner_li .video_img_bg {
    opacity: 1;
}

.originator_manner_li .video_img_bg img {
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}

.originator_manner_li h4 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #767676;
}

.originator_manner_li img {
    width: 100%;
    height: auto;
}

/*end originator.html  */

/*trademark.html*/

.trademark_fadeIn h2 {
    margin-top: 55px;
    font-size: 22px;
    padding-bottom: 30px;
    border-bottom: 2px solid #E8D4AF;
}

.trademark_fadeIn .p_box {
    margin-top: 34px;
}

.trademark_fadeIn .p_box p {
    margin-bottom: 0;
}

.trademark .c_top_wr .le {
    padding-right: 70px;
}

.trademark_list {
    background-color: #ffffff;
    margin-top: 50px;
    padding-top: 55px;
    padding-bottom: 6px;
}

.trademark_list_ul {
    margin: 0 -35px;
    overflow: hidden;
}

.trademark_list_li {
    float: left;
    padding: 0 35px;
    width: 33.33%;
    margin-bottom: 68px;
}

.trademark_list_content {
    position: relative;
}

.trademark_list_box {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(50px);
    width: calc(100% - 50px);
}

.trademark_list_box h4 {
    margin-top: 72px;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 26px;
    color: #D63A3A;
}

.trademark_list_box p {
    font-size: 14px;
    color: #767676;
    margin-bottom: 0;
}

/*end trademark.html*/

/*project.html*/

.project_content {
    margin-top: 55px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 30px;
    padding-bottom: 240px;
}

.project_content img {
    width: 100%;
    height: auto;
}

/*end project.html*/

/*project_1.html*/

.project_1_content {
    background-color: #ffffff;
    padding-top:20px;
    padding-bottom:45px;
    margin-top:25px;
}

.project_1_box {
    overflow: hidden;
    min-height:280px;
    position: relative;
    border-right: 2px solid #C69010;
}

.project_1_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-image: linear-gradient(90deg, #FFFFFF 0%, #C69010 100%);
}

.project_1_box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 70%, #C69010 100%);
}

.project_1_box_img {
    float: left;
    width: 350px;
}

.project_1_box_text {
    float: right;
    width: 800px;
    padding-left: 20px;
    padding-right: 55px;
}

.project_1_box.on {
    margin-top: 124px;
    border-left: 2px solid #C69010;
    border-right: none;
}

.project_1_box.on::before {
    top: auto;
    bottom: 0;
    background-image: linear-gradient(-90deg, #FFFFFF 0%, #C69010 100%);
}

.project_1_box.on::after {
    top: 0;
    bottom: auto;
    background-image: linear-gradient(-90deg, #FFFFFF 0%, #FFFFFF 70%, #C69010 100%);
}

.on .project_1_box_img {
    float: right;
}

.on .project_1_box_text {
    float: left;
    padding-left: 40px;
    padding-right: 80px;
}

.project_1_box_img img {
    width: 100%;
    height: auto;
}

.project_1_box_text h3 {
    font-size: 22px;
    margin-top: 56px;
    margin-bottom: 15px;
}

.project_1_box_text h4 {
    font-size: 30px;
    color: #E8D4AF;
    padding-bottom: 15px;
    border-bottom: 3px solid #E8D4AF;
    margin-bottom: 23px;
}

.project_1_box_text p {
    margin-bottom: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.check {
    display: flex;
    flex-direction: row;
}

.check input {
    flex: 1;
    border: 1px solid #dfdfdf;
    padding: 0 10px;
    color: #333;
}

.check .button2 {
    background-color: #D24040;
    color: #ffffff;
    width: 117px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.project_1_box_text .button {
    background-color: #D24040;
    color: #ffffff;
    width: 117px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.project_1_box_text .button span {
    position: relative;
    z-index: 10;
    transition: all 0.4s;
}

.project_1_box_text .button:hover::before {
    left: 0;
    width: 100%;
}

.project_1_box_text .button:hover span {
    color: #D24040;
}

.project_1_box_text .button::before {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #ffffff;
    z-index: 5;
    transition: all 0.4s;
}

.Search {
    position: relative;
}

.Search input {
    border: 1px solid #E5E5E5;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
}

.Search span {
    position: absolute;
    right: 0;
    top: 0;
    width: 93px;
    height: 40px;
    line-height: 40px;
    background-color: #D24040;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
}

/*end project_1.html*/

/*project_2.html*/

.project_2 {
    overflow: hidden;
}

.project_2 .c_top_wr {
    height: auto;
}

.project_2 .w_lump1 {
    height: auto;
}

.project_2_flow {
    position: relative;
    transform: translateY(-165px);
}

.project_2_flow::after {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    top: 2px;
    left: 98px;
    z-index: -1;
    background-image: linear-gradient(0deg, rgba(215, 186, 147, 0.03) 0%, #D7BA93 100%);
}

.project_2_flow_number {
    display: inline-block;
    vertical-align: top;
    width: 110px;
}

.project_2_flow_number span {
    font-size: 24px;
    color: #D5D5D5;
    display: block;
    font-weight: bold;
}

.project_2_flow_text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 200px);
    padding-left: 40px;
    margin-bottom: 40px;
}

.project_2_flow_text h3 {
    font-size: 20px;
    color: #999999;
    position: relative;
    margin-bottom: 20px;
}

.project_2_flow_text h3::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #D7BA93;
    border-radius: 50%;
    background-color: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    left: -60px;
}

.project_2_flow_text p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}

.project_2 .w_lump2 {
    margin-top: 40px;
    padding: 60px 40px 80px;
    background: #fff;
}

.project_2 .w_lump2 .it_wr {
    width: 1240px;
}

.project_2 .w_lump2 .item {
    float: left;
    width: 366px;
    height: 300px;
    margin-right: 41px;
    position: relative;
}

.project_2 .w_lump2 .item img {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    max-height: 300px;
}

.project_2 .w_lump2 .bom {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
}

.project_2 .w_lump2 .bom .e_btn2 {
    margin-top: 50px;
    width: 140px;
    line-height: 46px;
    padding-left: 82px;
    color: #999;
    height: 50px;
    border: 2px solid #e6e6e7;
}

.project_2 .w_lump2 .bom .more:hover {
    color: #fff;
    background: #D24040;
    border-color: #D24040;
}

.project_2 .w_lump2 .operation {
    position: relative;
}

.project_2 .w_lump2 .next {
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 80px;
    background: #dadada;
}

.project_2 .w_lump2 .next:before {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #D24040;
    z-index: 5;
    transition: all .4s;
}

.project_2 .w_lump2 .next .seat {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/abt_next.png") no-repeat center;
    z-index: 6;
}

.project_2 .w_lump2 .next:hover:before {
    left: 0;
    width: 100%;
}

.project_2 .w_lump2 .item .img {
    width: 100%;
}

/*end project_2.html*/

/*project_4.html*/

.project_4 .trademark_fadeIn h3 {
    font-size: 16px;
    line-height: 18px;
    margin-top: 33px;
    margin-bottom: 23px;
}

.project_4 .trademark_fadeIn h4 {
    color: #E8D4AF;
    font-size: 30px;
}

.project_4 .trademark_fadeIn .p_box {
    margin-top: 15px;
}

.project_4 .trademark_fadeIn .p_box span {
    display: block;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    padding-left: 30px;
    position: relative;
}

.project_4 .trademark_fadeIn .p_box span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.project_4 .trademark_fadeIn .p_box span.complaint::after {
    background-image: url('../images/project_10.png');
}

.project_4 .trademark_fadeIn .p_box span.back::after {
    background-image: url('../images/project_08.png');
}

.project_4 .trademark_fadeIn .p_box span.mailbox::after {
    background-image: url('../images/project_09.png');
}

.project_4_content {
    overflow: hidden;
    background-color: #ffffff;
    margin-top:40px;
    padding-top: 30px;
    padding-bottom: 38px;
}

.project_4_content .bg {
    padding: 40px;
    background-image: linear-gradient(35deg, #ffffff 30%, #E8D4AF 100%);
}

.project_4_content h3 {
    font-size: 16px;
}

.project_4_content h4 {
    font-size: 30px;
    color: #E8D4AF;
    margin: 20px 0px 32px;
}

.form_l {
    font-size: 0;
    margin: 0 -32px 23px;
    overflow: hidden;
}

.form_l .button {
    width: 60px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 32px;
    background-color: #D7BA93;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}

.project_4_input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 2px solid #D7BA93 !important;
    font-size: 14px;
    padding: 0 10px;
}

.input_mf_2 {
    width: 100%;
    float: left;
    padding: 0 32px;
}

.input_mf_1 {
    width: 100%;
    padding: 0 32px;
    position: relative;
}

/*end project_4.html*/

.brand_client {
    background-color: #ffffff;
    margin-top: 58px;
    overflow: hidden;
}

.brand_client h2 {
    font-size: 22px;
    margin-top: 88px;
    margin-bottom: 12px;
}

.brand_client h3 {
    font-size: 30px;
    font-weight: bold;
    color: #E8D4AF;
    margin-bottom: 50px;
}

.brand_fadeIn h2 {
    font-size: 22px;
    margin-top: 79px;
}

.brand_fadeIn h3 {
    font-size: 30px;
    font-weight: bold;
    color: #E8D4AF;
    margin-top: 12px;
    margin-bottom: 31px;
}

.brand_content {
    margin-top: 60px;
    background-color: #ffffff;
    overflow: hidden;
}

.brand_content_tab {
    overflow: hidden;
    font-size: 0;
}

.brand_content_tab a {
    display: inline-block;
    font-size: 14px;
    width: 140px;
    height: 60px;
    line-height: 60px;
    background-color: #F6E7E7;
    text-align: center;
    color: #666666;
}

.brand_content_tab a.on {
    background-color: #D24040;
    color: #ffffff;
}

.brand_content_Details {
    margin-top: 27px;
}

.brand_content_Details_left {
    width: 540px;
    height: 322px;
    display: inline-block;
    vertical-align: top;
}

.brand_content_Details_right {
    margin-left: 40px;
    width: 525px;
    display: inline-block;
    vertical-align: top;
}

.brand_content_Details_right h2 {
    font-size: 22px;
    margin-bottom: 12px;
}

.brand_content_Details_right h3 {
    font-size: 30px;
    color: #E8D4AF;
    padding-bottom: 10px;
    border-bottom: 3px solid #E8D4AF;
    margin-bottom: 13px;
}

.brand_content_Details_right p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

.brand_content_list {
    margin-top: 43px;
}

.brand_content_list_ul {
    margin: 0 -13px;
    overflow: hidden;
}

.brand_content_list_li {
    width: 33.333%;
    float: left;
    margin-bottom: 44px;
}

.brand_content_list_img {
    position: relative;
}

.brand_content_list_img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.4s;
    opacity: 0;
}

/*   .brand_content_list_li:hover .brand_content_list_img::after{
  opacity: 1;
}
.brand_content_list_li:hover h2{
  color: #D24040;
} */

.brand_content_list_box {
    margin: 0 13px;
}

.brand_content_list_box {
    cursor: default;
}

.brand_content_list_box img {
    width: 100%;
    height: auto;
}

.brand_content_list_box h2 {
    font-size: 20px;
    margin-top: 13px;
    transition: all 0.4s;
}

.brand_dt {
    height: 546px;
    width: 100%;
    position: relative;
    margin-bottom: 77px;
    margin-top: 36px;
}

.brand_dt_box {
    /*width:100%;*/
    position: absolute;
    width: 1180px;
    height: 546px;
    left: 0;
    top: 0;
    background-image: url('../images/brand_23.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.brand_dt_box_content {
    position: relative;
    width: 100%;
    height: 100%;
}

.brand_dt_box_content .brand_dt_span {
    width: 5px;
    height: 5px;
    background-color: #D24040;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
}

.brand_dt_span i {
    position: absolute;
    left: 50px;
    top: 50%;
    display: inline-block;
    width: 63px;
    height: 63px;
    line-height: 63px;
    background-color: #D24040;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    transform: translateY(-50%);
    opacity: 1;
    transition: all 0.4s;
}

.brand_dt_span i::after {
    content: '';
    height: 2px;
    width: 50px;
    background-color: #D24040;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s;
}

.brand_dt_span_i {
    position: relative;
    width: 100%;
    height: 100%;
}

.brand_dt_span_i::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 0;
    background-color: red;
    -webkit-animation: twinkling 3s infinite ease-in-out;
    animation: twinkling 3s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 50%;
}

.brand_dt_span_i::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 0;
    background-color: red;
    -webkit-animation: twinkling2 3s infinite ease-in-out;
    animation: twinkling2 3s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 50%;
}

.brand_dt_box_content .brand_dt_1 {
    right: 20%;
    right: 261px;
    top: 213px;
}

.brand_dt_box_content .brand_dt_2 {
    right: 488px;
    top: 95px;
}

.brand_dt_box_content .brand_dt_3 {
    right: 595px;
    top: 152px;
    /*  right: 50%;
    top: 30%;*/
}

.brand_dt_box_content .brand_dt_4 {
    right: 769px;
    top: 173px;
    /*right: 68%;
    top: 36%;*/
}

.brand_dt_box_content .brand_dt_5 {
    right: 729px;
    top: 382px;
    /*right: 62%;
    top: 66%;*/
}

.brand_dt_box_content .brand_dt_6 {
    right: 595px;
    top: 303px;
    /*right: 52%;
    top: 55%;*/
}

.brand_dt_box_content .brand_dt_7 {
    right: 143px;
    top: 430px;
    /*right: 6%;
    top: 70%;*/
}

@-webkit-keyframes twinkling {
    0% {
        opacity: 0.5;
        filter: alpha(opacity=20);
        -webkit-transform: scale(2);
    }
    50% {
        opacity: 0.2;
        filter: alpha(opacity=50);
        -webkit-transform: scale(3);
    }
    100% {
        opacity: 0.5;
        filter: alpha(opacity=20);
        -webkit-transform: scale(2);
    }
}

@keyframes twinkling {
    0% {
        opacity: 0.5;
        filter: alpha(opacity=20);
        -webkit-transform: scale(2);
    }
    50% {
        opacity: 0.2;
        filter: alpha(opacity=50);
        -webkit-transform: scale(3);
    }
    100% {
        opacity: 0.5;
        filter: alpha(opacity=20);
        -webkit-transform: scale(2);
    }
}

@-webkit-keyframes twinkling2 {
    0% {
        opacity: 0.5;
        filter: alpha(opacity=20);
        -webkit-transform: scale(4);
    }
    50% {
        opacity: 0.2;
        filter: alpha(opacity=50);
        -webkit-transform: scale(6);
    }
    100% {
        opacity: 0.5;
        filter: alpha(opacity=20);
        -webkit-transform: scale(4);
    }
}

@keyframes twinkling2 {
    0% {
        opacity: 0.5;
        filter: alpha(opacity=20);
        -webkit-transform: scale(4);
    }
    50% {
        opacity: 0.2;
        filter: alpha(opacity=50);
        -webkit-transform: scale(6);
    }
    100% {
        opacity: 0.5;
        filter: alpha(opacity=20);
        -webkit-transform: scale(4);
    }
}