@charset "utf-8";
/*--common begin--*/
html, body
{
    background: #000;
    font-size: 0.68em;
    font-family: "Lucida Grande",Verdana,Corbel,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
}

body, textarea
{
    font: 12px "Lucida Grande",Verdana,Corbel,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
}

body, form, menu, dir, fieldset, blockquote, p, pre, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6
{
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-family: "Lucida Grande",Verdana,Corbel,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
}

sup, sub
{
    vertical-align: baseline;
}

table
{
    border-collapse: collapse;
}

li
{
    list-style: none;
}

fieldset, a img
{
    border: 0;
}

button, input.radio, input.checkbox
{
    cursor: pointer;
}

input[type=radio], input[type=checkbox]
{
    cursor: pointer;
}

.claer
{
    clear: both;
}

    .claer:after
    {
        content: ".";
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        overflow: hidden;
    }

a
{
    text-decoration: none;
    color: #888
}

    a:hover
    {
        text-decoration: underline;
    }

body
{
    text-align: center;    
    background-color: #000;
}

form
{
    padding: 0 !important;
}
/*--
.header,
.nav,
.search,
.tools,
.dir,
.content,
.footer
{
    position: relative;
    clear: both;
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}
--*/

.content,
.footer
{
    position: relative;
    clear: both;
    max-width: 1402px;
 /*   min-width: 974px;*/
    margin: 0 auto;
    text-align: left;
}
/*--common end--*/
/*--head begin--*/
.head
{
    text-align: center;
    padding: 15px 0;
}
.nav
{
    width:auto;
    position:absolute;
    left:0;
    top:15px;

}
    .nav ul
    {
        margin-left: 220px;
    }
    .nav ul li
    {
        float: left;
        height: 30px;
        line-height: 30px;
        background: #000;
        box-sizing: border-box;
        position: relative;
        margin-left:30px;
    }
        .nav ul li a
        {
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            display: inline-block;
        }
            .nav ul li a:hover
            {
                border-bottom: 2px solid #29bf9c;
            }
            .nav ul li a.fff
            {
                border-bottom: 2px solid #29bf9c;
            }
        .logo
        {
            position:absolute;
            top:18px;
            left:15px;
        }

/*--head right begin--*/


.head_right
{
    position: absolute;
    right: 20px;
    top: 10px;
    height: 40px;
    width: auto;
}

.head_right ul li
{
    float: right;
    height: 40px;
    background: #000;
    box-sizing: border-box;
    position: relative;
    margin-left: 5px;
    width: 100px;
    font-size:14px;

}

.head_right ul li a
{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    width: 100px;
}

    .head_right ul li a:hover
    {
        background-color: #333;
    }
.head_right ul li a:hover .shop
{
    background: url('/common/gwc-b.png') no-repeat 0 3px;
}
    .head_right .shopping .shop
    {
        width: 13px;
        height: 19px;
        display: inline-block;
        vertical-align: text-bottom;
        background: url(../common/gwc-1.png) no-repeat 0 3px;
    }


    .head_right .head_portrait span
    {
        width: 14px;
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        background: url(/image/2018image/header/rx.png) no-repeat 0px;
    }

    .head_right .enter
    {
        float:right;
        color: #fff;
        position: relative;
        height: 40px;
        line-height: 40px;
        width:100px;
       
    }

    .head_right .portrait b
    {
        width: 14px;
        height: 14px;
        vertical-align: middle;
        display: inline-block;
        background: url(/image/fs/index/user.png) no-repeat 0px;
    }

.head_right .enter .portrait:hover
{
    color: #fff;
    cursor: pointer;
}

    .head_right .enter .portrait:hover b
    {
        background: url(/image/fs/index/user_focus.png) no-repeat 0px;
    }

.head_right .enter .portrait .user
{
    vertical-align: middle;
    display: inline-block;
    width: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}

    .head_right .enter .Personal_drop, .head_right .language .language_d

{
    position: absolute;
    z-index: 5;
    text-align: center;
    border: 1px solid #999;
    top: 40px;
    right: 0;
    line-height: 33px;
}

.head_right .enter .Personal_drop li,  .head_right .language .language_d li

    {
        height: 36px;
        line-height: 36px;
        width: 100%;
        margin: 0;
        background: #000;
        border-top: 1px solid #999;
    }

    .head_right .enter .Personal_drop li a, .head_right .language .language_d li a
    {
        font-size: 14px;
        display: block;
        height: 36px;
        width: 100%;
    }

    .head_right .enter .Personal_drop li:first-child, .head_right .language .language_d li:first-child
    {
        border-top: none;
    }
 .head_right .language .language_d
{
    right: -14px;
}

     .head_right .language .language_d a
    {
        width: 90px;
    }


 .head_right .language
{
    position: relative;
}

     .head_right .language span
    {
        cursor: pointer;
        float: left;
       font-weight:bold;
        height: 40px;
        background: url(/image/2018image/header/xzyy.png) no-repeat 0px;
        text-align: right;
        color: #fff;
        padding-left:20px;
    }

         .head_right .language span:hover
        {
            color: #29bf9c;
            background: url(/image/2018image/header/xzyy-h.png) no-repeat 0px;
        }
/*--head language--*/



/*--head right end--*/

.slogan
{
    text-align:center;
    color:#fff;
    font-size:24px;
    font-weight:bold;
    margin-top:160px;
}

