.header{
    width:1420px;
    height:124px;
    margin:0 auto;
}
.top1{
    width:60px;
    height:60px;
    position:relative;
    top:-100px;
    left:70px;
}
.top2{
    width:100px;
    height:40px;
    position:relative;
    top:-150px;
    left:145px;
}
.top3{
    width:100px;
    height:40px;
    position:relative;
    top:-180px;
    left:300px;
}
.top4{
    width:200px;
    height:40px;
    position:relative;
    top:-210px;
    left:580px;
}
.top5{
    width:200px;
    height:40px;
    position:relative;
    top:-290px;
    left:900px;
}
@media screen and (max-width: 1200px) {
    .header {
        width: 100%;
        min-width: 1000px; 
    } 
}

@media screen and (max-width: 777px) {
    html,body{
        width:100%;
        height:100%;
        margin:0px;
    }
    .header{
        width: 100%;
        min-width: unset; 
        height:100px;
        float:left;
    }
    .nav1{
      width:380px !important;
}
.wp_nav .nav-item{
    width:100%;
    background-color: #04b6d2;
    z-index:10;
}
.wp_nav{
    display:none;
}
     .more-line{
        width:50px !important;
        height:40px  !important; 
       position:relative;
       top: -235px;
       left: 300px;
       z-index:11;
    }
     .more-line img{
        width:100%  !important;
        height:100%  !important;
}
    .header img{
        width:100% !important;
        height:200px;
    }
    .top5{
        display:none;
    }
    .top4{
        display:none;
    }
    .top1 img{
        widows: 50px;
        height:50px;
        position:relative;
        top:-80px;
        left:-50px;
    }
    .top2 img{
        width:100px;
        height:50px;
        position:relative;
        top:-80px;
        left:-50px;
    }
    .top3 img{
        width:170px;
        height:40px;
        position:relative;
        top:-80px;
        left:-90px;
    }
    .mainimage{
        float:left;
        width:100% !important;
        height:170px !important;
    }
    .mainimage img{
        width:100%;
        height:100%;
    }
    .nav{
        width:100% !important;
        height:30px;
        float:left;
    }
    .nav image{
        width:100% !important;
    }
    .footer{
        width:100% !important;
        float:left; 
    }
    .character{
        display:none;
    }
    .sun{
        display:none;
    }
    .main{
        width:100% !important;
        padding:0!important;
        float:left;
        height:2350px !important;
    }
    .title3{
        display:none;
    }
    .caidan{
        display:none
    }
    .caidan2{
        display:none
    }
    .box1{
        float:left;
        width:100% !important;
    }
    
    .box2{
        margin:0 auto;
        height:300px !important;
    }
    .box4{
        float:left;
        margin-right:0 !important;
    }
    .box7{
        margin:0 auto;
    }
    .listimage{
        width: 100% !important;
     float:left
    height: 130px !important;
    background-image: url(../images/listimage.png);
    margin: 0 auto;
        }
     .left-part{
          width:100px;
          min-height:60px;
          margin:0 auto;
}
    .right-part{
         width:200px;
         min-height:400px;
         margin:0 auto;
}
}
.nav{
    width:1420px;
    height:50px;
    margin:0 auto;
    background-image:url(../images/nav.png);
}
.nav1{
    width:900px;
    height:30px;
    margin: 0 auto;
    font-size:18px;
    margin-top:5px;
    color:red;
}
.wp_nav .nav-item a span.item-name {
    padding:5px 18px;
}
.wp_nav .nav-item a{
    font-weight:bold;
    color:rgb(9, 79, 158);
}

.mainimage{
    width:1200px;
    height:360px;
    margin:0 auto;
}
.character{
    position:relative;
    width:150px;
    height:70px;
    left:540px;
    top:-270px;
}
.sun{
    position:relative;
    width:150px;
    height:70px;
    left:730px;
    top:-520px;
}
.main{
    width:1180px;
    height:750px;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;
    margin-bottom:40px;
}
.box1{
    width:381px;
    height:300px;
    margin-right:10px;
    margin-top:12px;
    float:left;
    border:0.2px solid grey;
}
.box7{
    width:280px;
    height:300px;
    margin-right:10px;
    margin-top:12px;
    float:left;
    border:0.2px solid grey;
}
.remake{
    width:100%;
    height:300px;
    background-color:grey;
    
}
.title{
    width:60px;
    height:20px;
    margin-left:20px;
    margin-top:15px;
}
.title6{
    width:70px;
    height:20px;
    margin-left:20px;
    margin-top:15px;
}
.pattern{
    width:30px;
    height:30px;
    position:relative;
    top:-25px;
    left:100px;
}
.news_1{
    padding: 4px 0px 12px 0px;
    position:relative;
    top:-20px;
}
.news_1 li{
        list-style: none;
	height: 34px;
	clear: both;
	border-bottom: 1px dashed #cccccc;
}
.news_l li a{
	padding: 0px 0px 0px 15px;
	display: block;
	float: left;
	line-height: 34px;	
	text-overflow: ellipsis;
	white-space:nowrap; 
	overflow:hidden;
        text-decoration:none;
        font-size:15px;
}
.wp_article_list .list_item span {
    text-decoration:none;
}
.wp_article_list{
    font-size:12px;
}

