body {
    min-width: 750px;
    font-size: 1.5rem;min-height: 100vh;
    position: relative;
}

footer{position: absolute;bottom: 0;left: 0;right: 0;}
.mfoot{height: 230px;}

/*响应式开始*/

#nav {
    background: rgba(0, 0, 0, 0.6);
    width: 150px;
    /*padding-bottom: 16px;*/
    margin-left: -20px;
    overflow:inherit !important;
}
.header .nav>ul>div#nav{
    padding-left:0px;
}
#nav ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none
}

#nav li:first-child {}

#nav li {
    padding-top: 0;
    /*line-height: 43px;*/

    width: 100%;
    clear: both;
    display: block;
    text-align: center;
    margin: 0;color: white !important;font-weight: normal !important;
}
#nav li a{color: white !important;font-weight: normal !important;}
#nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1
}

#nav.opened {
    max-height: 9999px !important;
}

.nav-toggle {
    background: red;
    line-height: 55px;
    display: -webkit-box;
    width: 60px;
    padding: 0 0;
    overflow: hidden;
    color: white;
    font-size: 30px;
    text-align: center;
    background: url(../images/menu.png) center no-repeat;
    background-size: 35px;
}

a.nav-toggle {
    display: block !important;
}
a.nav-toggle {
    text-decoration: none !important;
}

*:hover {
    text-decoration: none !important;
}

@media screen and (min-width:750px;
) {
    #nav {
        position: relative;
        max-height: none
    }
    .nav-toggle {
        display: none;
    }
}




#nav1 {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    /*overflow: hidden;*/
    zoom: 1
}

#nav1.opened {
    max-height: 9999px !important;
}

.nav-toggle {
    background: red;
    line-height: 55px;
    display: -webkit-box;
    width: 60px;
    padding: 0 0;
    overflow: hidden;
    color: white;
    font-size: 30px;
    text-align: center;
    background: url(../images/menu.png) center no-repeat;
    background-size: 35px;
}

a.nav1-toggle {
    display: block !important;
}
a.nav1-toggle {
    text-decoration: none !important;
}

*:hover {
    text-decoration: none !important;
}

@media screen and (min-width:750px;
) {
    .js1 #nav1 {
        position: relative;
        max-height: none
    }
    .nav1-toggle {
        display: none;
    }
}
/*响应式开始*/

#nav {
    background: rgba(0, 0, 0, 0.6);
    width: 150px;
    /*padding-bottom: 16px;*/
    margin-left: -20px;
    overflow:inherit !important;
}
.header .nav>ul>div#nav{
    padding-left:0px;
}
#nav ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none
}

#nav li:first-child {}

#nav li {
    padding-top: 0;
    /*line-height: 43px;*/

    width: 100%;
    clear: both;
    display: block;
    text-align: center;
    margin: 0;color: white !important;font-weight: normal !important;
}
#nav li a{color: white !important;font-weight: normal !important;}
.js #nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1
}

#nav.opened {
    max-height: 9999px !important;
}

.nav-toggle {
    background: red;
    line-height: 55px;
    display: -webkit-box;
    width: 60px;
    padding: 0 0;
    overflow: hidden;
    color: white;
    font-size: 30px;
    text-align: center;
    background: url(../images/menu.png) center no-repeat;
    background-size: 35px;
}

a.nav-toggle {
    display: block !important;
}
a.nav-toggle {
    text-decoration: none !important;
}

*:hover {
    text-decoration: none !important;
}

@media screen and (min-width:750px;
) {
    .js #nav {
        position: relative;
        max-height: none
    }
    .nav-toggle {
        display: none;
    }
}
/*

 */

#navbox{position: absolute;}
.header{height:150px;}
.header #navbox{height: 55px;}
.header .nav.opacity1{
    position: fixed !important;top: 0;z-index: 999999;background: #e60012; height: 55px;
}
.header .nav>ul {
    width: 750px;
    margin: 0 auto;
}
.header .nav>ul>div#nav{
    height: auto;
}
.header .nav>ul>div#nav>li {
    float: left;
    font-size: 18px;
    font-weight: normal;
    width: 100%;
    color: #ffffff;
    line-height: 60px;
    position: relative;
    text-align: center;
    cursor: pointer;
    background: rgba(181, 0, 9, 0.81);
}
.header .nav>ul>div#nav>li a {
    color: #ffffff;
    display: block;
}

