*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
li,ol,ul{list-style:none}
em,i{font-style:normal}
img{border:none}
img,input{vertical-align:middle}
a{color:#666;text-decoration:none}
body,html{background:#f9f9f9;width:100%;height:100%;font-family:Helvetica,sans-serif;text-size-adjust:none}
body{background:#fff;color:#666;font:12px/1.5 "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB";overflow:hidden;position:relative;height:100%;width:100%}
input.fixAKeyboard:focus,textarea.fixAndroidKeyboard:focus{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-modify:read-write-plaintext-only}
.noscroll{position:absolute;width:100%;height:100%;overflow:hidden}
.app-dom{width:100%}
.clearfix:after{display:block;content:"";clear:both;visibility:hidden}
.header{position:fixed;width:100%;top:0;left:0;z-index:999;height:70px;padding:20px 0;box-sizing:border-box;background-size:auto 100%;background-position:center;background-repeat:no-repeat}
.nav{width:80%;height:30px;line-height:30px;margin:0 auto}
.ipv6{float:left;height:23px;margin-left:10px}
.entry{float:right;color:#fff}
.entry .state{color:#bfbfbf}
.entry a{font-size:12px;color:#fff;margin:0 5px}
.entry a:hover{color:#631015}
.container{width:100%;height:100%;background-color:#fff}
.content{width:1200px;height:100%;margin:0 auto}
.wrap{position:absolute;left:0;top:20%;width:100%;text-align:center;z-index:2}
.mid{width:100%}
.main *{box-sizing:content-box}
.main :after{box-sizing:content-box}
.main :before{box-sizing:content-box}

.main-entry{width:930px;margin:15px auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}
.main-entry a{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border-radius:8px;font-size:20px;letter-spacing:1px;height:100px;color:#fff;position:relative;overflow:hidden;flex:1 1 calc(25% - 15px);min-width:200px;box-sizing:border-box;padding:10px}
.main-entry a:nth-child(n+5){flex:1 1 calc(33.333% - 15px)}
.main-entry a .title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;z-index:2;gap:5px}
.main-entry a .title i{display:block;width:30px;height:30px;background-size:contain;background-repeat:no-repeat;background-position:center}
.main-entry a:nth-child(1) .title i{background-image:url(../picture/icon1.png)}
.main-entry a:nth-child(2) .title i{background-image:url(../picture/icon2.png)}
.main-entry a:nth-child(3) .title i{background-image:url(../picture/icon3.png)}
.main-entry a:nth-child(4) .title i{background-image:url(../picture/icon4.png)}
.main-entry a:nth-child(5) .title i{background-image:url(../picture/icon5.png)}
.main-entry a:nth-child(6) .title i{background-image:url(../picture/icon6.png)}
.main-entry a:nth-child(7) .title i{background-image:url(../picture/icon7.png)}
.main-entry s{background-color:#631015;opacity:.9;display:block;border-radius:8px;height:100%;width:100%;position:absolute;top:0;transition:all .3s ease}
.main-entry a:hover s{background-color:#631015;opacity:1;transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.2)}


.footer{position:absolute;bottom:0;left:0;width:100%;height:65px;background-color:#fff;z-index:99}
.nav-links{width:99%;height:20px;margin:0 auto;text-align:center;overflow:hidden}
.nav-links>ul>li{box-sizing:content-box}
.footer ul{padding-left:5px}
.footer li{display:inline-block;margin:2px}
.footer li a{color:#666}
.ownership{text-align:center;height:20px;line-height:25px}
.nav-icons{width:180px;height:30px;margin:0 auto;text-align:center}
.nav-icons a{width:20px;display:block;float:left;height:30px;background-repeat:no-repeat;background-position:0 0}
a.pic{background-position:0;width:30px}
a.pic:hover{background-position:0px -35px;width:30px}
/*a.pic1{background-position:0 -5px;width:30px}*/
/*a.pic1:hover{background-position:1px 0px;width:30px}*/
/*a.pic2{background-position:-30px -5px;width:30px}*/
/*a.pic2:hover{background-position:-30px -30px;width:30px}*/
/*a.pic3{background-position:-60px -5px;width:30px}*/
/*a.pic3:hover{background-position:-60px -30px;width:30px}*/
/*a.pic4{background-position:-90px -5px;width:30px}*/
/*a.pic4:hover{background-position:-90px -30px;width:30px}*/
/*a.pic5{background-position:-120px -5px;width:30px}*/
/*a.pic5:hover{background-position:-120px -30px;width:30px}*/
/*a.pic6{background-position:-120px -5px;width:30px}*/
/*a.pic6:hover{background-position:-120px -30px;width:30px}*/

.front,.item,.items{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.back{bottom:70px;position:absolute;left:0;top:0;width:100%;overflow:hidden}
.items{overflow:visible}
.item{background:#fff none no-repeat center center;background-size:cover;display:none}
.item.active {display: block;}
.nav-links ul>li:last-child{display:none}
.logo{float:left;background-image:url(../picture/logo_white.png);display:block;width:150px;height:50px;background-position:0 0;background-repeat:no-repeat;background-size:150px}
.slogan{width:600px;height:200px;background:url(../picture/slogan.png) no-repeat 0 0;display:inline-block;background-size:600px}
.nav-icons a{background-image:url(../picture/footpic.png)}
@media (max-width:1024px){
    .main-entry a{flex:1 1 calc(33.333% - 15px);font-size:16px}
    .main-entry a:nth-child(n+5){flex:1 1 calc(33.333% - 15px)}
    .content{padding:0 20px}
    .slogan{height:150px}
}
@media (max-width:968px){
    .mid{width:95%;margin: 0 auto;}
    .main-entry{width: 100%}
    .slogan{width: 300px;height:120px;background-size: 300px;}
    .footer ul{display: flex;flex-wrap: wrap;justify-content: center;}
}
@media (max-width:768px){
    .wrap{top: 15%}
    .main-entry a{flex:1 1 calc(50% - 15px);min-width:120px;height:90px;font-size:15px}
    .slogan{height:100px}
    /*.main-entry a:nth-child(n+5){flex:1 1 calc(50% - 15px)}*/
    /*.header{height:60px;padding:15px 0}*/
    /*.logo{width:120px;height:26px;background-size:120px}*/
    /*.nav{width:95%}*/
}
@media (max-width:480px){.main-entry{gap:10px}
    .slogan{height:60px}
}