.page_main{overflow: hidden; background: #f5f5f5; }
.page_img{display: block; position: relative; width: 100%; height: 480px; overflow: hidden;}
.page_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.page_tit{padding-top: 65px; padding-bottom: 35px; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.page_tit figure{position: relative; padding: 0 62px;}
.page_tit figure::before{position: absolute; left: 0; top: 0; content: ""; width: 11px; height: 100%; background: url(../images/page_tit_bg.png) left center no-repeat;}
.page_tit figure::after{position: absolute; right: 0; top: 0; content: ""; width: 11px; height: 100%; background: url(../images/page_tit_bg.png) -329px center no-repeat;}
.page_tit figure h5{font-size: 24px; text-transform: uppercase; letter-spacing: 2px;}
.page_tit figure h6{font-size: 24px; letter-spacing: 5px;}
.page_tit p{margin-top: 15px; font-size: 14px; color: #de413a; text-transform: uppercase;}
.page_tit2{text-align: center;}
.page_tit2 i{display: block; margin: 0 auto 10px; width: 68px; height: 18px; background:url(../images/page_tit2_bg1.png) center top no-repeat; background-size: contain;}
.page_tit2 h5{font-size: 32px; font-weight: normal; color: #3d3d3d;}
.page_tit2 h6{font-size: 14px; padding: 5px 0; color: #666; text-transform: uppercase;}
.page_tit2 em{display: block; margin: 10px auto 0; width: 68px; height: 3px; background: url(../images/page_tit2_bg2.png) center top no-repeat; background-size: contain;}
.page_nav_hd{margin-top: 60px; font-size: 16px; color: #626262; border: 1px solid #d3d3d3; background: #fff; display: flex; align-items: center; justify-content: space-between;}
.page_nav_hd .left{padding-left: 20px;}
.page_nav_hd .left span{position: relative; padding-left: 24px;}
.page_nav_hd .left span::before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 14px; height: 14px; background: url(../images/page_nav_hd_ico.png) center no-repeat;}
.page_nav_hd .right{display: flex; align-items: center; justify-content: flex-start;}
.page_nav_hd .right li a{padding: 18.5px 20px; display: flex; align-items: center; justify-content: flex-start;}
.page_nav_hd .right li a i{margin-left: 10px;}
.page_nav_hd .right li:hover a,.page_nav_hd .right li.active a{color: #fff; background: #de413a;}
.page_nav_bd{background: #fff;}
.page_nav_bd li table{width: 100%;}
.page_nav_bd li table tr{transition: 0.6s; width: 100%; padding: 15px 24px; border: 1px solid #d3d3d3; border-top: none; display: flex; align-items: flex-start; justify-content: flex-start;}
.page_nav_bd li table tr th{margin: 5px 20px 5px 0; display: inline-block; padding: 8px 20px; line-height: 100%;}
.page_nav_bd li table tr th span{display: inline-block; min-width: 2em; font-size: 16px; font-weight: bold; color: #626262; line-height: 100%;}
.page_nav_bd li table tr td{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.page_nav_bd li table tr td a{margin: 5px; display: inline-block; font-size: 16px; color: #626262; line-height: 100%; padding: 8px 15px; border-radius: 5px;}
.page_nav_bd li table tr td a:hover,.page_nav_bd li table tr td a.active{color: #fff; background: #de413a;}

.vr_5d{position: relative;  width: 100%;
    /*height: 900px;*/
}
.vr_bg{width: 100%; height: 100%;}
.vr_bg>img{width: 100%; height: auto;}
.vr_login{z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.vr_login h5{margin-top: 260px; font-size: 50px; font-weight: normal; color: #fff; text-align: center;}
.vr_login h6{margin-top: 20px; font-size: 20px; font-family: "Ebrima"; font-weight: normal; color: #fff; text-align: center;}
.button_box{margin-top: 70px; text-align: center;}
.button_box a{display: inline-block; width: 178px; height: 58px; line-height: 58px; font-size: 24px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 2px;}
.button_box .start_design{margin-right: 40px;}
.button_box a.on{color: #333; background: #fff;}

.login_dialog{ z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(102,102,102,.5)}
.login-box{
    width: 450px;
    margin: 20% auto 0;
    position:relative;
    z-index: 2;
}
.login-box .box{
    display: block;
    position: absolute;
    width: 92%;
    left: 4%;
    margin-top: -140px;
    top: 50%;
    padding-bottom: 45px;
    border-radius: 5px;
    text-align: center;
    background-color: rgba(255,255,255,0.85);
}
.login-box .box .img1{
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    left: 50%;
    top: -70px;
    margin-left: -45px;
}
.login-box .box .tit{
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    margin: 55px 0 5px;
}
.login-box .box .titile{
    font-size: 22px;
    color: #c71926;
    line-height: 1.4;
    margin-bottom: 20px;
}
.login-box .box .form{
    width: 85%;
    margin: 0 auto;
    border-radius:7px;
    border: 1px solid #bbb;
}
.login-box .box .form .inp{
    height: 42px;
}
.login-box .box .form .inp:first-child{
    border-bottom: 1px solid #fff;
}
.login-box .box .form .inp:last-child{
    border-top: 1px solid #bbb;
}
.login-box .box .form .inp input{
    display: block;
    width: 88%;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    height: 40px;
    line-height: 40px;
    border: 0;
    background-color: transparent;
}
.login-box .box .tip{
    font-size: 14px;
    width: 85%;
    margin: 0 auto;
    color: #f5ad30;
    height: 40px;
    line-height: 40px;
    text-align: left;
}
.login-box .box .btn{
    width: 85%;
    margin: 0 auto;
    height: 42px;
}
.login-box .box .btn input{
    display: block;
    width: 100%;
    height: 42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    background-color: #c71926;
    -webkit-tap-highlight-color: rgba(255,0,0,0);outline: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgba(199,25,38,0.5) !important;
}