.header .nav>ul>div#nav>li:hover {
    background: rgba(150, 0, 9, 0.81);
    /*border-bottom: 3px solid #b50009;*/
    /*color: #b50009;*/
}
.header .nav>ul>div#nav>li:hover a {
    /*background: rgba(0, 0, 0, 0.25);*/
    color: #ffffff;
}

.header .nav>ul>div#nav>li>ul {
    position: absolute;
    display: none;
    opacity: 0;left: 150px;
    top: 0;

}

.header .nav>ul>div#nav>li:hover>ul {
    width: 100%;
    display: block;
    /*top: 63px;*/
    font-weight: normal;
    animation: hideIndex 0.5s;
    -moz-animation: hideIndex  0.5s; /* Firefox */
    -webkit-animation: hideIndex  0.5s; /* Safari and Chrome */
    -o-animation: hideIndex  0.5s; /* Opera */
    opacity: 1;
}
@keyframes hideIndex{
    /*<!--具体细节自己可以调整-->*/
    0%{ opacity: 0; transform: translate(0,-80px) }
    100%{opacity: 1; transform: translate(0, 0) }
}
.header .nav>ul>div#nav>li>ul>li {
    background: rgba(181, 0, 9, 0.81);
    width: 100%;
    /*line-height: 45px;*/
}

.header .nav>ul>div#nav>li>ul>li:hover {
    background: rgba(150, 0, 9, 0.81);
}

.header .nav>ul>div#nav>li>ul>li a {
    color: white;
    font-size: 15px;
}
.header .nav>ul>div#nav>li:hover>ul>li a {
    color: white;
    font-size: 15px;
}

.header .nav>ul>div#nav>li>ul>li{position: relative;}
.header .nav>ul>div#nav>li>ul>li>ul{display: none; width: 150px;}
.header .nav>ul>div#nav>li:hover>ul>li:hover>a{display: block;}
.header .nav>ul>div#nav>li:hover>ul>li:hover{background: rgba(150, 0, 9, 0.81); cursor: pointer;}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul{display: block; position: absolute; z-index: 1; left: 150px; top: 0;}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li{position: relative;background: rgba(181, 0, 9, 0.88);}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li:hover{background: rgba(150, 0, 9, 0.88); }
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li>a{display: block;}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li>a:hover{}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li>ul{display: none; width: 150px;}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li:hover{background: rgba(150, 0, 9, 0.81); cursor: pointer;}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li:hover>ul{display: block; position: absolute; z-index: 1; left: 150px; top: 0;}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li:hover>ul>li{position: relative; background: rgba(181, 0, 9, 0.95);}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li:hover>ul>li:hover{background: rgba(150, 0, 9, 0.95); }
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li:hover>ul>li>a{display: block;}
.header .nav>ul>div#nav>li:hover>ul>li:hover>ul>li:hover>ul>li>a:hover{}
.header .nav>ul>div#nav>li>ul>form {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    line-height: 45px;margin-left:calc(112.5px - 250px); width: 250px;
}
.header .nav>ul>div#nav>li>ul>form input{
    width: 201px; padding-left:10px; outline:none;margin-right: -1px;
}
.header .nav>ul>div#nav>li>ul>form button{
    width: 50px;
}
.header .nav>ul>div#nav>li>ul>form button i{
    font-size: 22px;
}
a.nav-toggle {
    display: none;
}
/*

 */
.header .nav ul li.logo {    margin-top: 0;}
.header .nav ul li.logo img.logo1{margin: 15px 0 15px 10px;}
.search{padding-top: 30px; padding-right: 0;width: 417px;
    float: right;}
.searchBar{height: auto;}
    .member{padding-right: 0;display: none;}
    .nav_member{display: block;    float: right;    line-height: 55px;    color: white;    font-size: 18px;}
    .nav_member a{padding: 0 10px;}
    .nav_member *{color: white;}
