@charset "utf-8";
/*
[MBKFW Template] Copyright (c) 2010-2066 www.mbkfw.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: v8, time: 20180408.
Special note: do not modify this document without permission.
*/

.ui-pop{width: 95%;}
.ui-pop i{right: 10px;top: -5px;margin-left: unset;position: absolute;}
.ui-pop div{overflow: hidden;}
.ui-pop a{float: left;width: 33%;}
/**/
.userinfo{background:#12316B;padding-bottom: 85px;padding-top: 50px;position: relative;background-image: linear-gradient(1deg, #4271c9 0%, #12316B 100%);background: url(m/sd_bg.png) 10% 100% no-repeat;background-size: 100%;border-bottom: 0;}
.userinfo li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #ffffff;position: relative;}
.userinfo li a{color:#ffffff;}
.userinfo li b{font-size: 18px;}
.userinfo s {width: 100%;display: inline-block;color: #d7d7d7;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.follow0, .follow1{border-radius: 25px;}

/**/
.gird-4{}
.gird-4 li{width:20%;height: 80px;}
.gird-4 li img{width:35px;height:35px}
.gird-4 .midimg,.gird-5 .midimg{height: 45px;width:45px;display: inline-table;overflow: hidden;}
.gird-4 .midimg img,.gird-5 .midimg img{margin:0;margin-top: 10px;font-weight:bold}}
.gird-5 .on .midimg{background: #dedede;}
.gird-5 .on span{color: #12316B;font-weight:bold;}
.gird-4 li .midimg img{width: 30px;height: 30px;margin-top: 15px;}

/**/
.com-banner{margin: 0 10px;border-radius: 6px;background: #ffffff;/* margin-bottom: 10px; */}
.com-banner img{border-radius: 6px;}
.factory-record-info-card[data-v-5dc7bed2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 8px 0;
}
.factory-record__item[data-v-5dc7bed2] {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.factory-record__name[data-v-5dc7bed2] {
    height: 23px;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    color: #000311;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.factory-record__label[data-v-5dc7bed2] {
    font-size: 12px;
    line-height: 20px;
    color: #666666;
    text-align: center;
}
/**/
.foot-bar-fix,.foot-bar{height: 60px;}

/* .foot-bar{background-image: linear-gradient(181deg, #4271c9 0%, #12316B 100%);color:#ffffff;border-top: #efefef 0px solid !important;height: 60px;}
.foot-bar a, .foot-bar span, .foot-bar span a{color:#ffffff}
.foot-bar .icon-home {background:url('m/foot-home.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home-on {background:url('m/foot-home-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel {background:url('m/foot-channel.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel-on {background:url('m/foot-channel-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my {background:url('m/foot-my.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my-on {background:url('m/foot-my-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-message {background:url('m/foot-message.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-message-on {background:url('m/foot-message-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-time {background:url('m/foot-time.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-time-on {background:url('m/foot-time-on.png') no-repeat center 5px;background-size:24px 24px;}
 */
.b10{height:10px}
/**/
.bt-title{text-align:center;margin-top:10px;margin-bottom:10px}
.bt-title .title1 {color: #0F69DC;}
.bt-title .title2 {
    letter-spacing: 5px;
    text-transform: uppercase;
}
.bt-title .title3 {
    background: linear-gradient(to right, #0F69DC, #a0bffe);
    width: 40px;
    height: 5px;
    margin: 0 auto;
    margin-top: 8px;
}
.bt-title .line-height30 {
    line-height: 30px !important;
}
.bt-title .font-weight {
    font-weight: bold;
}
.bt-title .font-size16 {
    font-size: 16px !important;
}
.bt-title .font-size12 {
    font-size: 12px !important;
}
.bt-title .f-666 {
    color: #666;
}
/**/
.product-box{clear:both;overflow:hidden;/* background:white; */margin: 0 4px;box-sizing: border-box;}
.product-box h3{font-size: 18px;line-height:45px;height:45px;padding: 10px 12px 0px 12px;font-weight: bold;margin:0;}
.product-box h3:before{content: "";width: 5px;height: 18px;background: #12316B;float: left;margin: 14px 5px 0 0;border-radius: 8px;display: none;}
.product-box h3 span{float:right;font-weight:normal;font-size: 12px;}
.product-box dl{overflow:hidden;margin:0px;padding: 6px;padding-top:0}
.product-box ul li{ font-size:14px;overflow:hidden;margin-top:10px;}
.product-box ul li img{width:100%;height:auto;border-radius: 8px 8px 0 0;}
.product-box ul li p{line-height:18px;height:18px;overflow:hidden;margin: 5px 10px;}
.product-box ul li p.price{color:red;height:24px;overflow:hidden;}
.product-box dl dd {padding:10px 0;margin:0px; te}
.product-box dl dd a{width:48%;line-height:27px;border:#eee 1px solid;display:block;margin:5px 0; text-align:center;border-radius:2px;}
.product-box dl dd a:nth-child(odd){float:left;}
.product-box dl dd a:nth-child(even){float:right;}
.product-box ul li{width: 48.5%;overflow:hidden;border-radius: 8px;background: #Ffffff;}
.product-box ul li:nth-child(odd){float:left;}
.product-box ul li:nth-child(even){float:right;}
/**/
.video-time-container[data-v-73ee88f5] {
    position: absolute;
    right: 2px;
    bottom: 2px;
    height: 18px;
    line-height: 19px;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 20px;
    font-size: 10px;
    padding: 0 6px;
}
.video-time-container .video-time-icon[data-v-73ee88f5] {
    margin-right: 4px;
    font-size:14px;
    float: left;
}
/**/
.swiper-honor{margin: 15px 6px;position: relative;}
.swiper-honor .swiper-slide{border-radius: 8px;background: #Ffffff;}
.swiper-honor img{width:100%;vertical-align:middle;border-radius: 8px 8px 0 0;}
.swiper-honor p{line-height: 35px;height: 35px;overflow:hidden;margin: 5px 10px;}
.swiper-honor .swiper-button{width: 36px;height: 36px;background-color: #0F69DC;opacity: 0.8;border-radius: 100%;position: absolute;top: 35%;z-index: 8;}
.swiper-honor .swiper-button-l{left:-15px}
.swiper-honor .swiper-button-r{right:-15px}
.swiper-honor .swiper-button-next,
.swiper-honor .swiper-button-prev {background-size: 12px 29px;filter: grayscale(100%) brightness(500%);}
.swiper-honor .swiper-button-next {right: 3px;}
.swiper-honor .swiper-button-prev {left: 3px;}

/**/
.news-box{clear:both;overflow:hidden;margin: 0 10px;box-sizing: border-box;}
.news-box h3{font-size:16px;line-height:45px;height:45px;padding:0px 15px 0px 15px;font-weight:normal;background: #ffffff;border-bottom: #f5f5f5 1px solid;margin:0;}
.news-box h3:before{content: "";width: 4px;height: 18px;background: #12316B;float: left;margin: 15px 8px 0 0;border-radius: 3px 3px 3px 3px;}
.news-box h3 span{float:right;font-size:14px;}
/* .news-box ul{overflow:hidden;margin:0px;background:white;padding: 8px 12px;border-radius: 8px;margin-top: 14px;}
.news-box ul li{font-size:14px;line-height: 35px;height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-box ul li span{float:right;margin-left: 30px;color: #888888;} */
.ui-list-img-news{margin-top: 15px;overflow: hidden;}
.ui-list-img-news .ui-list-img{width: 100%;}
.ui-list-img-news .ui-list-img div{margin-left:0}
.ui-list-img-news .ui-list-img div .aimg{position: relative;display:inline-block;width: 30%;height: 95px;overflow: hidden;float: left;margin-right: 1%;top: 0;left: 0;}
.ui-list-img-news .ui-list-img div .aimg img{width:100%;height: auto;min-height: 95px;position:absolute;top:0;left:0;vertical-align: middle;border-radius: 6px 0 0 6px;}
.ui-list-img-news .ui-list-img ul{width: calc(100% - 33%);float: left;}
.ui-list-img-news .ui-list-img strong{height: auto;margin-bottom: 5px;display: inline-block;}
.ui-list-img-news .ui-list-img p{margin-bottom:10px;margin-top: 0px;}
/**/
.about-box{background:#ffffff;/* width:100%; */padding:0px;margin: 0 10px;box-sizing: border-box;border-radius: 6px;margin-bottom: 10px;padding-top: 5px;padding-bottom: 10px;}
.about-box dl{padding: 0px 12px;border-top:none;line-height:25px;margin:0}
.about-box h3{font-size: 18px;line-height:45px;height:45px;padding: 10px 12px 0px 12px;font-weight: bold;margin:0;text-align:left;}
.about-box h3:before{content: "";width: 5px;height: 18px;background: #12316B;float: left;margin: 14px 6px 0 0;border-radius: 8px;display: none;}
.about-box h3 span{float:right;font-weight:normal;font-size: 12px;}
.contact-us{background: #262626;padding: 10px;margin-bottom: 0px;line-height: 17px;text-align:center;overflow:hidden;color: #a3a3a3;}
.contact-us p{margin:0;font-size: 11px;}
.contact-us p a{color: #a3a3a3;}
.about-box dl dd img{max-width:100% !important}
/**/
.float-tel{position:fixed;z-index:9;bottom:90px;width:45px;height:45px;display:block;right:10px;}
.float-tel a{display:block;background:#12316B url(img/710549ae76e7d06e2f8c59fc4da03437.png) no-repeat center;background-size:50% 50%;height:45px;width:45px;border-radius:50%;font-size:0;}
/**/
.footer{background:white;padding:15px; text-align:center;border-bottom:#e3e3e3 1px solid}
.copyright{background:white;padding:15px; text-align:center;line-height:25px}
.footer a{padding:0px 5px}
/**/
.news-list{width:100%;clear:both;overflow:hidden; background:white}
.news-list h3{font-size:16px;line-height:45px;height:45px;padding:0px 15px 0px 15px;border-bottom:#e3e3e3 1px solid;margin:0}
.news-list h3:before{content: "";width: 4px;height: 18px;background: #12316B;float: left;margin: 15px 8px 0 0;border-radius: 3px 3px 3px 3px;}
.news-list h3 span{float:right; font-weight:normal}
.news-list ul{overflow:hidden;margin:0px;}
.news-list ul li{ font-size:14px;overflow:hidden;padding:15px;border-bottom:#f7f7f7 1px solid}
.news-list ul li img{width:120px;float:left;margin-right:10px;}
.news-list ul li .text{overflow:hidden}
.news-list ul li p{line-height:20px;height:60px;width:100%;margin:0;overflow:hidden;font-size:18px;}
.news-list ul li em{font-size:12px; overflow:hidden;color:#777; font-style:normal}
/**/
.p-f {padding-top:20px;padding:10px;margin:0px auto;overflow:hidden; background:white}
.p-f a:hover{background:#12316B;color:white;border:#12316B 1px solid}
.p-f li.on{background:#12316B;color:white;border:#12316B 1px solid}
.p-f li.on a{color:white}
.p-f li{width:41%;float:left;padding:0px 2%;margin:1% 2%;height:33px;line-height:33px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;border:#ccc 1px solid;border-radius:2px;}
.p-f dd{width:41%;float:left;padding:0px 2%;margin:1% 2%;height:33px;line-height:33px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;border:#ccc 1px solid;border-radius:2px;}