html>body{
    max-width: 1920px;
    margin: 0px auto;
}

.font-10 { font-size: 10px; }
.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }
.font-24 { font-size: 24px; }
.font-26 { font-size: 26px; }
.font-28 { font-size: 28px; }
.font-36 { font-size: 36px; }
.font-50 { font-size: 50px !important; }
.font-60 { font-size: 60px !important; }
.font-80 { font-size: 80px !important; }
.font-100 { font-size: 100px !important; }
.font-150 { font-size: 150px !important; }
.font-200 { font-size: 200px !important; }

.bold{ font-weight: bold; }

.margin-top-10{ margin-top: 10px; }
.margin-top-15{ margin-top: 15px; }
.margin-top-20{ margin-top: 20px; }
.margin-top-25{ margin-top: 25px; }

.margin-bottom-10{ margin-bottom: 10px; }
.margin-bottom-15{ margin-bottom: 15px; }
.margin-bottom-20{ margin-bottom: 20px; }
.margin-bottom-25{ margin-bottom: 25px; }

.padding-5 { padding: 5px; }
.padding-8 { padding: 8px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-5-10 { padding: 5px 10px; }
.padding-8-10 { padding: 8px 10px; }
.padding-5-15 { padding: 5px 15px; }
.padding-8-15 { padding: 8px 15px; }
.padding-10-10 { padding: 10px 10px; }
.padding-10-15 { padding: 10px 15px; }
.padding-15-10 { padding: 15px 10px; }
.padding-15-15 { padding: 15px 15px; }

.color-gray{ color: #787878; }
.color-green{ color: #88d48a; }
.color-blue{ color: #68ade3; }
.color-red{ color: #ff9393; }
.color-yellow{ color: #f4e171; }
.color-pink{ color: #f87fee; }
.color-black{ color: #212121; }

.el-body{ min-height: 500px; }


html>body{ background-color: #eeeeee; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  font-size: 14px;  line-height: 1.42857143;  color: #333;}
.el-header{ width: 100%;  height: 32px; overflow: hidden;  background-color: var(--bg0f); /* opacity: 0.5; background-color: #ffffff; */  font-size: 14px;  color: #000000; }
.el-header a{ color: #000000; text-decoration: none; }
.el-header div{ line-height: 32px; }
.padding-none{ padding: 0px; }
.scroll-notice a{ margin-right: 120px; cursor: pointer; }
.scroll-notice a:hover{ font-size: 15px; }

.el-logo{ padding: 0px; height: 112px; width: 100%; background: var(--top) center; background-repeat: no-repeat; background-color: var(--bg); }
.el-logo .el-logo-img{ line-height: 112px; }
.el-logo .el-logo-img img{ max-height: 70px; max-width: 100%; }


.page-naving{ background-color: rgba(255, 255, 255, 1); border-bottom: 1px solid #cdcdcd; }

.nav-mynav{  padding: 0px; }
.nav-mynav .navbar-default{ background-color: #FFFFFF; }
.nav-mynav .navbar-collapse{ padding-left: 0px; padding-right: 0px; }
.nav-mynav .container-fluid{  padding: 0px;  }
.nav-mynav .navbar {  border: 0px !important;  margin-bottom: 0px !important;  }
.nav-mynav .nav li{  line-height: 59px !important;  }
.nav-mynav .nav li a{  font-size: 18px;  color: #636b6f;  }
.nav-mynav .nav li a:hover{ background-color: #dd36304b !important; color: rgba(221, 54, 48, 0.9) !important; }
.nav-mynav .nav > li:hover .dropdown-menu {  display: block;  }
.nav-mynav .nav > li .dropdown-menu a:hover {  background-color: rgba(221, 54, 48, 0.9) !important; color: #ffffff !important;  }
.nav-mynav .nav .dropdown-menu{  margin: 0px !important;  }
.nav-mynav .dropdown-menu li a{  line-height: 50px !important;  }
.dropdown-menu{  width: 100% !important;  }

.el-banner{ padding: 0px; overflow: hidden; min-height: 50px; }
.el-banner .row, .el-banner .row>div{ width: 100%; margin: 0px; padding: 0px; }
.el-banner .el-banner-img img{ width: 100%; }

.el-downtime{ padding: 0px; height: 160px; overflow: hidden; }
.el-downtime .el-downtime-img{ position: relative; padding: 0px; height: 160px; background-color: var(--bg); background-image: var(--middle);  background-size: auto 160px;  background-repeat: no-repeat;  background-position: center; overflow: hidden; text-align: center; }
.el-downtime .el-downtime-img .countdown { margin-top: 35px; z-index: 999; }
.el-downtime .countdown .lable:empty{ display: block !important; }
.el-downtime .el-downtime-img .el-downtime-title{ position: absolute; top: 40px; left: 80px; z-index: 998; }
.el-downtime .el-downtime-img .el-downtime-title .downtime-cn{ color: #FFFFFF; font-size: 26px; font-weight: bold; }
.el-downtime .el-downtime-img .el-downtime-title .downtime-en{ color: #FFFFFF; font-size: 24px; font-weight: bold; }
.el-downtime-margin { margin-top: 30px; }
.el-downtime2{ background-color: #FFFFFF; }
.el-downtime-phone{ padding: 20px 0px; text-align: center; overflow: hidden; }
.el-downtime-phone .downtime-phone{ font-size: 20px; font-weight: bold; padding: 10px 0px; }

.el-content{ margin-top: 50px; padding-bottom: 50px; background-color: #FFFFFF; overflow: hidden; }
.el-page-content{ padding: 20px 10px; }home-news-item
.el-page-content img{ max-width: 100% !important; }
.el-page-content table{ max-width: 100% !important; }

.el-page-title{ font-size: 20px; font-weight: bold; padding: 25px 0px 10px; text-align: center; }
.el-page-msg{ font-size: 14px; color: #999; padding: 5px 0px 10px; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; text-align: center; }

.home-news-item{ padding-top: 10px; padding-bottom: 10px; margin-top: 10px; height: 160px; overflow: hidden; background-color: #eeeeee; border-radius: 10px; color: #333 !important; }
.home-news-item>div{ padding: 0px; }
.home-news-item .home-news-img{ min-height: 140px; width: 100%; overflow: hidden;  }
.home-news-item .home-news-img img{ height: 140px; width: 100%; object-fit: cover; }
.home-news-item .home-news-title{ padding: 0px 0px 0px 10px; font-size: 16px; font-weight: bold; height: 46px; overflow: hidden; }
.home-news-item:hover .home-news-title{ color: #dd3630; }
.home-news-item:hover .home-news-summary{ color: #000000; }
.home-news-item .home-news-summary{ padding: 10px 0px 0px 10px; height: 64px; overflow: hidden; }
.home-news-item .home-news-time{ padding: 10px 10px 10px 10px; height: 30px; color: #666565; text-align: right; }

.home-notice{ margin-top: 20px; }
.home-notice-item{ height: 40px; line-height: 40px; overflow: hidden; }
.home-notice-item:hover{ background-color: #eeeeee; }
.home-notice a{ text-decoration: none !important; width: 100%; color: #333 !important; }
.home-notice-item .home-notice-time{ float: right; }

.page-news-lists{ margin-top: 10px; }
.page-news-lists-item{ height: 50px; line-height: 50px; overflow: hidden; }
.page-news-lists-item:hover{ background-color: #eeeeee; }
.page-news-lists a{ text-decoration: none !important; width: 100%; color: #333 !important; }
.page-news-lists-item .page-news-lists-time{ float: right; }


.el-support-logo{ max-width: 100%; height: 260px; width: 460px; padding: 5px; margin: 10px 15px; float: left; overflow: hidden; text-align: center; line-height: 250px; }
.el-support-logo img{ max-width: 100%; width: 100%; max-width: 450px; max-height: 250px; vertical-align: middle; object-fit: cover; }

.el-support-logo-1-1{ max-width: 100%; height: 150px; width: 262px; padding: 5px; margin: 10px 15px; float: left; overflow: hidden; text-align: center; line-height: 140px; }
.el-support-logo-1-1 img{ max-width: 100%; width: 100%; max-width: 252px; max-height: 140px; vertical-align: middle; }

.el-support-logo-1-2{ max-width: 100%; height: 140px; width: 244px; padding: 5px; margin: 10px 15px; float: left; overflow: hidden; text-align: center; line-height: 130px; }
.el-support-logo-1-2 img{ max-width: 100%; width: 100%; max-width: 234px; max-height: 130px; vertical-align: middle; }

.el-support-logo-1{ max-width: 100%; height: 130px; width: 226px; padding: 5px; margin: 10px 15px; float: left; overflow: hidden; text-align: center; line-height: 120px; }
.el-support-logo-1 img{ max-width: 100%; width: 100%; max-width: 216px; max-height: 120px; vertical-align: middle; }

.el-support-logo-2{ max-width: 100%; height: 90px; width: 154px; padding: 5px; margin: 10px 15px; float: left; overflow: hidden; text-align: center; line-height: 80px; }
.el-support-logo-2 img{ max-width: 100%; width: 100%; max-width: 144px; max-height: 80px; vertical-align: middle; }

.el-support-logo-3{ max-width: 100%; height: 90px; width: 154px; padding: 5px; margin: 10px 15px; float: left; overflow: hidden; text-align: center; line-height: 80px; }
.el-support-logo-3 img{ max-width: 100%; width: 100%; max-width: 144px; max-height: 80px; vertical-align: middle; }

.el-qrcode-img { margin: 5px 10px 10px 10px; width: 152px; height: 182px; border: 1px solid #cdcdcd; border-radius: 1px; float: left; }
.el-qrcode-img img { width: 150px; }
.el-qrcode-right{ width: 122px; background-color: #FFFFFF; position: fixed; right: 0px; bottom: 0px; z-index: -1; }
.el-qrcode-right-img { width: 122px; height: 146px; border: 1px solid #cdcdcd; border-radius: 1px; }
.el-qrcode-right-img img { width: 120px; }

.el-quick-btn{ margin-top: 10px; padding: 3px 10px 3px 15px; }
.el-quick-btn img{ width: 100%; }

.el-title-40{ height: 60px; margin-top: 20px; border-bottom: 1px solid #eeeeee; }
.el-title-40-left{ height:30px;width:4px;background-color:#dd3630;margin-top:6px;float:left; }
.el-title-40 span{ display: inline-block;  line-height: 40px;  font-size: 24px; margin-left: 10px;  letter-spacing: 3px; }
.el-href-14{ height: 60px; line-height: 50px; font-size: 16px; text-decoration: none; color: #bbbbbb !important; }
.el-href-14:hover{ color: #333 !important; }

.el-footer-top{ min-height: 315px; }
.el-footer-bottom{ min-height: 52px; }
.el-footer{ margin-top: 50px; padding: 0px; padding-bottom: 5px; min-height: 366px; overflow: hidden; background-color: var(--bg); background-image: var(--foot);  background-size:100% 366px;  }
.el-footer .el-footer-img img{ max-height: 80px; margin-bottom: 5px; }
.el-footer .el-footer-copy{ color: #FFFFFF; font-size: 12px; line-height: 22px; margin-bottom: 15px; }
.el-footer .el-footer-kk{ margin-top: 10px; }

.el-footer-bottom .icp-filing{ text-align: center; padding: 15px; }
.el-footer-bottom .icp-filing .icp-btn{ margin-left: 20px; }

.el-footer div, 
.el-footer p, 
.el-footer span,
.el-footer label,
.el-footer i,
.el-footer a
{
    font-size: 12px !important; 
    line-height: 22px !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px #000000 !important;
}
.el-footer a:hover
{
    color: #fc0000 !important;
    text-shadow: 1px 1px 1px #FFFFFF !important;
}
.el-padding-25{ padding-top: 25px; }
.el-padding-15{ padding-top: 15px; }


.image-block-item{
    position: relative;
    padding: 0px;
    overflow: hidden;
    margin: 15px 0px 5px; 
}
.image-block-item .image-block-item-img{
    padding: 0px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #CDCDCD;
}
.image-block-item:hover .image-block-item-img{
    border: 1px solid #2981cd;
}
.image-block-item:hover .image-block-item-title{
    background-color: #2981cdda;
}
.image-block-item .image-block-item-img img{
    border-radius: 10px;
    width: 100%;
}
.image-block-item .image-block-item-title{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 30px;
    padding: 0px 10px;
    border-radius: 0px 0px 10px 10px;
    background-color: #7e7e7ed5;
    color: #FFFFFF;
    line-height: 30px;
}
.image-block-item .video-play{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.image-block-item .video-play .video-play-btn{
    width: 100%;
    height: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image-block-item .video-play .video-play-btn i{
    color: #837979;
    font-size: 80px;
}
.image-block-item:hover .video-play .video-play-btn i{
    color: #2981cdda;
}


.imageview-list-item{
    border: 1px solid #cdcdcd;
    padding: 1px;
    overflow: hidden;
    margin: 10px 0px 5px;
}
.imageview-list-item img{
    width: 100%;
}

.preview-image {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000c9;
    height: 100vh;
}
.preview-image .preview-image-container{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.preview-image .preview-image-container img{
    max-width: 100%;
    max-height: 100%;
}