/*首页部分*/

/***************头部*******************/
.header {
    color: #a6a6a6;
    cursor: default;
    height: 70px;
    left: 0;
    position:absolute;
    width: 100%;
    overflow:hidden;
}

.header > a {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    display: inline-block;
    padding: 0 0.75em;
    color: inherit;
    text-decoration: none;
    color: #FFF;
}

.header > a:hover {
    color: #f2f2f2;
}

.header > a[href="#menu"] {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.header > a[href="#menu"]:before {
    content: "";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

.header > a[href="#menu"]:before {
    margin: 0 0.5em 0 0;
}

.header > a + a[href="#menu"]:last-child {
    border-left: solid 1px rgba(0, 0, 0, 0.15);
    padding-left: 1.25em;
    margin-left: 0.5em;
}

/*Nav导航*/

.header > .nav{
    position: fixed;
    right: 0;
    top:0;
    color: #f3f3f3;
    width:100%;
    height:70px;
    z-index: 202;

}
.header > .mark-nav{
    display:none;
    position: fixed;
    right: 0;
    top:0;
    color: #f3f3f3;
    width:100%;
    height:70px;
    z-index: 201;
    background:rgba(0,0,0,.8);
}
/*logo部分*/
.header .nav .logo{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    bottom:0;
    top:0;
    line-height:68px;
}
.header .nav .logo a{
    margin-left:10px;
    color:#fff;
    font-size:26px;
    font-weight:500;

}
/*导航部分*/
/* pc端导航 */
.header .navUl{
    right:0;
    position:absolute;
    top:0;
    float:right;
    margin-right:30px;
}
.header .navUl li{
    float:left;
    margin:0 20px;
    padding:4px 0;
}
.header .navUl li b{
    float:left;
    font-family:'iconfont';
    font-size:20px;
    color:#fff;
    padding:0 6px 0 10px;
}
.header .navUl li a{
    color:#fff;
    padding:1px 0;
    font-size:18px;
}
.header .navUl li:not(.notCurrent) a:not(.notHover):hover{
    border-bottom:1px solid #eb4217;
    color:#eb4217;
}

/*getMore*/
.getMore{
    position:absolute;
    width:100%;
    height:56px;
    z-index:1;
    left:0;
    bottom:16%;
    right:0;
    margin:auto;
    text-align:center;
}
.getMore a{
    padding:10px 20px;
    display:inline-block;
    text-align:center;
    border-radius:6px;
    border:1px solid #fff;
    font-size:18px;
    transition: all .8s;
}
.getMore a:hover{
    background:rgba(255,255,255,.4);
    transition: all .8s;
}

/* *****************Banner **********************/

.banner {
    cursor:pointer;
    background-color: #000;
    color: #e2d1df;
    padding: 8em 0;
    position: relative;
}

.banner input, .banner select, .banner textarea {
    color: #ffffff;
}

.banner a {
    color: #ffffff;
}

.banner strong, .banner b {
    color: #ffffff;
}

.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 {
    color: #ffffff;
}

.banner blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

.banner code {
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25);
}

.banner hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.banner.full {
    padding: 0;
    min-height: 100vh;
    height: 100vh !important;
}

.banner.half {
    padding: 0;
    min-height: 50vh;
    height: 50vh !important;
}

.banner:after {
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
    -moz-transition: opacity 1.5s ease-in-out, visibility 1.5s;
    -webkit-transition: opacity 1.5s ease-in-out, visibility 1.5s;
    -ms-transition: opacity 1.5s ease-in-out, visibility 1.5s;
    transition: opacity 1.5s ease-in-out, visibility 1.5s;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 2;
}

.banner .indicators {
    bottom: 1.5em;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.banner .indicators li {
    cursor: pointer;
    display: inline-block;
    height: 2em;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 2em;
    width: 2em;
}

.banner .indicators li:before {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 100%;
    content: '';
    display: inline-block;
    height: 0.8em;
    left: 50%;
    margin: -0.4em 0 0 -0.4em;
    position: absolute;
    text-indent: 0;
    top: 50%;
    width: 0.8em;
}

.banner .indicators li.visible:before {
    background: #fff;
}

.banner > article {
    -moz-transition: opacity 1.5s ease, visibility 1.5s;
    -webkit-transition: opacity 1.5s ease, visibility 1.5s;
    -ms-transition: opacity 1.5s ease, visibility 1.5s;
    transition: opacity 1.5s ease, visibility 1.5s;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 0;
    cursor:pointer;
}

.banner > article:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.banner article .banner_a{
    width:100%;
}
.banner > article:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
}

.banner > article .inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
}

