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

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{font-size: 12px;font-family: "微软雅黑";width: 100%;background: #fff;min-height: 100%;}
li{list-style: none;}
a{text-decoration: none;color:#444}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    -webkit-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);

    -webkit-transition: -webkit-transform .5s ease-out;
    -ms-transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    z-index: 99;
}

.pace.pace-active {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
    background: #2299dd;

    pointer-events: none;
}
.containerOneSouth{display: none;width: 99%;margin: 0 auto;}
.containerOneSouth:before {
    display: table;
    content: " ";
}
.containerOneSouth:after {
    clear: both;
    display: table;
    content: " ";
}
.main{width: 100%;margin: 0 auto;}
img{max-width: 100%;
    height: auto;
    display: block;
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
img:hover {
    -webkit-transform: scale(1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    cursor: pointer;
}
.header{width: 100%;position: fixed;background: #fff;top: 0;z-index: 9;}
.mainlogo{width: 45px;height: 45px;background-size: contain;background-repeat: no-repeat;background-position: center top;float: left;}
.logo{width:20%;max-width: 330px;max-height: 70px;float: right;margin-left:2%;margin:10px 30px;position: relative;}
#p1{margin-top: 150px;margin-bottom: 35px;}
.favorite{width: 100%;}
.favorite ul li{width: 24.8%;margin: 0.1%;float: left;transition: all 0.2s linear;overflow: hidden;position: relative;}
.favorite ul li p{width: 100%;height: 20px;position: absolute;bottom:-20px;left: 0;background: #9e9e9e;opacity: 0.7;text-align: center;color:#fdfdfd;line-height: 20px;}
.favorite ul li:hover{box-shadow: rgba(0,0,0,0.7) 0 0 8px;transform: translateY(-5px);-webkit-transform: translateY(-5px);z-index: 8;}
.search_nav{width: 95%;float: left;max-height: 45px;margin:2.5%;position: relative;}
.header_l{left: 30%;}
.big{width: 49.8%!important;max-height: 720px!important;}
.bottominfo{width:100%;height: 30px;position: fixed;bottom: 0;left:0;background: rgb(228, 228, 228);z-index: 999;}
.loading{width: 30px;height:30px;margin: 0 auto;background: url("../image/loading1.gif");background-size: contain;display: none;}
.no_more{width: 100%;height: 30px;line-height: 30px;font-size: 14px;text-align: center;display: none;}
.search{width: 20px;height: 24px;background: url("../image/search2.png");float:left;background-repeat: no-repeat;background-position: center top;background-size: contain;cursor: pointer;margin: 10px 0;}
.navOneSouth{float:left;margin:0 20px 0 25px;}
.navOneSouth ul li{float:left;padding: 5px 20px; width:100px;}
.navOneSouth ul li a{color: #1A1A1A;}
/*.nav ul li a:hover{color:#f7c200;}*/
.navOneSouth ul li h3{width: 100%;line-height: 35px;text-align: center;font-weight: bolder;position: relative;}
/*.nav ul li h3:before{content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 2px;*/
/*    bottom: -5px;*/
/*    left: 0;*/
/*    background-color: rgb(142, 142, 142);*/
/*    visibility: hidden;*/
/*    -webkit-transform: scaleX(0);*/
/*    -moz-transform: scaleX(0);*/
/*    -ms-transform: scaleX(0);*/
/*    -o-transform: scaleX(0);*/
/*    transform: scaleX(0);*/
/*    -webkit-transition: all 0.3s ease-in-out 0s;*/
/*    -moz-transition: all 0.3s ease-in-out 0s;*/
/*    -ms-transition: all 0.3s ease-in-out 0s;*/
/*    -o-transition: all 0.3s ease-in-out 0s;*/
/*    transition: all 0.3s ease-in-out 0s;}*/
/*.nav ul li a:hover h3:before {*/
/*    visibility: visible;*/
/*    -webkit-transform: scaleX(1);*/
/*    -moz-transform: scaleX(1);*/
/*    -ms-transform: scaleX(1);*/
/*    -o-transform: scaleX(1);*/
/*    transform: scaleX(1);*/
/*}*/
.navOneSouth ul li p{width: 100%;line-height: 15px;text-align: left;font-weight: normal;margin-top: 5px;}
.navcontrol {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
}
.navcontrol.active i::before, .navcontrol.active i::after {
    background: #777;
}
.navcontrol:hover, .navcontrol:focus, .navcontrol:active {
    outline: none;
    border-bottom: none !important;
}
.navcontrol i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 25px;
    height: 2px;
    color: #777;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #777;
    transition: all .2s ease-out;
}
.navcontrol i::before, .navcontrol i::after {
    content: '';
    width: 25px;
    height: 2px;
    background: #777;
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.navcontrol i::before {
    top: -7px;
}

.navcontrol i::after {
    bottom: -7px;
}

.navcontrol:hover i::before {
    top: -10px;
}

.navcontrol:hover i::after {
    bottom: -10px;
}

.navcontrol.active i {
    background: transparent;

}

.navcontrol.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.navcontrol.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.navcontrol {
    float: right;
    margin: 15px;
    z-index: 21;
    display: block;
    display: none;
    width: 25px;
    border-bottom: none !important;
}
.searchform{
    display: none;
    float: left;
    width: 200px;
    line-height: 45px;
    margin-left: 10px;
}
.text{
    padding: 10px 0 10px 5px;
    width: 70%;
    border: 1px solid #444;
    color: #444;
    outline: none;
    font-weight: 400;
    display: inline-block;
    background: transparent;
    border-radius: 3px;
}
.button{
    padding: 10px 0;
    width: 27%;
    color: #fff;
    outline: none;
    background: #444;
    border-radius: 3px;
    border-left: 5px solid #444;
    border-right: 5px solid #444;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.button:hover{
    background:transparent;
    border: 1px solid #444;
    border-left:8px solid #444;
    border-right:8px solid #444;
    color:#444;
    cursor: pointer;
}
.wd100{width: 100%!important;}
.left100{left: 100%;}
.wd0{display: none;}
.gotop{width: 20px;height: 20px;background: url("../image/backtop.png");background-repeat: no-repeat;background-position: center top;background-size: cover;margin: 5px auto;}
.gotop:hover{cursor: pointer;}
.aboutimgs{
        width: 100%;
        background: url("/static/image/about2.gif");
        background-size: cover; /* 或者使用 contain，根据需要选择 */
    background-position: center; /* 确保图片居中 */
    background-repeat: no-repeat; /* 防止图片重复 */
    height: 0; /* 初始高度为0，高度由宽度和padding-bottom决定 */
    padding-bottom: 26%; /* 16:9 的宽高比，根据实际图片宽高比调整 */
    }

/*1920px适配*/
@media (max-width: 2000px){
    /*.favorite ul li{max-height: 310px;}*/
}
/*1660px适配*/
@media (max-width: 1700px){
    /*.favorite ul li{max-height: 270px;}*/
}
/*ipad横屏*/
@media (max-width: 1100px){
    .search_nav{margin: 20px;}
    #p1{margin-top: 110px;}
    .navOneSouth ul li{margin-left: 5px;padding: 5px 0 5px 5px;}
    .navOneSouth ul li h3{font-size: 16px;margin-bottom:0;}
}
/*ipad适配*/
@media (max-width: 800px){
    .favorite ul li{width: 48%!important;margin: 1%;float: left;}
    .banner ul li{width: 48%!important;margin: 1%!important;float: left;}
    .favorite ul li p{bottom: 0;}
    .search_nav{width: 65%;margin: 20px;}
    .main{min-height: 920px;}
}
/*手机适配*/
@media (max-width: 500px){
    .containerOneSouth {
        display: unset;
    }
    .mt90 {
        margin-top: -24px!important;
    }


    .aboutimgs{
        background: url("/static/image/mabout.gif") !important;
        /*height: 13rem !important;*/
        background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat !important;
    padding-bottom: 53.5%;
    height: 0;
    width: 100%;
    }
    .mainlogo{width: 100.7px;height: 40px}
    .favorite ul li{width: 94%!important;margin: 3%;float: left;}
    .banner ul li{width: 94%!important;margin: 3%!important;float: left;}
    .logo{margin: 15px 0;max-height: 50px;width: 50%;}
    #p1{margin-top: 80px;}
    .favorite ul li p{display: none;}
    /*.header{background: #d73930;}*/
    .navcontrol {display: block;}
    .search_nav{margin: 0;min-height: 55px;width: 100%;}
    .scrollbar{display: none;}
    .search{display: none;}
    .navOneSouth{background: #fff;position: absolute;top:55px;margin: 0;width: 100%;display: none;}
    .navOneSouth ul li{width: 100%;margin:5px 0;border:0;padding:0;}
    .navOneSouth ul li a{color:#777;}
    .navOneSouth ul li span{display: none;}
    .listbox{display: none;}
    .mainlogo{float: left;margin: 10px;}
    #wlgs{display: none;}
    #nb_icon_wrap{display: none;}
}