@charset "utf-8";
/*
[MBKFW Template] Copyright (c) 2010-2023 www.mbkfw.com
*/
/* CSS Document*/
*{padding: 0;margin: 0;}
body,p,div,ul,li,dl,dd,dt,h1,h2,h3,table,td,tr,input{padding: 0;margin: 0;}
body{margin: 0px;padding: 0px;color: #333333;font-family: "Microsoft YaHei";background: #FFF;overflow-x: hidden;}
/* 
@media screen and (max-width: 750px){
    html{color: #333; background: #fff; width: 100%; min-width:initial;}
    body{background: #F4F5F9; width: 100%;  min-width:initial;}
    ::-webkit-scrollbar-track-piece{background-color: #fff; -webkit-border-radius: 0px}
    ::-webkit-scrollbar{width: 0px; height: 0px;}
    ::-webkit-scrollbar-thumb{height: 0px; background-color: #828282; -webkit-border-radius: 0px; outline: 0px solid #fff; outline-offset: 0px; border: 0px solid #fff}
    ::-webkit-scrollbar-thumb:hover{background-color: #D80A1C;}
}
html{font-size: 16px;}
img,input{border: 0}
ul,li{list-style: none}
a{text-decoration: none;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
.fl{float: left}
.rl{float: right}
h1,i,em,h2,h3,h4{font-style: normal;font-weight: normal} */
.clearfix{clear: both;width: 100%;}
.comWidth{width: 1000px;margin: auto;}
.clear-tk::after{content: "";clear: both;height: 0;line-height: 0;display: block;}
.flex-tk{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.lf{float: left;}
.foot-layer-main li{overflow: initial;}
.iphone .nav{padding: 0;}
.iphone .nav a{color: #fff;text-decoration: none;}
.scroll-tk::-webkit-scrollbar{width: 5px;height: 16px;background-color: rgba(0, 0, 0, 0);}

/*定义滚动条轨道 内阴影+圆角*/
.scroll-tk::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);border-radius: 10px;background-color: rgba(0, 0, 0, 0);}

/*定义滑块 内阴影+圆角*/
.scroll-tk::-webkit-scrollbar-thumb{width: 8px;border-radius: 10px;background-color: #ebd9b3;}
.scroll-tkk::-webkit-scrollbar{width: 8px;height: 16px;background-color: rgba(0, 0, 0, 0);}

/*定义滚动条轨道 内阴影+圆角*/
.scroll-tkk::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);border-radius: 10px;background-color: rgba(0, 0, 0, 0);}