.banner > article .inner > :last-child {
    margin-bottom: 0;
}

.banner > article h2 {
    font-size: 45px;
    margin-bottom: 0;
    color: #FFF;
    font-weight: 300;
}

.banner > article p {
    color: rgba(255, 255, 255, 0.65);
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 300;
    margin: 0;
    padding: 20px 0;
    letter-spacing: .25rem;
}
.banner > article a {
    color: #FFF;
    text-decoration: none;
}

.banner > article img {
    display: none;
}

.banner > article.visible {
    opacity: 1;
    visibility: visible;
}

.banner > article.top {
    z-index: 1;
}

.banner > article.instant {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

body.is-loading .banner:after {
    opacity: 1.0;
    visibility: visible;
}

@media screen and (max-width: 1280px) {

    .banner.full {
        padding: 0;
        min-height: 75vh;
        height: 75vh !important;
    }

}

@media screen and (max-width: 980px) {

    .banner.full {
        padding: 0;
        min-height: 50vh;
        height: 50vh !important;
    }

    .banner > article {
        background-attachment: scroll;
    }

}

@media screen and (max-width: 736px) {

    .banner > article .inner {
        width: 90%;
    }

    .banner > article p {
        margin-bottom: 1rem;
    }

    .banner > article h2 {
        font-size: 4em;
    }

}

body.is-mobile .banner > article {
    background-attachment: scroll;
}

/************************官网介绍************************/

.website-wrap{
    width:100%;
    background: #f4f4f4;
    overflow:hidden;
}
.website{
    overflow:hidden;
    height:auto;
    padding:40px 0;
}
.website .webTitle{
    text-align:center;
}
.webTitle .webTxt-inner{
    text-align:left;
}
.website .webImg{  
    overflow:hidden;   
}
.website .more{
    margin:0 auto;
    margin-top:14px;
    display:block;
    width:120px;
    padding:10px 0;
    border:1px solid #eb4217;
    border-radius:6px;
    color:#eb4217;
    text-align:center;
    transition: all 1s;
}
.website .more:hover{
    transition: all 1s;
    background: #eb4217;
    color:#fff;
}
/**************************网站特色**********************/
.character{
    width:100%;
    height:auto;
    overflow:hidden;
}
.charaterInfo{
    height:100%;
    padding:80px 0;
    /*display:flex;
    justify-content: space-between;*/
}
 .charaterInfo .charater-list{
    height:auto;
    text-align:center;
    color: #404040;
}
.character .charaterInfo .charater-list em{
    transition: all 1.5s;
    opacity:0;
    transform-origin: 50% 50%;
    display:inline-block;
    width:110px;
    height:110px;
    background:linear-gradient(to right,#fe8465 6%,#fd3300);
    border-radius:50%;
    position:relative;
    margin-bottom:20px;
}
.character .charaterInfo .charater-list em img{
    width:65px;
    height:65px;
    vertical-align:middle;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

    /*调用动画*/
@keyframes charater-animate{
    0%{transform:rotate(0deg) scale(0)}
    50%{transform:rotate(180deg) scale(0.5)}
    100%{transform:rotate(360deg) scale(1)}
}
.ani-tese{animation:charater-animate 1s linear alternate both;}
.character .charaterInfo .charater-list p{
    color:#393939;
    font-size:30px;
    margin-bottom:20px;
}
.character .charaterInfo .charater-list b{
    line-height:26px;
    font-weight:300;
    color:#969696;
}

/***********************健康生活********************/
.lifeInfo{
    position:relative;
    height:auto;
}
.lifeInfo .life-wrap .life-bg{
    position:absolute;
    top:0;
    right:0;
}
.lifeInfo .life-wrap{
    position:relative;
    height:400px;
    margin:226px auto;
    width:100%;
}
.lifeInfo .life-wrap.life-wrap2{
    margin-top:90px;
    background:#f9eef0;
}
.lifeInfo .life-wrap.life-wrap3{
    background:#eef7f9;
}
.lifeInfo .life-wrap.life-wrap4{
    background:#eef9f0;
    margin-bottom:140px;
}
.lifeInfo .life-wrap .life-list{
    height:120%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    position:absolute;
}
.lifeInfo .life-wrap .life-list .lifeImg {
    opacity:0;
    position:absolute;
    top:40px;
}
.lifeInfo .life-wrap .life-list .lifeImg .life-pic2{
    width:70%;
    height:74%;
    position:absolute;
    z-index:13;
    top:50%;
    transform:translateY(-50%);
}
.lifeInfo .life-wrap .life-list .lifeImg .life-pic1{
    /*border:1px solid red;*/
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
}
.lifeInfo .life-wrap .life-list .lifeImg .life-pic2.left{
    /* left:240px; */
}
.lifeInfo .life-wrap .life-list .lifeImg .life-pic2.right{
    /* right:50%; */
}

/*向右浮动*/
.lifeInfo .life-wrap .life-list .right{
   /*  float:right; */
}
.lifeInfo .life-wrap .life-art{
    display:block;
    width:45%;
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    opacity:0;
    z-index:99;
    padding:20px;
}
.lifeInfo .life-wrap .life-art p,.lifeInfo .life-wrap .life-art-mini p{
    font-weight:600;
    color: #393939;
    font-size:24px;
    line-height:70px;
    border-bottom:1px solid rgba(213, 213, 213, 0.98);
}
.lifeInfo .life-wrap .life-art .lifeTxt,.lifeInfo .life-wrap .life-art-mini .lifeTxt{
    text-indent: 37px;
    padding-left:20px;
    color: #969696;
    line-height:26px;
    margin:28px 0 40px 0;
}
.lifeInfo .life-wrap .life-art a,.lifeInfo .life-wrap .life-art-mini a{

    padding:10px 20px;
    display:inline-block;
    border-radius:6px;
    text-align:center;
    color: #eb4217;
    border:1px solid #eb4217;
    transition: all .8s;
}
.lifeInfo .life-wrap .life-art a:hover{
    background:#eb4217;
    color: #fff;
    transition: all .8s;
}
.life-ani2 p{
    padding-right:20px;
    text-align:right;
}
.life-ani1 a{
    margin-right:90px;
}
.life-ani1 .life-list .lifeImg{
    left:0;
}
/* 移动适配与pc */
.life-ani1 .life-list .life-art-mini,.life-ani2 .life-list .life-art-mini,.life-ani3 .life-list .life-art-mini{   
    height:auto;
    display:none;
}



.life-ani1 .life-list .life-art{
    left:0;
    position:absolute;
}
.life-ani2 .life-list .lifeImg{
    right:0;
}
.life-ani2 .life-list .life-art{
    right:0;
    position:absolute;
}

.lifeTitle p{
    margin:0 auto;
    color:#4c4c4c;
}
.life-wrap .lifeTitle{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    width:90%;
}

/******************便捷服务************************/
.service{
    height:auto;
    padding:40px 0;
    width:100%;
    overflow:hidden;
}
.service .serviceTitle{
    width:90%;
    text-align:center;
    margin:0 auto;
}
.service .serviceInfo{
    padding:40px 0;
    /*display:flex;
    justify-content: space-between;*/
}
.service .serviceInfo .serList{
    transition: all .2s;
    text-align:center;
    cursor:pointer;
    /* width:29%; */
    height:560px;
    position:relative;
    background:#fff;
    border:1px solid #eee;
    /*box-shadow:0 0 5px 3px #eee;*/
}
.service .serviceInfo .serList:hover{
    transition: all .2s;
    box-shadow:0 0 20px 10px #eee;
}
.service .serviceInfo .serList:hover .mark{
    background:linear-gradient(to right,#fe8465 6%,#fd3300 );
}
.service .serviceInfo .serList .mark{
    content:'';
    width:100%;
    height:180px;
    position:absolute;
    top:0;
    background: rgba(238, 238, 238, 0.7);
}
.service .serviceInfo .serList .mark .serList-icon{
    width:60px;
    height:60px;
    margin:28px auto;
    font-family:iconfont;
    font-size:45px;
    text-align:center;
    line-height:60px;
    /*color:#bbb;*/
    color:#bbb;
}
.service .serviceInfo .serList:hover .mark .serList-icon{
    color:#fff;
}
.service .serviceInfo .serList .mark h1{
    text-align:center;
    font-size:24px;
    color:#393939;
}
.service .serviceInfo .serList:hover .mark h1{
    color:#fff;
}
.serviceInfo .serList .serList-top{
    height:180px;
    width:100%;
    position:relative;
}
.serviceInfo .serList .serTxt-wrap{
    display:flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    height:138px;
    margin-top:40px;
    box-sizing: border-box;
}
.service .serviceInfo .serList p{
    line-height:32px;
    padding:0 20px;
    text-align:center;
    margin:0 auto;
}
.serviceInfo .serList p.num{
    margin-top:50px;
}
.serviceInfo .serList p.num span{
    color:#eb4217;
    font-size:36px;
    font-weight:600;
}
.serviceInfo .serList a{
    color:#bbb;
    margin:50px auto;
    padding:6px 20px;
    text-align:center;
    border-radius:14px;
    border:1px solid #eee;
}
.service .serviceInfo .serList:hover a{
   /* background:linear-gradient(to right,#fe8465 6%,#fd3300);*/
    background:#eb4217;
    color:#fff;
    border:#eb4217;
}
/**********************新闻动态*********************/
.news{
    min-height:848px;
    width:100%;
    overflow:hidden;
    position:relative;
    background:url("../img/news.jpg") no-repeat -1180px -650px;
}
 .news .newsInfo-title{
    text-align:center;
    margin-bottom:30px;
} 
.news .news-Info-wrap{
    margin:0 auto;
}
.news .news-Info-wrap .news-Ifo-ul li{
    position:relative;
    overflow:hidden;
    margin-bottom:16px;
}

.news .news-Info-wrap .news-Ifo-ul li .news-pic{
    overflow:hidden;
    position:relative;
    margin-bottom:30px;
}
.news .news-Info-wrap .news-Ifo-ul li .news-pic .mark{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:-100%;
    z-index:10;
    text-align:center;
    transition: all .8s;
}
.news .news-Info-wrap .news-Ifo-ul li .news-pic:hover .mark{
    left:0;
    transition: all .8s;
}
.news .news-Info-wrap .news-Ifo-ul li .news-pic .mark .detail-Info{
    position:absolute;
    top:0;
    width:100%;
    z-index:20;
    color:#fff;
    text-align:center;
    overflow: hidden;
}
.news-Ifo-ul li .news-pic .mark .detail-Info h2{
    font-size:20px;
    margin:46px 0 30px 0;
}
.news-Ifo-ul li .news-pic .mark a{
    display:inline-block;
    margin:auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
    position:absolute;
    border:1px solid #fff;
    width:60px;
    height:60px;
    border-radius:50%;
    text-align:center;
    line-height:60px;
    font-family:iconfont;
    font-size:28px;
    color:#fff;

}
.news .news-Info-wrap .news-Ifo-ul li .news-pic .mark:before{
    content:'';
    width:100%;
    height:100%;
    background: rgba(235, 66, 23, 0.8);
    top:0;
    left:0;
    display:block;
    position:absolute;
}
.news .news-Info-wrap .news-Ifo-ul li .news-pic b{
    display:block;
    width:60px;
    height:60px;
    position:absolute;
    top:0;
    color:#fff;
    font-weight:500;
    background:url("../../img/index/home-icons.png") -154px -188px no-repeat;
}
.news .news-Info-wrap .news-Ifo-ul li .news-pic b span{
    font-size:12px;
    margin:-8px 0 0 -5px;
    transform:rotateZ(-45deg);
    display:block;
}
.news .news-Info-wrap .news-Ifo-ul li .news-list-txt .bookmark{/*热门，推荐标签*/
    z-index:9;
    width:36px;
    height:36px;
    position:absolute;
    top:14%;
    right:-8%;
    background:url("../img/home-icons.png") -4px -308px no-repeat;
}
.news .news-Info-wrap .news-Ifo-ul li.more{
    background:linear-gradient(to right,#fe8465 6%,#fd3300);
}
.news .news-Info-wrap .news-Ifo-ul li .news-list-txt{
    background: #eee;
    padding:20px 16px;
    position:relative;

    /* height: 100%; 
    padding-bottom:50%;*/
    box-sizing: border-box;
    color: #4c4c4c;
}
ul li .news-list-txt .new-title{
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    margin:0 auto;
    font-size:20px;
    font-weight:800;
    margin-bottom:10px;
}
.news-Ifo-ul li .news-list-txt p{
    height:124px;
    line-height:26px;
    overflow:hidden;
    margin-bottom:22px;
}
.news-Ifo-ul li .news-list-txt b{
    color:#999;
    font-size:14px;
}
.news-Ifo-ul li .news-list-txt hr{
    background:#ccc;
    border:none;
    width:100%;
    height:1px;
    margin:15px 0 10px;
}
.news-Ifo-ul li .news-list-txt .details{
    display:block;
    line-height:30px;
    font-weight:600;
    border-radius:10px;
    color:#4c4c4c;
}
.news-Ifo-ul li .news-list-txt .details:hover{
    color:#eb4217;
}
/*新闻查看更多*/
.news-Ifo-ul li .news-list-txt .news-more{
    display:block;
    width:90px;
    height:90px;
    background:#fff;
    border-radius:60%;
    margin:12% auto;
    color:#eb4217;
    text-align:center;
    line-height:80px;
    font-size:80px;
    font-weight:200;
    transition: all 1s;
    transform:rotateZ(-180deg);
}
.news-Ifo-ul li .news-list-txt .news-more:hover{
    transition: all 1s;
    transform:rotateZ(180deg);
}
/**********************老人故事*********************/
.oldStory{
    height:790px;
    position:relative;
    overflow:hidden;
}
.oldStory .storyTitle{
    position:absolute;
    left:0;
    right:0;
    width:90%;
    margin:auto;
    text-align:center;
}
.oldStory .storyInfo{
    width:100%;
    background:#eb4217;
    padding:30px 0;
    height:190px;
    margin-top:220px;
}
.oldStory .storyInfo .storyTxt p{
    padding:20px 0;
    color:#fff;
    line-height:28px;
}
#box{
    /* height: 476px; */
    overflow: hidden;
    position: absolute;
    /* top:22%; */
    margin:auto;
    left:0;
    right:0;
}
#box-mini{
    display:none;
}
#top{
    position: absolute;
    height:454px;
    width:632px;
    overflow:hidden;
    
}
#top li{
    border:14px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
#top li a img{
    max-height:100%;
    max-width: 100%;
    height: auto;
}

#top li .mark{
    position:absolute;
    top:0;
    background:rgba(0, 0, 0, 0.6);
    height:93%;
    z-index:2;
    width:100%;
    opacity:0;
    transition: all .8s;
    display:flex;
    flex-flow: column;
   justify-content: center;
}
#top li:hover .mark{
    opacity:1;
    transition: all .8s;
}
#top li .mark .people_details{
    color:#eee;
    padding:10px 30px;
    text-align:center;
}
#top li .mark .people_details h2{
    font-size:26px;
    margin-bottom:26px;
}
#top li .mark .people_details p{
    line-height:28px;
}
#top li .mark .people_details a{
    display:inline-block;
    margin-top:20px;
    color:#969696;
    text-align:center;
    font-size:94px;
    font-family: 'iconfont';
    transition: all .8s;
    bottom:0;
}
#top li .mark .people_details a:hover{
    transition: all .8s;
    color:#eb4217;
}
#top li .mark:hover{
    opacity:1;transition: all .8s;
}
#left{
    position: absolute;
    width: 10%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
}
#right{
    position: absolute;
    width: 10%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10;
}
#btn_l{
    position: absolute;
    /*background: url(../img/btn.gif) no-repeat;*/
    background: rgba(255, 255, 255, 0.6);
    font-family:'iconfont';
    height: 40px;
    width: 40px;
    text-align:center;
    line-height:40px;
    color:#fff;
    border-radius:50%;
    margin:auto;
    left: 0;
    top: 0;
    bottom:0;   
    z-index: 1001;
    opacity:0;
    filter: alpha(opacity=0);
}
#btn_r{
    font-family:'iconfont';
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    text-align:center;
    line-height:40px;
    /*background: url(../img/btn.gif) no-repeat 0 -60px;*/
    height: 40px;
    color:#fff;
    width: 40px;
    border-radius:50%;
    margin:auto;
    right: 0;
    top: 0;
    bottom:0;  
    z-index:1001;
    opacity: 0;
    filter: alpha(opacity=0);
}
#btn_r,#btn_l{
    color:#eb4217;
}

