/*test*/
.DefFont{
    
}
.twoitem {
    overflow: hidden;
    max-width: 1920px;
    margin:0 auto;
    /* min-width: 1200px; */
}
.threeitem {
    overflow: hidden;
    position:relative;
}
.threeitem ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}
.threeitem  li{
    display:inline-block;
    list-style:none;
}
.threeitem li>a{
    display:block;
}
.threelevel {
    position: absolute;
    left: 20px;
    z-index: 1;
}
.threelevel>div {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #ccc;
    text-align: center;
    border-radius: 15px;
    margin: 10px 0;
    font-size: 12px;
    color: #ccc;
    cursor:pointer;
}
.threelevel .currthreelevel{
    background: white;
    color: #000;
}
div#oneitem {
    /*width: 100%;*/
}
.twoitem .owl-item>div {
    display: inline-block;
    list-style: none;
    width: 100%;
    max-width:1920px;
}
.twoitem .owl-item>div>a {
    display: inline-block;
    width: 33.3%;
    box-sizing: border-box;
    padding: 10px;
}
.twoitem .owl-dots > .active > span {
    background: black;
}
.twoitem  .owl-dots span {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: block;
    background: gray;
    margin: 3px;
}
.twoback>img {
    width: 100%;
}
div#fouritem>ul {
    margin: 0;
    padding: 0;
}
div#fouritem>ul>li {
    width: 25%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    list-style: none;
    position: relative;
}
div#fouritem>ul>li>a>img{
    width:100%;
}
div#fouritem {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin: 80px auto;
    max-width: 1200px;
}
div#fouritem div {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
}
#fouritem div img {
  width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.fouritemdiv {
    width: 100%;
    position: relative;
    z-index:1;
    text-align:center;
}
.twoitemdiv {
    width: 100%;
    position: relative;
    padding: 100px 0 150px;
    margin: 0 auto;
    background: #fff !important;
}
.twoback{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
}
.fourback{
position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}
.threeitem li:first-child{
    /*display:block;*/
}
.fourback>img {
    width: 100%;
}
/*.threeitem li{
    display:none;
}*/
#footerdiv{
    display:none;
}
.twoLtxtdiv {
    width: 250px;
    position: absolute;
        bottom: 60px;
    left: -250px;
}
.twoRtxtdiv {
    position: absolute;
    right: -240px;
    width: 230px;
    bottom: -68px;
}
.twoLtxtdiv,.twoRtxtdiv{
    display:none;
}
div#newpage {
    margin: 0 auto;
}
.level1,.level2 {
    column-count: 2;
    width: 100%;
    column-gap: 0;
}
.level1 img,.level2 img {
    width: 100%;
}
.level1>div,.level2>div{
    border:0;
    padding:0; 
        box-sizing: border-box;
}
/*lv3*/
.level3 .areat1 {
    grid-area: t1;
}
.level3 .areat2 {
    grid-area: t2;
}.level3 .areat3 {
    grid-area: t3;
}.level3 .areat4 {
    grid-area: t4;                                                                                                                                                             
}
.level3 {
    display: grid;
    grid-template-areas:
        "t1 t4"
        "t2 t4"
        "t3 t4";
    grid-gap: 10px;
    grid-template-columns: repeat(2, calc(50% - 5px));
}
.level3 img{
    width:100%;
    height:100%;
}
/*lv3*/
/*lv4*/
.level4 .areat1 {
    grid-area: t1;
}
.level4 .areat2 {
    grid-area: t2;
}.level4 .areat3 {
    grid-area: t3;
}.level4 .areat4 {
    grid-area: t4;
}
.level4 {
    display: grid;
    grid-template-areas:
        "t1 t2"
        "t1 t3"
        "t1 t4";
    
    grid-gap: 10px;
    grid-template-columns: repeat(2, calc(50% - 5px));
}
/*.level4>div{
    flex:0 0 50%;
    box-sizing: border-box;
    padding: 5px;
}*/
.level4 img{
    width:100%;
    height:100%;
}
/*.level4>div:last-child {
    display: grid;
    grid-row-gap: 10px;
}*/
/*lv4*/
.level5 {
    display: flex;
}
.level5>div {
    flex:0 0 50%;
    box-sizing: border-box;
}
.level5 img{
   width:100%;
}
.level6 img {
    width: 100%;
}
.level5>div:first-child {
    padding: 0 5px 0 0;
}
.level5>div:last-child {
    padding: 0 0 0 5px;
}
.level1 .item1, .level1 .item2,.level2 .item1, .level2 .item2 {
    padding-right:5px;
}
.level1 .item3, .level1 .item4 ,.level2 .item3, .level2 .item4 {
    padding-left:5px;
}
.level2 .item1,.level2 .item3,.level1 .item1,.level1 .item3{
    padding-bottom:5px;
}
.level2 .item2,.level2 .item4,.level1 .item2,.level1 .item4{
    padding-top:5px;
}
div#oldpage2 {
    margin-top: 25px;
}
div#newpage>div {
    margin-bottom: 10px;
}
div#newpage>div:last-child{
    margin-bottom: 0;
}
.lv2bn img {
    width: 100%;
}