/*searchbox*/
.search
{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.search_box
{
    margin:0 auto;
    max-width: 900px;
    height: 64px;
    border: 2px solid rgba(0, 0, 0, 0.1);
}
.search_wbox
{
   
    width: 100%;
    height:60px;
    line-height:60px;
    background: #fff;
    position:relative;
    text-align:left;
    border-radius:5px;
}
    .search_box input
    {
        width: 76%;
        height: 33px;
        border: none;
        padding-left: 20px;
        background: rgba(255, 255, 255, -0.2);
        font-size: 16px;
        color: #333;
        margin-top:15px;
    }



.search_box b
{
    background: url(/image/2018image/public/sousuo-2.png) no-repeat #29bf9c 50%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 112px;
    height: 60px;
    cursor: pointer;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}


.search_box .all_picture
{
    width: 101px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #666;
    background: url(/image/2018image/public/gd.png) no-repeat 90% 30px; 
    position: relative;
    height: 60px;
}
    .search_box .all_picture span
    {
        height: 30px;
        width: 1px;
        float: right;
        border-right: 1px solid #999;
        display:inline-block;
        position:relative;
        top:15px;
    }

    .search_box .all_picture ul
    {
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
        border: 1px solid #bdb9b3;
    }
        .search_box .all_picture ul li
        {
            width: 101px;
            height: 46px;
            background: #fff;
            border-top: 1px solid #bdb9b3;
            line-height: 46px;
            cursor:pointer;
        }
        .search_box .all_picture ul li:hover
        {
           color:#fff;
            background: rgba(255, 255, 255, 0.8);
        }
.search .hotkeyword
{
    margin-top:10px;


}
    .search .hotkeyword a, .search .hotkeyword span
    {
        display: inline-block;
        margin-left: 15px;
        color: #fff;
        font-size: 16px;
    }
    .search .hotkeyword a:hover
    {
        color: #29bf9c;
    }

/*--head end--*/
/*--content begin--*/
.content
{
    margin-top:160px;
}
.picblock
{    
    color:#fff;
    overflow:hidden;

}
    .picblock .pbhead
    {
        margin-top: 40px;
        height:30px;
    }
        .picblock .pbhead .pbhcap
        {
            height:30px;
            line-height:30px;
            font-size:20px;
            font-weight:bold;
            float:left;
        }
            .picblock .pbhead .pbhcap .pbhcapcn
            {
               border-right:2px solid #fff;
               margin-right:10px;
               padding-right:10px;
            }
        .picblock .pbhead .pbhcaptail
        {
            float:right;
            background-color:#333;
            font-size:14px;
            padding:5px;
        }
        .picblock .pbhead .pbhcaptail a
        {
           color:#ccc;
        }
            .picblock .pbhead .pbhcaptail a:hover
            {
                color: #fff;
            }

    .picblock .pblockcontent
    {
        width:100%;
    }
        .picblock .pblockcontent p
        {
            overflow: hidden;
            width: 100%;
            margin-top: 25px;
        }
    .picblock .pblockcontent p a
    {
        display: inline-block;
        overflow: hidden;
        border-radius:5px;
        position:relative;
    }
        .picblock .pblockcontent p a img
        {
            width: 100%;
            height: auto;
            transform: scale(1);
            transition: transform 1s ease 0s;
        }
            .picblock .pblockcontent p a img:hover
            {
                transform: scale(1.03);
                opacity: 0.6;
            }
            .picblock .pblockcontent p strong.character
            {
                position: absolute;
                left: 0;
                top: 50%;
                width: 100%;
                text-align: center;
                font-size: 20px;
                margin-top: -20px;
                color: #fff;
            }
                .picblock .pblockcontent p strong.character :first-child
                {
                    font-size: 24px;
                }
                .picblock .pblockcontent p strong.character span
                {display:block;
                }
                /*--content category--*/
                .picblock .cap
                {
                    text-align: center;
                    font-weight: bold;
                    margin-top: 60px;
                    margin-bottom: 25px;
                }
        .picblock .cap .cap1
        {
            font-size: 22px;
        }
        .picblock .cap .cap2
        {
            font-size: 20px;
            margin-top:15px;
        }
.recommend
{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width:100%;
}
    .recommend > div
    {
      /*  float: left;
        width: 25%;
        color: #fff;*/
    }
    .recommend > div > div
    {
        margin-bottom: 25px;
        text-align: center;
        color: #fff;

    }
    .recommend > div > div a
    {
        font-size:16px;
        font-weight:bold;
    }
        .recommend > div > div a img
        {
            position:relative;
            top:-3px;
            left:-5px;
        }
.recommend ul
{
    width: 100%;
    margin: 0px auto;
    border-left: 1px solid #fff;
}
    .recommend ul li
    {
        float: left;
        width: 50%;
        height: 25px;
        margin-bottom: 16px;
        box-sizing: border-box;
        text-align: center;
    }
        .recommend ul li a
        {
            display: inline-block;
            width: max-content;
            font-size: 14px;
            color: #fff;
        }
            .recommend ul li a:hover
            {
                color: #29bf9c;
            }

/*--content end--*/



.SuggestFramework_List
{
    border: 1px solid #CCCCCC;
    border-top: 0px;
    background: #fff;
    top: 60px !important;
    transition: all 0.5s ease-out;
}

.SuggestFramework_Heading
{
    padding: 0px 1px 0px 1px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    font-weight: bold;
}

.SuggestFramework_Highlighted
{
    line-height: 160%;
    text-indent: 3px;
    background-color: Highlight;
    color: #fff;
    font-size: 13px;
    padding-left: 15px;
}

.SuggestFramework_Normal
{
    line-height: 160%;
    text-indent: 3px;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 13px;
    padding-left: 15px;
}


@media screen and (max-width: 1536px)
{
    .content,.footer
    {
        max-width:88%;
    }
}
@media screen and (max-width: 1024px)
{
    .search_box
    {
        max-width: 90%;
    }
}