#bottom{
    height:27%;
    position: absolute;
    top:305px; 
    overflow:hidden;

}
#small_ul{
    position: absolute;
    width:100%;
    top: 0;
    left: 0
}
#small_ul li{
    width:172px;
    height:120px;
    cursor:pointer;
    padding:8px 10px 0 ;
    float: left;
}
.oldStory .more{
    margin:auto;
    margin-top:170px;
    width:75%;
    text-align:center;
}
.oldStory .more a{
    border:1px solid #eb4217;
    text-align:center;
    display:inline-block;
    padding:10px 20px;
    color:#eb4217;
    background:#fff;
    border-radius:6px;
    transition: all.8s;
}
.oldStory .more a:hover{
    transition: all.8s;
    background:#eb4217;
    color:#fff;
}

/*更多新闻*/
.news .news-Info-wrap .more{
    display:block;
    margin:0 auto;
    border:1px solid #eb4217;
    color:#eb4217;
    width:124px;
    text-align:center;
    padding:10px 0;
    transition: all .8s;
    border-radius:6px;
}
.news .news-Info-wrap .more:hover{
    background:#eb4217;
    color:#fff;
    transition: all .8s;
}
/**********************专题2***********/
.special-wrap{
    background:#eb4217;
    width:100%;
    height:276px;
    position:relative;
    margin-top:436px;
}
.special-wrap .spe-title{
  /*  border:1px solid red;*/
    width:90%;
    position:absolute;
    top:-132%;
    left:0;
    right:0;
    text-align:center;
    margin: auto;
}
.special2{
    overflow:hidden;
    position:absolute;
    width:100%;
    bottom:30%;
}
.special2 ul{
    height:400px;
    display:flex;
    justify-content: space-between;
}
.special2 ul li{
    position:relative;
    height:100%;
    width:17.4%;
    background:no-repeat center;
}
.special2 ul li .mark{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    display:flex;
    justify-content: center;
    flex-flow: column;
    cursor: pointer;
}
.special2 ul li .mark p{
    background: rgba(105, 105, 105, 0.8);
    display:inline-block;
    text-align:center;
    padding:30px;
}
.special2 ul li .mark p .mark-info{
    font-size:16px;
    line-height:28px;
    color:#eee;
}
.special2 ul li .list-hipei{   
    width:100%;
    text-align:center;
    display:none;
    font-size: 28px;
    margin:0 auto;
}
.special2 ul li .list-hipei a{
    color:#fff;
    font-size:18px;
    line-height:400px;
}

