.nn_container{width:100%;background:#310073 url(/home/img/module/huodong/jfhd/smkh_bg.jpg) center top no-repeat}
.nn_container .single_banner{height:725px}
.nn_host{
    margin:0 auto 163px;
    width:75pc;
    padding: 64px 10px 42px;
    box-sizing: border-box;
    border:2px solid;
    border-image:linear-gradient(90deg, rgba(243,96,114,1), rgba(244,97,113,1)) 2 2;
    background:linear-gradient(235deg,rgba(62,0,152,0.3),rgba(34,0,76,0.3));
    position: relative;
}
.nn_host>a{
    display: block;
    padding-bottom:5px;
    height:14px;
    font-size:14px;
    font-weight:400;
    color:rgba(246,97,113,1);
    text-decoration:underline;
    position: absolute;
    left: 50%;
    top:47px;
    transform: translateX(-50%);


}
.nn_host_in{margin-right:-10px;margin-left:-10px}
.nn_host_in .list{overflow:hidden}
.nn_host_in .list li{float:left;width:25%}
.nn_host_in .list .item{padding:20px 10px}
.nn_host_in .list .item_in{position:relative;display:block;height:405px;border:2px solid #6700ff;background:#f76270;background:-webkit-linear-gradient(top,#f76270 0,#6813ba 90%);background:linear-gradient(to bottom,#f76270 0,#6813ba 90%);transition:box-shadow .2s ease;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76270', endColorstr='#6813ba', GradientType=0)}
.nn_host_in .list .item_in:hover ,.product .product_in:hover{box-shadow:0 10px 10px #32007b}
.nn_host_in .list .item_in .tag_only{position:absolute;top:-17px;right:-22px;width:87pt;height:87pt;background:url(/home/img/module/huodong/jfhd/tag_only.png) no-repeat center center}
.nn_host .title{
    width: 285px;
    height: 52px;
    font-size:32px;

    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:52px;
    background:url(/home/img/module/huodong/jfhd/title_bg.jpg) no-repeat center;
    position: absolute;
    left: 50%;
    top:-27px;
    transform: translateX(-50%);
    text-align: center;

}
.nn_host .title_2 {
    background:url(/home/img/module/huodong/jfhd/title_bg2.jpg) no-repeat center;
}
.nn_host_in .list .item_in h3{
    font-size:26px;
    text-align: center;

    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:25px;
    padding-top: 30px;
}
.nn_host_in .list .item_in .collocation {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 49px;
    margin-top: 15px;
}
.nn_host_in .list .item_in .collocation li {
    width: 49%;
    text-align: center;
    margin-top: 27px;
    border-right: 1px solid #CCCCCC;
}
.nn_host_in .list .item_in .collocation li:nth-child(2), .nn_host_in .list .item_in .collocation li:nth-child(4) {
    border: none;
}
.nn_host_in .list .item_in .collocation li div {
    font-size: 18px;

    font-weight: 400;
    color: #FFF100;

}
.nn_host_in .list .item_in .collocation li p {
    font-size: 16px;
    font-family: PingFang;
    font-weight: 400;
    color: #FEFEFE;
}
.nn_host_in .list .item_in  .price {
    font-size: 12px;
    line-height: 1;
}


.nn_host_in .list .item_in .price .ico_discount {
    display: inline-block;
    width: 55px;
    height: 28px;
    background: url(/home/img/module/huodong/jfhd/ico_discount.png) no-repeat center;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    text-indent: -8px;
    position: relative;
    top: -5px;
}
.nn_host_in .list .item_in .price strong {
    font-size: 34px;
    color: #FF303A;
    padding: 0 3px 0 0;
    position: relative;
    top: 2px;
    color: #FFF100;
}
.nn_host_in .list .item_in .price em {
    font-weight: bold;
    font-size: 14px;

    font-weight: 400;
    color: #FFFFFF;
}
.nn_host_in .list .item_in .o_price {
    font-size: 14px;
    color: #CECDCD;
    padding-top: 5px;
    text-decoration: line-through;
}
.nn_host_in .list .item_in .buy_now {
    padding-top: 14px;
    width: 203px;
    margin: 0 auto;
}
.nn_host_in .list .item_in a {
    display: block;
    width:203px;
    height:36px;
    line-height: 36px;
    font-size:16px;
    color:#FFFFFF ;
    background:#FFB100;
    border: none;
}
.nn_host_in .list .item_in a:hover ,.product .product_in ul li a:hover{
    background: linear-gradient(0deg,rgba(255,85,0,1),rgba(255,189,56,1));
}
.product {
    margin-top: 30px;
}
.product .product_in{
    width:1172px;
    height:222px;
    box-sizing: border-box;
    background:linear-gradient(-78deg,rgba(104,19,186,1),rgba(247,98,112,1));
    border:2px solid rgba(103, NaN, 255, 1);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 43px;


}
.product .product_in .hw_tit{
    width: 161px;
    height: 222px;
    background:url(/home/img/module/huodong/jfhd/hw_tit.jpg) no-repeat center;
    font-size:26px;
    font-weight:bold;
    line-height:222px;
    color: #fff;
    margin-right: 19px;
}
.product .product_in ul{
    width:969px;
    height: 50%;
    box-sizing: border-box;
    border-bottom:1px solid rgba(204,204,204,1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.product .product_in ul:nth-last-child(1){
    border: none;
}
.product .product_in ul li{
    display: block;
    width: 10%;

}
.product .product_in ul li:nth-child(1),.product .product_in ul li:nth-last-child(1){
    width: 25%;
}
.product .product_in ul li p{
    font-size:18px;
    font-weight:400;
    color:rgba(255,241,0,1);
    margin-top: 30px;
    margin-bottom: 10px;
}
.product .product_in ul li p em{
    font-size:14px;
    color: #fff;
}
.product .product_in ul li span{
    font-weight:400;
    color:rgba(254,254,254,1);
    font-size:16px;
}
.product .product_in ul .price p{
    margin-top: 5px;
    font-size: 34px;

}
.product .product_in ul li a{
    display: block;
    width:170px;
    height:36px;
    background:rgba(255,177,0,1);
    margin: auto;
    font-size:16px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:36px;
}

.case_box{margin:0px auto 70px;width:75pc}
.case_box .tit{padding-bottom:35px;color:#fff;font-size:30px}
.case_box ul{overflow:hidden}
.case_box ul li{float:left;padding:10px .5%;width:24%}
.case_box ul li a{display:block;padding:53px 0 37px;height:65px}
.case_box ul li img{display:inline-block;height:100%}
.case_box ul li a:hover{background-color:#5d00e0;box-shadow:0 0 15px #2b0067}