.Banner {
    width: 100%;
    height: calc(100vh - 75px);
    background: url('../images/ProductCenter/SoftwareProduct/SafetyTraining/WarningEducation/Banner/banner.jpg');
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.Mainbanner {
    width: 100%;
    height: calc(100% - 210px);
    position: relative;
}

.short .Mainbanner {
    height: calc(100% - 140px);
}

.banner-text {
    position: absolute;
    color: white;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.banner-text>h1 {
    font-size: 46px;
    letter-spacing: 0.15em;
    padding-bottom: 40px;
    text-shadow: #000 1px 0 0, #000 1px 0 0, #000 -1px 0 0, #000 -1px 0 0;
}

.banner-text>p {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.5em;
    text-shadow: #000 1px 0 0, #000 1px 0 0, #000 -1px 0 0, #000 -1px 0 0;
}

.banner-text:hover h1,
.banner-text:hover p {
    color: #e9ad2f;
}

.menubarContainer {
    width: 100%;
    height: 210px;
    background-color: #424a71;
    opacity: 80%;
    display: flex;
}

.short .menubarContainer {
    height: 140px;
}

.left-btn,
.right-btn {
    position: relative;
    width: 10%;
}

.left-btn>.img,
.right-btn>.img {
    position: absolute;
    width: 63px;
    height: 63px;
    top: 73.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.short .left-btn>.img,
.short .right-btn>.img {
    top: 38.5px;
}

.left-btn>.img {
    right: 0;
}

.right-btn>.img {
    left: 0;
}

.left-btn>.img:hover,
.right-btn>.img:hover {
    border-radius: 50%;
    background-color: #92794c;
}

.noChange>.img:hover {
    background-color: #424a71;
    cursor: auto;
}


.Navigations {
    flex: 1;
}

.Navigations ul {
    width: 100%;
    height: 100%;
    display: flex;
}

.Navigations ul li {
    flex: 1;
    text-align: center;
}

.click-area {
    position: relative;
    padding-top: 60px;
}

.short .click-area {
    padding-top: 55.5px;
}

.Nothing {
    padding-top: 0;
    line-height: 140px;
}

.click-area>a {
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    color: white;
}

.Navigations .Navigations-child {
    padding-top: 5px;
    width: 100%;
    display: flex;
    flex-flow: column;
}

.four {
    padding-bottom: 8px;
}

.Navigations-child .child {
    width: 100%;
    text-align: center;
    line-height: 22px;
}

.Navigations-child .child>a {
    font-size: 14px;
    color: white;
}

.Navigations-child .nav-clicked a {
    position: relative;
}

.Navigations-child .nav-clicked>a {
    color: #e9ad2f;
}

.Navigations-child .child>a:hover {
    color: #e9ad2f;
}

.clicked>a,
.click-area>a:hover {
    color: #e9ad2f;
}

.circle-checked {
    position: absolute;
    left: -25px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 6px;
    margin-right: 20px;
    background-color: #e9ad2f;
}

.ring {
    width: 6px;
    height: 6px;
    margin: 3px;
    border-radius: 50%;
    background-color: #424a71;
}

.click-area img {
    padding-top: 8px;
}

.hide {
    display: none;
}

.arrow-down {
    width: 12px;
    height: 10px;
    margin: 0 auto;
    background: url('../images/ProductCenter/Common/Arrow_Down.png');
}

.arrow-down:hover {
    background: url('../images/ProductCenter/Common/Arrow_Down_High.png');
}

.turnBack {
    transform: rotate(180deg);
}

.left-border,
.right-border {
    position: absolute;
    height: 58px;
    top: 60%;
    border-left: 2px dashed #7e93e0;
}

.balance {
    top: 70%;
}

.short .left-border,
.short .right-border {
    top: 50%;
}

.short .blank {
    top: 75%;
}

.left-border {
    left: 0;
}

.right-border {
    right: 0;
}

.btnHide {
    position: absolute;
    width: 76px;
    height: 76px;
    background: url('../images/ProductCenter/Common/Hide_Normal.png');
    bottom: 172px;
    left: calc((100% - 76px)/2);
    cursor: pointer;
}

.short .btnHide {
    bottom: 102px;
}

.btnHide:hover {
    background: url('../images/ProductCenter/Common/Hide_Hightlight.png');
}

.btnShow {
    position: absolute;
    width: 76px;
    height: 76px;
    background: url('../images/ProductCenter/Common/Show_Normal.png');
    bottom: 40px;
    left: calc((100% - 76px)/2);
    cursor: pointer;
    display: none;
}

.btnShow:hover {
    background: url('../images/ProductCenter/Common/Show_HighLight.png');
}

@media (max-width : 1366px) {

    .Banner,
    #mainBody {
        width: 1366px;
    }

    .btnHide {
        left: 645px;
    }

}

/* 主体开始 */

#mainBody {
    margin-bottom: 100px;
}

/* 路径文字开始 */

.nav-pos {
    width: 1200px;
    margin: 0 auto;
    padding-top: 28px;
    font-size: 12px;
}

.nav-pos>p>a {
    color: black;
}

.nav-pos>p>.oragne {
    color: #e9ad2f;
}

/* 路径文字结束 */

/* 模块化开始 */

.Content {
    width: 100%;
}

.part {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.noPadding {
    padding: 0;
}

.part>h1 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 40px;

}

.part p {
    font-size: 14px;
    font-weight: 400;
    text-indent: 2em;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    padding-bottom: 40px;
}

.part-img,
.part-Image {
    width: 100%;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.part-img .imgPadding,
.part-Image .imgPadding {
    padding-bottom: 10px;
}

.subtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 30px;
}

.part>video {
    width: 1200px;
    padding-bottom: 10px;
}

.part .noPadding {
    padding: 0;
}

.part .noMargin {
    margin: 0;
}

.PartBottomMargin {
    margin-bottom: 80px;
}

.SwitchBtnGroup {
    width: 1200px;
    margin: auto;
    padding: 40px 0px;
    display: flex;
    flex-wrap: row wrap;
    justify-content: center;
}

.SwitchBtn {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin: 0 20px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2em;
    font-weight: bold;
    padding: 12px 25px;
    cursor: pointer;
}

.Highlighting{
    background-color: #e9ad2f;
    color: #f7f7f7;
}

/* 模块化结束 */

/* 表格样式开始 */

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}

