@charset "utf-8";
/* CSS Document */
/*时间人数开始*/
.videoheart ul li::marker {
    unicode-bidi: none!important;
    font-variant-numeric: none!important;
    text-transform: none!important;
}
.time{ width:100%; height:150px; float:left;  }
.time_content{ width:1140px;margin:0 auto;}
.time_1{ width:100%; height:690px; float:left; padding-top:40px }
.time_right{ width:100%; max-width:1140px;  float:left;}
.wrapper { width: 1140px; height:90px; float:left;  margin-top:10px; display:none;}
.wrapper_n { width: 1140px; height:290px; float:left;  margin-top:10px; display:none;}
.wrapper1{ width:378px; float:left; height:90px;  border-left:1px solid #dfdfdf;}
.wrapper2{ width:379px; float:left; height:90px;  border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.wrapper3{ width:379px; float:left; height:90px;border-right:1px solid #dfdfdf; }
.wrapper4{ width:282px; float:left; height:90px;}

.wrapper_1{ width:24%; float:left; height:90px; margin-top:0px }
.wrapper_2{ width:24%; float:left; height:90px; margin-top:0px }
.wrapper_3{ width:24%; float:left; height:90px; margin-top:0px}
.wrapper_4{ width:24%; float:left; height:90px; margin-top:0px}

.wrapper_1 .time1{ width:100%; height:170px}
.wrapper_1 .time1 span{ width:100%; display:block; text-align:center; height:117px; }
.wrapper_1 .time1 span img{width:114px; margin:0 auto}


.wrapper_1 .time1 h2{ width:100%; font-size:40px!important}
.wrapper_1  .timex{ width:100%}


.wrapper_2 .time3{ width:100%; height:170px}
.wrapper_2 .time3 span{ width:100%; display:block; text-align:center; height:117px; }
.wrapper_2 .time3 span img{width:114px; margin:0 auto}


.wrapper_2 .time3 h2{ width:100%; font-size:40px!important}
.wrapper_2  .timex{ width:100%}

.wrapper_3 .time4{ width:100%; height:170px}
.wrapper_3 .time4 h2{ width:100%; font-size:40px!important}
.wrapper_3  .timex{ width:100%}

.wrapper_3 .time4 span{ width:100%; display:block; text-align:center; height:117px; }
.wrapper_3 .time4 span img{width:114px; margin:0 auto}



.wrapper_4 .time4{ width:100%; height:170px}
.wrapper_4 .time4 h2{ width:100%; font-size:40px!important}
.wrapper_4  .timex{ width:100%}
.wrapper_4 .time4 span{ width:100%; display:block; text-align:center; height:117px; }
.wrapper_4 .time4 span img{width:114px; margin:0 auto}


.counter { color:#0057ab; border-radius: 5px;}

.time1{ width:379px; height:54px; float:left; margin-bottom:15px}
.time1 h2{width:379px; float:left;font-size:55px!important; font-family:Arial, Helvetica, sans-serif; margin:0;}

.time2{ width:379px; height:54px; float:left;margin-bottom:15px}
.time2 h2{ float:left;width:280px; font-size:55px!important; font-family:Arial, Helvetica, sans-serif; margin:0; }

.time3{ width:379px; height:54px; float:left; margin-bottom:15px}
.time3 h2{ width:379px;float:left; font-size:55px!important; font-family:Arial, Helvetica, sans-serif; margin:0;}

.time4{ width:379px; height:54px; float:left;margin-bottom:15px}
.time4 h2{width:379px; float:left; font-size:55px!important; font-family:Arial, Helvetica, sans-serif; margin:0; }

.timex{ width:379px; height:30px; color:#434343; font-size:17px!important; text-align:center;float:left;}

.wrapper2 .timey{ width:148px; margin-left:52px; float:left;}
.wrapper3 .timey{ width:152px; margin-left:48px; float:left;}
.count-title { font-weight: normal; text-align: center; }
.count-text {  font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
/*时间人数结束*/





.pro_icon{ width:1176px; margin:0 auto; display:flex; justify-content:center; margin-bottom:100px}
.pro_icon ul { width:1176px; margin-top:62px}
.pro_icon ul a{  width:24%;justify-content:center}
.pro_icon ul li{ width:24%; margin:0.5%; border-radius: 25px; background:rgb(0,87,171,0.83); display:block; height:161px; text-align:center; padding:45px 0 ;transition:All 0.4s ease-in-out; float:left}
.pro_icon ul li img{ margin:}
.pro_icon p{ font-size:22px; color:#fff; text-align:center}
.pro_icon span{background:none!important}
.pro_icon span p{ color:#fff; font-size:16px; background:none!important}
.pro_icon ul li:hover{ background:#2db084;  transform: rotateY(360deg);transition:All 0.4s ease-in-out;}






@media all and (max-width:550px){  

.time_content , .wrapper{
    width: 100%;
    margin: 0 auto;
}



.wrapper1 {
    width:32%;
    float: left;
    height: 90px;
    border-left: 1px solid #dfdfdf;
}
.time1,.timex {
    width: 100%!important;
    height: 54px;
    float: left;
    margin-bottom: 0px!important;
}
.time1 h2 {
    width: 100%;
    float: left;
    font-size: 35px!important;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
.wrapper2 {
    width:32%;
    float: left;
    height: 90px;
    border-left: 1px solid #dfdfdf; border-right:0px
}
.wrapper3 {
    width:32%;
    float: left;
    height: 90px;
    border-left: 1px solid #dfdfdf;
}


.time3 h2 {
    width: 100%;
    float: left;
    font-size: 35px!important;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
.time4 h2 {
   width: 100%;
    float: left;
    font-size: 35px!important;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
.time3,.time4,.time4 h2{
    width: 100%;

}
.timex{ font-size:14px!important}

.wrapper{ margin-top:20px; margin-bottom:30px}
.time3, .time4 { margin-bottom:0}

.wrapper_2 .time3 h2 {
    width: 100%;
    font-size: 26px!important;
}

.wrapper_3 .time4 h2 {
    width: 100%;
    font-size: 26px!important;
}

.wrapper_4 .time4 h2 {
    width: 100%;
    font-size: 26px!important;
}

.wrapper_1,.wrapper_2,.wrapper_3,.wrapper_4 {
    width: 24%;
    float: left;
    height: 90px;
    margin-top: 30px!important;
}
.wrapper_1 .time1 h2 {
    width: 100%;
    font-size: 26px!important;
}
.wrapper_1 .time1 {
    width: 100%;
    height: 100px;
}
.wrapper_2 .time3 {
    width: 100%;
    height: 100px;
}
.wrapper_3 .time4{
    width: 100%;
    height: 100px;
}
.wrapper_4 .time4 {
    width: 100%;
    height: 100px;
}
.time_1 {
    width: 100%;
    height: 250px;
    float: left;
}


.pro_icon {
    width:96%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}


.pro_icon ul li {
    width: 24%;
    margin: 0.5%;
    border-radius: 15px;
    background: rgb(0,87,171,0.83);
    display: block;
    height: 61px;
    text-align: center;
    padding: 25px 0;
    transition: All 0.4s ease-in-out;
    float: left;
}
.pro_icon ul li img{ width:50%; height:auto}

.pro_icon span p{ display:none}


}