html{}
body{font-size:14px;font-weight:normal;color:#333;background: #f4f4f4;}
body,p{font-family:"Microsoft Yahei",Arial,"宋体",Helvetica;}
b,strong{font-weight:500 !important;}
h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6{font-family: "Microsoft Yahei",Arial,"宋体",Helvetica;font-weight:300;color:#6b6b6b;}
button,a{text-shadow:none;text-shadow:none !important; cursor: pointer;}
a *,button *{vertical-align:middle;}
pre{border:none !important;}
body{margin:0 auto; position: relative;font-weight:normal;width: 100vw;height: 100vh;display: flex;flex-direction: column;}

/* transition:all .3s;box-sizing: border-box;transition: all 0.5s ease 0s */
*{box-sizing: border-box;}
a {font-size: 14px;text-decoration: none;text-transform: uppercase;cursor: pointer;color:#000000;}
a,span,b{ display: inline-block; vertical-align:middle;}
input,button{ border:none;outline: none; }
a:hover{transition:all .2s; text-decoration:none; }
ul{ padding: 0; margin:0; }
li{ list-style: none; }
.cursor{cursor: pointer;}
::-webkit-input-placeholder {color: #999; font-size: 15px;}
::-ms-input-placeholder {color: #999; font-size: 15px;}
::placeholder {color: #999; font-size: 15px;}
img{max-width: 100%;max-height: 100%;}
.border{border:1px solid #E1E1E1;}
.border-l{border:1px solid #eee;}
.border-light{border:1px solid #ececec;}
.border-bottom{border-bottom:1px solid #ddd;}
.border-right{border-right: 1px solid #fff;}


.text-line-1{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; }
.text-line-2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.arrow{padding-right: 15px; display: inline-block;}
.arrow::after{content:'';display: block;position: absolute;right: 0px;top: 50%;cursor: pointer;width:0;height:0;border-top:6px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;}

.yellowArrow{height: 30px; line-height: 30px;padding-right: 10px; display: inline-block;}
.yellowArrow::after{border-top:1px solid #EB5F1A; border-right: 1px solid #EB5F1A;content:'';width: 6px; height: 6px; display: block;position: absolute;right: 0px;top:12px;cursor: pointer;transform: rotate(45deg);}



.layui-input{ height: 44px; font-size: 16px;}
.layui-input.input-sm{ height: 28px; line-height: 28px;}


.form-normal .layui-select,.form-normal  .layui-input{ height: 36px !important; line-height: 36px !important; font-size: 14px;}


.text-center{text-align: center;}
.text-left{text-align: left !important;;}
.text-right{text-align: right;}
.text-bold{font-weight: bold;}
/* color */
.text-base{color:#13429a;}
.text-white{color: #fff;}
.text-red{color: #f15353;}
.text-base:hover{color:#13429a; opacity: .8 !important;}
.text-gray{color: #999;}
.text-deep-blue{color: #4c516f;}
.text-light-blue{color: #2a2f42;}
.text-blue{color: #00A0E9;}
.text-d-blue{color: #275da6;}
.text-black{color: #000000;}
.b-1{bottom: -1px;}
.round{border-radius: 5px;}

.text-l-blue{ color: #4c5170;}
.text-warning{ color:#ffa44f;}

.text-yellow{color:#F27827 !important;}

.bg-blue{background-color: #4c5170;}
.bg-deep-blue{background-color: #183e7f;}
.bg-light-blue{background-color: #f8f9fc;}
.bg-gray{background: #fafafa;}
.bg-deep-gray{background-color: #f5f5f5;}
.bg-d-blue{background-color: #183e7f;}

/* font-size */
.ft12{ font-size: 12px;}
.ft13{ font-size: 13px;}
.ft14{ font-size: 14px;}
.ft16{ font-size: 16px;}
.ft18{ font-size: 18px;}
.ft20{ font-size: 20px;}
.ft22{ font-size: 22px;}
.ft24{ font-size: 24px;}
.ft26{ font-size: 26px;}
.ft28{ font-size: 28px;}
.ft30{ font-size: 30px;}
.ft40{ font-size: 40px;}
/* margin */
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb33{margin-bottom:33px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom: 100px;}

.ml0{margin-left:0px !important;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

/* padding */
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.pt0{padding-top:0px !important;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt100{padding-top: 100px;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb100{padding-bottom: 100px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px !important;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 20px;}

.v-center{margin:0 auto;}

.baseBg{background: #fff;}
.baseBlack{background: black;}


.flex{display: flex;}
.flex-1{flex:1;}
.flex-column{flex-direction: column;}
.flex-middle{align-items: center; }
.flex-top{justify-content:inherit;}
.flex-between{justify-content: space-between;}
.flex-center{justify-content: center;}
.flex-right{justify-content:end;}
.flex-start{justify-content: start;align-items: center;}
.flex-wrap{flex-wrap: wrap;}

.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}
.rel{position: relative;}


.swiper-pagination{bottom: 10px;width: 100%;left: 0;right: 0;z-index: 400;}
.swiper-pagination span{margin: 0 5px;}

.hide{overflow: hidden;}
.auto{overflow-y: auto;}
.indexNotice .icon{width: 20px; height:20px;}
.indexNotice .icon img{width: 20px; height: 20px;border-radius: 50%;}

.indexGrid div:first-child{ height: 140px;}
.indexGrid div:last-child img{ height: 100%;}
.indexGrid div:last-child{ height: 140px;}

.indexGrid a{display: inline-block;}

.commonTitle span{color:#ffffff;background-color: #000000; position: relative;z-index: 100; padding: 0 10px;}
.commonTitle:after{content: '';position: absolute;left: 0;right: 0; width: 100%; border-bottom: 2px solid #eee; top:50%;margin-top: -1px;z-index: 0;}
.commonTitlenew span:first-child {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #FFE68C;
}
.commonTitlenew span:last-child {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 11px;
    color: rgba(255,255,255,0.5);
    display: block;
}

/* .newsList .swiper-slide{width: 70%;}
.newsList .swiper-slide .img{ height:125px;}
.newsList .swiper-slide .title{ font-weight: bolder;} */
.newsList {
    height: 300px; /* 限制高度 */
}

.newsList .swiper-wrapper {
    /* 移除 flex 布局 */
    display: block !important;
    flex-direction: initial !important;
}

.newsList .swiper-slide {
    width: 100% !important;
    margin-bottom: 10px;
    height: auto !important;
}

.newsList .swiper-slide a {
    display: flex;
    background: black;
    border-radius: 5px;
    padding-top: 15px;
    color: white;
    text-decoration: none;
}

.newsList .swiper-slide .img {
    width: 40%;
    height: 125px;
    overflow: hidden;
}

.newsList .swiper-slide .title {
    font-weight: bolder;
    margin-bottom: 5px;
}

.newsList .swiper-slide .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}
.my-video-dimensions{width: 100%;}
.video-js .vjs-big-play-button{border: none;top: 50%;left: 50%; transform: translate(-50%,-50%);}

.proList{margin-left:-8px;margin-right: -8px;}
.proList .item{width: 50%;padding:7px;}
.proList .item .img,.proList .item .img img{ height: 150px;}
.proList .item .title{padding: 10px 5px 0;font-weight: bold; font-size: 16px;}
.proList .item .desc{padding: 10px 5px 0;}
.proList .item .line{ height: 2px; background-color: #eee;width: 100%;margin:10px 5px;}
.proList .item .bottom{padding:0 5px 10px;}
.proList .item .bottom .go{display: inline-block;border-radius: 20px; color: #00A0E9;border: 1px solid #00A0E9; padding: 5px 20px 5px 6px; font-size: 12px; position: relative;}
.proList .item .bottom .go::after{content: '';display: inline-block; position: absolute; right: 8px;top: 8px;width: 0;height: 0;border-top: 5px solid transparent;border-left: 6px solid #00A0E9;border-bottom: 5px solid transparent;}

.proList .item .bottom .cart{display: inline-block; width: 24px; height: 24px;border-radius: 50%;background: #00A0E9 url(../imgs/cart.png) no-repeat center; background-size: 18px 18px;}

.footer {background-color: #fff;padding:6px 0; color: #999; border-top: 1px solid #eee;}
.footer .item{font-size: 12px;}
.footer .item img{width: 24px; height: 24px;display: inline-block;}
.footer .active.item{color: #82cde7;}

.bannerBox .slide-item .title{position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);padding:8px 10px;}
.bannerBox .slide-item,.bannerBox .slide-item img{height: 100%;}
.bannerBox .slide-item .title a{display: block; color: #fff;}

.topNav .item{display: block; width: 25%;}
.topNav .item a{display: inline-block;padding-bottom: 5px;padding-top: 5px;}
.topNav .item.active a{color: #82cde7;border-bottom: 1px solid #82cde7;}