table tr th {
    padding: 15px 0;
}

.first-title {
    background-color: #495272;
    color: white;
    border: 0;
}

.one-sixth td {
    width: 16.7%;
}

.one-fifth td {
    width: 20%;
}

.One-fourth td {
    width: 25%;
}

.one-third td {
    width: 33%;
}

table tr td {
    font-size: 14px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

td ul {
    line-height: 2em;
}

.table_Double tr td {
    vertical-align: text-top;
    text-align: start;
    padding-left: 50px;
    border: 0;
}

.table_Double td ul {
    list-style: disc;
    line-height: 3em;
}

.table_Double td ul li::marker,
.function ul li::marker,
.function-senior ul li::marker,
.mode ul li::marker {
    color: #e9ad2f;
}

.function ul,
.function-senior ul,
.mode ul {
    list-style: disc;
}

.table_Third .secondTitle {
    font-weight: bold;
    font-size: 15px;
}

.table_Third .function ul,
.table_Third .function-senior ul {
    line-height: 4em;
}

.table_Third .parameter ul {
    line-height: 3.5em;
}

.parameter,
.mode,
.function,
.function-senior {
    text-align: start;
}

.one-sixth .mode ul li {
    margin-left: 70px;
}

.one-sixth .function ul li {
    margin-left: 55px;
}

.one-sixth .function-senior ul li {
    margin-left: 70px;
}

.one-sixth .parameter ul li {
    margin-left: 12px;
}

.one-fifth .mode ul li {
    margin-left: 90px;
}

.one-fifth .function ul li {
    margin-left: 80px;
}

.one-fifth .function-senior ul li {
    margin-left: 95px;
}

.one-fifth .parameter ul li {
    margin-left: 35px;
}

/* 表格样式结束 */

/* 旗舰版开始 */

.Disply-none {
    display: none !important;
}

.bottom-assembly {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}

.assembly {
    width: 280px;
    height: 52px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.Btn-previous,
.Btn-Next {
    width: 52px;
    height: 52px;
    background: url('../images/About/DevelopmentHistory/icon/BtnNormal.png');
    background-size: cover;
    cursor: pointer;
}

.Btn-Next {
    transform: rotate(180deg);
}

.Btn-previous:hover,
.Btn-Next:hover {
    background: url('../images/About/DevelopmentHistory/icon/BtnHighLight.png');
}

.Btn-previous:hover {
    transform: rotate(180deg);
}

.Btn-Next:hover {
    transform: rotate(360deg);
}

.circleGroup {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.circleGroup .oragne {
    background-color: #e9ad2f;
}

.Btn-circle {
    width: 12px;
    height: 12px;
    margin: 0 6px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
}

.style-two .Btn-circle {
    margin: 0 20px;
}

/* 旗舰版结束 */

/* 产品特色开始 */

.ProductFeatures {
    width: 918px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.full {
    width: 1200px;
}

.ProductFeatures .module {
    width: 290px;
    height: 221px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px 5px #e1e1e1;
}

.ProductFeatures .module-long {
    width: 442px;
    height: 221px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px 5px #e1e1e1;
}

.full .module-long {
    width: 390px;
}

.ProductFeatures .module-icon {
    width: 100%;
    height: 136px;
    line-height: 0;
    display: flex;
    align-items: center;
}

.module-icon>img {
    margin: 0 auto;
}

.ProductFeatures .module-text {
    width: 100%;
    height: 85px;
}

.module-text>.text {
    font-size: 14px;
    font-weight: 400;
    padding: 0 30px;
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.8em;
}

/* 产品特色结束 */

/* 可承载软件开始 */

.BG-Blue {
    background-color: #292d61;
}

.White .line-text>h1 {
    color: white;
}

.White .line-right {
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.White .line-left {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.AdaptationSoftware {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.module-short {
    width: 90%;
}

.AdaptationSoftware .module {
    width: 368px;
    height: 215px;
    margin-bottom: 20px;
}

.module-short .module {
    width: 234px;
    height: 234px;
    margin-bottom: 20px;
}

.AdaptationSoftware .module-icon {
    width: 100%;
    height: 170px;
    line-height: 0;
    display: flex;
    align-items: center;
}

.AdaptationSoftware .module-text {
    color: white;
}

/* 可承载软件结束 */

/* 经典案例开始 */

.ClassicCase {
    width: 100%;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ClassicCase img {
    flex: 1;
    overflow: hidden;
}

/* 经典案例结束 */

/* 产品报价开始 */

.BG-Grey {
    width: 100%;
    background-color: #f7f7f7;
}

.ProductQuote {
    width: 100%;
    margin-top: 15px;
    background-color: #f7f7f7;
}

.PersonInfo {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.RequiredInfo {
    width: 400px;
}

.Optionalfilling {
    width: 750px;
}

.Message {
    width: 400px;
    letter-spacing: 0.1em;
    line-height: 37px;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    padding-bottom: 25px;
    justify-content: space-between;
}

.SpaceBetween {
    width: 70px;
    display: flex;
    justify-content: space-between;
}

input[type=PersonInfo] {
    width: 290px;
    height: 35px;
    font-size: 14px;
    border: 1px solid #a7a7a7;
    border-radius: 3px;
    padding-left: 20px;
    outline: none;
    background-color: #f7f7f7;
}

.VerificationCode {
    width: 312px;
    display: flex;
    justify-content: space-between;
}

.Verification {
    width: 119px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #e9ad2f;
    border-radius: 3px;
    color: white;
    background-color: #e9ad2f;
    cursor: pointer;
}

input[type=VerificationCode] {
    width: 160px;
    height: 35px;
    font-size: 14px;
    border: 1px solid #a7a7a7;
    border-radius: 3px;
    padding-left: 20px;
    outline: none;
    background-color: #f7f7f7;
}

input[type=PersonInfo]:focus,
input[type=VerificationCode]:focus {
    border-color: #e9ad2f;
}

input[type=PersonInfo]::placeholder {
    font-size: 14px;
    letter-spacing: .1em;
}

.CheckItem {
    width: 750px;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 68px;
}

.Check {
    width: 150px;
    height: 20px;
    line-height: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    display: flex;
}

input[type=checkbox] {
    width: 13px;
    height: 20px;
    margin-right: 10px;
}

.Check>span {
    font-size: 14px;
}

.Description {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 40px; */
}

.Description>span {
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
}

textarea {
    width: 650px;
    height: 123px;
    font-size: 16px;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    padding: 20px 15px;
    outline: none;
    background-color: #f7f7f7;
    resize: none;
}

.textarea-long {
    height: 183px;
}

textarea::placeholder {
    font-size: 14px;
    color: #a7a7a7;
    letter-spacing: .1em;
}

textarea:focus {
    border-color: #e9ad2f;
}

.BottomTips {
    text-align: end;
    padding-right: 10px;
    padding-bottom: 19px;
}

.Submit {
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    margin-left: 68px;
    cursor: pointer;
}

.Submit:hover {
    border-color: #e9ad2f;
}

/* 产品报价结束 */