.special2 ul li:nth-of-type(1){background-image:url(../../img/index/fuwu.jpg);}
.special2 ul li:nth-of-type(2){background-image:url(../../img/index/yongpin.jpg);}
.special2 ul li:nth-of-type(3){background-image:url(../../img/index/xiuxian.jpg);}
.special2 ul li:nth-of-type(4){background-image:url(../../img/index/zuopin.jpg);}
.special2 ul li:nth-of-type(5){background-image:url(../../img/index/tuixiu.jpg);}
.special2 ul li .list-img{
    display:block;
    width:100%;
    height:100%;
    background:url(../img/bg.png);
    color:#fff;
    text-decoration:none;
    font-size:28px;
    overflow:hidden;
}
.special2 ul li .list-img span{
    font-size: 24px;
    display:block;
    width:30px;
    margin:0 auto;
    margin-top:140px;
}
/*span为了让文字竖排显示*/

.special2 ul:hover li{
    transition: all 1s;
    width:15.3%;
}
/*ul划过状态时 里面（空格为包含选择符） 所有的li宽为133px*/

.special2 ul li:hover{
    transition: all 1s;
    width:39%;
    /*transform: scale(2);*/
}
.special2 ul li:hover .mark{
    opacity:1;
}
/*ul 里面 的li在划过状态时宽度为402px*/