/*定义滑块 内阴影+圆角*/
.scroll-tkk::-webkit-scrollbar-thumb{width: 8px;border-radius: 10px;background-color: #fde8bd;}

/*顶部导航*/
.iphone{height: 46px;background: #da0000;overflow: hidden;width: 100%;display: none;}
.iphone li{float: left;height: 46px;overflow: hidden;color: #FFF;color: #FFF;line-height: 46px;background-color: none;background: none;text-align: center;}
.iphone .one{width: 13%;}
.iphone .two{width: 70%;}
.iphone li.top_center p{text-align: center;font-size: 16px;line-height: 46px;}
.iphone .iphone_nav{background: url(images/top_sider.png) no-repeat left;height: 46px;font: 15px/46px "Microsoft YaHei";width: 16%;float: right;text-align: center;text-indent: 1.2em;}

/*顶部代码*/
.banner{background: url(images/banner.jpg) no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;width: 100%;}
.banner2{display: none;}
@media screen and (max-width: 750px){
    .iphone{display: block;position: fixed;z-index: 1;}
    .banner{display: none;}
    .banner2{display: block;width: 100%;height: auto;background-color: #fde8bd;padding-top: 45px;}
    .banner2 img{width: 100%;height: auto;}
    .top_left,.top_right{display: none;}
    #canvas{display: none;}
}
.top_nav{width: 100%;height: 35px;}
.main{width: 1100px;margin: 0 auto;}
.top_left{font: 15px/35px "Microsoft YaHei", "SimSun";color: #fff;float: left;}
.top_left a{color: #fff;}
.top_right{float: right;}
.zhuanti_top{float: left;}
.zhuanti_top li{float: left;font: 12px/35px "Microsoft YaHei", " SimSun";color: #fff;}
.zhuanti_top li a{font: 15px/35px "Microsoft YaHei", "SimSun";color: #ffffff;}
.bdsharebuttonbox{float: left;margin: 4px 0 0 50px;}

/*拜年视频*/
.video{background: url(images/video.jpg) center center no-repeat;width: 100%;height: 273px;}
.video-txt{text-align:center;padding-top: 110px;font-size: 24px;line-height: 40px;font-weight: bold;}
.video-txt p{color: #CB1C29;}
.video_bg{background: url(images/video_bg.jpg) center center no-repeat;width: 100%;height: 653px;}
.shipin{width: 760px;height: 450px;margin: 0 auto;padding-top: 100px;}
.shipin img{width: 100%;}

@media screen and (max-width: 750px){.video{display: none;}
    .video_bg{width: 100%;background-image: none;background-color: #fde8bd;height: auto;padding-bottom: 10px;}
    .video_bg .shipin{width: 100%;height: auto;padding: 15px 0 10px 0;margin: 0 auto;}
    .video_bg .shipin img{width: 90%;height: auto;margin: 0 5%;}
}

/*行业站长送祝福*/
.brand{background: url(images/brand.jpg) center center no-repeat;;width: 100%;height: 377px;}
.brand2{display: none;}
.brand_bg{background: url(images/brand_bg.jpg) center center no-repeat;width: 100%;max-height: 1563px;}
.brand_bg ul{width: 1140px;max-height: 1430px;margin: 0 auto;padding-left: 12px;overflow-y: scroll;}
.brand_bg .brand_list{background: url(images/brand_list_bg.png) no-repeat center center;background-size: cover;width: 342px;height: 447px;position: relative;text-align: center;margin: 0 15px 30px 14px;}
.brand_bg .brand_list .picture{width: 315px;height: 246px;margin: 15px auto 10px auto;overflow: hidden;}
.brand_bg .brand_list .picture a{width: 100%;}
.brand_bg .brand_list .picture a img{width: 100%;}
.brand_bg .brand_list .picture a img:hover{transform: scale(1.1);}
.brand_bg .brand_list .wish{width: 342px;padding: 0 10%;font-weight: bold;font-size: 16px;line-height: 25px;display: table-cell;vertical-align: middle;}
.brand_bg .brand_list .wish a{width: 100%;color: #ffffff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: normal;}
.brand_bg .brand_list .wish a:hover{/* color: #c84540; */}
.brand_bg .brand_list .logo{width: 126px;height: 65px;overflow: hidden;margin: 15px auto 10px;}
.brand_bg .brand_list .logo a{width: 100%;}
.brand_bg .brand_list .logo a img{width: 100%;border-radius: 5px;}

@media screen and (max-width: 750px){
    .brand{display: none;}
    .brand2{display: block;width: 100%;height: auto;background-color: #ebd9b3;}
    .brand2 img{width: 100%;}
    .brand_bg{width: 100%;height: auto;;background-image: none;background-color: #ebd9b3;}
    .brand_bg ul{width: 100%;height: auto;padding: 0;overflow-y: auto;}
    .brand_bg ul .brand_list {width: 45%;height: auto;background: #E53B33 url(images/brand_list_bg_p.png) no-repeat bottom center;background-size: cover;border: 5px solid #ab0907;border-radius: 5px;margin: 0 0 16px 4%;}
    .brand_bg ul .brand_list .picture{width: 90%;height: auto;margin: 10px auto;border-radius: 0;}
    .brand_bg .brand_list .picture a img:hover{transform: scale(1);}
    .brand_bg ul .brand_list .wish{width: 95%;height: 40px;margin: 0 auto;font-size: 13px;line-height: 20px;padding-bottom: 15px;}
    .brand_bg .brand_list .wish a{width: 100%;color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .brand_bg .brand_list .wish a:hover{color: #fff;}
    .brand_bg ul .brand_list .logo{width: 50%;height: auto;overflow: hidden;margin: 10px auto;padding: 0;}
}

/*行业精英送祝福*/
.person{background: url(images/person.jpg) center center no-repeat;width: 100%;height: 376px;}
.person2{display: none;}
.person_bg{background: url(images/person_bg.jpg) center center no-repeat;width: 100%;max-height: 1721px;}
.person_bg ul{width: 1130px;max-height: 1600px;margin: 0 auto;padding-left: 3px;overflow-y: scroll;}
.person_bg .person_list{width: 340px;height: 500px;background: url(images/person_list_bg.png) no-repeat center center;background-size: 100% 100%;position: relative;margin: 0 3px 25px 21px;}
.person_bg .person_list .photo{width: 246px;height: 246px;border-radius: 130px;margin: 40px auto 20px auto;overflow: hidden;}
.person_bg .person_list .photo img{width: 100%;}
.person_bg .person_list .photo_top{position: absolute;top: 0;left: 50%;width: 263px;height: 256px;margin-top: 34px;margin-left: -128px;}
.person_bg .person_list .photo img:hover{transform: scale(1.1);}
.person_bg .person_list .name{width: 80%;height: 40px;margin: 0 auto;text-align: center;color: #CD1D2B;font-size: 18px;line-height: 40px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.person_bg .person_list .name:hover{color: #CD1D2B;cursor: pointer;}
.person_bg .person_list .content{width: 85%;margin: 20px auto 0 auto;font-size: 16px;line-height: 30px;color: #CD1D2B;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;padding: 0;}
.person_bg .person_list .content:hover{color: #CD1D2B;cursor: pointer;}

@media screen and (max-width: 750px){
    .person{display: none;}
    .person2{display: block;width: 100%;height: auto;background-color: #007471;}
    .person2 img{width: 100%;}
    .person_bg{background-image: none;background-color: #fcdcba;height: auto;}
    .person_bg ul{width: 100%;height: auto;padding: 0;padding-top: 5px;overflow-y: auto;}
    .person_bg ul .person_list{width: 45%;height: auto;background: url(images/person_list_bg.png);background-size: 100% 100%;margin: 0 0 15px 3.5%;box-sizing: border-box;padding: 10px 0;}
    .person_bg .person_list .photo{width: 80px;height: 80px;border-radius: 40px;margin: 0 auto;margin-top: 10px;overflow: hidden;}
    .person_bg .person_list .photo_top {display: none;}
    .person_bg .person_list .name{width: 80%;margin-top: 10px;height: 45px;white-space: normal;font-size: 14px;line-height: 22px;}
    .person_bg .person_list .name a{font-size: 14px;line-height: 20px;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .person_bg .person_list .content{margin: 5px auto;font-size: 12px;line-height: 20px;width: 80%;margin-bottom: 15px;-webkit-line-clamp: 3;}
    .person_bg .person_list .content:hover{color: #333;}
}

/*我也来送祝福*/
.send{background: url(images/send.jpg) center center no-repeat;width: 100%;height: 361px;}
.send2{display: none;}
.send_bg{background: url(images/send_bg.jpg) center center no-repeat;width: 100%;height: 662px;}
.send_bg .send_content{width: 1110px;margin: 0 auto;}
.send_bg .left{width: 370px;margin-left: 95px;padding-top: 90px;}
.send_bg .left .words{width: 380px;height: 85px;outline: none;font-size: 14px;line-height: 22px;border: 1px solid #CB1C29;padding: 5px 5px;resize: none;margin-bottom: 10px;background: #FBDDB9;display: block;border-radius: 5px;}
.words::-webkit-input-placeholder{color: #666666;}
.words::-moz-input-placeholder{color: #666666;}
.words::-ms-input-placeholder{color: #666666;}
.send_bg .left .name{width: 380px;height: 33px;outline: none;font-size: 14px;line-height: 33px;padding: 0 5px;margin-bottom: 10px;border: 1px solid #CB1C29;resize: none;background: #FBDDB9;border-radius: 5px;}
.name::-webkit-input-placeholder{color: #666666;}
.name::-moz-input-placeholder{color: #666666;}
.name::-ms-input-placeholder{color: #666666;}
.send_bg .left button{float: right;width: 288px;height: 38px;line-height: 38px;background: url(images/btn.png) no-repeat;background-size: cover;border: none;outline: none;color: #c90c2c;font-size: 16px;font-weight: bold;margin-top: 5px;margin-right: 35px;border-radius: 50px;}
.send_bg .left button:hover{cursor: pointer;}
.send_bg .msg_list{width: 510px;height: 550px;overflow: hidden;margin-left: 100px;margin-top: 25px;}
.send_bg .msg_list .bd{border:0}
.send_bg .msg_list ul li{width: 100%;height: auto!important;padding: 15px 0;border-bottom: 1px dashed #ccc;}
.send_bg .msg_list ul li .photo{width: 60px;height: 60px;margin-top: 0px;background: url(images/wish_photo.png) left top no-repeat;border-radius: 50px;overflow: hidden;background-size: cover;margin-right: 20px;background-size: cover;}
.send_bg .msg_list ul li .right{width: 390px;cursor: pointer;}
.send_bg .msg_list ul li .right h3{font-size: 14px;line-height: 30px;font-weight: bold;color: #ba3535;}
.send_bg .msg_list ul li .right p{font-size: 14px;line-height: 24px;color: #ba3535;}
.send_bg .msg_list ul li .right:hover{text-decoration: underline;}}

@media screen and (max-width: 750px){
    .send{display: none;}
    .send2{display: block;width: 100%;height: auto;background-color: #007471;}
    .send2 img{width: 100%;}
    .send_bg{width: 100%;background-image: none;background-color: #fcdcba;height: 780px;overflow: hidden;}
    .send_bg .send_content{width: 100%;}
    .send_bg .left{float: none;width: 90%;margin: 0 auto;padding-top: 20px;padding-bottom: 20px;}
    .send_bg .left .words{width: 100%;height: 90px;background-image: none;box-sizing: border-box;padding: 0 5px;background-color: #FFF;}
    .send_bg .left .name{width: 100%;background-image: none;box-sizing: border-box;padding: 0 5px;height: 35px;line-height: 35px;background-color: #FFF;margin-bottom: 4px;}
    .send_bg .left button{width: 100%;margin-top: 0;height: 35px;line-height: 35px;color: #ffffff;background-color: #c90c2c;margin-right: 0;}
    .send_bg .msg_list{float: none;width: 100%;margin: 30px 0 30px;padding: 0 25px;box-sizing: border-box;}
    .send_bg .msg_list ul li{width: 100%;height: auto!important;;}
    .send_bg .msg_list ul li .right{width: 70%;}
    .send_bg .msg_list ul li .photo{background: url(images/wish_photo_p.png) no-repeat left top;background-size: 75%;background-size: cover;margin-top: 10px;}
}

/*底部导航*/
.w1200{width:1200px;margin:0 auto}
.footnav{}
.footnav .daohang{}
.footnav .daohang a{}
.footnav .daohang a:hover{}
.quicknav,.main-nav,.bg-box,.foot{display: none;}

@media screen and (max-width: 750px){
    .footnav{display: none;}
    .quicknav,.main-nav,.bg-box,.foot{display: block;}
    .quicknav{width: 100%;height: 48px;background-color: #da0000;text-align: center;position: fixed;bottom: 0;z-index: 1000;}
    .quicknav ul{width: 100%;display: inline-block;}
    .quicknav ul li{width: 25%;text-align: center;float: left;line-height: 40px;color: #fff;}
    .quicknav ul li a{color: #fff;font-size: 16px;}
}

/***************统一手机底部样式****************/
.main-nav{padding: 1em 0 .5em;background: #fff;width: 100%;max-width: 750px;margin: 0 auto;}
.main-nav ul{width: 100%;display: flex;justify-content: space-around;flex-wrap: wrap;}
.main-nav ul li{width: 20%;text-align: center;}
.main-nav ul li p{width: 3rem;height: 3rem;margin: 0 auto;border-radius: 50%;text-align: center;cursor: pointer;}
.main-nav li h3 a{font: 0.9rem/1rem "Microsoft YaHei";color: #333;margin: 7px auto 6px;display: block;text-decoration: none;}
.main-nav ul li .nav-01{background: #f66c6c;}
.main-nav ul li .nav-02{background: #bad93e;}
.main-nav ul li .nav-03{background: #d1759c;}
.main-nav ul li .nav-04{background: #ffa739;}
.main-nav ul li .nav-05{background: #72b4e4;}
.main-nav ul li p img{width: 1.85rem;padding-top: .6rem;}
.foot{width: 100%;max-width: 750px;margin-bottom: 40px;}
.foot .foot-logo{padding-top: 4px;}
.foot .foot-logo,.foot .foot-layer{display: flex;justify-content: space-around;flex-wrap: wrap;overflow: hidden;}
.foot .foot-logo li{width: 40%;text-align: center;}
.foot .foot-logo li:first-child{text-align: right;}
.foot .foot-logo li img{width: 100%;}
.foot .foot-layer{margin: .3em 0 1em;}
.foot .foot-layer li{width: 30%;text-align: center;cursor: pointer;}
.foot .foot-layer li i{color: #555;}

/*弹出层*/
.foot-layer-main li{position: fixed;top: 0;right: 0;left: 0;bottom: 0;margin: auto;width: 65%;border-radius: 5px;background: #fff;z-index: 999;text-align: center;box-shadow: 1px 1px 5px #888;display: none;}
@media screen and (min-width: 750px){
    .foot-layer-main li{width: 20%;}
}
.foot-layer-main li .close{display: block;position: absolute;bottom: -35px;right: 50%;margin-right: -15px;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;background: #13bda4;/*background: rgba(255,0,0,.5);*/color: #fff;}
.layer-wechat-main,.layer-store-mian{width: 208px !important;height: 280px;text-align: center;}
.layer-wechat-main p,.layer-store-mian p{margin-top: -5px;text-align: center;line-height: 20px;}
.layer-store-mian p{margin-top: -8px;text-align: center;line-height: 20px;}
.layer-wechat-main img,.layer-store-mian img{width: 100%;}
.layer-contact-main{height: 4em;padding: 1em 0 0;}
.layer-contact-main p{line-height: 28px;text-align: center;line-height: 20px;}
.foot .ef{background: #f89901;width: 100%;height: 48px;text-align: center;font: bold 1.2rem/3rem "Microsoft YaHei";color: #fff;}
.foot .ef h3{font: bold 1.2rem/3rem "Microsoft YaHei";color: #fff;}
.foot .ef i{font: bold 1.2rem/3rem "Microsoft YaHei";color: #ffe400;}
.bg-box{position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0, 0, 0, .6);display: none;}
.mui-left p{text-align: center !important;font: 14px/14px "Microsoft YaHei";}

/*右侧导航*/
.nav_right{background: url(images/nav.png) top center no-repeat;height: 680px;width: 210px;position: fixed;right: 0;top: 56px;z-index: 99;}
.nav_right ul{padding: 249px 0 0 60px;}
.nav_right ul li{width: 90px;height: 62px;display: block;text-align: center;}
.nav_right ul li a{width: 90px;height: 67px;font-size: 16px;font-weight: bold;color: #fff;}
.nav_right ul li a:hover{color: #ffe28b;text-decoration: none;}
.nav_right img{width: 65px;height: 65px;margin: -11px 0 0 13px;}

/**/
.ajaxrightbtn{display:none}
/**/
.music_div{position:fixed;right: 5px;top:5px;width:20px;background:#fff2ca;text-align:center;padding:5px 0;border-radius:3px;}
/**/
.fade{display:none}
.modal{background:rgb(14 14 14 / 35%);position:fixed;top: 0;bottom: 0;width: 100%;}
.modal-dialog{background:#ffffff;position: relative;width:300px;left:50%;top:20%;margin-left:-200px;border-radius:10px;background: #d6f0e4;animation: xing 0.5s ease;}
.modal-content{padding:30px}
.modal-header{
    margin-bottom: 10px;
}
.modal-title{
    font-size: 16px;
    text-align: center;
}
.modal .close{
    position: absolute;
    right: 10px;
    top: 10px;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-size: 16px;
    text-align: center;
    display: none;
}
.modal .close span{}
.modal .modal-body{}
.modal .t-title{margin-bottom:10px;font-weight: bold;}
.modal .modal-footer{text-align:center;margin-top:30px}
.modal .modal-footer .btn-secondary{background:#ff6600;border:0;color: #FFFFFF;}