.hotkey{display: none;}
.header .nav>ul{width: 750px;}

.header .nav>ul>div#nav>li:first-child{
    margin-left: 0;
}
.banner{width: 750px;height: 187.5px;}
.banner img{width: 750px; height: 187.5px;}
.banner.small{height: 93.75px;}
.banner.small img{width: 750px; height: 93.75px;}
.bodyer .v2title{width: 750px;}
.bodyer .body{width: 750px;}
.bodyer{width: 750px; margin: auto;}


.catePro ul{float: left;width: 48.5%;margin-right: 3%;}
.catePro ul:nth-child(2){margin-right: 0% !important;}
.catePro ul:nth-child(3){margin-right: 3% !important;}
.catePro ul:nth-child(4){margin-right: 0% !important;}
.catePro ul:nth-child(6){margin-right: 0% !important;}
.catePro ul:nth-child(3){margin-top: 20px !important;}
.catePro ul:nth-child(4){margin-top: 20px !important;}
.catePro ul:nth-child(5){margin-top: 20px !important;}
.catePro ul:nth-child(6){margin-top: 20px !important;}

.index_category ul{height:140px;width: 750px; margin: 15px auto 0;}
.index_category ul li{height:140px;}
.index_category ul li .icon{margin: 15px 20px 0;}

.index-products{}
.index-products>ul{float: left;width: 48.5%; margin-top: 20px;}
.index-products ul{margin-right: 3%;}
.index-products ul:nth-child(2){margin-right: 0;}
.index-products ul:nth-child(3){margin-right: 3%;}
.index-products ul:nth-child(4){margin-right: 0;}
.index-products ul:nth-child(6){margin-right: 0;}
.button1{padding: 10px 13px;}
.button2{padding: 10px 13px;}

.index_news{width: 750px; margin: auto; margin-top: 20px;}
.index_news>ul{float: left;width: 750px; border:1px solid #eee;}
.index_news>ul:last-child{margin-top: 25px;}
.index_news>ul .newslist{width: 750px;}
.index_news>ul:nth-child(2){margin-top: 20px;margin-left:0;}
.index_news>ul .newslist img{width: 710px; height: 152px;}
.title2 {
    width: 750px;
}
#search1{display: none;}
.content{width: 750px;}
.newstitle{width: 600px;}
.jhyh-body-right{width: 750px; margin-left: 0;}
.leftcategorybox{margin-top: -60px;    position: absolute;
    z-index: 1;}

.leftcategory{}
.leftcategorybox .nav-toggle{
    background: url(../images/category.png) center no-repeat;
    background-size: 35px;
    }
.header .nav {min-width: 750px;}
.bread{width: 750px;}
.bread .right{display: none;}

  .jhyh-products{width: 750px;  padding-top: 0; margin-left: 0;}
  .jhyh-products .img{width: 160px;}
  .jhyh-products .img img{width: 160px;height: 215px;}
  .jhyh-products .isbn{margin-left: 160px; height: 215px; padding:0 0 0 15px;text-align: justify; position: relative;}
  .jhyh-products .isbn h4{font-size: 17px; line-height: 38px;padding-bottom: 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .jhyh-products .isbn p{color: #898989;font-size: 12px;line-height: 24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .jhyh-products .isbn .pubdate{display: none;}
  .jhyh-products .button1{padding: 10px 13px; margin-right: 15px; line-height: 20px; font-size: 15px; display: inline-table;}
.jhyh-products .button2{padding: 10px 13px;line-height: 20px; font-size: 15px; display: inline-table;}

.footer-big{min-width: 750px;}
.footer-big .links{width: 750px;    margin-bottom: 10px;}
.hestia-bottom-footer-content {
    width: 750px;margin: auto;
}
.footer .container{width: 750px;}
.hestia-bottom-footer-content .footlogo{display: none;}
.hestia-bottom-footer-content .footqrcode{display: none;}
  .catelog{display: none;}
  .float{display: none;}