.wp_article_list .list_item{
    height:35px;
    line-height:35px;
}
.wp_article_list .list_item a{
   color:black;
    text-decoration:none;
}
.wp_article_list .list_item .Article_Index{
    display:none;
}
.pt{
    width:418px;
    height:38px;
    list-style-type: none;
    text-decoration:none;
    /*position:relative;
    left:-39px;
    top:-15px;*/
    color:rgb(16, 4, 128);
    font-size:16px;
    font-weight:bold;
}
li.mouse{
    background:none;
}
.at{
    float:left;
    width:126px;
    height:38px;
    text-align:center;
    text-decoration:none;
    list-style-type: none;
    background-image:url(../images/bg1.png);
    cursor:pointer;
    line-height:30px;   
}
#menu_detail_1{
    width:100%;
    height:265px;
    position:relative;
    top:-20px;
}
#menu_detail_2{
    width:100%;
    height:265px;
    position:relative;
    top:-20px;
}
#menu_detail_3{
    width:100%;
    height:265px;
    position:relative;
    top:-20px;
}
.news_icon {
    display:none;
}
.articlelist1_a_title{
    color:black;
    text-decoration:none;
}
/**li.mouse{
    background:none;
}**/
.box2{
    width:220px;
    height:260px;
    float:left;
    margin-top:13px;
    margin-right:10px;
}
.title2{
    width:100%;
    height:38px;
    background-image:url(../images/bg2.png);
    text-align:center;
    line-height:30px;
    color:rgb(16, 4, 128);
    font-size:16px;
    font-weight:bold;
}
.inbox1{
    width:100%;
    height:261px;
    background-image:url(../images/bg3.png);
}
.inbox2{
    width:90%;
    height:220px;
    background-image:url(../images/bg4.png);
    margin-left:10px;
}
.inbox3{
    width:90%;
    height:220px;
    background-image:url(../images/bg5.png);
    margin-left:12px;
    position:relative;
    top:0px;
    color:black;
}
.box3{
    width:253px;
    height:300px;
    float:left;
    margin-right:10px;
    margin-top:13px;
}
.box4{
    width:170px;
    height:70px;
    margin-right:30px;
    margin-top:10px;
    float:right;
}
.title3{
    position:relative;
    top:38px;
    float:left;
}
.caidan{
    width:180px;
    height:25px;
    float:left;
    position:relative;
    top:35px;
    left:40px;
}
.caidan2{
    width:180px;
    height:25px;
    float:left;
    position:relative;
    top:35px;
    left:109px;
}
.footer{
    text-align:center;
    width:1420px;
    height:120px;
    background-color:rgb(65, 62, 62);
    font-size:18px;
    margin:0 auto;
    color:white;
    padding-top:20px;
    border-top:10px solid rgb(41, 138, 218);
}
.listimage{
    width:1200px;
    height:180px;
    background-image:url(../images/listimage.png);
    margin:0 auto;
}
.character1{
    position:relative;
    width:300px;
    height:200px;
    top:50px;
    right:-500px;
}
.main2{
    width:1200px;
    min-height:700px;
    margin:0 auto;
    padding-top:20px;
}
.left-part{
    width:300px;
    min-height:100px;
    margin-left:20px;
    text-align:center;
    margin-right:20px;
    position:relative;
    left:13%;
    top:20px;
}
.name{
    width:100%;
    height:80px;
    text-align:center;
    line-height:80px;
    color:white;
    font-size:25px;
    font-weight:bold;
    background-image:url(../images/bg6.png);
    cursor:pointer;
}
.menu{
    min-height:50px;
    width:100%;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
.wp_listcolumn .wp_column a .column-name {
    display: inline-block;
    line-height: 22px;
    padding: 5px 10px 5px 20px;
    cursor: pointer;
    backgound-color:rgb(13, 217, 224);
}
.right-part{
    width:850px;
    min-height:500px;
    border-top:10px solid rgb(46, 204, 46);
    position:relative;
    top:-177px;
    left:34%;
}
.part{
    width:80%;
    height:30px;
    margin-left:30px;
    margin-top:15px;
}
.name1{
    height:100%;
    min-width:100px;
    color:rgb(63, 135, 202);
    font-size:18px;
}
.right-news{
    width:700px;
    min-height:200px;
    margin-top:15px;
    margin-left:50px;
    color:black;
}
.right-news a{
    color:black;
}
.picture{
    background-image:url(../images/picture.png);
    float:left;
    width:300px;
    height:270px;
    position:relative;
    top:-500px;
    left:10%;
}
.footer2{
    text-align:center;
    width:100%;
    height:170px;
    background-color:rgb(65, 62, 62);
    font-size:18px;
    margin:0 auto;
    color:white;
    padding-top:20px;
    border-top:10px solid rgb(41, 138, 218);
}
.main3{
    border-top:10px solid rgb(55, 117, 233);
    width:1100px;
    min-height:700px;
    margin:0 auto;
    margin-top:50px;
    border-left:2px solid grey;
    border-right:2px solid grey;
    border-bottom:2px solid grey;
    margin-bottom:15px;
    text-align:center;
    padding-top:30px;
}
.info-title{
    color:rgb(55, 117, 233);
    font-size:28px;
    font-weight:bold;
}