* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img {
    border: none;
}


ul,
ol,
li {
    list-style: none;
}

html {
    font-size: 62.5%;
    min-height: 100%;
}

.mobe {
    font-size: 13.33333333vw;
}

body {
    font-size: 22px;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    
}
.mypc .topa a{
    font-size: 17px;
}
.mobe .mymobe {
    font-size: .24rem;
}

body {
    font-family: '微软雅黑', 'Heiti SC';
}

.mypc .mar50 {
    margin-top: 50px;
}

p {
    line-height: 1.6;
}

.mymobe .mar50 {
    margin-top: 15px;
}

.mypc .mar20 {
    margin-top: 20px;
}

.mymobe .mar20 {
    margin-top: 15px;
}

.mypc .mar30 {
    margin-top: 30px;
}

.mymobe .mar30 {
    margin-top: 15px;
}

.mypc .top{
    width: 100%;
    height: 574px;
    background: url(../image/top3.jpg) center top no-repeat;
}
.mymobe .top{
    padding: 15px;
    background: url(../image/top3.jpg) center top no-repeat;
    background-size: cover;
}
.top-item{
    color: white;
}
.mypc .top-item{
    width: 775px;
    height: 410px;
    background: rgba(0,0,0,.5);
    padding: 35px;
    margin-top: 85px;
}
.mymobe .top-item{
    background: rgba(0,0,0,.5);
    padding: 15px;
   
}
.top-item a{
    color: #000 !important;
    text-decoration: none !important;
}
.mypc .top1{
    font-size: 60px;
}
.mymobe .top1{
    font-size: .36rem;
}
.mypc .top2{
    font-size: 30px;
}
.mymobe .top2{
    font-size: .3rem;
}
.topa{
    display: flex;
    margin-bottom: 10px;
   
}
.mypc .fcon select{
    font-size: 16px;
}
.topa a{
    display: block;
    width: 1px;
    flex: 1;
    background: white;
    height: 34px;
    border-bottom: 2px #e11021 solid;
    margin: 0 3px;
    text-align: center;
    line-height: 32px;

}
.mypc .topa{
    width: 440px;
}
.mypc .nav-item{
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mymobe .nav-item{
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mypc .logoimg{
    width: 259px;
    height: 50px;
}
.mymobe .logoimg{width:2rem;}
.mypc .nav-con a{
    display: inline-block;
    font-size: 22px;
    color: #000 !important;
    margin: 0 25px;
    text-decoration: none !important;
    position: relative;
}
.mymobe .nav-con a{
    display: inline-block;
   
    color: #000 !important;
    margin-left: 2px;
    text-decoration: none !important;
    position: relative;
}
.mypc .nav-con a:hover::before{
    content: "";
    width: 40px;
    height: 3px;
    background: #e11021;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -10px;
}
.mypc .t1{
    font-size: 26px;
}
.t1{
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px #000 solid;
}
.mymobe .t1{
    font-size: .3rem;
    padding-bottom:10px;
}
.t1 span{
    position: relative;
}
.t1 span::before{
    content: "";
    width: 80px;
    height: 3px;
    background: #e11021;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: -20px;
}
.mymobe .t1 span::before{
    content: "";
    width: 40px;
    height: 3px;
    background: #e11021;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -10px;
}
.mypc .bnav{
    width: 100%;
    height: 165px;
    background: #000;
}
.mymobe .bnav{
    width: 100%;
    height: 1.6rem;
    background: #000;
}
.mypc .t2{
    font-size: 26px;
    margin-top: -130px;
}
.t2{
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px #fff solid;
    color: white;
}
.mymobe .t2{
    font-size: .3rem;
    padding-bottom:10px;
    margin-top: -1.4rem;
}
.t2 span{
    position: relative;
}
.t2 span::before{
    content: "";
    width: 80px;
    height: 3px;
    background: #e11021;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: -20px;
}
.mymobe .t2 span::before{
    content: "";
    width: 40px;
    height: 3px;
    background: #e11021;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -10px;
}
.seecon{
    padding: 30px 0;
    text-align: center;
    background: #f6f6f6;
}
.mypc .hole1{
    width: 100%;
    height: 402px;
    background: url(../image/s3.jpg) center top no-repeat;
    margin-top: 50px;
}
.mymobe .imgps{
    display: flex !important;
    justify-content: space-between;
}
.mymobe .imgps img{
    width: 48%;
}
.mypc .tp{
    width: 398px;
    height: 50px;
    margin: 0 auto;
    background: url(../image/3.png) center top no-repeat;
    text-align: center;
    color: white;
    line-height: 50px;
    margin-top: 50px;
}
.mymobe .tp{
    width: 200px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: url(../image/3.png) center top no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: white;
    margin: 0 auto;
    margin-top: 10px;
}
.imgv{
    cursor: pointer;
}
.mypc .modal-dialog.modal-v {
    width: 830px;
}
.close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.mypc .mianp{
    text-align: center;
    font-size: 26px;
    margin-bottom: 0;
}
.mymobe .mianp{
    text-align: center;
    font-size: .3rem;
    margin-bottom: 0;
}
.mypc .mians{
    text-align: center;
    font-size: 20px;
    padding-bottom:15px;
    border-bottom: 1px #000 solid;
    position: relative;
   
}
.mymobe .mians{
    text-align: center;
    font-size: .26rem;
    padding-bottom:10px;
    border-bottom: 1px #000 solid;
    position: relative;
}
.mypc .mians::before{
    content: "";
    width: 80px;
    height: 3px;
    background: #e11021;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: -3px;

}
.mymobe .mians::before{
    content: "";
    width: 40px;
    height: 3px;
    background: #e11021;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -3px;

}
.mypc .fcon{
    width: 100%;
    height: 308px;
    background: url(../image/6.png) center top no-repeat;
    margin-top: 50px;
}
.mypc .forom-item{
    width: 460px;
    height: 40px;
  
    display: flex;
    border: 1px #fff solid;
    color: white;
   align-items: center;
   justify-content: center;
   margin-bottom: 10px;
   font-size: 20px;
}
.mymobe .forom-item{
    width: 100%;
    height: 40px;
    display: flex;
    border: 1px #000 solid;
  
   align-items: center;
   justify-content: center;
   margin-bottom: 10px;
  
}
.mypc .forom-item p{
    padding: 0 20px;
    margin-bottom: 0;
}
.mymobe .forom-item p{
    padding: 0 10px;
    margin-bottom: 0;
}
.mymobe .forom-item input,.mymobe .forom-item select{
    flex: 1;
   height: 40px;
    background: transparent;
    outline: none;
    border: none;
   
}
.mypc .forom-item input,.mypc .forom-item select{
    flex: 1;
    background: transparent;
    outline: none;
    border: none;
   
}
select option{
    color: #000;
}
.tj{
    width: 270px;
    height: 50px;
    text-align: center;
    color: white;
    margin: 30px auto;
    cursor: pointer;
    line-height: 50px;
    background: #000;
}
.footer {
    padding: 15px;
    text-align: center;
    color: white;
    background: #333333;
}
.mymobe .mored{
    background: #e11021;
    padding: 15px 0;
}
.mymobe .bookimg{
    width: 50%;
}