@charset="UTF-8";

.clear {
    clear: both;
}


/* 公共头SS */

.head {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 22;
}

.head_tit {
    width: 100%;
    height: 2.98rem;
    background: #0d1f47;
    overflow: hidden;
    padding: 0 3%;
    padding-top: 0.73rem;
}

.head_tit .logo {
    width: 36%;
}

.head_tit .logo img {
    width: 100%;
}

.head_ss {
    width: 60%;
    height: 1.52rem;
    line-height: 1.52rem;
    border-radius: 0.3rem;
    font-size: 0.65rem;
    color: #777;
    padding-left: 1.28rem;
    margin-left: 3%;
    background: url(../images/h_icon2_03.png) no-repeat 0.4rem center #fff;
    -webkit-background-size: 0.584rem auto;

    background-size: 0.584rem auto;
    display: none;
}

.head_gr {
    display: block;
    width: 1.51rem;
    height: 1.51rem;
    background: url(../images/h_icon_03.png) no-repeat right center;
    -webkit-background-size: cover;

    background-size: 1.21rem auto;
}

.tab_tit {
    width: 100%;
    position: relative;
    background: #fff;
    height: 2.1rem;
    line-height: 2.1rem;
    border-bottom: 1px solid #cbcbcb;
    overflow: hidden;
}

.tab_tit .tab_titin {
    width: 300%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.tab_tit .tab_titin ul li {
    width: 2.65rem;
    height: 100%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #cbcbcb;
}

.tab_tit .tab_titin ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 0.8rem;
}

.tab_tit .tab_titin ul li.cur a {
    color: #0a76ca;
}

.tab_arr {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 2.2rem;
    height: 100%;
    background: url(../images/s_arr_03.png) no-repeat right top;
    -webkit-background-size: contain;

    background-size: contain;
}

.tab_arr.tab_arron {

    background-image: url(../images/sx_icon_03.png);
}

.head_grss {
    background-image: url(../images/nxsss.png);
    margin-right: 0.7rem;
}


/* 公共头EE */


/* 公共尾SS */

.footer_list {
    width: 100%;
}

.footer_list ul li {
    width: 100%;
    background-color: #252525;
    border-bottom: 1px solid #333;
    height: 2.5rem;
}

.footer_list ul li:last-child {
    border-bottom: none
}

.footer_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 2.5rem;
    box-sizing: border-box;
    padding-left: 6%;
    font-size: 0.7rem;
    color: #e2e2e2;
    background: url(../images/f_icon1_03.png) no-repeat 95% center;
    -webkit-background-size: 0.35rem auto;

    background-size: 0.35rem auto;
}

.footer_list ul li a:active {
    background-color: #1e1e1e;
}

footer {
    width: 100%;
    background: #0a0a0a;
    line-height: 1.096rem;
    font-size: 0.58rem;
    color: #777;
    text-align: center;
    padding: 0.8rem 0;
}


/* 公共尾EE */

.jk_wrap {
    padding-top: 5.08rem;
}

.top,
.back {
    position: fixed;
    right: 5%;
    bottom: 6.8rem;
    width: 2.45rem;
    display: none;
    z-index: 2;
}

.top img,
.back img {
    width: 100%;
    display: block;
}

.back {
    bottom: 3.86rem;
    display: block;
}

.nfood_wrap {
    width: 100%;
    padding-top: 5.08rem;
}

.swiper-container {

    width: 100%;

    box-sizing: border-box;
    padding: 0.4rem 3%;
    background: #fff;
}

.swiper-container img {
    width: 100%;
}

.swiper-pagination-bullet {
    opacity: 0.5;
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3e82cc;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0.6rem;
}

.nfood_tit {
    width: 100%;
    overflow: hidden;
}

.nfood_tit ul li {
    width: 25%;
    text-align: center;
    float: left;
    border-bottom: 2px solid #fff;
    background: #fff;
    font-size: 0.72rem;
    line-height: 1.8rem;
}

.nfood_tit ul li a {
    color: #333;
}

.nfood_tit ul li.cur {
    border-color: #3e82cc;
}

.nfood_tit ul li.cur a {
    color: #3e82cc;
}

.nfood_link {
    width: 100%;
    padding: 0.5rem 4%;
    padding-top: 1rem;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 0.3rem;
}

.nfood_link ul li {
    width: 33.3%;
    float: left;
    text-align: center;
}

.nfood_link ul li:nth-child(2) {
    width: 33.4%;
}

.nfood_link ul li a {
    display: block;
    width: 100%;
}

.nfood_link ul li a img {
    width: 50%;
}

.nfood_more {
    width: 100%;
    text-align: center;
    background: #fff;
    display: none;
}

.nfood_more img {
    width: 20%;
}