.special2 ul li:hover .list-img{
    background:0;
}
/*ul 里面 的li在划过状态时a背景为空*/

.special2 ul li:hover span{
    display:none;
}
/*ul 里面 的li在划过状态时span消失*/
/******************联系我们****************/
.contact{
    height:auto;
    width:100%;
    overflow:hidden;
    padding:50px 0;
}
/*联系我们-左*/
.contact .conInfo{
    overflow:hidden;
    margin:0 auto;
}
.contact .conInfo .conLeft .conImg{
    opacity:.7;
}
/*联系我们-右*/
.contact .conInfo .conRight{
    height:auto;
}
.conInfo .conRight .con-Text{
    width:100%;
    color: #444;
}
.conInfo .conRight .con-Text h2{
    font-size: 30px;
    margin-bottom:20px;
}
.con-Text .sendMsg form fieldset{
    width:100%;
}
.sendMsg form fieldset label{
    display:block;
    line-height:36px;
}
.sendMsg form fieldset label span{
    color:#eb4217;
}
.sendMsg form fieldset input,.sendMsg form fieldset textarea{
    height:40px;
    border:none;
    background:#eee;
    width:98%;
    border-radius:4px;
    padding-left:2%;
    outline:none;
    color:#696969;
}
.sendMsg form fieldset .submit{
    display:inline-block;
    padding:8px 30px;
    background:#eee;
    color:#696969;
    margin-top:20px;
    transition: all .8s;
    border-radius:14px;
}
.sendMsg form fieldset .submit:hover{
    background:#eb4217;
    color:#fff;
    transition: all .8s;
}

/****************弹窗*******************/
.Popup{
    height:70px;
    width:58px;
    position:fixed;
    top:64px;
    right:10px;
    z-index:1000;
    opacity:1;
}
.PopupUl{
    position:absolute;
}
.PopupUl li{
    transition: all .7s;
    margin:6px 0;
}
/*.PopupUl li:hover .popup-swiper{
    margin-left:-140px;
    transition: all .7s;
}*/
/*.PopupUl li:hover b{
    opacity:1;
    transition: all .1s;
}*/
.popup-swiper{
    width:100%;
    height:100%;
    position:relative;
    margin-left:150px;
}
.popup-list{
    padding-left:10px;
    width:50px;
    height:55px;
    cursor:pointer;
    position:relative;
}
.popup-list p{
    background:linear-gradient(to right,#fe8465 6%,#fd3300 );
    height:100%;
    line-height:55px;
    width:249px;
    color:#fff;

}
.popup-list span,.popup-list b{
    font-size:34px;
    font-family:'iconfont';
    vertical-align:middle;
    margin-right:10px;
    text-align:center;
}
.popup-list span{
    color:#fff;
    margin-left:10px;
}
.popup-list b{
    color:#eb4217;
    float:left;
    height:100%;
    line-height:55px;
}


