﻿#Page {
    margin: 0 auto;
    width: 1002px;
}

#head, #foot {
    margin: 0 auto;
    width: 100%;
}

#Content {
    margin: 5px auto;
    width: 99%;
}

#Left {
    float: left;
    width: 75%;
}

#Right {
    float: right;
    width: 25%;
}

.Bar {
    background: rgba(0, 0, 0, 0) url("../images/default/bar.gif") repeat-x scroll center top;
    height: 52px;
    padding-top: 2.4rem;
    text-indent: 40px;
    width: auto;
}

    .Bar a {
        color: #7A6666;
        font-size: 1.5rem;
        font-weight: bolder;
        vertical-align: middle;
    }

        .Bar a:hover {
            text-decoration: none;
        }

    .Bar span {
        margin: 0 10px;
        vertical-align: middle;
    }

.BarPC {
    display: block;
    height: 36px;
    padding-top: 0rem;
    text-indent: 0px;
}

.BarMobile {
    display: none;
}

.Show {
    display: block;
}

.Hidden {
    display: none;
}

.Bar2 {
    background: url(../images/default/bar2.gif) repeat-x;
    height: 3.3rem;
    line-height: 33px;
    text-align: right;
    width: auto;
}

    .Bar2 a {
        color: #7A6666;
        font-size: 1.5rem;
    }

#Right div {
    margin: 0 auto;
    margin-bottom: 5px;
    width: 98%;
}

    #Right div img {
        height: auto;
        width: 100%;
    }

#Email {
    background: url(../images/default/Icon1.png) no-repeat;
    bottom: 160px;
    cursor: pointer;
    height: 40px;
    position: fixed;
    right: 20px;
    width: 40px;
}

    #Email:hover {
        background: url(../images/default/Icon1_2.png) no-repeat;
    }

        #Email:hover #EmailTxt {
            display: block;
        }

#Phone {
    background: url(../images/default/Icon2.png) no-repeat;
    bottom: 110px;
    cursor: pointer;
    height: 40px;
    position: fixed;
    right: 20px;
    width: 40px;
}

    #Phone:hover {
        background: url(../images/default/Icon2_2.png) no-repeat;
    }

        #Phone:hover #PhoneTxt {
            display: block;
        }

#Weixin {
    background: url(../images/default/Icon3.png) no-repeat;
    bottom: 60px;
    cursor: pointer;
    height: 40px;
    position: fixed;
    right: 20px;
    width: 40px;
}

    #Weixin:hover {
        background: url(../images/default/Icon3_2.png) no-repeat;
    }

        #Weixin:hover #SecondPicTxt {
            display: block;
        }

#top {
    background: url(../images/default/top.png) no-repeat;
    background-size: cover;
    bottom: 10px;
    cursor: pointer;
    display: none;
    height: 40px;
    position: fixed;
    right: 20px;
    width: 40px;
}

#EmailTxt, #PhoneTxt, #SecondPicTxt {
    bottom: 10px;
    display: none;
    position: fixed;
    right: 80px;
}

    #EmailTxt div.Txt, #PhoneTxt div.Txt {
        background-color: #c42e3c;
        color: white;
        font-size: 1.3rem;
        text-align: center;
        width: 250px;
    }

div.Txt div {
    border-bottom: 1px solid #fff;
    margin: 10px 16px;
    padding: 1rem;
}

    div.Txt div:last-child {
        border-bottom: 0px;
    }

#SecondPicTxt {
    background-color: #c42e3c;
    color: white;
    font-size: 1.2rem;
    text-align: center;
    width: 200px;
}

.NewsLayOut {
    margin-bottom: 0.5rem;
}

.NewsPic {
    float: left;
    width: 33.3%;
}

    .NewsPic img {
        width: 100%;
    }

.NewsCLayOut {
    font-size: 1.2rem;
    float: right;
    padding-left: 0.5rem;
    width: 66.6%;
}

.NewsContent {
    font-size: 1.2rem;
    line-height: 18px;
    margin-bottom: 2px;
}

.NewsTitle {
    font-size: 1.3rem;
    font-weight: bolder;
    line-height: 18px;
    margin-bottom: 0.1rem;
}

div.adimg {
    width: 100%;
}

    div.adimg a, div.adimg img {
        cursor: pointer;
        width: 100%;
    }

.Tab {
    border: 1px solid #999;
    border-bottom: 0px;
    border-top: 0px;
    display: -moz-box; /* Firefox */
    display: -webkit-box; /* Safari and Chrome */
    display: -ms-flexbox; /* Internet Explorer 10 */
    font-size: 1.4rem;
    font-weight: bolder;
    height: 3.6rem;
    line-height: 3rem;
    width: 100%;
}

.OneTab {
    border-right: 1px solid #999;
    padding-left: 0.5rem;
    width: 130px;
}

.LastOneTab {
    padding-left: 0.5rem;
    -moz-box-flex: 1.0; /* Firefox */
    -webkit-box-flex: 1.0; /* Safari and Chrome */
    -ms-flex: 1.0; /* Internet Explorer 10 */
}

.OverTab {
    border-top: 0.3rem solid #3C95CC;
}

.OutTab {
    border-top: 1px solid #999;
    border-bottom: 0.3rem solid #3C95CC;
}

.FCHalf {
    float: left;
    width: 50%;
}

    .FCHalf > div {
        font-size: 1.3rem;
        height: 2.2rem;
        line-height: 2.2rem;
        overflow: hidden;
        padding: 0 2rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
    }