.nfood_linkone {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 0.2rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.3rem;
    line-height: 1.5
}

.nfood_linkone ul li {
    width: 16%;
    float: left;
    text-align: center;
}

.nfood_linkone ul li:first-child,
.nfood_linkone ul li:last-child {
    width: 18%;
}

.nfood_linkone ul li span {
    display: inline-block;
    width: 1.81rem;
}

.nfood_linkone ul li span img {
    width: 100%;
    display: block;
}

.nfood_linkone ul li h3 {
    font-size: 0.6rem;
    color: #333;
}

.nfood_list ul li {
    width: 100%;
    background: #fff;
    display: inherit;
    margin-bottom: 0.3rem;
    padding: 0.57rem 3%;
    overflow: hidden;
    box-sizing: border-box;
}

.nfood_list ul li:last-child {
    margin-bottom: 0
}

.nfood_list ul li .imgbox {
    width: 5.029rem;
    position: relative;
}

.nfood_list ul li .imgbox span {
    position: absolute;
    background: url(../images/sc_png_03.png) repeat;
    color: #fff;
    height: 0.73rem;
    line-height: 0.73rem;
    font-size: 0.43rem;
    padding: 0 0.4rem;
    border-radius: 1000rem;
    left: 0.3rem;
    bottom: 0.3rem;
}

.nfood_list ul li .imgbox img {
    width: 100%;
    display: block;
}

.nfood_list ul li .txtbox {
    width: 68%;
}

.nfood_list ul li .txtbox h4 {
    color: #333;
    font-size: 0.8rem;
    line-height: 1.096rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.nfood_list ul li .txtbox h5 {
    color: #333;
    font-size: 0.52rem;
    height: margin-top: 0.05rem;
    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-line-clamp: 2;
}

.nfood_list ul li .txtbox p {
    overflow: hidden;
    font-size: 0.51rem;
    color: #777;
}

.nfood_list ul li .txtbox .xxbox {
    padding-left: 0.8rem;
    background: url(../images/sc_icon_03.png) no-repeat left center;
    -webkit-background-size: 0.5rem auto;

    background-size: 0.5rem auto;
}

.nfood_list {
    display: none;
}

.nfood_linkone ul li h3.on {
    color: #1b82d2;
}

.media_banner {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 3%;
    background: #fff;
    margin-bottom: 0.3rem;
}

#pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    height: 10rem;
}

#pic ul {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#pic ul li {
    position: absolute;
}

#pic ul img {
    position: relative;
    top: 0;
    left: 0;
}


/*图片位置*/

#pic ul .pic1 {
    top: -50%;
    left: 0;
    z-index: 1;
    width: 10%;
}

#pic ul .pic2 {
    width: 28%;

    top: 16%;

    left: 0%;

    z-index: 2;
}

#pic ul .pic3 {
    width: 33%;

    top: 10%;

    left: 12%;

    z-index: 3;
}

#pic ul .pic4 {

    width: 41%;

    top: 0%;

    left: 29.5%;
    z-index: 4;
}

#pic ul .pic5 {
    width: 33%;

    top: 10%;

    left: 54%;

    z-index: 3;
}

#pic ul .pic6 {
    width: 28%;

    top: 16%;

    left: 73%;

    z-index: 2;
}

#pic ul .pic7 {
    top: -100%;
    left: 0;
    z-index: 1;
    width: 10%;
}


/*图片A标签width和height*/

#pic ul li img {
    width: 100%;
}


/*图片明暗*/

#pic ul li.pic1 {
    opacity: 0.2;
    filter: alpha(opacity:20);
}

#pic ul li.pic2 {
    opacity: 0.6;
    filter: alpha(opacity:60);
}

#pic ul li.pic3 {
    opacity: 0.9;
    filter: alpha(opacity:90);
}

#pic ul li.pic4 {
    opacity: 1;
    filter: alpha(opacity:100);
}

#pic ul li.pic5 {
    opacity: 0.9;
    filter: alpha(opacity:90);
}

#pic ul li.pic6 {
    opacity: 0.6;
    filter: alpha(opacity:60);
}

#pic ul li.pic7 {
    opacity: 0.2;
    filter: alpha(opacity:20);
}


/*图片width*/


/*箭头部分*/

#pic span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 1.5rem;
    position: absolute;
    top: 160px;
    z-index: 30;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#pic:hover span {
    opacity: 1;
    filter: alpha(opacity=100);
}

#pic span img {
    width: 100%;
}

#pic span.prev {
    left: 0;
    top: 37%;
}

#pic span.next {
    right: 0;
    top: 37%;
}

.top,
.back {
    z-index: 40
}





.swiper-slide a {
    display: block;
}

.nfood_list ul li a {
    display: block;
}