@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; list-style-type:none;font-family: "微软雅黑";}
body{ font-family: "微软雅黑"; font-size:14px;overflow:hidden;overflow-y:auto; }
h1, h2, h3, h4,  ul, ol, dd, dl, form { margin: 0; font-family: "微软雅黑";color: #333;}
ul, li,img { list-style:none; margin:0; padding:0; }

.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;font-family: '微软雅黑';}
a { text-decoration:none; color:#333; }
a,img{border:0;}
a:hover{ text-decoration: none;}
.c-b{clear: both;font-size:0 ;}

/*foot*/
.mui-active {
    color: #fdbe19;
}
.footnav{width:120%;position: fixed;bottom: 0;left:0;     z-index: 10;   background: #2c2b31;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
    box-shadow: 0 0 1px rgba(0,0,0,.85);}
.footnav .foota{width:20%;display: inline-block;float: left;
    overflow: hidden;

    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;}
.footnav a i{    margin-top: 5px;display: block;text-align: center;margin-bottom: 3px;    font-size: 1.2rem;}
.footnav a span{font-size: 0.8rem;
    display: block;
}




/*咨讯*/
.heiback{background: #202020;}
.zixun-head{position: fixed;top:0;width:100%;    background: #020202;}
.zixun-head h3{line-height: 60px;color:#fff;border-bottom: #666 solid 1px;padding: 0 10px;padding-left: 25px;}
.zixun-listlist{margin-top: 65px;}
.zixun-list{padding: 10px 10px;border-bottom: #666 solid 1px;    margin-bottom: 5px;}
.zixun-list .zixun-list-left{width:60%;float: left;}
.zixun-list .zixun-list-left h5{color:#cdcdcd;font-size:15px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.zixun-list .zixun-list-left p{color: #cdcdcd;margin-top:25px;}
.zixun-list .zixun-list-left p .span01{margin-right: 10px;}
.zixun-list .zixun-list-right{width:35%;height:98px;float:right;}
.zixun-list .zixun-list-right img{width:100%;height: 100%;}

/*咨询详情页*/

.zixunxq{padding: 0 10px;}
.zixunxq .zixun01 .zixun01-head{margin-bottom: 15px;line-height: 63px;border-bottom: #ccc solid 1px;}
.zixunxq .zixun01 .zixun01-head h3{text-align: center;color:#fff;}
.zixunxq .zixun01 .zixun01-head h3 a{width:5%;float: left;color: #cdcdcd;}
.zixunxq .zixun01 .zixun01-xq .zixun01-xq-top{margin: 15px 0;}
.zixunxq .zixun01 .zixun01-xq .zixun01-xq-top h3{color:#fff;}
.zixunxq .zixun01 .zixun01-xq .zixun01-xq-top p{float: right;color: #cdcdcd;margin-top:15px;}
.zixunxq .zixun01 .zixun01-xq .zixun01-xq-top .span01{margin-right: 10px;}
.zixun01-xqlist p{text-indent: 2em;line-height:25px;margin-bottom: 15px;color: #cdcdcd;;}
.zixun01-xqlist img{width:100%;}


/*推广用户*/
.tgyhlb-top{height:350px;}
.tgyhlb-top img{width:100%;height: 100%;}

.tguang-list{padding: 30px 10px;}
.tguang-list table{width:100%;border-collapse:collapse;border-spacing:0px;background: #f4dfc0;border:#ddc599 solid 5px;}

.tguang-list table tr{line-height: 35px;}

.tguang-list table tr td{width:33%;text-align:center;}
.tguang-list table tr td{border-top:1px solid #623d10;border-left:1px solid #623d10;}

.tgyhlb-head{line-height: 63px;}
.tgyhlb-head h3{text-align: center;color:#fff;}
.tgyhlb-head h3 a{width:5%;float: left;color: #cdcdcd;}
.tghdgz-txt{padding: 0 10px;margin-top: 20px;margin-bottom: 100px;}
.tghdgz-txt h4{font-size: 16px;font-weight: 500;color: #ddc599;margin-bottom: 10px;}
.tghdgz-txt{color: #ddc599;}
.tghdgz-txt p{margin-bottom: 10px;}



/**/
.gryhtxx-bg{width:100%;height:600px;}
.gryhtxx-bg .zixun01-head{margin-bottom: 15px;border-bottom: #ccc solid 1px;}
.gryhtxx-bg .zixun01-head h3{text-align: center;color:#fff;line-height: 63px;font-size: 16px;}
.gryhtxx-bg .zixun01-head h3 a{width:5%;float: left;color: #cdcdcd;}

.gryhtxx-bg-list li a{color: #ededed; background-color: #565656;}

/*推荐个人用户详情*/
.abc{background: #202020 url(../images/b.png)no-repeat;background-size:100% 100%;background-attachment:fixed; }
.nav-tabs {
    border-bottom: 1px solid transparent;
    padding-left: 15px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fdbe19;
    cursor: default;
    background-color: #565656;
    border: 1px solid transparent;
    border-bottom-color: transparent;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;

    border-radius: 10px;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 7px 15px;
    margin-right: 10px;
}
.num01{padding: 0 10px;margin-top: 20px;}
.num01 table{color: #ededed;width:100%;}
.num01 table tr th,.num01 table tr td{width:25%;}
.num01 table{width:100%;}
.num01 table{ border-collapse: collapse;text-align: center;}

.num01 table,table tr td{border: 1px solid #fdbe19;border-collapse: collapse;height:35px;text-align: center;}
.num01 table tr th,table tr td{width:30%;}
.num01  table tr th{border: 1px solid #fdbe19;border-collapse: collapse;height:35px;background:rgba(0,0,0,0.5);text-align: center;}


.num03 {padding: 0 10px;margin-top: 20px;}
.num03 table{ border-collapse: collapse;text-align: center;color: #ededed;width:100%;}

.num03 table,table tr td{border: 1px solid #fdbe19;border-collapse: collapse;height:35px;text-align: center;}
.num03 table tr th,table tr td{}
.num03  table tr th{border: 1px solid #fdbe19;border-collapse: collapse;height:35px;background:rgba(0,0,0,0.5);text-align: center;}




/*登录*/
.login-bg{background:url(../images/login-bg.jpg)50% no-repeat;background-attachment: fixed;background-size: 100% 100%;}

.login-top_en {margin-top: 140px;padding: 0 15px;}

.login-top_en h3{font-size: 36px;color: #ededed;text-align:  RIGHT;}
.login-xinxi{margin-top: 25px;}
.login-xinxi input{padding-left:15px;display: block;width:55%;margin: 0 auto;line-height: 35px;background: none;border: none;border-bottom: #ededed solid 1px;border-radius:0;margin-bottom: 20px;color:#fff;    outline: none;}

.login-xinxi input:first-child{margin-right: 50px;    color: #fff;}

.login-xinxi button{ border:none;background: none; }

.location{
    position: relative;
    top: 30px;
    left: 47px;
}
.button{
    width: 55%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: white;
}
.button:before{
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color:  #fdbe19;
    transform: skewX(-30deg);
    z-index: -1;
}


.login-wj{margin-top: 60px;color: #ededed;margin-left: 50px;}

.login-wj a{color: #fdbe19;margin-left: 10px; }
.login-wj .wjmm{margin-left:-5px;}
.login-wj .no2p{margin-top: 10px;}

.seg-bg{background:url(../images/seg-bg.jpg)50% no-repeat;background-attachment: fixed;background-size: 100% 100%;}
.seg-box{width:70%;height:320px;margin:0 auto;margin-top:62%;background: #20283d;border-radius: 5px;position: relative;box-shadow:0 0 15px rgba(255,255,255,0.3);}
.seg-box .seg-yuan{position:absolute;top:-50px;left:36%;width:80px;height: 80px;border-radius: 100%;background:#20283d;box-shadow:0 0 15px rgba(255,255,255,0.3); }

.seg-box form{  padding-top: 46px;}

.seg-box form input{padding-left:15px;  display: block;width:70%;color:#fff;margin: 0 auto;line-height: 35px;background: none;border: none;border-bottom: #ededed solid 1px;margin-bottom: 20px;    outline: none;}
.seg-box form button{ display: block;width:75%;height: 35px;border-radius: 5px;line-height: 35px;margin: 0 auto;margin-top:45px;border:none;background:#fdbe19;}


.seg-wj{margin-top: 30px;color: #ededed;width:75%;margin: 10px auto;text-align: center;}

.seg-wj a{color: #fdbe19;margin-left: 10px; }
.seg-wj .wjmm{margin-left:-5px;}
.seg-wj .no2p{margin-top: 10px;}



/*用户中心*/
.user-top{    background: url(../img/06.png)no-repeat;padding-left: 10px;padding-right: 10px;background-size: 100%;height: 330px}
.user-top .userh4{text-align: center;color:#fff;padding-top:20px;padding-bottom:20px;}
.user-top .shezhi{display: block; float:right}
.user-top .shezhis{display: flow-root; }
.user-top .pic-left{float: left;margin-right:15px;}
.user-top .pic-left img{ border-radius: 50%}
.user-top .name-right{float:left;margin-top:20px;}
.user-top .name-right p,h4{color:#fff;}
.user-top .user-anniu{clear: both;margin-left:10px;padding-top:20px;}
.user-top .user-anniu a{display: block;float: left;margin-left:15px;font-size:14px;background:#fdbe19;padding:8px 8px;border-radius: 8px}
.user-top .baobiao{margin-left:50px;margin-top:15px;}

.user-neirong{padding-left: 10px;padding-right: 10px;margin-top:15px;}
.user-neirong li{width: 46%;float: left;margin-left:2%;box-shadow:0 0 15px rgba(255,255,255,0.3); border-radius:6px;text-align: center;margin-bottom:15px;}
.user-neirong li span{color:#fff;    line-height: 45px;float: right;}
.user-neirong a {display: block;padding:10px 10px}






/*erweima */
.lansebg{background: #20283d;}
.ewm_public{padding: 0 10px;}
.ewm_public a{width:5%;display: inline-block;text-align: center;}
.ewm_public a img{width:20px;}
.ewm_public span{width:90%;display: inline-block;text-align: center;}

.ewm_public p{color: #fff;line-height: 55px;border-bottom: 2px solid #171c2a;}
.erweima-bg{background:#20283d url(../images/01.png)no-repeat;background-attachment: fixed;background-size: 100% 100%;}
.erweima-bg .ewm-box{width:120px;height:120px;line-height:120px;text-align:center;background: url(../images/03.png)no-repeat;background-size:100%;position: absolute;top:25%;left:35%;}
.erweima-bg .ewm-box img{width:80%;vertical-align: middle;}


/*index*/
.index{margin-top:40px;}
.index p{padding: 0 15px;color: #fff;height: 50px;font-size: 16px;}
.index p .index-chongzhi{float: right;font-size:12px;padding:8px 15px;background: #20283d;box-shadow:0 0 10px rgba(255,255,255,0.3);border-radius: 5px;}
.index-pirce{text-align: center;color: #fff;}

.index-pirce h2{color: #fff;}
/*banner*/
.banner {
    width: 100%;
    padding: 0 10px;
    border-radius: 15px;
    position:absolute;
    left:0;
    margin-top: 30px;
}
.banner img {
    width: 100%;


}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index:-1;
    border-radius: 10px;
}
.swiper-slide {
    color: #fff;
    text-align: center;
}
.banner .swiper-slide-active img {
    /*-webkit-animation: tada 3s ease .1s both;*/
    /*-moz-animation: tada 3s ease .1s both;*/
}
.product_list .home-tuan-list img {
    width: 90px;
    height: 66px;
    margin-top: 7px;
    margin-bottom: 5px;
    border-radius: 3px;
}
.info span i {

    background-size: 20px 25px;
    margin-top: -5px;
    display: block;
    width: 20px;
    height: 25px;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300%, 0, 0);
        transform: translate3d(-300%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300%, 0, 0);
        transform: translate3d(-300%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
}
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.index-category .swiper-container {
    height: 193px;
}
.herder_top {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
}
.index-category .icon_list .item .icon {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.index-category .icon_list .item .icon {
    background-size: 44px 44px;
}

.index-category .icon_tab .item .icon {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.index-category .icon_tab .item .icon {
    background-size: 44px 44px;
}

.index-category .icon img {
    width: 44px;
    height: 44px;
}
.index-rec .title_list {
    padding-left: 0;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 13px;
}
.index-category .swiper-container {
}
.title_tab {
    width: 100%;
    line-height: 35px;
    text-align: center;
    position:absolute;
}
/*banner-end*/


/*index数据显示list*/
.index-list{margin-top: 260px;}
.indexlist{padding: 20px 10px;border-bottom: 3px solid #171c2a;}
.tab-content .tab-pane{color: #fff;}

.index-list ul li a{color: #fff; }
.index-list ul{width:85%;margin: 0 auto;text-align: center; }

.index-list .nav-tabs>li.active>a {
    color: #fdbe19;
    cursor: default;
    background: transparent;
    border: none;
    border-bottom:3px solid #fdbe19;
}
.index-list .nav>li>a {
    position: relative;
    display: block;
    padding: 7px 20px;
    margin-right: 10px;
    border-bottom:3px solid #20283d;
    z-index: 999999;
}
.index-list .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 0px;
}
.index-list .nav>li>a i{font-size:20px;margin-right: 5px;}

.index-line01{height: 15px;width:100%;background:#171c2a;}

.tab-pane .indexlist-left{float: left;width:35%;height: 35px;position: relative;padding-left: 15px;}
.tab-pane .indexlist-left img{position:absolute;bottom:2px;left:0px;width:10px;vertical-align: middle;}
.tab-pane .indexlist-left-txt {float: left;vertical-align: middle;}
.tab-pane .indexlist-left h4{font-size: 15px;color: #fff;}
.tab-pane .indexlist-right{float: right;width:60%;    margin-top: 10px;  }
.tab-pane .indexlist-right img{width:45%;}
.tab-pane .indexlist-right span{float: right;}

.index-list .tab-content{margin-bottom: 150px;}
.tixianlist ul li{border-bottom:2px solid #171c2a;color: #fff;padding: 10px 0;}
.tixianlist ul li h4{color: #fff;font-size: 15px;margin-bottom: 5px;}
.tixianlist ul li .tixianlist-left{float: left;width:55%;padding-left: 10px;}
.tixianlist ul li .tixianlist-left p span{font-size: 12px;margin-left: 5px;}
.tixianlist ul li .tixianlist-right{float: right;width:45%;padding-right: 10px;text-align: right;}
.tixianlist ul li .tixianlist-right span{padding:7px 10px;display:inline-block;text-align: right;margin-top:3px;background: #20283d;box-shadow:0 0 10px rgba(255,255,255,0.3);border-radius: 8px;font-size: 12px;}
