﻿.mainframe
{
    width:100%;
    text-align:center;
    vertical-align:top;
    background-color:#5b5a5a;/**#0c2633; **/
    padding-top:0px;
    margin:0px;
    display:none;
}
.content
{
    position:relative;
    width:100%;
    height:100%;
    _height:100%;
    min-height:100%;    
    text-align:center;
    margin:0px;
    vertical-align:bottom;
    padding:0px;
}
.bgImg
{
    background-image:url(../imgs/bg.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.txtContent
{
    position:relative;
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
    min-height:400px;/***1080-85-1=900**/
    height:400px;
    _height:400px;
}

.SubMenu
{
    position:absolute;
    float:left;
    margin:0px;
    padding:0px;
    z-index:3;
}
.subMenuItem
{
    position:relative;
    float:left;
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */
    min-height:60px;
    height:60px;
    _height:60px;
    width:144px;
    cursor:pointer;
    cursor:hand;
}

.bottomMenu
{
    position:absolute;
    margin:0px;
    display:none;
    z-index:3;
}


.boxdiv
{
    position:relative;
    float:left;
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */
    min-height:81px;
    height:81px;
    _height:81px;
    width:285px;
    margin-left:2px;
    margin-right:2px;
    cursor:pointer;
    cursor:hand;
    margin-top:0px;
    background-repeat: no-repeat;
}


@media screen and (max-width:1024px)
{
    .boxdiv
    {
        position:relative;
        float:left;
        display: inline-block;
        zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */
        min-height:81px;
        height:81px;
        _height:81px;
        width:200px;
        margin-left:2px;
        margin-right:2px;
        cursor:pointer;
        cursor:hand;
        margin-top:0px;
        background-repeat: no-repeat;
        background-position:center;
    }
}

.footer
{
    width:100%;
    margin:0px;
    padding:0px auto 0px auto;
    background-color:#5b5a5a;/**#0c2633; **/
    text-align:center;
    display:none;
}
.footer p 
{
    margin-top:12px;
    margin-bottom:12px;
    line-height:24px;
    vertical-align:middle;
    font-size:14px;
	color: #fff;
}

/********************************************************************************************************************************************************/
.AboutusBG
{
    background-image:url(../imgs/bg_aboutus.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.MainYWBG
{
    background-image:url(../imgs/bg_mainYW.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.MainYWBG01
{
    background-image:url(../imgs/bg_mainYW-01.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.MainYWBG02
{
    background-image:url(../imgs/bg_mainYW-02.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.MainYWBG03
{
    background-image:url(../imgs/bg_mainYW-03.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.MainYWBG04
{
    background-image:url(../imgs/bg_mainYW-04.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.MainYWBG05
{
    background-image:url(../imgs/bg_mainYW-05.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.NewsBG
{
    background-image:url(../imgs/New_BG.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.ContactBG
{
    background-image:url(../imgs/Contact_BG.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.ContentHeader
{
    position:relative;
    width:100%;
    margin-top:64px;
    min-height:40px;
    height:40px;
    _height:40px;
    text-align:left;
    padding-left:120px;
    padding-top:0px;
    
}

.ContentHeader span
{
    color:#ffc000;
    font-weight:normal;
    font-size:24px;
    font-style:italic;
    line-height:40px;
    vertical-align:middle;
}

.ContentTxt
{
    position:relative;
    width:100%;
    margin:0px;
    padding:32px 0px  0px  0px;
    min-height:360px;
    height:360px;
    _height:360px;
    vertical-align:top;
}
.ContentTxtYW
{
    position:relative;
    width:100%;
    margin:0px;
    padding:64px 0px  0px  0px;
    min-height:360px;
    height:360px;
    _height:360px;
    vertical-align:top;
}

.ContentTxt p
{
    position:relative;
    margin-top:12px;
    margin-bottom:8px;
    color:#fff;
    font-size:20px;    
    line-height:32px;
    text-indent: 2em;
    padding-top:0px;
    padding-left:148px;
    padding-right:148px;
    vertical-align:top;
    text-align:justify;
    text-justify:inter-ideograph;
}

@media screen and (max-height:720px)
{
    .ContentHeader
    {
        position:relative;
        width:100%;
        margin-top:24px;
        min-height:32px;
        height:32px;
        _height:32px;
        text-align:left;
        padding-left:120px;
        padding-top:0px;
    
    }
    
    
    .ContentHeader span
    {
        color:#ffc000;
        font-weight:normal;
        font-size:24px;
        font-style:italic;
        line-height:32px;
        vertical-align:middle;
    }

    .ContentTxt
    {
        position:relative;
        width:100%;
        margin:0px;
        padding:12px 0px  0px  0px;
        min-height:300px;
        height:300px;
        _height:300px;
        vertical-align:top;
    }
    .ContentTxtYW
    {
        position:relative;
        width:100%;
        margin:0px;
        padding:24px 0px  0px  0px;
        min-height:300px;
        height:300px;
        _height:300px;
        vertical-align:top;
    }
    
    .ContentTxt p
    {
        position:relative;
        margin-top:4px;
        margin-bottom:4px;
        color:#fff;
        font-size:20px;    
        line-height:32px;
        text-indent: 2em;
        padding-top:0px;
        padding-left:124px;
        padding-right:124px;
        vertical-align:top;
        text-align:justify;
        text-justify:inter-ideograph;
    }
    
    .ContentTxt img
    {
        height:280px;
    }
}

.ContentTxt ul
{
    
    list-style-type:disc;
    text-align:left;
    padding-left:152px;
    padding-top:24px;
}
.ContentTxt ul li
{
    font-size:18px;
    color:#fff;
    line-height:36px;
    list-style-type:disc;
}

.ContentSwitch
{
    position:relative;
    width:100%;
    margin:0px;
    padding:0px;
    text-align:center;
}

.SwitchAboutUs
{
    position:relative;
    margin:32px auto;
    min-height:20px;
    height:20px;
    _height:20px;
    width:120px;
    text-align:center;
}

.switcher
{
    position:relative;
    float:left;
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */
    cursor:pointer;
    cursor:hand;
    margin-top:0px;
    padding-left:2px;
    padding-right:2px;
}

.ContentArrow
{
    position:absolute;
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    cursor:hand;
    z-index:9;
    display:none;
}


.imgMenu
{
    position:relative;
    width:1008px;
    margin:196px auto;
}

.imgMenuItem
{
    position:relative;
    float:left;
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */
    cursor:pointer;
    cursor:hand;
}

.cursorHand
{
    cursor:pointer;
    cursor:hand;
}